1
1
< div class ="relative " [ngClass] ="dropdownOptions.buttonVersion == 'default' ? ' w-max' : '' ">
2
- < button #dropdownOpenButton type ="button " [attr.data-tip] ="dropdownOptions.buttonTooltip " *ngIf ="dropdownOptions.buttonVersion == 'default' "
2
+ < button #dropdownOpenButton type ="button " [attr.data-tip] ="dropdownOptions.buttonTooltip "
3
+ *ngIf ="dropdownOptions.buttonVersion == 'default' "
3
4
class ="inline-flex rounded-md border shadow-sm px-4 items-center text-xs font-semibold cursor-pointer focus:ring-offset-2 focus:ring-offset-gray-400 "
4
5
id ="menu-button " aria-expanded ="true " aria-haspopup ="true " [disabled] ="dropdownOptions.isDisabled "
5
6
[ngClass] ="buttonClassList " (isMenuOpen) ="toggleVisible($event, dropdownOptionsDiv) " appDropdown >
18
19
</ svg >
19
20
</ button >
20
21
21
- < svg *ngIf ="dropdownOptions.buttonVersion== '...' " (isMenuOpen) ="toggleVisible($event, dropdownOptionsDiv) " appDropdown
22
- xmlns ="http://www.w3.org/2000/svg "
23
- class ="h-5 w-5 float-right cursor-pointer text-gray-500 " viewBox ="0 0 20 20 "
24
- fill ="currentColor ">
25
- < path
26
- d ="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z " />
22
+ < svg *ngIf ="dropdownOptions.buttonVersion== '...' " (isMenuOpen) ="toggleVisible($event, dropdownOptionsDiv) "
23
+ appDropdown xmlns ="http://www.w3.org/2000/svg " class ="h-5 w-5 float-right cursor-pointer text-gray-500 "
24
+ viewBox ="0 0 20 20 " fill ="currentColor ">
25
+ < path d ="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z " />
27
26
</ svg >
28
27
< a *ngIf ="dropdownOptions.buttonVersion== 'userIcon' " tabindex ="0 " class ="w-full cursor-pointer ">
29
- < div data-intercom-target ="User Avatar Button " (isMenuOpen) ="toggleVisible($event, dropdownOptionsDiv) " appDropdown >
28
+ < div data-intercom-target ="User Avatar Button " (isMenuOpen) ="toggleVisible($event, dropdownOptionsDiv) "
29
+ appDropdown >
30
30
< img class ="h-8 w-8 " [src] ="dropdownOptions.avatarUri ">
31
31
</ div >
32
32
</ a >
33
33
34
34
< div #dropdownOptionsDiv
35
35
class ="origin-top-right absolute mt-2 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none hidden "
36
- [ngClass] ="[dropdownClassList, dropdownOptions.isButtonSampleProjects ? 'width-sample-projects' : '', dropdownOptions.buttonVersion != '...' ? 'min-w-full': ''] "
36
+ [ngClass] ="[dropdownClassList, dropdownOptions.isButtonSampleProjects ? 'width-sample-projects' : '', dropdownOptions.buttonVersion != '...' ? 'min-w-full': ''] "
37
37
role ="menu " aria-orientation ="vertical " aria-labelledby ="menu-button " tabindex ="-1 ">
38
38
< div class ="py-1 cursor-pointer " role ="none ">
39
39
< div *ngFor ="let caption of dropdownOptionCaptions;let i = index " (click) ="performActionOnOption($event,i) "
40
40
[ngClass] ="[dropdownOptions.textSize,dropdownOptions.textColor,dropdownOptions.optionDescriptions ? '' : 'flex' ,dropdownOptions.isOptionDisabled?.length && dropdownOptions.isOptionDisabled[i]?'opacity-50 cursor-not-allowed':'',!dropdownOptions.hasCheckboxes ? dropdownOptions.hoverColor + ' ' +dropdownOptions.textHoverColor:'', dropdownOptions.isModelDownloaded?.length && dropdownOptions.isModelDownloaded[i] ? 'text-green-700 hover:text-lime-300': ''] "
41
41
[ngStyle] ="{'border-bottom': dropdownOptions.isButtonSampleProjects && i%2 == 0 && i!=dropdownOptionCaptions.length-1 ? '1px dashed #e2e8f0' : (dropdownOptions.isButtonSampleProjects && i%2 != 0 && i!=dropdownOptionCaptions.length-1 ? '1px solid #e2e8f0' : null) } "
42
- class ="block px-2 py-1.5 flex-row flex-nowrap items-center gap-x-2 w-max min-w-full "
43
- role =" menuitem " tabindex ="-1 " id ="menu-item-0 ">
42
+ class ="block px-2 py-1.5 flex-row flex-nowrap items-center gap-x-2 w-max min-w-full " role =" menuitem "
43
+ tabindex ="-1 " id ="menu-item-0 ">
44
44
< ng-template [ngIf] ="dropdownOptions.hasCheckboxes ">
45
45
< div class ="h-4 w-4 border-gray-300 border rounded hover:bg-gray-200 "
46
46
[ngStyle] ="{'background-color':getActiveNegateGroupColor(dropdownOptions.optionArray[i]), 'border-color':getActiveNegateGroupColor(dropdownOptions.optionArray[i])} ">
53
53
</ ng-template >
54
54
{{ caption }}
55
55
56
- < p *ngIf ="dropdownOptions.optionDescriptions && dropdownOptions.optionDescriptions[i] != '' " class ="mt-2 ">
56
+ < p *ngIf ="dropdownOptions.optionDescriptions && dropdownOptions.optionDescriptions[i] != '' "
57
+ class ="mt-2 ">
57
58
{{dropdownOptions.optionDescriptions[i]}}
58
59
</ p >
59
60
</ div >
67
68
< ng-template ngSwitchDefault >
68
69
</ ng-template >
69
70
< ng-template ngSwitchCase ="clickbait ">
70
- < svg xmlns ="http://www.w3.org/2000/svg " class ="icon icon-tabler icon-tabler-fish-hook inline-block " width =" 20 "
71
- height ="20 " viewBox ="0 0 24 24 " stroke-width ="2 " stroke ="currentColor " fill ="none "
71
+ < svg xmlns ="http://www.w3.org/2000/svg " class ="icon icon-tabler icon-tabler-fish-hook inline-block "
72
+ width =" 20 " height ="20 " viewBox ="0 0 24 24 " stroke-width ="2 " stroke ="currentColor " fill ="none "
72
73
stroke-linecap ="round " stroke-linejoin ="round ">
73
74
< path stroke ="none " d ="M0 0h24v24H0z " fill ="none "> </ path >
74
75
< path d ="M16 9v6a5 5 0 0 1 -10 0v-4l3 3 "> </ path >
77
78
</ svg >
78
79
</ ng-template >
79
80
< ng-template ngSwitchCase ="conversational-ai ">
80
- < svg xmlns ="http://www.w3.org/2000/svg " class ="icon icon-tabler icon-tabler-message-circle inline-block " width =" 20 "
81
- height ="20 " viewBox ="0 0 24 24 " stroke-width ="2 " stroke ="currentColor " fill ="none "
81
+ < svg xmlns ="http://www.w3.org/2000/svg " class ="icon icon-tabler icon-tabler-message-circle inline-block "
82
+ width =" 20 " height ="20 " viewBox ="0 0 24 24 " stroke-width ="2 " stroke ="currentColor " fill ="none "
82
83
stroke-linecap ="round " stroke-linejoin ="round ">
83
84
< path stroke ="none " d ="M0 0h24v24H0z " fill ="none "> </ path >
84
85
< path d ="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1 "> </ path >
88
89
</ svg >
89
90
</ ng-template >
90
91
< ng-template ngSwitchCase ="ag-news ">
91
- < svg xmlns ="http://www.w3.org/2000/svg " class ="icon icon-tabler icon-tabler-news inline-block " width ="20 " height =" 20 "
92
- viewBox ="0 0 24 24 " stroke-width ="2 " stroke ="currentColor " fill ="none " stroke-linecap =" round "
93
- stroke-linejoin ="round ">
92
+ < svg xmlns ="http://www.w3.org/2000/svg " class ="icon icon-tabler icon-tabler-news inline-block " width ="20 "
93
+ height =" 20 " viewBox ="0 0 24 24 " stroke-width ="2 " stroke ="currentColor " fill ="none "
94
+ stroke-linecap =" round " stroke- linejoin ="round ">
94
95
< path stroke ="none " d ="M0 0h24v24H0z " fill ="none "> </ path >
95
96
< path
96
97
d ="M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1 -4 0v-13a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1v12a3 3 0 0 0 3 3h11 ">
159
160
</ svg >
160
161
</ ng-template >
161
162
< ng-template ngSwitchCase ="delete-selected ">
162
- < svg xmlns ="http://www.w3.org/2000/svg " class ="h-5 w-5 inline-block " fill ="none "
163
- viewBox =" 0 0 24 24 " stroke ="currentColor " stroke-width ="2 ">
163
+ < svg xmlns ="http://www.w3.org/2000/svg " class ="h-5 w-5 inline-block " fill ="none " viewBox =" 0 0 24 24 "
164
+ stroke ="currentColor " stroke-width ="2 ">
164
165
< path stroke-linecap ="round " stroke-linejoin ="round "
165
166
d ="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16 " />
166
167
</ svg >
167
168
</ ng-template >
168
169
< ng-template ngSwitchCase ="labeling-function ">
169
- < svg xmlns ="http://www.w3.org/2000/svg " class ="h-5 w-5 inline-block "
170
- viewBox =" 0 0 20 20 " fill ="currentColor ">
170
+ < svg xmlns ="http://www.w3.org/2000/svg " class ="h-5 w-5 inline-block " viewBox =" 0 0 20 20 "
171
+ fill ="currentColor ">
171
172
< path fill-rule ="evenodd "
172
173
d ="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z "
173
174
clip-rule ="evenodd " />
174
175
</ svg >
175
176
</ ng-template >
176
177
177
178
< ng-template ngSwitchCase ="active-learning ">
178
- < svg xmlns ="http://www.w3.org/2000/svg " class ="h-5 w-5 inline-block "
179
- viewBox =" 0 0 20 20 " fill ="currentColor ">
179
+ < svg xmlns ="http://www.w3.org/2000/svg " class ="h-5 w-5 inline-block " viewBox =" 0 0 20 20 "
180
+ fill ="currentColor ">
180
181
< path fill-rule ="evenodd "
181
182
d ="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z "
182
183
clip-rule ="evenodd " />
183
184
</ svg >
184
185
</ ng-template >
185
186
186
187
< ng-template ngSwitchCase ="zero-shot ">
187
- < svg xmlns ="http://www.w3.org/2000/svg " class ="h-5 w-5 inline-block "
188
- viewBox =" 0 0 20 20 " fill ="currentColor ">
188
+ < svg xmlns ="http://www.w3.org/2000/svg " class ="h-5 w-5 inline-block " viewBox =" 0 0 20 20 "
189
+ fill ="currentColor ">
189
190
< path fill-rule ="evenodd "
190
191
d ="M5 2a1 1 0 011 1v1h1a1 1 0 010 2H6v1a1 1 0 01-2 0V6H3a1 1 0 010-2h1V3a1 1 0 011-1zm0 10a1 1 0 011 1v1h1a1 1 0 110 2H6v1a1 1 0 11-2 0v-1H3a1 1 0 110-2h1v-1a1 1 0 011-1zM12 2a1 1 0 01.967.744L14.146 7.2 17.5 9.134a1 1 0 010 1.732l-3.354 1.935-1.18 4.455a1 1 0 01-1.933 0L9.854 12.8 6.5 10.866a1 1 0 010-1.732l3.354-1.935 1.18-4.455A1 1 0 0112 2z "
191
192
clip-rule ="evenodd " />
192
193
</ svg >
193
194
</ ng-template >
195
+ < ng-template ngSwitchCase ="crowd-labeling ">
196
+ < svg xmlns ="http://www.w3.org/2000/svg " class ="h-5 w-5 inline-block " viewBox ="0 0 24 24 " stroke-width ="2 "
197
+ stroke ="currentColor " fill ="none " stroke-linecap ="round " stroke-linejoin ="round ">
198
+ < path stroke ="none " d ="M0 0h24v24H0z " fill ="none "> </ path >
199
+ < circle cx ="9 " cy ="7 " r ="4 "> </ circle >
200
+ < path d ="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2 "> </ path >
201
+ < path d ="M16 3.13a4 4 0 0 1 0 7.75 "> </ path >
202
+ < path d ="M21 21v-2a4 4 0 0 0 -3 -3.85 "> </ path >
203
+ </ svg >
204
+ </ ng-template >
194
205
</ ng-container >
195
206
196
207
</ ng-template >
0 commit comments