carbon-components-angular 5.36.0 → 5.38.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/Select.html +252 -45
- package/docs/documentation/components/Slider.html +251 -94
- package/docs/documentation/components/TimePickerSelect.html +218 -24
- package/docs/documentation/coverage.html +8 -8
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ComboBoxModule.html +4 -4
- package/docs/documentation/modules/ContentSwitcherModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ContentSwitcherModule.html +4 -4
- package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +41 -37
- package/docs/documentation/modules/DatePickerInputModule.html +41 -37
- package/docs/documentation/modules/DatePickerModule/dependencies.svg +38 -38
- package/docs/documentation/modules/DatePickerModule.html +38 -38
- package/docs/documentation/modules/GridModule/dependencies.svg +60 -60
- package/docs/documentation/modules/GridModule.html +60 -60
- package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
- package/docs/documentation/modules/LoadingModule.html +4 -4
- 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/ProgressIndicatorModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ProgressIndicatorModule.html +4 -4
- package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
- package/docs/documentation/modules/RadioModule.html +4 -4
- package/docs/documentation/modules/SelectModule/dependencies.svg +58 -58
- package/docs/documentation/modules/SelectModule.html +58 -58
- package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SliderModule.html +4 -4
- package/docs/documentation/modules/TableModule/dependencies.svg +216 -216
- package/docs/documentation/modules/TableModule.html +216 -216
- package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
- package/docs/documentation/modules/TabsModule.html +69 -69
- package/docs/documentation/modules/TagModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TagModule.html +4 -4
- package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ThemeModule.html +4 -4
- package/docs/documentation/modules/TilesModule/dependencies.svg +94 -94
- package/docs/documentation/modules/TilesModule.html +94 -94
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TimePickerSelectModule.html +4 -4
- package/docs/documentation/modules/ToggleModule/dependencies.svg +20 -20
- package/docs/documentation/modules/ToggleModule.html +20 -20
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggletipModule.html +4 -4
- package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
- package/docs/documentation/modules/TooltipModule.html +28 -28
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TreeviewModule.html +4 -4
- package/docs/documentation.json +391 -200
- package/docs/storybook/{9672.c7063b22.iframe.bundle.js → 9672.48c27c98.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/{main.e57ae153.iframe.bundle.js → main.c3732b9e.iframe.bundle.js} +1 -1
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.58219115.iframe.bundle.js → runtime~main.b5fc6cdc.iframe.bundle.js} +1 -1
- package/docs/storybook/select-select-stories.c1077d92.iframe.bundle.js +1 -0
- package/docs/storybook/{slider-slider-stories.0a70e102.iframe.bundle.js → slider-slider-stories.5884b16a.iframe.bundle.js} +1 -1
- package/esm2020/select/select.component.mjs +38 -6
- package/esm2020/slider/slider.component.mjs +35 -10
- package/fesm2015/carbon-components-angular-select.mjs +37 -5
- package/fesm2015/carbon-components-angular-select.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-slider.mjs +34 -9
- package/fesm2015/carbon-components-angular-slider.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-select.mjs +37 -5
- package/fesm2020/carbon-components-angular-select.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-slider.mjs +34 -9
- package/fesm2020/carbon-components-angular-slider.mjs.map +1 -1
- package/package.json +1 -1
- package/select/select.component.d.ts +7 -1
- package/slider/slider.component.d.ts +5 -1
- package/docs/storybook/select-select-stories.f28348e5.iframe.bundle.js +0 -1
|
@@ -190,7 +190,8 @@
|
|
|
190
190
|
'cds--select--light': theme === 'light',
|
|
191
191
|
'cds--select--invalid': invalid,
|
|
192
192
|
'cds--select--warning': warn,
|
|
193
|
-
'cds--select--disabled': disabled
|
|
193
|
+
'cds--select--disabled': disabled,
|
|
194
|
+
'cds--select--readonly': readonly
|
|
194
195
|
}">
|
|
195
196
|
<label
|
|
196
197
|
*ngIf="label"
|
|
@@ -225,12 +226,15 @@
|
|
|
225
226
|
[disabled]="disabled"
|
|
226
227
|
(change)="onChange($event)"
|
|
227
228
|
[attr.aria-invalid]="invalid ? 'true' : null"
|
|
229
|
+
[attr.aria-readonly]="readonly ? 'true' : null"
|
|
228
230
|
class="cds--select-input"
|
|
229
231
|
[ngClass]="{
|
|
230
232
|
'cds--select-input--sm': size === 'sm',
|
|
231
233
|
'cds--select-input--md': size === 'md',
|
|
232
234
|
'cds--select-input--lg': size === 'lg'
|
|
233
|
-
}"
|
|
235
|
+
}"
|
|
236
|
+
(mousedown)="onMouseDown($event)"
|
|
237
|
+
(keydown)="onKeyDown($event)">
|
|
234
238
|
<ng-content></ng-content>
|
|
235
239
|
</select>
|
|
236
240
|
<svg
|
|
@@ -341,6 +345,12 @@
|
|
|
341
345
|
<li>
|
|
342
346
|
<a href="#onChange" >onChange</a>
|
|
343
347
|
</li>
|
|
348
|
+
<li>
|
|
349
|
+
<a href="#onKeyDown" >onKeyDown</a>
|
|
350
|
+
</li>
|
|
351
|
+
<li>
|
|
352
|
+
<a href="#onMouseDown" >onMouseDown</a>
|
|
353
|
+
</li>
|
|
344
354
|
<li>
|
|
345
355
|
<a href="#registerOnChange" >registerOnChange</a>
|
|
346
356
|
</li>
|
|
@@ -389,6 +399,9 @@
|
|
|
389
399
|
<li>
|
|
390
400
|
<a href="#label" >label</a>
|
|
391
401
|
</li>
|
|
402
|
+
<li>
|
|
403
|
+
<a href="#readonly" >readonly</a>
|
|
404
|
+
</li>
|
|
392
405
|
<li>
|
|
393
406
|
<a href="#size" >size</a>
|
|
394
407
|
</li>
|
|
@@ -479,7 +492,7 @@
|
|
|
479
492
|
</tr>
|
|
480
493
|
<tr>
|
|
481
494
|
<td class="col-md-2" colspan="2">
|
|
482
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
495
|
+
<div class="io-line">Defined in <a href="" data-line="199" class="link-to-prism">src/select/select.component.ts:199</a></div>
|
|
483
496
|
</td>
|
|
484
497
|
</tr>
|
|
485
498
|
</tbody>
|
|
@@ -505,7 +518,7 @@
|
|
|
505
518
|
</tr>
|
|
506
519
|
<tr>
|
|
507
520
|
<td class="col-md-2" colspan="2">
|
|
508
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
521
|
+
<div class="io-line">Defined in <a href="" data-line="180" class="link-to-prism">src/select/select.component.ts:180</a></div>
|
|
509
522
|
</td>
|
|
510
523
|
</tr>
|
|
511
524
|
<tr>
|
|
@@ -537,7 +550,7 @@
|
|
|
537
550
|
</tr>
|
|
538
551
|
<tr>
|
|
539
552
|
<td class="col-md-2" colspan="2">
|
|
540
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
553
|
+
<div class="io-line">Defined in <a href="" data-line="148" class="link-to-prism">src/select/select.component.ts:148</a></div>
|
|
541
554
|
</td>
|
|
542
555
|
</tr>
|
|
543
556
|
<tr>
|
|
@@ -564,7 +577,7 @@
|
|
|
564
577
|
</tr>
|
|
565
578
|
<tr>
|
|
566
579
|
<td class="col-md-2" colspan="2">
|
|
567
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
580
|
+
<div class="io-line">Defined in <a href="" data-line="156" class="link-to-prism">src/select/select.component.ts:156</a></div>
|
|
568
581
|
</td>
|
|
569
582
|
</tr>
|
|
570
583
|
<tr>
|
|
@@ -596,7 +609,7 @@
|
|
|
596
609
|
</tr>
|
|
597
610
|
<tr>
|
|
598
611
|
<td class="col-md-2" colspan="2">
|
|
599
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
612
|
+
<div class="io-line">Defined in <a href="" data-line="172" class="link-to-prism">src/select/select.component.ts:172</a></div>
|
|
600
613
|
</td>
|
|
601
614
|
</tr>
|
|
602
615
|
<tr>
|
|
@@ -628,7 +641,7 @@
|
|
|
628
641
|
</tr>
|
|
629
642
|
<tr>
|
|
630
643
|
<td class="col-md-2" colspan="2">
|
|
631
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
644
|
+
<div class="io-line">Defined in <a href="" data-line="188" class="link-to-prism">src/select/select.component.ts:188</a></div>
|
|
632
645
|
</td>
|
|
633
646
|
</tr>
|
|
634
647
|
<tr>
|
|
@@ -655,7 +668,7 @@
|
|
|
655
668
|
</tr>
|
|
656
669
|
<tr>
|
|
657
670
|
<td class="col-md-2" colspan="2">
|
|
658
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
671
|
+
<div class="io-line">Defined in <a href="" data-line="160" class="link-to-prism">src/select/select.component.ts:160</a></div>
|
|
659
672
|
</td>
|
|
660
673
|
</tr>
|
|
661
674
|
<tr>
|
|
@@ -682,12 +695,44 @@
|
|
|
682
695
|
</tr>
|
|
683
696
|
<tr>
|
|
684
697
|
<td class="col-md-2" colspan="2">
|
|
685
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
698
|
+
<div class="io-line">Defined in <a href="" data-line="152" class="link-to-prism">src/select/select.component.ts:152</a></div>
|
|
686
699
|
</td>
|
|
687
700
|
</tr>
|
|
688
701
|
<tr>
|
|
689
702
|
<td class="col-md-4">
|
|
690
703
|
<div class="io-description"><p>Label for the select. Appears above the input.</p>
|
|
704
|
+
</div>
|
|
705
|
+
</td>
|
|
706
|
+
</tr>
|
|
707
|
+
</tbody>
|
|
708
|
+
</table>
|
|
709
|
+
<table class="table table-sm table-bordered">
|
|
710
|
+
<tbody>
|
|
711
|
+
<tr>
|
|
712
|
+
<td class="col-md-4">
|
|
713
|
+
<a name="readonly"></a>
|
|
714
|
+
<b>readonly</b>
|
|
715
|
+
</td>
|
|
716
|
+
</tr>
|
|
717
|
+
<tr>
|
|
718
|
+
<td class="col-md-4">
|
|
719
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
720
|
+
|
|
721
|
+
</td>
|
|
722
|
+
</tr>
|
|
723
|
+
<tr>
|
|
724
|
+
<td class="col-md-4">
|
|
725
|
+
<i>Default value : </i><code>false</code>
|
|
726
|
+
</td>
|
|
727
|
+
</tr>
|
|
728
|
+
<tr>
|
|
729
|
+
<td class="col-md-2" colspan="2">
|
|
730
|
+
<div class="io-line">Defined in <a href="" data-line="192" class="link-to-prism">src/select/select.component.ts:192</a></div>
|
|
731
|
+
</td>
|
|
732
|
+
</tr>
|
|
733
|
+
<tr>
|
|
734
|
+
<td class="col-md-4">
|
|
735
|
+
<div class="io-description"><p>Set to <code>true</code> for readonly state.</p>
|
|
691
736
|
</div>
|
|
692
737
|
</td>
|
|
693
738
|
</tr>
|
|
@@ -714,7 +759,7 @@
|
|
|
714
759
|
</tr>
|
|
715
760
|
<tr>
|
|
716
761
|
<td class="col-md-2" colspan="2">
|
|
717
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
762
|
+
<div class="io-line">Defined in <a href="" data-line="176" class="link-to-prism">src/select/select.component.ts:176</a></div>
|
|
718
763
|
</td>
|
|
719
764
|
</tr>
|
|
720
765
|
<tr>
|
|
@@ -746,7 +791,7 @@
|
|
|
746
791
|
</tr>
|
|
747
792
|
<tr>
|
|
748
793
|
<td class="col-md-2" colspan="2">
|
|
749
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
794
|
+
<div class="io-line">Defined in <a href="" data-line="184" class="link-to-prism">src/select/select.component.ts:184</a></div>
|
|
750
795
|
</td>
|
|
751
796
|
</tr>
|
|
752
797
|
<tr>
|
|
@@ -778,7 +823,7 @@
|
|
|
778
823
|
</tr>
|
|
779
824
|
<tr>
|
|
780
825
|
<td class="col-md-2" colspan="2">
|
|
781
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
826
|
+
<div class="io-line">Defined in <a href="" data-line="198" class="link-to-prism">src/select/select.component.ts:198</a></div>
|
|
782
827
|
</td>
|
|
783
828
|
</tr>
|
|
784
829
|
</tbody>
|
|
@@ -799,7 +844,7 @@
|
|
|
799
844
|
</tr>
|
|
800
845
|
<tr>
|
|
801
846
|
<td class="col-md-2" colspan="2">
|
|
802
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
847
|
+
<div class="io-line">Defined in <a href="" data-line="205" class="link-to-prism">src/select/select.component.ts:205</a></div>
|
|
803
848
|
</td>
|
|
804
849
|
</tr>
|
|
805
850
|
</tbody>
|
|
@@ -825,7 +870,7 @@
|
|
|
825
870
|
</tr>
|
|
826
871
|
<tr>
|
|
827
872
|
<td class="col-md-2" colspan="2">
|
|
828
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
873
|
+
<div class="io-line">Defined in <a href="" data-line="164" class="link-to-prism">src/select/select.component.ts:164</a></div>
|
|
829
874
|
</td>
|
|
830
875
|
</tr>
|
|
831
876
|
<tr>
|
|
@@ -852,7 +897,7 @@
|
|
|
852
897
|
</tr>
|
|
853
898
|
<tr>
|
|
854
899
|
<td class="col-md-2" colspan="2">
|
|
855
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
900
|
+
<div class="io-line">Defined in <a href="" data-line="168" class="link-to-prism">src/select/select.component.ts:168</a></div>
|
|
856
901
|
</td>
|
|
857
902
|
</tr>
|
|
858
903
|
<tr>
|
|
@@ -882,7 +927,7 @@
|
|
|
882
927
|
</tr>
|
|
883
928
|
<tr>
|
|
884
929
|
<td class="col-md-2" colspan="2">
|
|
885
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
930
|
+
<div class="io-line">Defined in <a href="" data-line="201" class="link-to-prism">src/select/select.component.ts:201</a></div>
|
|
886
931
|
</td>
|
|
887
932
|
</tr>
|
|
888
933
|
</tbody>
|
|
@@ -910,8 +955,8 @@
|
|
|
910
955
|
|
|
911
956
|
<tr>
|
|
912
957
|
<td class="col-md-4">
|
|
913
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
914
|
-
class="link-to-prism">src/select/select.component.ts:
|
|
958
|
+
<div class="io-line">Defined in <a href="" data-line="271"
|
|
959
|
+
class="link-to-prism">src/select/select.component.ts:271</a></div>
|
|
915
960
|
</td>
|
|
916
961
|
</tr>
|
|
917
962
|
|
|
@@ -960,8 +1005,8 @@
|
|
|
960
1005
|
|
|
961
1006
|
<tr>
|
|
962
1007
|
<td class="col-md-4">
|
|
963
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
964
|
-
class="link-to-prism">src/select/select.component.ts:
|
|
1008
|
+
<div class="io-line">Defined in <a href="" data-line="271"
|
|
1009
|
+
class="link-to-prism">src/select/select.component.ts:271</a></div>
|
|
965
1010
|
</td>
|
|
966
1011
|
</tr>
|
|
967
1012
|
|
|
@@ -1001,8 +1046,8 @@
|
|
|
1001
1046
|
|
|
1002
1047
|
<tr>
|
|
1003
1048
|
<td class="col-md-4">
|
|
1004
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1005
|
-
class="link-to-prism">src/select/select.component.ts:
|
|
1049
|
+
<div class="io-line">Defined in <a href="" data-line="275"
|
|
1050
|
+
class="link-to-prism">src/select/select.component.ts:275</a></div>
|
|
1006
1051
|
</td>
|
|
1007
1052
|
</tr>
|
|
1008
1053
|
|
|
@@ -1064,8 +1109,8 @@
|
|
|
1064
1109
|
|
|
1065
1110
|
<tr>
|
|
1066
1111
|
<td class="col-md-4">
|
|
1067
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1068
|
-
class="link-to-prism">src/select/select.component.ts:
|
|
1112
|
+
<div class="io-line">Defined in <a href="" data-line="218"
|
|
1113
|
+
class="link-to-prism">src/select/select.component.ts:218</a></div>
|
|
1069
1114
|
</td>
|
|
1070
1115
|
</tr>
|
|
1071
1116
|
|
|
@@ -1101,8 +1146,8 @@
|
|
|
1101
1146
|
|
|
1102
1147
|
<tr>
|
|
1103
1148
|
<td class="col-md-4">
|
|
1104
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1105
|
-
class="link-to-prism">src/select/select.component.ts:
|
|
1149
|
+
<div class="io-line">Defined in <a href="" data-line="261"
|
|
1150
|
+
class="link-to-prism">src/select/select.component.ts:261</a></div>
|
|
1106
1151
|
</td>
|
|
1107
1152
|
</tr>
|
|
1108
1153
|
|
|
@@ -1147,6 +1192,140 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
|
|
|
1147
1192
|
</tr>
|
|
1148
1193
|
</tbody>
|
|
1149
1194
|
</table>
|
|
1195
|
+
<table class="table table-sm table-bordered">
|
|
1196
|
+
<tbody>
|
|
1197
|
+
<tr>
|
|
1198
|
+
<td class="col-md-4">
|
|
1199
|
+
<a name="onKeyDown"></a>
|
|
1200
|
+
<span class="name">
|
|
1201
|
+
<span ><b>onKeyDown</b></span>
|
|
1202
|
+
<a href="#onKeyDown"><span class="icon ion-ios-link"></span></a>
|
|
1203
|
+
</span>
|
|
1204
|
+
</td>
|
|
1205
|
+
</tr>
|
|
1206
|
+
<tr>
|
|
1207
|
+
<td class="col-md-4">
|
|
1208
|
+
<code>onKeyDown(event: KeyboardEvent)</code>
|
|
1209
|
+
</td>
|
|
1210
|
+
</tr>
|
|
1211
|
+
|
|
1212
|
+
|
|
1213
|
+
<tr>
|
|
1214
|
+
<td class="col-md-4">
|
|
1215
|
+
<div class="io-line">Defined in <a href="" data-line="295"
|
|
1216
|
+
class="link-to-prism">src/select/select.component.ts:295</a></div>
|
|
1217
|
+
</td>
|
|
1218
|
+
</tr>
|
|
1219
|
+
|
|
1220
|
+
|
|
1221
|
+
<tr>
|
|
1222
|
+
<td class="col-md-4">
|
|
1223
|
+
|
|
1224
|
+
<div class="io-description">
|
|
1225
|
+
<b>Parameters :</b>
|
|
1226
|
+
|
|
1227
|
+
<table class="params">
|
|
1228
|
+
<thead>
|
|
1229
|
+
<tr>
|
|
1230
|
+
<td>Name</td>
|
|
1231
|
+
<td>Type</td>
|
|
1232
|
+
<td>Optional</td>
|
|
1233
|
+
</tr>
|
|
1234
|
+
</thead>
|
|
1235
|
+
<tbody>
|
|
1236
|
+
<tr>
|
|
1237
|
+
<td>event</td>
|
|
1238
|
+
<td>
|
|
1239
|
+
<code>KeyboardEvent</code>
|
|
1240
|
+
</td>
|
|
1241
|
+
|
|
1242
|
+
<td>
|
|
1243
|
+
No
|
|
1244
|
+
</td>
|
|
1245
|
+
|
|
1246
|
+
|
|
1247
|
+
</tr>
|
|
1248
|
+
</tbody>
|
|
1249
|
+
</table>
|
|
1250
|
+
</div>
|
|
1251
|
+
<div class="io-description">
|
|
1252
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1253
|
+
|
|
1254
|
+
</div>
|
|
1255
|
+
<div class="io-description">
|
|
1256
|
+
|
|
1257
|
+
</div>
|
|
1258
|
+
</td>
|
|
1259
|
+
</tr>
|
|
1260
|
+
</tbody>
|
|
1261
|
+
</table>
|
|
1262
|
+
<table class="table table-sm table-bordered">
|
|
1263
|
+
<tbody>
|
|
1264
|
+
<tr>
|
|
1265
|
+
<td class="col-md-4">
|
|
1266
|
+
<a name="onMouseDown"></a>
|
|
1267
|
+
<span class="name">
|
|
1268
|
+
<span ><b>onMouseDown</b></span>
|
|
1269
|
+
<a href="#onMouseDown"><span class="icon ion-ios-link"></span></a>
|
|
1270
|
+
</span>
|
|
1271
|
+
</td>
|
|
1272
|
+
</tr>
|
|
1273
|
+
<tr>
|
|
1274
|
+
<td class="col-md-4">
|
|
1275
|
+
<code>onMouseDown(event: MouseEvent)</code>
|
|
1276
|
+
</td>
|
|
1277
|
+
</tr>
|
|
1278
|
+
|
|
1279
|
+
|
|
1280
|
+
<tr>
|
|
1281
|
+
<td class="col-md-4">
|
|
1282
|
+
<div class="io-line">Defined in <a href="" data-line="285"
|
|
1283
|
+
class="link-to-prism">src/select/select.component.ts:285</a></div>
|
|
1284
|
+
</td>
|
|
1285
|
+
</tr>
|
|
1286
|
+
|
|
1287
|
+
|
|
1288
|
+
<tr>
|
|
1289
|
+
<td class="col-md-4">
|
|
1290
|
+
|
|
1291
|
+
<div class="io-description">
|
|
1292
|
+
<b>Parameters :</b>
|
|
1293
|
+
|
|
1294
|
+
<table class="params">
|
|
1295
|
+
<thead>
|
|
1296
|
+
<tr>
|
|
1297
|
+
<td>Name</td>
|
|
1298
|
+
<td>Type</td>
|
|
1299
|
+
<td>Optional</td>
|
|
1300
|
+
</tr>
|
|
1301
|
+
</thead>
|
|
1302
|
+
<tbody>
|
|
1303
|
+
<tr>
|
|
1304
|
+
<td>event</td>
|
|
1305
|
+
<td>
|
|
1306
|
+
<code>MouseEvent</code>
|
|
1307
|
+
</td>
|
|
1308
|
+
|
|
1309
|
+
<td>
|
|
1310
|
+
No
|
|
1311
|
+
</td>
|
|
1312
|
+
|
|
1313
|
+
|
|
1314
|
+
</tr>
|
|
1315
|
+
</tbody>
|
|
1316
|
+
</table>
|
|
1317
|
+
</div>
|
|
1318
|
+
<div class="io-description">
|
|
1319
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1320
|
+
|
|
1321
|
+
</div>
|
|
1322
|
+
<div class="io-description">
|
|
1323
|
+
|
|
1324
|
+
</div>
|
|
1325
|
+
</td>
|
|
1326
|
+
</tr>
|
|
1327
|
+
</tbody>
|
|
1328
|
+
</table>
|
|
1150
1329
|
<table class="table table-sm table-bordered">
|
|
1151
1330
|
<tbody>
|
|
1152
1331
|
<tr>
|
|
@@ -1167,8 +1346,8 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
|
|
|
1167
1346
|
|
|
1168
1347
|
<tr>
|
|
1169
1348
|
<td class="col-md-4">
|
|
1170
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1171
|
-
class="link-to-prism">src/select/select.component.ts:
|
|
1349
|
+
<div class="io-line">Defined in <a href="" data-line="239"
|
|
1350
|
+
class="link-to-prism">src/select/select.component.ts:239</a></div>
|
|
1172
1351
|
</td>
|
|
1173
1352
|
</tr>
|
|
1174
1353
|
|
|
@@ -1236,8 +1415,8 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
|
|
|
1236
1415
|
|
|
1237
1416
|
<tr>
|
|
1238
1417
|
<td class="col-md-4">
|
|
1239
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1240
|
-
class="link-to-prism">src/select/select.component.ts:
|
|
1418
|
+
<div class="io-line">Defined in <a href="" data-line="246"
|
|
1419
|
+
class="link-to-prism">src/select/select.component.ts:246</a></div>
|
|
1241
1420
|
</td>
|
|
1242
1421
|
</tr>
|
|
1243
1422
|
|
|
@@ -1305,8 +1484,8 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
|
|
|
1305
1484
|
|
|
1306
1485
|
<tr>
|
|
1307
1486
|
<td class="col-md-4">
|
|
1308
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1309
|
-
class="link-to-prism">src/select/select.component.ts:
|
|
1487
|
+
<div class="io-line">Defined in <a href="" data-line="253"
|
|
1488
|
+
class="link-to-prism">src/select/select.component.ts:253</a></div>
|
|
1310
1489
|
</td>
|
|
1311
1490
|
</tr>
|
|
1312
1491
|
|
|
@@ -1374,8 +1553,8 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
|
|
|
1374
1553
|
|
|
1375
1554
|
<tr>
|
|
1376
1555
|
<td class="col-md-4">
|
|
1377
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1378
|
-
class="link-to-prism">src/select/select.component.ts:
|
|
1556
|
+
<div class="io-line">Defined in <a href="" data-line="232"
|
|
1557
|
+
class="link-to-prism">src/select/select.component.ts:232</a></div>
|
|
1379
1558
|
</td>
|
|
1380
1559
|
</tr>
|
|
1381
1560
|
|
|
@@ -1443,7 +1622,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
|
|
|
1443
1622
|
</tr>
|
|
1444
1623
|
<tr>
|
|
1445
1624
|
<td class="col-md-4">
|
|
1446
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1625
|
+
<div class="io-line">Defined in <a href="" data-line="216" class="link-to-prism">src/select/select.component.ts:216</a></div>
|
|
1447
1626
|
</td>
|
|
1448
1627
|
</tr>
|
|
1449
1628
|
|
|
@@ -1469,7 +1648,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
|
|
|
1469
1648
|
</tr>
|
|
1470
1649
|
<tr>
|
|
1471
1650
|
<td class="col-md-4">
|
|
1472
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1651
|
+
<div class="io-line">Defined in <a href="" data-line="282" class="link-to-prism">src/select/select.component.ts:282</a></div>
|
|
1473
1652
|
</td>
|
|
1474
1653
|
</tr>
|
|
1475
1654
|
|
|
@@ -1501,7 +1680,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
|
|
|
1501
1680
|
</tr>
|
|
1502
1681
|
<tr>
|
|
1503
1682
|
<td class="col-md-4">
|
|
1504
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1683
|
+
<div class="io-line">Defined in <a href="" data-line="283" class="link-to-prism">src/select/select.component.ts:283</a></div>
|
|
1505
1684
|
</td>
|
|
1506
1685
|
</tr>
|
|
1507
1686
|
|
|
@@ -1537,7 +1716,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
|
|
|
1537
1716
|
</tr>
|
|
1538
1717
|
<tr>
|
|
1539
1718
|
<td class="col-md-4">
|
|
1540
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1719
|
+
<div class="io-line">Defined in <a href="" data-line="203" class="link-to-prism">src/select/select.component.ts:203</a></div>
|
|
1541
1720
|
</td>
|
|
1542
1721
|
</tr>
|
|
1543
1722
|
|
|
@@ -1569,7 +1748,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
|
|
|
1569
1748
|
</tr>
|
|
1570
1749
|
<tr>
|
|
1571
1750
|
<td class="col-md-4">
|
|
1572
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1751
|
+
<div class="io-line">Defined in <a href="" data-line="143" class="link-to-prism">src/select/select.component.ts:143</a></div>
|
|
1573
1752
|
</td>
|
|
1574
1753
|
</tr>
|
|
1575
1754
|
|
|
@@ -1604,7 +1783,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
|
|
|
1604
1783
|
</tr>
|
|
1605
1784
|
<tr>
|
|
1606
1785
|
<td class="col-md-4">
|
|
1607
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1786
|
+
<div class="io-line">Defined in <a href="" data-line="212" class="link-to-prism">src/select/select.component.ts:212</a></div>
|
|
1608
1787
|
</td>
|
|
1609
1788
|
</tr>
|
|
1610
1789
|
|
|
@@ -1615,7 +1794,7 @@ Sends events to the change handler and emits a <code>selected</code> event.</p>
|
|
|
1615
1794
|
</tr>
|
|
1616
1795
|
<tr>
|
|
1617
1796
|
<td class="col-md-4">
|
|
1618
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1797
|
+
<div class="io-line">Defined in <a href="" data-line="205" class="link-to-prism">src/select/select.component.ts:205</a></div>
|
|
1619
1798
|
</td>
|
|
1620
1799
|
</tr>
|
|
1621
1800
|
<tr>
|
|
@@ -1705,7 +1884,8 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from "@angular/forms&quo
|
|
|
1705
1884
|
'cds--select--light': theme === 'light',
|
|
1706
1885
|
'cds--select--invalid': invalid,
|
|
1707
1886
|
'cds--select--warning': warn,
|
|
1708
|
-
'cds--select--disabled': disabled
|
|
1887
|
+
'cds--select--disabled': disabled,
|
|
1888
|
+
'cds--select--readonly': readonly
|
|
1709
1889
|
}">
|
|
1710
1890
|
<label
|
|
1711
1891
|
*ngIf="label"
|
|
@@ -1740,12 +1920,15 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from "@angular/forms&quo
|
|
|
1740
1920
|
[disabled]="disabled"
|
|
1741
1921
|
(change)="onChange($event)"
|
|
1742
1922
|
[attr.aria-invalid]="invalid ? 'true' : null"
|
|
1923
|
+
[attr.aria-readonly]="readonly ? 'true' : null"
|
|
1743
1924
|
class="cds--select-input"
|
|
1744
1925
|
[ngClass]="{
|
|
1745
1926
|
'cds--select-input--sm': size === 'sm',
|
|
1746
1927
|
'cds--select-input--md': size === 'md',
|
|
1747
1928
|
'cds--select-input--lg': size === 'lg'
|
|
1748
|
-
}"
|
|
1929
|
+
}"
|
|
1930
|
+
(mousedown)="onMouseDown($event)"
|
|
1931
|
+
(keydown)="onKeyDown($event)">
|
|
1749
1932
|
<ng-content></ng-content>
|
|
1750
1933
|
</select>
|
|
1751
1934
|
<svg
|
|
@@ -1842,6 +2025,10 @@ export class Select implements ControlValueAccessor, AfterViewInit {
|
|
|
1842
2025
|
* Set to `true` for an invalid select component.
|
|
1843
2026
|
*/
|
|
1844
2027
|
@Input() invalid = false;
|
|
2028
|
+
/**
|
|
2029
|
+
* Set to `true` for readonly state.
|
|
2030
|
+
*/
|
|
2031
|
+
@Input() readonly = false;
|
|
1845
2032
|
|
|
1846
2033
|
/**
|
|
1847
2034
|
* @deprecated since v5 - Use `cdsLayer` directive instead
|
|
@@ -1933,6 +2120,26 @@ export class Select implements ControlValueAccessor, AfterViewInit {
|
|
|
1933
2120
|
*/
|
|
1934
2121
|
protected onChangeHandler = (_: any) => { };
|
|
1935
2122
|
protected onTouchedHandler = () => { };
|
|
2123
|
+
|
|
2124
|
+
onMouseDown(event: MouseEvent) {
|
|
2125
|
+
/**
|
|
2126
|
+
* This prevents the select from opening with mouse
|
|
2127
|
+
*/
|
|
2128
|
+
if (this.readonly) {
|
|
2129
|
+
event.preventDefault();
|
|
2130
|
+
(<HTMLElement>event.target).focus();
|
|
2131
|
+
}
|
|
2132
|
+
}
|
|
2133
|
+
|
|
2134
|
+
onKeyDown(event: KeyboardEvent) {
|
|
2135
|
+
const selectAccessKeys = ["ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight", " "];
|
|
2136
|
+
/**
|
|
2137
|
+
* This prevents the select from opening for the above keys
|
|
2138
|
+
*/
|
|
2139
|
+
if (this.readonly && selectAccessKeys.includes(event.key)) {
|
|
2140
|
+
event.preventDefault();
|
|
2141
|
+
}
|
|
2142
|
+
}
|
|
1936
2143
|
}
|
|
1937
2144
|
</code></pre>
|
|
1938
2145
|
</div>
|
|
@@ -1964,7 +2171,7 @@ export class Select implements ControlValueAccessor, AfterViewInit {
|
|
|
1964
2171
|
<script src="../js/libs/htmlparser.js"></script>
|
|
1965
2172
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
1966
2173
|
<script>
|
|
1967
|
-
var COMPONENT_TEMPLATE = '<div><div class="cds--form-item"> <ng-template [ngIf]="skeleton"> <div *ngIf="label" class="cds--label cds--skeleton"></div> <div class="cds--select cds--skeleton"></div> </ng-template> <div *ngIf="!skeleton" class="cds--select" [ngClass]="{ \'cds--select--inline\': display === \'inline\', \'cds--select--light\': theme === \'light\', \'cds--select--invalid\': invalid, \'cds--select--warning\': warn, \'cds--select--disabled\': disabled }"> <label *ngIf="label" [for]="id" class="cds--label" [ngClass]="{\'cds--label--disabled\': disabled}"> <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container> <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template> </label> <div *ngIf="display === \'inline\'; else noInline" class="cds--select-input--inline__wrapper"> <ng-container *ngTemplateOutlet="noInline"></ng-container> </div> <div *ngIf="helperText" 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></div><!-- select element: dynamically projected based on \'display\' variant --><ng-template #noInline> <div class="cds--select-input__wrapper" [attr.data-invalid]="(invalid ? true : null)"> <select #select [attr.id]="id" [attr.aria-label]="ariaLabel" [disabled]="disabled" (change)="onChange($event)" [attr.aria-invalid]="invalid ? \'true\' : null" class="cds--select-input" [ngClass]="{ \'cds--select-input--sm\': size === \'sm\', \'cds--select-input--md\': size === \'md\', \'cds--select-input--lg\': size === \'lg\' }"> <ng-content></ng-content> </select> <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="cds--select__arrow" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path> </svg> <svg *ngIf="invalid" cdsIcon="warning--filled" size="16" class="cds--select__invalid-icon"> </svg> <svg *ngIf="!invalid && warn" cdsIcon="warning--alt--filled" size="16" class="cds--select__invalid-icon cds--select__invalid-icon--warning"> </svg> </div> <div *ngIf="invalid && invalidText" role="alert" class="cds--form-requirement" aria-live="polite"> <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></ng-template> </div>'
|
|
2174
|
+
var COMPONENT_TEMPLATE = '<div><div class="cds--form-item"> <ng-template [ngIf]="skeleton"> <div *ngIf="label" class="cds--label cds--skeleton"></div> <div class="cds--select cds--skeleton"></div> </ng-template> <div *ngIf="!skeleton" class="cds--select" [ngClass]="{ \'cds--select--inline\': display === \'inline\', \'cds--select--light\': theme === \'light\', \'cds--select--invalid\': invalid, \'cds--select--warning\': warn, \'cds--select--disabled\': disabled, \'cds--select--readonly\': readonly }"> <label *ngIf="label" [for]="id" class="cds--label" [ngClass]="{\'cds--label--disabled\': disabled}"> <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container> <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template> </label> <div *ngIf="display === \'inline\'; else noInline" class="cds--select-input--inline__wrapper"> <ng-container *ngTemplateOutlet="noInline"></ng-container> </div> <div *ngIf="helperText" 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></div><!-- select element: dynamically projected based on \'display\' variant --><ng-template #noInline> <div class="cds--select-input__wrapper" [attr.data-invalid]="(invalid ? true : null)"> <select #select [attr.id]="id" [attr.aria-label]="ariaLabel" [disabled]="disabled" (change)="onChange($event)" [attr.aria-invalid]="invalid ? \'true\' : null" [attr.aria-readonly]="readonly ? \'true\' : null" class="cds--select-input" [ngClass]="{ \'cds--select-input--sm\': size === \'sm\', \'cds--select-input--md\': size === \'md\', \'cds--select-input--lg\': size === \'lg\' }" (mousedown)="onMouseDown($event)" (keydown)="onKeyDown($event)"> <ng-content></ng-content> </select> <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="will-change: transform;" xmlns="http://www.w3.org/2000/svg" class="cds--select__arrow" width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"> <path d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"></path> </svg> <svg *ngIf="invalid" cdsIcon="warning--filled" size="16" class="cds--select__invalid-icon"> </svg> <svg *ngIf="!invalid && warn" cdsIcon="warning--alt--filled" size="16" class="cds--select__invalid-icon cds--select__invalid-icon--warning"> </svg> </div> <div *ngIf="invalid && invalidText" role="alert" class="cds--form-requirement" aria-live="polite"> <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></ng-template> </div>'
|
|
1968
2175
|
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': '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'}];
|
|
1969
2176
|
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': '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': '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': '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]'}];
|
|
1970
2177
|
var ACTUAL_COMPONENT = {'name': 'Select'};
|