carbon-components-angular 5.55.0 → 5.56.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/documentation/components/Dropdown.html +504 -152
- package/docs/documentation/coverage.html +3 -3
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/CodeSnippetModule/dependencies.svg +4 -4
- package/docs/documentation/modules/CodeSnippetModule.html +4 -4
- package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ComboBoxModule.html +4 -4
- package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +4 -4
- package/docs/documentation/modules/DatePickerInputModule.html +4 -4
- package/docs/documentation/modules/DatePickerModule/dependencies.svg +4 -4
- package/docs/documentation/modules/DatePickerModule.html +4 -4
- package/docs/documentation/modules/FileUploaderModule/dependencies.svg +34 -34
- package/docs/documentation/modules/FileUploaderModule.html +34 -34
- package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NFormsModule.html +4 -4
- package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NumberModule.html +4 -4
- package/docs/documentation/modules/RadioModule/dependencies.svg +61 -57
- package/docs/documentation/modules/RadioModule.html +61 -57
- package/docs/documentation/modules/SearchModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SearchModule.html +4 -4
- package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SliderModule.html +4 -4
- package/docs/documentation/modules/StructuredListModule/dependencies.svg +66 -66
- package/docs/documentation/modules/StructuredListModule.html +66 -66
- package/docs/documentation/modules/TagModule/dependencies.svg +37 -37
- package/docs/documentation/modules/TagModule.html +37 -37
- package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ThemeModule.html +4 -4
- package/docs/documentation/modules/TilesModule/dependencies.svg +91 -91
- package/docs/documentation/modules/TilesModule.html +91 -91
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TimePickerModule.html +4 -4
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +46 -42
- package/docs/documentation/modules/TimePickerSelectModule.html +46 -42
- package/docs/documentation/modules/ToggleModule/dependencies.svg +46 -42
- package/docs/documentation/modules/ToggleModule.html +46 -42
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +39 -39
- package/docs/documentation/modules/ToggletipModule.html +39 -39
- package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
- package/docs/documentation/modules/TooltipModule.html +28 -28
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +37 -37
- package/docs/documentation/modules/TreeviewModule.html +37 -37
- package/docs/documentation.json +288 -155
- package/docs/storybook/3224.9896492c.iframe.bundle.js +1 -0
- package/docs/storybook/{dropdown-dropdown-stories.03c37214.iframe.bundle.js → dropdown-dropdown-stories.0a8f052e.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/index.json +1 -1
- package/docs/storybook/{main.fd9128ab.iframe.bundle.js → main.848bbb16.iframe.bundle.js} +1 -1
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.d4ace00c.iframe.bundle.js → runtime~main.e82ba84b.iframe.bundle.js} +1 -1
- package/docs/storybook/stories.json +1 -1
- package/dropdown/dropdown.component.d.ts +12 -3
- package/esm2020/dropdown/dropdown.component.mjs +79 -37
- package/fesm2015/carbon-components-angular-dropdown.mjs +79 -37
- package/fesm2015/carbon-components-angular-dropdown.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-dropdown.mjs +79 -37
- package/fesm2020/carbon-components-angular-dropdown.mjs.map +1 -1
- package/package.json +1 -1
- package/docs/storybook/3224.c0834124.iframe.bundle.js +0 -1
|
@@ -198,7 +198,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
198
198
|
<div
|
|
199
199
|
class="cds--list-box"
|
|
200
200
|
[ngClass]="{
|
|
201
|
-
'cds--dropdown': type !== 'multi'
|
|
201
|
+
'cds--dropdown': type !== 'multi' && !(skeleton && fluid),
|
|
202
202
|
'cds--multiselect': type === 'multi',
|
|
203
203
|
'cds--multi-select--selected': type === 'multi' && getSelectedCount() > 0,
|
|
204
204
|
'cds--dropdown--light': theme === 'light',
|
|
@@ -212,8 +212,11 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
212
212
|
'cds--dropdown--sm cds--list-box--sm': size === 'sm',
|
|
213
213
|
'cds--dropdown--md cds--list-box--md': size === 'md',
|
|
214
214
|
'cds--dropdown--lg cds--list-box--lg': size === 'lg',
|
|
215
|
-
'cds--list-box--expanded': !menuIsClosed
|
|
216
|
-
|
|
215
|
+
'cds--list-box--expanded': !menuIsClosed,
|
|
216
|
+
'cds--list-box--invalid': invalid
|
|
217
|
+
}"
|
|
218
|
+
[attr.data-invalid]="invalid ? true : null">
|
|
219
|
+
<div *ngIf="skeleton && fluid" class="cds--list-box__label"></div>
|
|
217
220
|
<button
|
|
218
221
|
#dropdownButton
|
|
219
222
|
[id]="id"
|
|
@@ -225,7 +228,8 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
225
228
|
[attr.aria-readonly]="readonly"
|
|
226
229
|
aria-haspopup="listbox"
|
|
227
230
|
(click)="disabled || readonly ? $event.stopPropagation() : toggleMenu()"
|
|
228
|
-
(
|
|
231
|
+
(focus)="fluid ? handleFocus($event) : null"
|
|
232
|
+
(blur)="fluid ? handleFocus($event) : onBlur()"
|
|
229
233
|
[attr.disabled]="disabled ? true : null">
|
|
230
234
|
<div
|
|
231
235
|
(click)="clearSelected()"
|
|
@@ -254,18 +258,6 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
254
258
|
[ngTemplateOutletContext]="getRenderTemplateContext()"
|
|
255
259
|
[ngTemplateOutlet]="displayValue">
|
|
256
260
|
</ng-template>
|
|
257
|
-
<svg
|
|
258
|
-
*ngIf="invalid"
|
|
259
|
-
class="cds--dropdown__invalid-icon"
|
|
260
|
-
cdsIcon="warning--filled"
|
|
261
|
-
size="16">
|
|
262
|
-
</svg>
|
|
263
|
-
<svg
|
|
264
|
-
*ngIf="!invalid && warn"
|
|
265
|
-
cdsIcon="warning--alt--filled"
|
|
266
|
-
size="16"
|
|
267
|
-
class="cds--list-box__invalid-icon cds--list-box__invalid-icon--warning">
|
|
268
|
-
</svg>
|
|
269
261
|
<span class="cds--list-box__menu-icon">
|
|
270
262
|
<svg
|
|
271
263
|
*ngIf="!skeleton"
|
|
@@ -276,6 +268,18 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
276
268
|
</svg>
|
|
277
269
|
</span>
|
|
278
270
|
</button>
|
|
271
|
+
<svg
|
|
272
|
+
*ngIf="invalid"
|
|
273
|
+
class="cds--list-box__invalid-icon"
|
|
274
|
+
cdsIcon="warning--filled"
|
|
275
|
+
size="16">
|
|
276
|
+
</svg>
|
|
277
|
+
<svg
|
|
278
|
+
*ngIf="!invalid && warn"
|
|
279
|
+
cdsIcon="warning--alt--filled"
|
|
280
|
+
size="16"
|
|
281
|
+
class="cds--list-box__invalid-icon cds--list-box__invalid-icon--warning">
|
|
282
|
+
</svg>
|
|
279
283
|
<div
|
|
280
284
|
#dropdownMenu
|
|
281
285
|
[ngClass]="{
|
|
@@ -284,8 +288,9 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
284
288
|
<ng-content *ngIf="!menuIsClosed"></ng-content>
|
|
285
289
|
</div>
|
|
286
290
|
</div>
|
|
291
|
+
<hr *ngIf="fluid" class="cds--list-box__divider" />
|
|
287
292
|
<div
|
|
288
|
-
*ngIf="helperText && !invalid && !warn && !skeleton"
|
|
293
|
+
*ngIf="helperText && !invalid && !warn && !skeleton && !fluid"
|
|
289
294
|
class="cds--form__helper-text"
|
|
290
295
|
[ngClass]="{
|
|
291
296
|
'cds--form__helper-text--disabled': disabled
|
|
@@ -331,6 +336,10 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
331
336
|
<li>
|
|
332
337
|
<a href="#_dropUp" >_dropUp</a>
|
|
333
338
|
</li>
|
|
339
|
+
<li>
|
|
340
|
+
<span class="modifier">Protected</span>
|
|
341
|
+
<a href="#_isFocused" >_isFocused</a>
|
|
342
|
+
</li>
|
|
334
343
|
<li>
|
|
335
344
|
<span class="modifier">Private</span>
|
|
336
345
|
<a href="#_writtenValue" >_writtenValue</a>
|
|
@@ -351,6 +360,10 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
351
360
|
<span class="modifier"></span>
|
|
352
361
|
<a href="#hostClass" >hostClass</a>
|
|
353
362
|
</li>
|
|
363
|
+
<li>
|
|
364
|
+
<span class="modifier"></span>
|
|
365
|
+
<a href="#hostWrapperClass" >hostWrapperClass</a>
|
|
366
|
+
</li>
|
|
354
367
|
<li>
|
|
355
368
|
<a href="#keyboardNav" >keyboardNav</a>
|
|
356
369
|
</li>
|
|
@@ -436,6 +449,9 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
436
449
|
<li>
|
|
437
450
|
<a href="#getSelectedCount" >getSelectedCount</a>
|
|
438
451
|
</li>
|
|
452
|
+
<li>
|
|
453
|
+
<a href="#handleFocus" >handleFocus</a>
|
|
454
|
+
</li>
|
|
439
455
|
<li>
|
|
440
456
|
<a href="#isRenderString" >isRenderString</a>
|
|
441
457
|
</li>
|
|
@@ -513,6 +529,9 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
513
529
|
<li>
|
|
514
530
|
<a href="#dropUp" >dropUp</a>
|
|
515
531
|
</li>
|
|
532
|
+
<li>
|
|
533
|
+
<a href="#fluid" >fluid</a>
|
|
534
|
+
</li>
|
|
516
535
|
<li>
|
|
517
536
|
<a href="#helperText" >helperText</a>
|
|
518
537
|
</li>
|
|
@@ -609,6 +628,15 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
609
628
|
<li>
|
|
610
629
|
<a href="#class.cds--dropdown__wrapper" >class.cds--dropdown__wrapper</a>
|
|
611
630
|
</li>
|
|
631
|
+
<li>
|
|
632
|
+
<a href="#class.cds--list-box__wrapper" >class.cds--list-box__wrapper</a>
|
|
633
|
+
</li>
|
|
634
|
+
<li>
|
|
635
|
+
<a href="#class.cds--list-box__wrapper--fluid--focus" >class.cds--list-box__wrapper--fluid--focus</a>
|
|
636
|
+
</li>
|
|
637
|
+
<li>
|
|
638
|
+
<a href="#class.cds--list-box__wrapper--fluid--invalid" >class.cds--list-box__wrapper--fluid--invalid</a>
|
|
639
|
+
</li>
|
|
612
640
|
</ul>
|
|
613
641
|
</td>
|
|
614
642
|
</tr>
|
|
@@ -636,6 +664,12 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
636
664
|
<tr>
|
|
637
665
|
<td class="col-md-4">
|
|
638
666
|
<ul class="index-list">
|
|
667
|
+
<li>
|
|
668
|
+
<a href="#fluidInvalidClass" >fluidInvalidClass</a>
|
|
669
|
+
</li>
|
|
670
|
+
<li>
|
|
671
|
+
<a href="#fluidFocusClass" >fluidFocusClass</a>
|
|
672
|
+
</li>
|
|
639
673
|
<li>
|
|
640
674
|
<a href="#writtenValue" >writtenValue</a>
|
|
641
675
|
</li>
|
|
@@ -657,7 +691,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
657
691
|
</tr>
|
|
658
692
|
<tr>
|
|
659
693
|
<td class="col-md-4">
|
|
660
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
694
|
+
<div class="io-line">Defined in <a href="" data-line="377" class="link-to-prism">src/dropdown/dropdown.component.ts:377</a></div>
|
|
661
695
|
</td>
|
|
662
696
|
</tr>
|
|
663
697
|
|
|
@@ -756,7 +790,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
756
790
|
</tr>
|
|
757
791
|
<tr>
|
|
758
792
|
<td class="col-md-2" colspan="2">
|
|
759
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
793
|
+
<div class="io-line">Defined in <a href="" data-line="288" class="link-to-prism">src/dropdown/dropdown.component.ts:288</a></div>
|
|
760
794
|
</td>
|
|
761
795
|
</tr>
|
|
762
796
|
<tr>
|
|
@@ -788,7 +822,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
788
822
|
</tr>
|
|
789
823
|
<tr>
|
|
790
824
|
<td class="col-md-2" colspan="2">
|
|
791
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
825
|
+
<div class="io-line">Defined in <a href="" data-line="234" class="link-to-prism">src/dropdown/dropdown.component.ts:234</a></div>
|
|
792
826
|
</td>
|
|
793
827
|
</tr>
|
|
794
828
|
<tr>
|
|
@@ -820,7 +854,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
820
854
|
</tr>
|
|
821
855
|
<tr>
|
|
822
856
|
<td class="col-md-2" colspan="2">
|
|
823
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
857
|
+
<div class="io-line">Defined in <a href="" data-line="268" class="link-to-prism">src/dropdown/dropdown.component.ts:268</a></div>
|
|
824
858
|
</td>
|
|
825
859
|
</tr>
|
|
826
860
|
<tr>
|
|
@@ -852,7 +886,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
852
886
|
</tr>
|
|
853
887
|
<tr>
|
|
854
888
|
<td class="col-md-2" colspan="2">
|
|
855
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
889
|
+
<div class="io-line">Defined in <a href="" data-line="252" class="link-to-prism">src/dropdown/dropdown.component.ts:252</a></div>
|
|
856
890
|
</td>
|
|
857
891
|
</tr>
|
|
858
892
|
<tr>
|
|
@@ -884,7 +918,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
884
918
|
</tr>
|
|
885
919
|
<tr>
|
|
886
920
|
<td class="col-md-2" colspan="2">
|
|
887
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
921
|
+
<div class="io-line">Defined in <a href="" data-line="230" class="link-to-prism">src/dropdown/dropdown.component.ts:230</a></div>
|
|
888
922
|
</td>
|
|
889
923
|
</tr>
|
|
890
924
|
<tr>
|
|
@@ -911,12 +945,44 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
911
945
|
</tr>
|
|
912
946
|
<tr>
|
|
913
947
|
<td class="col-md-2" colspan="2">
|
|
914
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
948
|
+
<div class="io-line">Defined in <a href="" data-line="318" class="link-to-prism">src/dropdown/dropdown.component.ts:318</a></div>
|
|
915
949
|
</td>
|
|
916
950
|
</tr>
|
|
917
951
|
<tr>
|
|
918
952
|
<td class="col-md-4">
|
|
919
953
|
<div class="io-description"><p>Overrides the automatic dropUp.</p>
|
|
954
|
+
</div>
|
|
955
|
+
</td>
|
|
956
|
+
</tr>
|
|
957
|
+
</tbody>
|
|
958
|
+
</table>
|
|
959
|
+
<table class="table table-sm table-bordered">
|
|
960
|
+
<tbody>
|
|
961
|
+
<tr>
|
|
962
|
+
<td class="col-md-4">
|
|
963
|
+
<a name="fluid"></a>
|
|
964
|
+
<b>fluid</b>
|
|
965
|
+
</td>
|
|
966
|
+
</tr>
|
|
967
|
+
<tr>
|
|
968
|
+
<td class="col-md-4">
|
|
969
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
970
|
+
|
|
971
|
+
</td>
|
|
972
|
+
</tr>
|
|
973
|
+
<tr>
|
|
974
|
+
<td class="col-md-4">
|
|
975
|
+
<i>Default value : </i><code>false</code>
|
|
976
|
+
</td>
|
|
977
|
+
</tr>
|
|
978
|
+
<tr>
|
|
979
|
+
<td class="col-md-2" colspan="2">
|
|
980
|
+
<div class="io-line">Defined in <a href="" data-line="351" class="link-to-prism">src/dropdown/dropdown.component.ts:351</a></div>
|
|
981
|
+
</td>
|
|
982
|
+
</tr>
|
|
983
|
+
<tr>
|
|
984
|
+
<td class="col-md-4">
|
|
985
|
+
<div class="io-description"><p>Experimental: enable fluid state</p>
|
|
920
986
|
</div>
|
|
921
987
|
</td>
|
|
922
988
|
</tr>
|
|
@@ -938,7 +1004,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
938
1004
|
</tr>
|
|
939
1005
|
<tr>
|
|
940
1006
|
<td class="col-md-2" colspan="2">
|
|
941
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1007
|
+
<div class="io-line">Defined in <a href="" data-line="222" class="link-to-prism">src/dropdown/dropdown.component.ts:222</a></div>
|
|
942
1008
|
</td>
|
|
943
1009
|
</tr>
|
|
944
1010
|
<tr>
|
|
@@ -970,7 +1036,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
970
1036
|
</tr>
|
|
971
1037
|
<tr>
|
|
972
1038
|
<td class="col-md-2" colspan="2">
|
|
973
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1039
|
+
<div class="io-line">Defined in <a href="" data-line="218" class="link-to-prism">src/dropdown/dropdown.component.ts:218</a></div>
|
|
974
1040
|
</td>
|
|
975
1041
|
</tr>
|
|
976
1042
|
<tr>
|
|
@@ -1002,7 +1068,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
1002
1068
|
</tr>
|
|
1003
1069
|
<tr>
|
|
1004
1070
|
<td class="col-md-2" colspan="2">
|
|
1005
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1071
|
+
<div class="io-line">Defined in <a href="" data-line="210" class="link-to-prism">src/dropdown/dropdown.component.ts:210</a></div>
|
|
1006
1072
|
</td>
|
|
1007
1073
|
</tr>
|
|
1008
1074
|
</tbody>
|
|
@@ -1028,7 +1094,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
1028
1094
|
</tr>
|
|
1029
1095
|
<tr>
|
|
1030
1096
|
<td class="col-md-2" colspan="2">
|
|
1031
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1097
|
+
<div class="io-line">Defined in <a href="" data-line="264" class="link-to-prism">src/dropdown/dropdown.component.ts:264</a></div>
|
|
1032
1098
|
</td>
|
|
1033
1099
|
</tr>
|
|
1034
1100
|
<tr>
|
|
@@ -1060,7 +1126,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
1060
1126
|
</tr>
|
|
1061
1127
|
<tr>
|
|
1062
1128
|
<td class="col-md-2" colspan="2">
|
|
1063
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1129
|
+
<div class="io-line">Defined in <a href="" data-line="272" class="link-to-prism">src/dropdown/dropdown.component.ts:272</a></div>
|
|
1064
1130
|
</td>
|
|
1065
1131
|
</tr>
|
|
1066
1132
|
<tr>
|
|
@@ -1087,7 +1153,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
1087
1153
|
</tr>
|
|
1088
1154
|
<tr>
|
|
1089
1155
|
<td class="col-md-2" colspan="2">
|
|
1090
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1156
|
+
<div class="io-line">Defined in <a href="" data-line="276" class="link-to-prism">src/dropdown/dropdown.component.ts:276</a></div>
|
|
1091
1157
|
</td>
|
|
1092
1158
|
</tr>
|
|
1093
1159
|
<tr>
|
|
@@ -1114,7 +1180,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
1114
1180
|
</tr>
|
|
1115
1181
|
<tr>
|
|
1116
1182
|
<td class="col-md-2" colspan="2">
|
|
1117
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1183
|
+
<div class="io-line">Defined in <a href="" data-line="297" class="link-to-prism">src/dropdown/dropdown.component.ts:297</a></div>
|
|
1118
1184
|
</td>
|
|
1119
1185
|
</tr>
|
|
1120
1186
|
<tr>
|
|
@@ -1141,7 +1207,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
1141
1207
|
</tr>
|
|
1142
1208
|
<tr>
|
|
1143
1209
|
<td class="col-md-2" colspan="2">
|
|
1144
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1210
|
+
<div class="io-line">Defined in <a href="" data-line="214" class="link-to-prism">src/dropdown/dropdown.component.ts:214</a></div>
|
|
1145
1211
|
</td>
|
|
1146
1212
|
</tr>
|
|
1147
1213
|
<tr>
|
|
@@ -1173,7 +1239,7 @@ contained within a scrolling container it will try to open in the body, or an <c
|
|
|
1173
1239
|
</tr>
|
|
1174
1240
|
<tr>
|
|
1175
1241
|
<td class="col-md-2" colspan="2">
|
|
1176
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1242
|
+
<div class="io-line">Defined in <a href="" data-line="309" class="link-to-prism">src/dropdown/dropdown.component.ts:309</a></div>
|
|
1177
1243
|
</td>
|
|
1178
1244
|
</tr>
|
|
1179
1245
|
<tr>
|
|
@@ -1206,7 +1272,7 @@ Defaults to the <code>DROPDOWN.OPEN</code> value from the i18n service.</p>
|
|
|
1206
1272
|
</tr>
|
|
1207
1273
|
<tr>
|
|
1208
1274
|
<td class="col-md-2" colspan="2">
|
|
1209
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1275
|
+
<div class="io-line">Defined in <a href="" data-line="226" class="link-to-prism">src/dropdown/dropdown.component.ts:226</a></div>
|
|
1210
1276
|
</td>
|
|
1211
1277
|
</tr>
|
|
1212
1278
|
<tr>
|
|
@@ -1238,7 +1304,7 @@ Defaults to the <code>DROPDOWN.OPEN</code> value from the i18n service.</p>
|
|
|
1238
1304
|
</tr>
|
|
1239
1305
|
<tr>
|
|
1240
1306
|
<td class="col-md-2" colspan="2">
|
|
1241
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1307
|
+
<div class="io-line">Defined in <a href="" data-line="256" class="link-to-prism">src/dropdown/dropdown.component.ts:256</a></div>
|
|
1242
1308
|
</td>
|
|
1243
1309
|
</tr>
|
|
1244
1310
|
<tr>
|
|
@@ -1265,7 +1331,7 @@ Defaults to the <code>DROPDOWN.OPEN</code> value from the i18n service.</p>
|
|
|
1265
1331
|
</tr>
|
|
1266
1332
|
<tr>
|
|
1267
1333
|
<td class="col-md-2" colspan="2">
|
|
1268
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1334
|
+
<div class="io-line">Defined in <a href="" data-line="293" class="link-to-prism">src/dropdown/dropdown.component.ts:293</a></div>
|
|
1269
1335
|
</td>
|
|
1270
1336
|
</tr>
|
|
1271
1337
|
<tr>
|
|
@@ -1298,7 +1364,7 @@ Used to trigger closing the dropdown if it scrolls outside of the viewport of th
|
|
|
1298
1364
|
</tr>
|
|
1299
1365
|
<tr>
|
|
1300
1366
|
<td class="col-md-2" colspan="2">
|
|
1301
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1367
|
+
<div class="io-line">Defined in <a href="" data-line="314" class="link-to-prism">src/dropdown/dropdown.component.ts:314</a></div>
|
|
1302
1368
|
</td>
|
|
1303
1369
|
</tr>
|
|
1304
1370
|
<tr>
|
|
@@ -1331,7 +1397,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
|
|
|
1331
1397
|
</tr>
|
|
1332
1398
|
<tr>
|
|
1333
1399
|
<td class="col-md-2" colspan="2">
|
|
1334
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1400
|
+
<div class="io-line">Defined in <a href="" data-line="304" class="link-to-prism">src/dropdown/dropdown.component.ts:304</a></div>
|
|
1335
1401
|
</td>
|
|
1336
1402
|
</tr>
|
|
1337
1403
|
<tr>
|
|
@@ -1366,7 +1432,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
|
|
|
1366
1432
|
</tr>
|
|
1367
1433
|
<tr>
|
|
1368
1434
|
<td class="col-md-2" colspan="2">
|
|
1369
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1435
|
+
<div class="io-line">Defined in <a href="" data-line="238" class="link-to-prism">src/dropdown/dropdown.component.ts:238</a></div>
|
|
1370
1436
|
</td>
|
|
1371
1437
|
</tr>
|
|
1372
1438
|
<tr>
|
|
@@ -1398,7 +1464,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
|
|
|
1398
1464
|
</tr>
|
|
1399
1465
|
<tr>
|
|
1400
1466
|
<td class="col-md-2" colspan="2">
|
|
1401
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1467
|
+
<div class="io-line">Defined in <a href="" data-line="260" class="link-to-prism">src/dropdown/dropdown.component.ts:260</a></div>
|
|
1402
1468
|
</td>
|
|
1403
1469
|
</tr>
|
|
1404
1470
|
<tr>
|
|
@@ -1430,7 +1496,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
|
|
|
1430
1496
|
</tr>
|
|
1431
1497
|
<tr>
|
|
1432
1498
|
<td class="col-md-2" colspan="2">
|
|
1433
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1499
|
+
<div class="io-line">Defined in <a href="" data-line="248" class="link-to-prism">src/dropdown/dropdown.component.ts:248</a></div>
|
|
1434
1500
|
</td>
|
|
1435
1501
|
</tr>
|
|
1436
1502
|
</tbody>
|
|
@@ -1456,7 +1522,7 @@ Defaults to the <code>DROPDOWN.SELECTED</code> value from the i18n service.</p>
|
|
|
1456
1522
|
</tr>
|
|
1457
1523
|
<tr>
|
|
1458
1524
|
<td class="col-md-2" colspan="2">
|
|
1459
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1525
|
+
<div class="io-line">Defined in <a href="" data-line="243" class="link-to-prism">src/dropdown/dropdown.component.ts:243</a></div>
|
|
1460
1526
|
</td>
|
|
1461
1527
|
</tr>
|
|
1462
1528
|
<tr>
|
|
@@ -1489,7 +1555,7 @@ item selection.</p>
|
|
|
1489
1555
|
</tr>
|
|
1490
1556
|
<tr>
|
|
1491
1557
|
<td class="col-md-2" colspan="2">
|
|
1492
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1558
|
+
<div class="io-line">Defined in <a href="" data-line="280" class="link-to-prism">src/dropdown/dropdown.component.ts:280</a></div>
|
|
1493
1559
|
</td>
|
|
1494
1560
|
</tr>
|
|
1495
1561
|
<tr>
|
|
@@ -1516,7 +1582,7 @@ item selection.</p>
|
|
|
1516
1582
|
</tr>
|
|
1517
1583
|
<tr>
|
|
1518
1584
|
<td class="col-md-2" colspan="2">
|
|
1519
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1585
|
+
<div class="io-line">Defined in <a href="" data-line="284" class="link-to-prism">src/dropdown/dropdown.component.ts:284</a></div>
|
|
1520
1586
|
</td>
|
|
1521
1587
|
</tr>
|
|
1522
1588
|
<tr>
|
|
@@ -1546,7 +1612,7 @@ item selection.</p>
|
|
|
1546
1612
|
</tr>
|
|
1547
1613
|
<tr>
|
|
1548
1614
|
<td class="col-md-2" colspan="2">
|
|
1549
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1615
|
+
<div class="io-line">Defined in <a href="" data-line="330" class="link-to-prism">src/dropdown/dropdown.component.ts:330</a></div>
|
|
1550
1616
|
</td>
|
|
1551
1617
|
</tr>
|
|
1552
1618
|
<tr>
|
|
@@ -1573,7 +1639,7 @@ item selection.</p>
|
|
|
1573
1639
|
</tr>
|
|
1574
1640
|
<tr>
|
|
1575
1641
|
<td class="col-md-2" colspan="2">
|
|
1576
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1642
|
+
<div class="io-line">Defined in <a href="" data-line="326" class="link-to-prism">src/dropdown/dropdown.component.ts:326</a></div>
|
|
1577
1643
|
</td>
|
|
1578
1644
|
</tr>
|
|
1579
1645
|
<tr>
|
|
@@ -1600,7 +1666,7 @@ item selection.</p>
|
|
|
1600
1666
|
</tr>
|
|
1601
1667
|
<tr>
|
|
1602
1668
|
<td class="col-md-2" colspan="2">
|
|
1603
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1669
|
+
<div class="io-line">Defined in <a href="" data-line="322" class="link-to-prism">src/dropdown/dropdown.component.ts:322</a></div>
|
|
1604
1670
|
</td>
|
|
1605
1671
|
</tr>
|
|
1606
1672
|
<tr>
|
|
@@ -1637,7 +1703,90 @@ item selection.</p>
|
|
|
1637
1703
|
</tr>
|
|
1638
1704
|
<tr>
|
|
1639
1705
|
<td class="col-md-4">
|
|
1640
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1706
|
+
<div class="io-line">Defined in <a href="" data-line="345" class="link-to-prism">src/dropdown/dropdown.component.ts:345</a></div>
|
|
1707
|
+
</td>
|
|
1708
|
+
</tr>
|
|
1709
|
+
|
|
1710
|
+
|
|
1711
|
+
</tbody>
|
|
1712
|
+
</table>
|
|
1713
|
+
<table class="table table-sm table-bordered">
|
|
1714
|
+
<tbody>
|
|
1715
|
+
<tr>
|
|
1716
|
+
<td class="col-md-4">
|
|
1717
|
+
<a name="class.cds--list-box__wrapper"></a>
|
|
1718
|
+
<span class="name">
|
|
1719
|
+
<span ><b>class.cds--list-box__wrapper</b></span>
|
|
1720
|
+
<a href="#class.cds--list-box__wrapper"><span class="icon ion-ios-link"></span></a>
|
|
1721
|
+
</span>
|
|
1722
|
+
</td>
|
|
1723
|
+
</tr>
|
|
1724
|
+
<tr>
|
|
1725
|
+
<td class="col-md-4">
|
|
1726
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1727
|
+
|
|
1728
|
+
</td>
|
|
1729
|
+
</tr>
|
|
1730
|
+
<tr>
|
|
1731
|
+
<td class="col-md-4">
|
|
1732
|
+
<i>Default value : </i><code>true</code>
|
|
1733
|
+
</td>
|
|
1734
|
+
</tr>
|
|
1735
|
+
<tr>
|
|
1736
|
+
<td class="col-md-4">
|
|
1737
|
+
<div class="io-line">Defined in <a href="" data-line="347" class="link-to-prism">src/dropdown/dropdown.component.ts:347</a></div>
|
|
1738
|
+
</td>
|
|
1739
|
+
</tr>
|
|
1740
|
+
|
|
1741
|
+
|
|
1742
|
+
</tbody>
|
|
1743
|
+
</table>
|
|
1744
|
+
<table class="table table-sm table-bordered">
|
|
1745
|
+
<tbody>
|
|
1746
|
+
<tr>
|
|
1747
|
+
<td class="col-md-4">
|
|
1748
|
+
<a name="class.cds--list-box__wrapper--fluid--focus"></a>
|
|
1749
|
+
<span class="name">
|
|
1750
|
+
<span ><b>class.cds--list-box__wrapper--fluid--focus</b></span>
|
|
1751
|
+
<a href="#class.cds--list-box__wrapper--fluid--focus"><span class="icon ion-ios-link"></span></a>
|
|
1752
|
+
</span>
|
|
1753
|
+
</td>
|
|
1754
|
+
</tr>
|
|
1755
|
+
<tr>
|
|
1756
|
+
<td class="col-md-4">
|
|
1757
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1758
|
+
|
|
1759
|
+
</td>
|
|
1760
|
+
</tr>
|
|
1761
|
+
<tr>
|
|
1762
|
+
<td class="col-md-4">
|
|
1763
|
+
<div class="io-line">Defined in <a href="" data-line="195" class="link-to-prism">src/dropdown/dropdown.component.ts:195</a></div>
|
|
1764
|
+
</td>
|
|
1765
|
+
</tr>
|
|
1766
|
+
|
|
1767
|
+
|
|
1768
|
+
</tbody>
|
|
1769
|
+
</table>
|
|
1770
|
+
<table class="table table-sm table-bordered">
|
|
1771
|
+
<tbody>
|
|
1772
|
+
<tr>
|
|
1773
|
+
<td class="col-md-4">
|
|
1774
|
+
<a name="class.cds--list-box__wrapper--fluid--invalid"></a>
|
|
1775
|
+
<span class="name">
|
|
1776
|
+
<span ><b>class.cds--list-box__wrapper--fluid--invalid</b></span>
|
|
1777
|
+
<a href="#class.cds--list-box__wrapper--fluid--invalid"><span class="icon ion-ios-link"></span></a>
|
|
1778
|
+
</span>
|
|
1779
|
+
</td>
|
|
1780
|
+
</tr>
|
|
1781
|
+
<tr>
|
|
1782
|
+
<td class="col-md-4">
|
|
1783
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1784
|
+
|
|
1785
|
+
</td>
|
|
1786
|
+
</tr>
|
|
1787
|
+
<tr>
|
|
1788
|
+
<td class="col-md-4">
|
|
1789
|
+
<div class="io-line">Defined in <a href="" data-line="191" class="link-to-prism">src/dropdown/dropdown.component.ts:191</a></div>
|
|
1641
1790
|
</td>
|
|
1642
1791
|
</tr>
|
|
1643
1792
|
|
|
@@ -1672,8 +1821,8 @@ item selection.</p>
|
|
|
1672
1821
|
|
|
1673
1822
|
<tr>
|
|
1674
1823
|
<td class="col-md-4">
|
|
1675
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1676
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
1824
|
+
<div class="io-line">Defined in <a href="" data-line="546"
|
|
1825
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:546</a></div>
|
|
1677
1826
|
</td>
|
|
1678
1827
|
</tr>
|
|
1679
1828
|
|
|
@@ -1713,8 +1862,8 @@ item selection.</p>
|
|
|
1713
1862
|
|
|
1714
1863
|
<tr>
|
|
1715
1864
|
<td class="col-md-4">
|
|
1716
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1717
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
1865
|
+
<div class="io-line">Defined in <a href="" data-line="708"
|
|
1866
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:708</a></div>
|
|
1718
1867
|
</td>
|
|
1719
1868
|
</tr>
|
|
1720
1869
|
|
|
@@ -1752,8 +1901,8 @@ item selection.</p>
|
|
|
1752
1901
|
|
|
1753
1902
|
<tr>
|
|
1754
1903
|
<td class="col-md-4">
|
|
1755
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1756
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
1904
|
+
<div class="io-line">Defined in <a href="" data-line="700"
|
|
1905
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:700</a></div>
|
|
1757
1906
|
</td>
|
|
1758
1907
|
</tr>
|
|
1759
1908
|
|
|
@@ -1791,8 +1940,8 @@ item selection.</p>
|
|
|
1791
1940
|
|
|
1792
1941
|
<tr>
|
|
1793
1942
|
<td class="col-md-4">
|
|
1794
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1795
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
1943
|
+
<div class="io-line">Defined in <a href="" data-line="680"
|
|
1944
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:680</a></div>
|
|
1796
1945
|
</td>
|
|
1797
1946
|
</tr>
|
|
1798
1947
|
|
|
@@ -1860,8 +2009,8 @@ item selection.</p>
|
|
|
1860
2009
|
|
|
1861
2010
|
<tr>
|
|
1862
2011
|
<td class="col-md-4">
|
|
1863
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1864
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2012
|
+
<div class="io-line">Defined in <a href="" data-line="660"
|
|
2013
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:660</a></div>
|
|
1865
2014
|
</td>
|
|
1866
2015
|
</tr>
|
|
1867
2016
|
|
|
@@ -1897,8 +2046,8 @@ item selection.</p>
|
|
|
1897
2046
|
|
|
1898
2047
|
<tr>
|
|
1899
2048
|
<td class="col-md-4">
|
|
1900
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1901
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2049
|
+
<div class="io-line">Defined in <a href="" data-line="664"
|
|
2050
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:664</a></div>
|
|
1902
2051
|
</td>
|
|
1903
2052
|
</tr>
|
|
1904
2053
|
|
|
@@ -1962,8 +2111,8 @@ item selection.</p>
|
|
|
1962
2111
|
|
|
1963
2112
|
<tr>
|
|
1964
2113
|
<td class="col-md-4">
|
|
1965
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1966
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2114
|
+
<div class="io-line">Defined in <a href="" data-line="672"
|
|
2115
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:672</a></div>
|
|
1967
2116
|
</td>
|
|
1968
2117
|
</tr>
|
|
1969
2118
|
|
|
@@ -2025,8 +2174,8 @@ item selection.</p>
|
|
|
2025
2174
|
|
|
2026
2175
|
<tr>
|
|
2027
2176
|
<td class="col-md-4">
|
|
2028
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2029
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2177
|
+
<div class="io-line">Defined in <a href="" data-line="722"
|
|
2178
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:722</a></div>
|
|
2030
2179
|
</td>
|
|
2031
2180
|
</tr>
|
|
2032
2181
|
|
|
@@ -2067,8 +2216,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2067
2216
|
|
|
2068
2217
|
<tr>
|
|
2069
2218
|
<td class="col-md-4">
|
|
2070
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2071
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2219
|
+
<div class="io-line">Defined in <a href="" data-line="838"
|
|
2220
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:838</a></div>
|
|
2072
2221
|
</td>
|
|
2073
2222
|
</tr>
|
|
2074
2223
|
|
|
@@ -2106,8 +2255,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2106
2255
|
|
|
2107
2256
|
<tr>
|
|
2108
2257
|
<td class="col-md-4">
|
|
2109
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2110
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2258
|
+
<div class="io-line">Defined in <a href="" data-line="641"
|
|
2259
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:641</a></div>
|
|
2111
2260
|
</td>
|
|
2112
2261
|
</tr>
|
|
2113
2262
|
|
|
@@ -2143,8 +2292,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2143
2292
|
|
|
2144
2293
|
<tr>
|
|
2145
2294
|
<td class="col-md-4">
|
|
2146
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2147
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2295
|
+
<div class="io-line">Defined in <a href="" data-line="581"
|
|
2296
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:581</a></div>
|
|
2148
2297
|
</td>
|
|
2149
2298
|
</tr>
|
|
2150
2299
|
|
|
@@ -2206,8 +2355,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2206
2355
|
|
|
2207
2356
|
<tr>
|
|
2208
2357
|
<td class="col-md-4">
|
|
2209
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2210
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2358
|
+
<div class="io-line">Defined in <a href="" data-line="786"
|
|
2359
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:786</a></div>
|
|
2211
2360
|
</td>
|
|
2212
2361
|
</tr>
|
|
2213
2362
|
|
|
@@ -2245,8 +2394,8 @@ This can be overridden by passing in a value to the <code>dropUp</code> input.</
|
|
|
2245
2394
|
|
|
2246
2395
|
<tr>
|
|
2247
2396
|
<td class="col-md-4">
|
|
2248
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2249
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2397
|
+
<div class="io-line">Defined in <a href="" data-line="600"
|
|
2398
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:600</a></div>
|
|
2250
2399
|
</td>
|
|
2251
2400
|
</tr>
|
|
2252
2401
|
|
|
@@ -2286,8 +2435,8 @@ otherwise the placeholder will be returned.</p>
|
|
|
2286
2435
|
|
|
2287
2436
|
<tr>
|
|
2288
2437
|
<td class="col-md-4">
|
|
2289
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2290
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2438
|
+
<div class="io-line">Defined in <a href="" data-line="621"
|
|
2439
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:621</a></div>
|
|
2291
2440
|
</td>
|
|
2292
2441
|
</tr>
|
|
2293
2442
|
|
|
@@ -2323,8 +2472,8 @@ otherwise the placeholder will be returned.</p>
|
|
|
2323
2472
|
|
|
2324
2473
|
<tr>
|
|
2325
2474
|
<td class="col-md-4">
|
|
2326
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2327
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2475
|
+
<div class="io-line">Defined in <a href="" data-line="635"
|
|
2476
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:635</a></div>
|
|
2328
2477
|
</td>
|
|
2329
2478
|
</tr>
|
|
2330
2479
|
|
|
@@ -2340,6 +2489,73 @@ otherwise the placeholder will be returned.</p>
|
|
|
2340
2489
|
</tr>
|
|
2341
2490
|
</tbody>
|
|
2342
2491
|
</table>
|
|
2492
|
+
<table class="table table-sm table-bordered">
|
|
2493
|
+
<tbody>
|
|
2494
|
+
<tr>
|
|
2495
|
+
<td class="col-md-4">
|
|
2496
|
+
<a name="handleFocus"></a>
|
|
2497
|
+
<span class="name">
|
|
2498
|
+
<span ><b>handleFocus</b></span>
|
|
2499
|
+
<a href="#handleFocus"><span class="icon ion-ios-link"></span></a>
|
|
2500
|
+
</span>
|
|
2501
|
+
</td>
|
|
2502
|
+
</tr>
|
|
2503
|
+
<tr>
|
|
2504
|
+
<td class="col-md-4">
|
|
2505
|
+
<code>handleFocus(event: FocusEvent)</code>
|
|
2506
|
+
</td>
|
|
2507
|
+
</tr>
|
|
2508
|
+
|
|
2509
|
+
|
|
2510
|
+
<tr>
|
|
2511
|
+
<td class="col-md-4">
|
|
2512
|
+
<div class="io-line">Defined in <a href="" data-line="828"
|
|
2513
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:828</a></div>
|
|
2514
|
+
</td>
|
|
2515
|
+
</tr>
|
|
2516
|
+
|
|
2517
|
+
|
|
2518
|
+
<tr>
|
|
2519
|
+
<td class="col-md-4">
|
|
2520
|
+
|
|
2521
|
+
<div class="io-description">
|
|
2522
|
+
<b>Parameters :</b>
|
|
2523
|
+
|
|
2524
|
+
<table class="params">
|
|
2525
|
+
<thead>
|
|
2526
|
+
<tr>
|
|
2527
|
+
<td>Name</td>
|
|
2528
|
+
<td>Type</td>
|
|
2529
|
+
<td>Optional</td>
|
|
2530
|
+
</tr>
|
|
2531
|
+
</thead>
|
|
2532
|
+
<tbody>
|
|
2533
|
+
<tr>
|
|
2534
|
+
<td>event</td>
|
|
2535
|
+
<td>
|
|
2536
|
+
<code>FocusEvent</code>
|
|
2537
|
+
</td>
|
|
2538
|
+
|
|
2539
|
+
<td>
|
|
2540
|
+
No
|
|
2541
|
+
</td>
|
|
2542
|
+
|
|
2543
|
+
|
|
2544
|
+
</tr>
|
|
2545
|
+
</tbody>
|
|
2546
|
+
</table>
|
|
2547
|
+
</div>
|
|
2548
|
+
<div class="io-description">
|
|
2549
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
2550
|
+
|
|
2551
|
+
</div>
|
|
2552
|
+
<div class="io-description">
|
|
2553
|
+
|
|
2554
|
+
</div>
|
|
2555
|
+
</td>
|
|
2556
|
+
</tr>
|
|
2557
|
+
</tbody>
|
|
2558
|
+
</table>
|
|
2343
2559
|
<table class="table table-sm table-bordered">
|
|
2344
2560
|
<tbody>
|
|
2345
2561
|
<tr>
|
|
@@ -2360,8 +2576,8 @@ otherwise the placeholder will be returned.</p>
|
|
|
2360
2576
|
|
|
2361
2577
|
<tr>
|
|
2362
2578
|
<td class="col-md-4">
|
|
2363
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2364
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2579
|
+
<div class="io-line">Defined in <a href="" data-line="617"
|
|
2580
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:617</a></div>
|
|
2365
2581
|
</td>
|
|
2366
2582
|
</tr>
|
|
2367
2583
|
|
|
@@ -2399,8 +2615,8 @@ otherwise the placeholder will be returned.</p>
|
|
|
2399
2615
|
|
|
2400
2616
|
<tr>
|
|
2401
2617
|
<td class="col-md-4">
|
|
2402
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2403
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2618
|
+
<div class="io-line">Defined in <a href="" data-line="824"
|
|
2619
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:824</a></div>
|
|
2404
2620
|
</td>
|
|
2405
2621
|
</tr>
|
|
2406
2622
|
|
|
@@ -2462,8 +2678,8 @@ otherwise the placeholder will be returned.</p>
|
|
|
2462
2678
|
|
|
2463
2679
|
<tr>
|
|
2464
2680
|
<td class="col-md-4">
|
|
2465
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2466
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2681
|
+
<div class="io-line">Defined in <a href="" data-line="401"
|
|
2682
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:401</a></div>
|
|
2467
2683
|
</td>
|
|
2468
2684
|
</tr>
|
|
2469
2685
|
|
|
@@ -2501,8 +2717,8 @@ otherwise the placeholder will be returned.</p>
|
|
|
2501
2717
|
|
|
2502
2718
|
<tr>
|
|
2503
2719
|
<td class="col-md-4">
|
|
2504
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2505
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2720
|
+
<div class="io-line">Defined in <a href="" data-line="446"
|
|
2721
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:446</a></div>
|
|
2506
2722
|
</td>
|
|
2507
2723
|
</tr>
|
|
2508
2724
|
|
|
@@ -2538,8 +2754,8 @@ otherwise the placeholder will be returned.</p>
|
|
|
2538
2754
|
|
|
2539
2755
|
<tr>
|
|
2540
2756
|
<td class="col-md-4">
|
|
2541
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2542
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2757
|
+
<div class="io-line">Defined in <a href="" data-line="463"
|
|
2758
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:463</a></div>
|
|
2543
2759
|
</td>
|
|
2544
2760
|
</tr>
|
|
2545
2761
|
|
|
@@ -2577,8 +2793,8 @@ otherwise the placeholder will be returned.</p>
|
|
|
2577
2793
|
|
|
2578
2794
|
<tr>
|
|
2579
2795
|
<td class="col-md-4">
|
|
2580
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2581
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2796
|
+
<div class="io-line">Defined in <a href="" data-line="392"
|
|
2797
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:392</a></div>
|
|
2582
2798
|
</td>
|
|
2583
2799
|
</tr>
|
|
2584
2800
|
|
|
@@ -2617,8 +2833,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
2617
2833
|
|
|
2618
2834
|
<tr>
|
|
2619
2835
|
<td class="col-md-4">
|
|
2620
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2621
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2836
|
+
<div class="io-line">Defined in <a href="" data-line="511"
|
|
2837
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:511</a></div>
|
|
2622
2838
|
</td>
|
|
2623
2839
|
</tr>
|
|
2624
2840
|
|
|
@@ -2663,8 +2879,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
2663
2879
|
|
|
2664
2880
|
<tr>
|
|
2665
2881
|
<td class="col-md-4">
|
|
2666
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2667
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2882
|
+
<div class="io-line">Defined in <a href="" data-line="546"
|
|
2883
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:546</a></div>
|
|
2668
2884
|
</td>
|
|
2669
2885
|
</tr>
|
|
2670
2886
|
|
|
@@ -2732,8 +2948,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
2732
2948
|
|
|
2733
2949
|
<tr>
|
|
2734
2950
|
<td class="col-md-4">
|
|
2735
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2736
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2951
|
+
<div class="io-line">Defined in <a href="" data-line="742"
|
|
2952
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:742</a></div>
|
|
2737
2953
|
</td>
|
|
2738
2954
|
</tr>
|
|
2739
2955
|
|
|
@@ -2771,8 +2987,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
2771
2987
|
|
|
2772
2988
|
<tr>
|
|
2773
2989
|
<td class="col-md-4">
|
|
2774
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2775
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
2990
|
+
<div class="io-line">Defined in <a href="" data-line="515"
|
|
2991
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:515</a></div>
|
|
2776
2992
|
</td>
|
|
2777
2993
|
</tr>
|
|
2778
2994
|
|
|
@@ -2838,8 +3054,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
2838
3054
|
|
|
2839
3055
|
<tr>
|
|
2840
3056
|
<td class="col-md-4">
|
|
2841
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2842
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
3057
|
+
<div class="io-line">Defined in <a href="" data-line="522"
|
|
3058
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:522</a></div>
|
|
2843
3059
|
</td>
|
|
2844
3060
|
</tr>
|
|
2845
3061
|
|
|
@@ -2907,8 +3123,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
2907
3123
|
|
|
2908
3124
|
<tr>
|
|
2909
3125
|
<td class="col-md-4">
|
|
2910
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2911
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
3126
|
+
<div class="io-line">Defined in <a href="" data-line="538"
|
|
3127
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:538</a></div>
|
|
2912
3128
|
</td>
|
|
2913
3129
|
</tr>
|
|
2914
3130
|
|
|
@@ -2982,8 +3198,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
2982
3198
|
|
|
2983
3199
|
<tr>
|
|
2984
3200
|
<td class="col-md-4">
|
|
2985
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2986
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
3201
|
+
<div class="io-line">Defined in <a href="" data-line="816"
|
|
3202
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:816</a></div>
|
|
2987
3203
|
</td>
|
|
2988
3204
|
</tr>
|
|
2989
3205
|
|
|
@@ -3021,8 +3237,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3021
3237
|
|
|
3022
3238
|
<tr>
|
|
3023
3239
|
<td class="col-md-4">
|
|
3024
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3025
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
3240
|
+
<div class="io-line">Defined in <a href="" data-line="655"
|
|
3241
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:655</a></div>
|
|
3026
3242
|
</td>
|
|
3027
3243
|
</tr>
|
|
3028
3244
|
|
|
@@ -3060,8 +3276,8 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3060
3276
|
|
|
3061
3277
|
<tr>
|
|
3062
3278
|
<td class="col-md-4">
|
|
3063
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3064
|
-
class="link-to-prism">src/dropdown/dropdown.component.ts:
|
|
3279
|
+
<div class="io-line">Defined in <a href="" data-line="472"
|
|
3280
|
+
class="link-to-prism">src/dropdown/dropdown.component.ts:472</a></div>
|
|
3065
3281
|
</td>
|
|
3066
3282
|
</tr>
|
|
3067
3283
|
|
|
@@ -3133,7 +3349,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3133
3349
|
</tr>
|
|
3134
3350
|
<tr>
|
|
3135
3351
|
<td class="col-md-4">
|
|
3136
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3352
|
+
<div class="io-line">Defined in <a href="" data-line="361" class="link-to-prism">src/dropdown/dropdown.component.ts:361</a></div>
|
|
3137
3353
|
</td>
|
|
3138
3354
|
</tr>
|
|
3139
3355
|
|
|
@@ -3146,6 +3362,32 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3146
3362
|
|
|
3147
3363
|
</tbody>
|
|
3148
3364
|
</table>
|
|
3365
|
+
<table class="table table-sm table-bordered">
|
|
3366
|
+
<tbody>
|
|
3367
|
+
<tr>
|
|
3368
|
+
<td class="col-md-4">
|
|
3369
|
+
<a name="_isFocused"></a>
|
|
3370
|
+
<span class="name">
|
|
3371
|
+
<span class="modifier">Protected</span>
|
|
3372
|
+
<span ><b>_isFocused</b></span>
|
|
3373
|
+
<a href="#_isFocused"><span class="icon ion-ios-link"></span></a>
|
|
3374
|
+
</span>
|
|
3375
|
+
</td>
|
|
3376
|
+
</tr>
|
|
3377
|
+
<tr>
|
|
3378
|
+
<td class="col-md-4">
|
|
3379
|
+
<i>Default value : </i><code>false</code>
|
|
3380
|
+
</td>
|
|
3381
|
+
</tr>
|
|
3382
|
+
<tr>
|
|
3383
|
+
<td class="col-md-4">
|
|
3384
|
+
<div class="io-line">Defined in <a href="" data-line="374" class="link-to-prism">src/dropdown/dropdown.component.ts:374</a></div>
|
|
3385
|
+
</td>
|
|
3386
|
+
</tr>
|
|
3387
|
+
|
|
3388
|
+
|
|
3389
|
+
</tbody>
|
|
3390
|
+
</table>
|
|
3149
3391
|
<table class="table table-sm table-bordered">
|
|
3150
3392
|
<tbody>
|
|
3151
3393
|
<tr>
|
|
@@ -3171,7 +3413,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3171
3413
|
</tr>
|
|
3172
3414
|
<tr>
|
|
3173
3415
|
<td class="col-md-4">
|
|
3174
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3416
|
+
<div class="io-line">Defined in <a href="" data-line="377" class="link-to-prism">src/dropdown/dropdown.component.ts:377</a></div>
|
|
3175
3417
|
</td>
|
|
3176
3418
|
</tr>
|
|
3177
3419
|
|
|
@@ -3201,7 +3443,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3201
3443
|
</tr>
|
|
3202
3444
|
<tr>
|
|
3203
3445
|
<td class="col-md-4">
|
|
3204
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3446
|
+
<div class="io-line">Defined in <a href="" data-line="339" class="link-to-prism">src/dropdown/dropdown.component.ts:339</a></div>
|
|
3205
3447
|
</td>
|
|
3206
3448
|
</tr>
|
|
3207
3449
|
|
|
@@ -3239,7 +3481,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3239
3481
|
</tr>
|
|
3240
3482
|
<tr>
|
|
3241
3483
|
<td class="col-md-4">
|
|
3242
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3484
|
+
<div class="io-line">Defined in <a href="" data-line="190" class="link-to-prism">src/dropdown/dropdown.component.ts:190</a></div>
|
|
3243
3485
|
</td>
|
|
3244
3486
|
</tr>
|
|
3245
3487
|
|
|
@@ -3269,7 +3511,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3269
3511
|
</tr>
|
|
3270
3512
|
<tr>
|
|
3271
3513
|
<td class="col-md-4">
|
|
3272
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3514
|
+
<div class="io-line">Defined in <a href="" data-line="343" class="link-to-prism">src/dropdown/dropdown.component.ts:343</a></div>
|
|
3273
3515
|
</td>
|
|
3274
3516
|
</tr>
|
|
3275
3517
|
|
|
@@ -3310,7 +3552,42 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3310
3552
|
</tr>
|
|
3311
3553
|
<tr>
|
|
3312
3554
|
<td class="col-md-4">
|
|
3313
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3555
|
+
<div class="io-line">Defined in <a href="" data-line="345" class="link-to-prism">src/dropdown/dropdown.component.ts:345</a></div>
|
|
3556
|
+
</td>
|
|
3557
|
+
</tr>
|
|
3558
|
+
|
|
3559
|
+
|
|
3560
|
+
</tbody>
|
|
3561
|
+
</table>
|
|
3562
|
+
<table class="table table-sm table-bordered">
|
|
3563
|
+
<tbody>
|
|
3564
|
+
<tr>
|
|
3565
|
+
<td class="col-md-4">
|
|
3566
|
+
<a name="hostWrapperClass"></a>
|
|
3567
|
+
<span class="name">
|
|
3568
|
+
<span class="modifier"></span>
|
|
3569
|
+
<span ><b>hostWrapperClass</b></span>
|
|
3570
|
+
<a href="#hostWrapperClass"><span class="icon ion-ios-link"></span></a>
|
|
3571
|
+
</span>
|
|
3572
|
+
</td>
|
|
3573
|
+
</tr>
|
|
3574
|
+
<tr>
|
|
3575
|
+
<td class="col-md-4">
|
|
3576
|
+
<i>Default value : </i><code>true</code>
|
|
3577
|
+
</td>
|
|
3578
|
+
</tr>
|
|
3579
|
+
<tr>
|
|
3580
|
+
<td class="col-md-4">
|
|
3581
|
+
<b>Decorators : </b>
|
|
3582
|
+
<br />
|
|
3583
|
+
<code>
|
|
3584
|
+
@HostBinding('class.cds--list-box__wrapper')<br />
|
|
3585
|
+
</code>
|
|
3586
|
+
</td>
|
|
3587
|
+
</tr>
|
|
3588
|
+
<tr>
|
|
3589
|
+
<td class="col-md-4">
|
|
3590
|
+
<div class="io-line">Defined in <a href="" data-line="347" class="link-to-prism">src/dropdown/dropdown.component.ts:347</a></div>
|
|
3314
3591
|
</td>
|
|
3315
3592
|
</tr>
|
|
3316
3593
|
|
|
@@ -3335,7 +3612,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3335
3612
|
</tr>
|
|
3336
3613
|
<tr>
|
|
3337
3614
|
<td class="col-md-4">
|
|
3338
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3615
|
+
<div class="io-line">Defined in <a href="" data-line="368" class="link-to-prism">src/dropdown/dropdown.component.ts:368</a></div>
|
|
3339
3616
|
</td>
|
|
3340
3617
|
</tr>
|
|
3341
3618
|
|
|
@@ -3360,7 +3637,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3360
3637
|
</tr>
|
|
3361
3638
|
<tr>
|
|
3362
3639
|
<td class="col-md-4">
|
|
3363
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3640
|
+
<div class="io-line">Defined in <a href="" data-line="356" class="link-to-prism">src/dropdown/dropdown.component.ts:356</a></div>
|
|
3364
3641
|
</td>
|
|
3365
3642
|
</tr>
|
|
3366
3643
|
|
|
@@ -3391,7 +3668,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3391
3668
|
</tr>
|
|
3392
3669
|
<tr>
|
|
3393
3670
|
<td class="col-md-4">
|
|
3394
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3671
|
+
<div class="io-line">Defined in <a href="" data-line="365" class="link-to-prism">src/dropdown/dropdown.component.ts:365</a></div>
|
|
3395
3672
|
</td>
|
|
3396
3673
|
</tr>
|
|
3397
3674
|
|
|
@@ -3423,7 +3700,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3423
3700
|
</tr>
|
|
3424
3701
|
<tr>
|
|
3425
3702
|
<td class="col-md-4">
|
|
3426
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3703
|
+
<div class="io-line">Defined in <a href="" data-line="372" class="link-to-prism">src/dropdown/dropdown.component.ts:372</a></div>
|
|
3427
3704
|
</td>
|
|
3428
3705
|
</tr>
|
|
3429
3706
|
|
|
@@ -3448,7 +3725,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3448
3725
|
</tr>
|
|
3449
3726
|
<tr>
|
|
3450
3727
|
<td class="col-md-4">
|
|
3451
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3728
|
+
<div class="io-line">Defined in <a href="" data-line="366" class="link-to-prism">src/dropdown/dropdown.component.ts:366</a></div>
|
|
3452
3729
|
</td>
|
|
3453
3730
|
</tr>
|
|
3454
3731
|
|
|
@@ -3473,7 +3750,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3473
3750
|
</tr>
|
|
3474
3751
|
<tr>
|
|
3475
3752
|
<td class="col-md-4">
|
|
3476
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3753
|
+
<div class="io-line">Defined in <a href="" data-line="367" class="link-to-prism">src/dropdown/dropdown.component.ts:367</a></div>
|
|
3477
3754
|
</td>
|
|
3478
3755
|
</tr>
|
|
3479
3756
|
|
|
@@ -3498,7 +3775,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3498
3775
|
</tr>
|
|
3499
3776
|
<tr>
|
|
3500
3777
|
<td class="col-md-4">
|
|
3501
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3778
|
+
<div class="io-line">Defined in <a href="" data-line="529" class="link-to-prism">src/dropdown/dropdown.component.ts:529</a></div>
|
|
3502
3779
|
</td>
|
|
3503
3780
|
</tr>
|
|
3504
3781
|
|
|
@@ -3540,7 +3817,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3540
3817
|
</tr>
|
|
3541
3818
|
<tr>
|
|
3542
3819
|
<td class="col-md-4">
|
|
3543
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3820
|
+
<div class="io-line">Defined in <a href="" data-line="335" class="link-to-prism">src/dropdown/dropdown.component.ts:335</a></div>
|
|
3544
3821
|
</td>
|
|
3545
3822
|
</tr>
|
|
3546
3823
|
|
|
@@ -3572,7 +3849,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3572
3849
|
</tr>
|
|
3573
3850
|
<tr>
|
|
3574
3851
|
<td class="col-md-4">
|
|
3575
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3852
|
+
<div class="io-line">Defined in <a href="" data-line="370" class="link-to-prism">src/dropdown/dropdown.component.ts:370</a></div>
|
|
3576
3853
|
</td>
|
|
3577
3854
|
</tr>
|
|
3578
3855
|
|
|
@@ -3585,6 +3862,50 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3585
3862
|
<h3 id="accessors">
|
|
3586
3863
|
Accessors
|
|
3587
3864
|
</h3>
|
|
3865
|
+
<table class="table table-sm table-bordered">
|
|
3866
|
+
<tbody>
|
|
3867
|
+
<tr>
|
|
3868
|
+
<td class="col-md-4">
|
|
3869
|
+
<a name="fluidInvalidClass"></a>
|
|
3870
|
+
<span class="name"><b>fluidInvalidClass</b><a href="#fluidInvalidClass"><span class="icon ion-ios-link"></span></a></span>
|
|
3871
|
+
</td>
|
|
3872
|
+
</tr>
|
|
3873
|
+
|
|
3874
|
+
<tr>
|
|
3875
|
+
<td class="col-md-4">
|
|
3876
|
+
<span class="accessor"><b>get</b><code>fluidInvalidClass()</code></span>
|
|
3877
|
+
</td>
|
|
3878
|
+
</tr>
|
|
3879
|
+
<tr>
|
|
3880
|
+
<td class="col-md-4">
|
|
3881
|
+
<div class="io-line">Defined in <a href="" data-line="191" class="link-to-prism">src/dropdown/dropdown.component.ts:191</a></div>
|
|
3882
|
+
</td>
|
|
3883
|
+
</tr>
|
|
3884
|
+
|
|
3885
|
+
</tbody>
|
|
3886
|
+
</table>
|
|
3887
|
+
<table class="table table-sm table-bordered">
|
|
3888
|
+
<tbody>
|
|
3889
|
+
<tr>
|
|
3890
|
+
<td class="col-md-4">
|
|
3891
|
+
<a name="fluidFocusClass"></a>
|
|
3892
|
+
<span class="name"><b>fluidFocusClass</b><a href="#fluidFocusClass"><span class="icon ion-ios-link"></span></a></span>
|
|
3893
|
+
</td>
|
|
3894
|
+
</tr>
|
|
3895
|
+
|
|
3896
|
+
<tr>
|
|
3897
|
+
<td class="col-md-4">
|
|
3898
|
+
<span class="accessor"><b>get</b><code>fluidFocusClass()</code></span>
|
|
3899
|
+
</td>
|
|
3900
|
+
</tr>
|
|
3901
|
+
<tr>
|
|
3902
|
+
<td class="col-md-4">
|
|
3903
|
+
<div class="io-line">Defined in <a href="" data-line="195" class="link-to-prism">src/dropdown/dropdown.component.ts:195</a></div>
|
|
3904
|
+
</td>
|
|
3905
|
+
</tr>
|
|
3906
|
+
|
|
3907
|
+
</tbody>
|
|
3908
|
+
</table>
|
|
3588
3909
|
<table class="table table-sm table-bordered">
|
|
3589
3910
|
<tbody>
|
|
3590
3911
|
<tr>
|
|
@@ -3601,7 +3922,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3601
3922
|
</tr>
|
|
3602
3923
|
<tr>
|
|
3603
3924
|
<td class="col-md-4">
|
|
3604
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3925
|
+
<div class="io-line">Defined in <a href="" data-line="199" class="link-to-prism">src/dropdown/dropdown.component.ts:199</a></div>
|
|
3605
3926
|
</td>
|
|
3606
3927
|
</tr>
|
|
3607
3928
|
|
|
@@ -3612,7 +3933,7 @@ The <code>type</code> property specifies whether the <code>Dropdown</code> allow
|
|
|
3612
3933
|
</tr>
|
|
3613
3934
|
<tr>
|
|
3614
3935
|
<td class="col-md-4">
|
|
3615
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
3936
|
+
<div class="io-line">Defined in <a href="" data-line="203" class="link-to-prism">src/dropdown/dropdown.component.ts:203</a></div>
|
|
3616
3937
|
</td>
|
|
3617
3938
|
</tr>
|
|
3618
3939
|
<tr>
|
|
@@ -3730,7 +4051,7 @@ import { hasScrollableParents } from "carbon-components-angular/utils"
|
|
|
3730
4051
|
<div
|
|
3731
4052
|
class="cds--list-box"
|
|
3732
4053
|
[ngClass]="{
|
|
3733
|
-
'cds--dropdown': type !== 'multi'
|
|
4054
|
+
'cds--dropdown': type !== 'multi' && !(skeleton && fluid),
|
|
3734
4055
|
'cds--multiselect': type === 'multi',
|
|
3735
4056
|
'cds--multi-select--selected': type === 'multi' && getSelectedCount() > 0,
|
|
3736
4057
|
'cds--dropdown--light': theme === 'light',
|
|
@@ -3744,8 +4065,11 @@ import { hasScrollableParents } from "carbon-components-angular/utils"
|
|
|
3744
4065
|
'cds--dropdown--sm cds--list-box--sm': size === 'sm',
|
|
3745
4066
|
'cds--dropdown--md cds--list-box--md': size === 'md',
|
|
3746
4067
|
'cds--dropdown--lg cds--list-box--lg': size === 'lg',
|
|
3747
|
-
'cds--list-box--expanded': !menuIsClosed
|
|
3748
|
-
|
|
4068
|
+
'cds--list-box--expanded': !menuIsClosed,
|
|
4069
|
+
'cds--list-box--invalid': invalid
|
|
4070
|
+
}"
|
|
4071
|
+
[attr.data-invalid]="invalid ? true : null">
|
|
4072
|
+
<div *ngIf="skeleton && fluid" class="cds--list-box__label"></div>
|
|
3749
4073
|
<button
|
|
3750
4074
|
#dropdownButton
|
|
3751
4075
|
[id]="id"
|
|
@@ -3757,7 +4081,8 @@ import { hasScrollableParents } from "carbon-components-angular/utils"
|
|
|
3757
4081
|
[attr.aria-readonly]="readonly"
|
|
3758
4082
|
aria-haspopup="listbox"
|
|
3759
4083
|
(click)="disabled || readonly ? $event.stopPropagation() : toggleMenu()"
|
|
3760
|
-
(
|
|
4084
|
+
(focus)="fluid ? handleFocus($event) : null"
|
|
4085
|
+
(blur)="fluid ? handleFocus($event) : onBlur()"
|
|
3761
4086
|
[attr.disabled]="disabled ? true : null">
|
|
3762
4087
|
<div
|
|
3763
4088
|
(click)="clearSelected()"
|
|
@@ -3786,18 +4111,6 @@ import { hasScrollableParents } from "carbon-components-angular/utils"
|
|
|
3786
4111
|
[ngTemplateOutletContext]="getRenderTemplateContext()"
|
|
3787
4112
|
[ngTemplateOutlet]="displayValue">
|
|
3788
4113
|
</ng-template>
|
|
3789
|
-
<svg
|
|
3790
|
-
*ngIf="invalid"
|
|
3791
|
-
class="cds--dropdown__invalid-icon"
|
|
3792
|
-
cdsIcon="warning--filled"
|
|
3793
|
-
size="16">
|
|
3794
|
-
</svg>
|
|
3795
|
-
<svg
|
|
3796
|
-
*ngIf="!invalid && warn"
|
|
3797
|
-
cdsIcon="warning--alt--filled"
|
|
3798
|
-
size="16"
|
|
3799
|
-
class="cds--list-box__invalid-icon cds--list-box__invalid-icon--warning">
|
|
3800
|
-
</svg>
|
|
3801
4114
|
<span class="cds--list-box__menu-icon">
|
|
3802
4115
|
<svg
|
|
3803
4116
|
*ngIf="!skeleton"
|
|
@@ -3808,6 +4121,18 @@ import { hasScrollableParents } from "carbon-components-angular/utils"
|
|
|
3808
4121
|
</svg>
|
|
3809
4122
|
</span>
|
|
3810
4123
|
</button>
|
|
4124
|
+
<svg
|
|
4125
|
+
*ngIf="invalid"
|
|
4126
|
+
class="cds--list-box__invalid-icon"
|
|
4127
|
+
cdsIcon="warning--filled"
|
|
4128
|
+
size="16">
|
|
4129
|
+
</svg>
|
|
4130
|
+
<svg
|
|
4131
|
+
*ngIf="!invalid && warn"
|
|
4132
|
+
cdsIcon="warning--alt--filled"
|
|
4133
|
+
size="16"
|
|
4134
|
+
class="cds--list-box__invalid-icon cds--list-box__invalid-icon--warning">
|
|
4135
|
+
</svg>
|
|
3811
4136
|
<div
|
|
3812
4137
|
#dropdownMenu
|
|
3813
4138
|
[ngClass]="{
|
|
@@ -3816,8 +4141,9 @@ import { hasScrollableParents } from "carbon-components-angular/utils"
|
|
|
3816
4141
|
<ng-content *ngIf="!menuIsClosed"></ng-content>
|
|
3817
4142
|
</div>
|
|
3818
4143
|
</div>
|
|
4144
|
+
<hr *ngIf="fluid" class="cds--list-box__divider" />
|
|
3819
4145
|
<div
|
|
3820
|
-
*ngIf="helperText && !invalid && !warn && !skeleton"
|
|
4146
|
+
*ngIf="helperText && !invalid && !warn && !skeleton && !fluid"
|
|
3821
4147
|
class="cds--form__helper-text"
|
|
3822
4148
|
[ngClass]="{
|
|
3823
4149
|
'cds--form__helper-text--disabled': disabled
|
|
@@ -3844,6 +4170,25 @@ import { hasScrollableParents } from "carbon-components-angular/utils"
|
|
|
3844
4170
|
})
|
|
3845
4171
|
export class Dropdown implements OnInit, AfterContentInit, AfterViewInit, OnDestroy, ControlValueAccessor {
|
|
3846
4172
|
static dropdownCount = 0;
|
|
4173
|
+
@HostBinding("class.cds--list-box__wrapper--fluid--invalid") get fluidInvalidClass() {
|
|
4174
|
+
return this.invalid && this.fluid;
|
|
4175
|
+
}
|
|
4176
|
+
|
|
4177
|
+
@HostBinding("class.cds--list-box__wrapper--fluid--focus") get fluidFocusClass() {
|
|
4178
|
+
return this.fluid && this._isFocused && this.menuIsClosed;
|
|
4179
|
+
}
|
|
4180
|
+
|
|
4181
|
+
protected get writtenValue() {
|
|
4182
|
+
return this._writtenValue;
|
|
4183
|
+
}
|
|
4184
|
+
|
|
4185
|
+
protected set writtenValue(val: any[]) {
|
|
4186
|
+
if (val && val.length === 0) {
|
|
4187
|
+
this.clearSelected();
|
|
4188
|
+
}
|
|
4189
|
+
this._writtenValue = val;
|
|
4190
|
+
}
|
|
4191
|
+
|
|
3847
4192
|
@Input() id = `dropdown-${Dropdown.dropdownCount++}`;
|
|
3848
4193
|
/**
|
|
3849
4194
|
* Label for the dropdown.
|
|
@@ -3980,6 +4325,13 @@ export class Dropdown implements OnInit, AfterContentInit, AfterViewInit, OnDest
|
|
|
3980
4325
|
@ViewChild("dropdownMenu", { static: true }) dropdownMenu;
|
|
3981
4326
|
|
|
3982
4327
|
@HostBinding("class.cds--dropdown__wrapper") hostClass = true;
|
|
4328
|
+
|
|
4329
|
+
@HostBinding("class.cds--list-box__wrapper") hostWrapperClass = true;
|
|
4330
|
+
/**
|
|
4331
|
+
* Experimental: enable fluid state
|
|
4332
|
+
*/
|
|
4333
|
+
@HostBinding("class.cds--list-box__wrapper--fluid") @Input() fluid = false;
|
|
4334
|
+
|
|
3983
4335
|
/**
|
|
3984
4336
|
* Set to `true` if the dropdown is closed (not expanded).
|
|
3985
4337
|
*/
|
|
@@ -4001,17 +4353,10 @@ export class Dropdown implements OnInit, AfterContentInit, AfterViewInit, OnDest
|
|
|
4001
4353
|
|
|
4002
4354
|
protected onTouchedCallback: () => void = this._noop;
|
|
4003
4355
|
|
|
4356
|
+
protected _isFocused = false;
|
|
4357
|
+
|
|
4004
4358
|
// primarily used to capture and propagate input to `writeValue` before the content is available
|
|
4005
4359
|
private _writtenValue: any = [];
|
|
4006
|
-
protected get writtenValue() {
|
|
4007
|
-
return this._writtenValue;
|
|
4008
|
-
}
|
|
4009
|
-
protected set writtenValue(val: any[]) {
|
|
4010
|
-
if (val && val.length === 0) {
|
|
4011
|
-
this.clearSelected();
|
|
4012
|
-
}
|
|
4013
|
-
this._writtenValue = val;
|
|
4014
|
-
}
|
|
4015
4360
|
|
|
4016
4361
|
/**
|
|
4017
4362
|
* Creates an instance of Dropdown.
|
|
@@ -4462,6 +4807,13 @@ export class Dropdown implements OnInit, AfterContentInit, AfterViewInit, OnDest
|
|
|
4462
4807
|
return value instanceof TemplateRef;
|
|
4463
4808
|
}
|
|
4464
4809
|
|
|
4810
|
+
handleFocus(event: FocusEvent) {
|
|
4811
|
+
this._isFocused = event.type === "focus";
|
|
4812
|
+
if (event.type === "blur") {
|
|
4813
|
+
this.onBlur();
|
|
4814
|
+
}
|
|
4815
|
+
}
|
|
4816
|
+
|
|
4465
4817
|
/**
|
|
4466
4818
|
* Controls when it's needed to apply the selection feedback
|
|
4467
4819
|
*/
|
|
@@ -4502,7 +4854,7 @@ export class Dropdown implements OnInit, AfterContentInit, AfterViewInit, OnDest
|
|
|
4502
4854
|
<script src="../js/libs/htmlparser.js"></script>
|
|
4503
4855
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
4504
4856
|
<script>
|
|
4505
|
-
var COMPONENT_TEMPLATE = '<div><label *ngIf="label && !skeleton" [for]="id" class="cds--label" [ngClass]="{ \'cds--label--disabled\': disabled, \'cds--visually-hidden\': hideLabel }"> <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container> <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template></label><div class="cds--list-box" [ngClass]="{ \'cds--dropdown\': type !== \'multi\', \'cds--multiselect\': type === \'multi\', \'cds--multi-select--selected\': type === \'multi\' && getSelectedCount() > 0, \'cds--dropdown--light\': theme === \'light\', \'cds--list-box--light\': theme === \'light\', \'cds--list-box--inline\': inline, \'cds--skeleton\': skeleton, \'cds--dropdown--disabled cds--list-box--disabled\': disabled, \'cds--dropdown--readonly\': readonly, \'cds--dropdown--invalid\': invalid, \'cds--dropdown--warning cds--list-box--warning\': warn, \'cds--dropdown--sm cds--list-box--sm\': size === \'sm\', \'cds--dropdown--md cds--list-box--md\': size === \'md\', \'cds--dropdown--lg cds--list-box--lg\': size === \'lg\', \'cds--list-box--expanded\': !menuIsClosed }"> <button #dropdownButton [id]="id" type="button" class="cds--list-box__field" [ngClass]="{\'a\': !menuIsClosed}" [attr.aria-expanded]="!menuIsClosed" [attr.aria-disabled]="disabled" [attr.aria-readonly]="readonly" aria-haspopup="listbox" (click)="disabled || readonly ? $event.stopPropagation() : toggleMenu()" (blur)="onBlur()" [attr.disabled]="disabled ? true : null"> <div (click)="clearSelected()" (keydown.enter)="clearSelected()" *ngIf="type === \'multi\' && getSelectedCount() > 0" class="cds--list-box__selection cds--tag--filter cds--list-box__selection--multi" tabindex="0" [title]="clearText"> {{getSelectedCount()}} <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path d="M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"></path> </svg> </div> <span *ngIf="isRenderString()" class="cds--list-box__label">{{getDisplayStringValue() | async}}</span> <ng-template *ngIf="!isRenderString()" [ngTemplateOutletContext]="getRenderTemplateContext()" [ngTemplateOutlet]="displayValue"> </ng-template> <
|
|
4857
|
+
var COMPONENT_TEMPLATE = '<div><label *ngIf="label && !skeleton" [for]="id" class="cds--label" [ngClass]="{ \'cds--label--disabled\': disabled, \'cds--visually-hidden\': hideLabel }"> <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container> <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template></label><div class="cds--list-box" [ngClass]="{ \'cds--dropdown\': type !== \'multi\' && !(skeleton && fluid), \'cds--multiselect\': type === \'multi\', \'cds--multi-select--selected\': type === \'multi\' && getSelectedCount() > 0, \'cds--dropdown--light\': theme === \'light\', \'cds--list-box--light\': theme === \'light\', \'cds--list-box--inline\': inline, \'cds--skeleton\': skeleton, \'cds--dropdown--disabled cds--list-box--disabled\': disabled, \'cds--dropdown--readonly\': readonly, \'cds--dropdown--invalid\': invalid, \'cds--dropdown--warning cds--list-box--warning\': warn, \'cds--dropdown--sm cds--list-box--sm\': size === \'sm\', \'cds--dropdown--md cds--list-box--md\': size === \'md\', \'cds--dropdown--lg cds--list-box--lg\': size === \'lg\', \'cds--list-box--expanded\': !menuIsClosed, \'cds--list-box--invalid\': invalid }" [attr.data-invalid]="invalid ? true : null"> <div *ngIf="skeleton && fluid" class="cds--list-box__label"></div> <button #dropdownButton [id]="id" type="button" class="cds--list-box__field" [ngClass]="{\'a\': !menuIsClosed}" [attr.aria-expanded]="!menuIsClosed" [attr.aria-disabled]="disabled" [attr.aria-readonly]="readonly" aria-haspopup="listbox" (click)="disabled || readonly ? $event.stopPropagation() : toggleMenu()" (focus)="fluid ? handleFocus($event) : null" (blur)="fluid ? handleFocus($event) : onBlur()" [attr.disabled]="disabled ? true : null"> <div (click)="clearSelected()" (keydown.enter)="clearSelected()" *ngIf="type === \'multi\' && getSelectedCount() > 0" class="cds--list-box__selection cds--tag--filter cds--list-box__selection--multi" tabindex="0" [title]="clearText"> {{getSelectedCount()}} <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path d="M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z"></path> </svg> </div> <span *ngIf="isRenderString()" class="cds--list-box__label">{{getDisplayStringValue() | async}}</span> <ng-template *ngIf="!isRenderString()" [ngTemplateOutletContext]="getRenderTemplateContext()" [ngTemplateOutlet]="displayValue"> </ng-template> <span class="cds--list-box__menu-icon"> <svg *ngIf="!skeleton" cdsIcon="chevron--down" size="16" [attr.aria-label]="menuButtonLabel" [ngClass]="{\'cds--list-box__menu-icon--open\': !menuIsClosed }"> </svg> </span> </button> <svg *ngIf="invalid" class="cds--list-box__invalid-icon" cdsIcon="warning--filled" size="16"> </svg> <svg *ngIf="!invalid && warn" cdsIcon="warning--alt--filled" size="16" class="cds--list-box__invalid-icon cds--list-box__invalid-icon--warning"> </svg> <div #dropdownMenu [ngClass]="{ \'cds--list-box--up\': this.dropUp !== null && this.dropUp !== undefined ? dropUp : _dropUp }"> <ng-content *ngIf="!menuIsClosed"></ng-content> </div></div><hr *ngIf="fluid" class="cds--list-box__divider" /><div *ngIf="helperText && !invalid && !warn && !skeleton && !fluid" class="cds--form__helper-text" [ngClass]="{ \'cds--form__helper-text--disabled\': disabled }"> <ng-container *ngIf="!isTemplate(helperText)">{{helperText}}</ng-container> <ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template></div><div *ngIf="invalid" class="cds--form-requirement"> <ng-container *ngIf="!isTemplate(invalidText)">{{ invalidText }}</ng-container> <ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template></div><div *ngIf="!invalid && warn" class="cds--form-requirement"> <ng-container *ngIf="!isTemplate(warnText)">{{warnText}}</ng-container> <ng-template *ngIf="isTemplate(warnText)" [ngTemplateOutlet]="warnText"></ng-template></div></div>'
|
|
4506
4858
|
var COMPONENTS = [{'name': 'Accordion', 'selector': 'cds-accordion, ibm-accordion'},{'name': 'AccordionItem', 'selector': 'cds-accordion-item, ibm-accordion-item'},{'name': 'ActionableNotification', 'selector': 'cds-actionable-notification, ibm-actionable-notification'},{'name': 'AlertModal', 'selector': 'cds-alert-modal, ibm-alert-modal'},{'name': 'BaseIconButton', 'selector': ''},{'name': 'BaseNotification', 'selector': ''},{'name': 'BaseTabHeader', 'selector': ''},{'name': 'Breadcrumb', 'selector': 'cds-breadcrumb, ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'cds-breadcrumb-item, ibm-breadcrumb-item'},{'name': 'ButtonSet', 'selector': 'cds-button-set, ibm-button-set'},{'name': 'Checkbox', 'selector': 'cds-checkbox, ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'cds-clickable-tile, ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'cds-code-snippet, ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'cds-combo-box, ibm-combo-box'},{'name': 'ContainedList', 'selector': 'cds-contained-list, ibm-contained-list'},{'name': 'ContainedListItem', 'selector': 'cds-contained-list-item, ibm-contained-list-item'},{'name': 'ContentSwitcher', 'selector': 'cds-content-switcher, ibm-content-switcher'},{'name': 'ContextMenuComponent', 'selector': 'cds-context-menu, ibm-context-menu'},{'name': 'ContextMenuDividerComponent', 'selector': 'cds-context-menu-divider, ibm-context-menu-divider'},{'name': 'ContextMenuGroupComponent', 'selector': 'cds-context-menu-group, ibm-context-menu-group'},{'name': 'ContextMenuItemComponent', 'selector': 'cds-context-menu-item, ibm-context-menu-item'},{'name': 'DatePicker', 'selector': 'cds-date-picker, ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'cds-date-picker-input, ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'cds-dialog, ibm-dialog'},{'name': 'Documentation', 'selector': 'cds-documentation'},{'name': 'Dropdown', 'selector': 'cds-dropdown, ibm-dropdown'},{'name': 'DropdownList', 'selector': 'cds-dropdown-list, ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'cds-expandable-tile, ibm-expandable-tile'},{'name': 'FileComponent', 'selector': 'cds-file, ibm-file'},{'name': 'FileUploader', 'selector': 'cds-file-uploader, ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'cds-hamburger, ibm-hamburger'},{'name': 'Header', 'selector': 'cds-header, ibm-header'},{'name': 'HeaderAction', 'selector': 'cds-header-action, ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'cds-header-global, ibm-header-global'},{'name': 'HeaderItem', 'selector': 'cds-header-item, ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'cds-header-menu, ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'cds-header-navigation, ibm-header-navigation'},{'name': 'IconButton', 'selector': 'cds-icon-button, ibm-icon-button'},{'name': 'InlineLoading', 'selector': 'cds-inline-loading, ibm-inline-loading'},{'name': 'Label', 'selector': 'cds-label, ibm-label'},{'name': 'ListColumn', 'selector': 'cds-list-column, ibm-list-column'},{'name': 'ListHeader', 'selector': 'cds-list-header, ibm-list-header'},{'name': 'ListRow', 'selector': 'cds-list-row, ibm-list-row'},{'name': 'Loading', 'selector': 'cds-loading, ibm-loading'},{'name': 'Modal', 'selector': 'cds-modal, ibm-modal'},{'name': 'ModalFooter', 'selector': 'cds-modal-footer, ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'cds-modal-header, ibm-modal-header'},{'name': 'Notification', 'selector': 'cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification'},{'name': 'NumberComponent', 'selector': 'cds-number, ibm-number'},{'name': 'OverflowMenu', 'selector': 'cds-overflow-menu, ibm-overflow-menu'},{'name': 'OverflowMenuCustomPane', 'selector': 'cds-overflow-custom-menu-pane, ibm-overflow-custom-menu-pane'},{'name': 'OverflowMenuOption', 'selector': 'cds-overflow-menu-option, ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'cds-overflow-menu-pane, ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'cds-overlay, ibm-overlay'},{'name': 'Pagination', 'selector': 'cds-pagination, ibm-pagination'},{'name': 'PaginationNav', 'selector': 'cds-pagination-nav, ibm-pagination-navm'},{'name': 'PaginationNavItem', 'selector': 'cds-pagination-nav-item, ibm-pagination-nav-item'},{'name': 'PaginationOverflow', 'selector': 'cds-pagination-overflow, ibm-pagination-overflow'},{'name': 'Panel', 'selector': 'cds-panel, ibm-panel'},{'name': 'PasswordInputLabelComponent', 'selector': 'cds-password-label, ibm-password-label'},{'name': 'Placeholder', 'selector': 'cds-placeholder, ibm-placeholder'},{'name': 'PopoverContent', 'selector': 'cds-popover-content, ibm-popover-content'},{'name': 'ProgressBar', 'selector': 'cds-progress-bar, ibm-progress-bar'},{'name': 'ProgressIndicator', 'selector': 'cds-progress-indicator, ibm-progress-indicator'},{'name': 'Radio', 'selector': 'cds-radio, ibm-radio'},{'name': 'RadioGroup', 'selector': 'cds-radio-group, ibm-radio-group'},{'name': 'Search', 'selector': 'cds-search, ibm-search'},{'name': 'Select', 'selector': 'cds-select, ibm-select'},{'name': 'SelectionTile', 'selector': 'cds-selection-tile, ibm-selection-tile'},{'name': 'SideNav', 'selector': 'cds-sidenav, ibm-sidenav'},{'name': 'SideNavItem', 'selector': 'cds-sidenav-item, ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'cds-sidenav-menu, ibm-sidenav-menu'},{'name': 'SkeletonPlaceholder', 'selector': 'cds-skeleton-placeholder, ibm-skeleton-placeholder'},{'name': 'SkeletonText', 'selector': 'cds-skeleton-text, ibm-skeleton-text'},{'name': 'Slider', 'selector': 'cds-slider, ibm-slider'},{'name': 'StructuredList', 'selector': 'cds-structured-list, ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'cds-switcher-list, ibm-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'cds-switcher-list-item, ibm-switcher-list-item'},{'name': 'Tab', 'selector': 'cds-tab, ibm-tab'},{'name': 'TabHeaderGroup', 'selector': 'cds-tab-header-group, ibm-tab-header-group'},{'name': 'TabHeaders', 'selector': 'cds-tab-headers, ibm-tab-headers'},{'name': 'Table', 'selector': 'cds-table, ibm-table'},{'name': 'TableBody', 'selector': '[cdsTableBody], [ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[cdsTableCheckbox], [ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'cds-table-container, ibm-table-container'},{'name': 'TableData', 'selector': '[cdsTableData], [ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[cdsTableExpandButton], [ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[cdsTableExpandedRow], [ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[cdsTableHead], [ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[cdsTableHeadCell], [ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[cdsTableHeadCheckbox], [ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'cds-table-header, ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[cdsTableHeadExpand], [ibmTableHeadExpand]'},{'name': 'TableRadio', 'selector': '[cdsTableRadio], [ibmTableRadio]'},{'name': 'TableRowComponent', 'selector': '[cdsTableRow], [ibmTableRow]'},{'name': 'TableToolbar', 'selector': 'cds-table-toolbar, ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'cds-table-toolbar-actions, ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'cds-table-toolbar-content, ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'cds-table-toolbar-search, ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'cds-tabs, ibm-tabs'},{'name': 'TabSkeleton', 'selector': 'cds-tabs-skeleton, ibm-tabs-skeleton'},{'name': 'Tag', 'selector': 'cds-tag, ibm-tag'},{'name': 'TagFilter', 'selector': 'cds-tag-filter, ibm-tag-filter'},{'name': 'TagOperationalComponent', 'selector': 'cds-tag-operational, ibm-tag-operational'},{'name': 'TagSelectableComponent', 'selector': 'cds-tag-selectable, ibm-tag-selectable'},{'name': 'TextareaLabelComponent', 'selector': 'cds-textarea-label, ibm-textarea-label'},{'name': 'TextInputLabelComponent', 'selector': 'cds-text-label, ibm-text-label'},{'name': 'Tile', 'selector': 'cds-tile, ibm-tile'},{'name': 'TileGroup', 'selector': 'cds-tile-group, ibm-tile-group'},{'name': 'TimePicker', 'selector': 'cds-timepicker, ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'cds-timepicker-select, ibm-timepicker-select'},{'name': 'Toast', 'selector': 'cds-toast, ibm-toast'},{'name': 'Toggle', 'selector': 'cds-toggle, ibm-toggle'},{'name': 'Toggletip', 'selector': 'cds-toggletip, ibm-toggletip'},{'name': 'Tooltip', 'selector': 'cds-tooltip, ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'cds-tooltip-definition, ibm-tooltip-definition'},{'name': 'TreeNodeComponent', 'selector': 'cds-tree-node'},{'name': 'TreeViewComponent', 'selector': 'cds-tree-view'}];
|
|
4507
4859
|
var DIRECTIVES = [{'name': 'AbstractDropdownView', 'selector': '[cdsAbstractDropdownView], [ibmAbstractDropdownView]'},{'name': 'ActionableButton', 'selector': '[cdsActionableButton], [ibmActionableButton]'},{'name': 'ActionableSubtitle', 'selector': '[cdsActionableSubtitle], [ibmActionableSubtitle]'},{'name': 'ActionableTitle', 'selector': '[cdsActionableTitle], [ibmActionableTitle]'},{'name': 'BaseModal', 'selector': '[cdsBaseModal], [ibmBaseModal]'},{'name': 'Button', 'selector': '[cdsButton], [ibmButton]'},{'name': 'ClickableTileIconDirective', 'selector': '[cdsClickableTileIcon], [ibmClickableTileIcon]'},{'name': 'ColumnDirective', 'selector': '[cdsCol], [ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[cdsContentOption], [ibmContentOption]'},{'name': 'DialogDirective', 'selector': '[cdsDialog], [ibmDialog]'},{'name': 'ExpandableTileAboveFoldDirective', 'selector': '[cdsAboveFold], [ibmAboveFold]'},{'name': 'ExpandableTileBelowFoldDirective', 'selector': '[cdsBelowFold], [ibmBelowFold]'},{'name': 'ExpandedRowHover', 'selector': '[cdsExpandedRowHover], [ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[cdsGrid], [ibmGrid]'},{'name': 'IconDirective', 'selector': '[cdsIcon], [ibmIcon]'},{'name': 'LayerDirective', 'selector': '[cdsLayer], [ibmLayer]'},{'name': 'Link', 'selector': '[cdsLink], [ibmLink]'},{'name': 'LinkIconDirective', 'selector': '[ibmLinkIcon], [cdsLinkIcon]'},{'name': 'List', 'selector': '[cdsList], [ibmList]'},{'name': 'ListItemDirective', 'selector': '[cdsListItem], [ibmListItem]'},{'name': 'ModalContent', 'selector': '[cdsModalContent], [ibmModalContent]'},{'name': 'ModalContentText', 'selector': '[cdsModalContentText], [ibmModalContentText]'},{'name': 'ModalHeaderHeading', 'selector': '[cdsModalHeaderHeading], [ibmModalHeaderHeading]'},{'name': 'ModalHeaderLabel', 'selector': '[cdsModalHeaderLabel], [ibmModalHeaderLabel]'},{'name': 'NotificationSubtitle', 'selector': '[cdsNotificationSubtitle], [ibmNotificationSubtitle]'},{'name': 'NotificationTitle', 'selector': '[cdsNotificationTitle], [ibmNotificationTitle]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[cdsOverflowMenu], [ibmOverflowMenu]'},{'name': 'PasswordInput', 'selector': '[cdsPassword], [ibmPassword]'},{'name': 'PopoverContainer', 'selector': '[cdsPopover], [ibmPopover]'},{'name': 'RouterLinkExtendedDirective', 'selector': '[routerLink]'},{'name': 'RowDirective', 'selector': '[cdsRow], [ibmRow]'},{'name': 'ScrollableList', 'selector': '[cdsScrollableList], [ibmScrollableList]'},{'name': 'StackDirective', 'selector': '[cdsStack], [ibmStack]'},{'name': 'TabHeader', 'selector': '[cdsTabHeader], [ibmTabHeader]'},{'name': 'TableDirective', 'selector': '[cdsTable], [ibmTable]'},{'name': 'TableHeadCellLabel', 'selector': '[cdsTableHeadCellLabel], [ibmTableHeadCellLabel]'},{'name': 'TableHeaderDescription', 'selector': '[cdsTableHeaderDescription], [ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[cdsTableHeaderTitle], [ibmTableHeaderTitle]'},{'name': 'TagIconDirective', 'selector': '[cdsTagIcon], [ibmTagIcon]'},{'name': 'TextArea', 'selector': '[cdsTextArea], [ibmTextArea]'},{'name': 'TextInput', 'selector': '[cdsText], [ibmText]'},{'name': 'ThemeDirective', 'selector': '[cdsTheme], [ibmTheme]'},{'name': 'ToastCaption', 'selector': '[cdsToastCaption], [ibmToastCaption]'},{'name': 'ToastSubtitle', 'selector': '[cdsToastSubtitle], [ibmToastSubtitle]'},{'name': 'ToastTitle', 'selector': '[cdsToastTitle], [ibmToastTitle]'},{'name': 'ToggletipAction', 'selector': '[cdsToggletipAction], [ibmToggletipAction]'},{'name': 'ToggletipButton', 'selector': '[cdsToggletipButton], [ibmToggletipButton]'},{'name': 'ToggletipContent', 'selector': '[cdsToggletipContent], [ibmToggletipContent]'},{'name': 'ToggletipLabel', 'selector': '[cdsToggletipLabel], [ibmToggletipLabel]'}];
|
|
4508
4860
|
var ACTUAL_COMPONENT = {'name': 'Dropdown'};
|