carbon-components-angular 5.44.0 → 5.45.1
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/README.md +3 -4
- package/docs/documentation/classes/NumberChange.html +37 -3
- package/docs/documentation/components/NumberComponent.html +459 -71
- package/docs/documentation/coverage.html +3 -3
- package/docs/documentation/index.html +2 -3
- 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/ThemeModule/dependencies.svg +13 -13
- package/docs/documentation/modules/ThemeModule.html +13 -13
- package/docs/documentation/modules/TilesModule/dependencies.svg +98 -98
- package/docs/documentation/modules/TilesModule.html +98 -98
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +45 -41
- package/docs/documentation/modules/TimePickerModule.html +45 -41
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +46 -42
- package/docs/documentation/modules/TimePickerSelectModule.html +46 -42
- package/docs/documentation/modules/ToggleModule/dependencies.svg +40 -44
- package/docs/documentation/modules/ToggleModule.html +40 -44
- 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 +36 -36
- package/docs/documentation/modules/TreeviewModule.html +36 -36
- package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
- package/docs/documentation/modules/UIShellModule.html +4 -4
- package/docs/documentation.json +210 -73
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/index.html +27 -10
- package/docs/storybook/index.json +1 -1
- package/docs/storybook/main.6e0761c8.iframe.bundle.js +1 -0
- package/docs/storybook/{number-input-number-stories.a1953960.iframe.bundle.js → number-input-number-stories.6aba5a3d.iframe.bundle.js} +1 -1
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.d3e52413.iframe.bundle.js → runtime~main.2e05cdb7.iframe.bundle.js} +1 -1
- package/docs/storybook/stories.json +1 -1
- package/esm2020/number-input/number.component.mjs +54 -6
- package/fesm2015/carbon-components-angular-number-input.mjs +53 -5
- package/fesm2015/carbon-components-angular-number-input.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-number-input.mjs +53 -5
- package/fesm2020/carbon-components-angular-number-input.mjs.map +1 -1
- package/number-input/number.component.d.ts +11 -1
- package/package.json +1 -1
- package/telemetry.yml +1 -1
- package/docs/storybook/main.40b82efc.iframe.bundle.js +0 -1
|
@@ -169,7 +169,8 @@
|
|
|
169
169
|
|
|
170
170
|
<tr>
|
|
171
171
|
<td class="col-md-3">template</td>
|
|
172
|
-
<td class="col-md-9"><pre class="line-numbers"><code class="language-html"><
|
|
172
|
+
<td class="col-md-9"><pre class="line-numbers"><code class="language-html"><label *ngIf="skeleton && label" class="cds--label cds--skeleton"></label>
|
|
173
|
+
<div
|
|
173
174
|
data-numberinput
|
|
174
175
|
[attr.data-invalid]="(invalid ? true : null)"
|
|
175
176
|
class="cds--number"
|
|
@@ -182,7 +183,6 @@
|
|
|
182
183
|
'cds--number--md': size === 'md',
|
|
183
184
|
'cds--number--lg': size === 'lg'
|
|
184
185
|
}">
|
|
185
|
-
<label *ngIf="skeleton && label" class="cds--label cds--skeleton"></label>
|
|
186
186
|
<label
|
|
187
187
|
*ngIf="!skeleton && label"
|
|
188
188
|
[for]="id"
|
|
@@ -209,6 +209,8 @@
|
|
|
209
209
|
[attr.aria-label]="ariaLabel"
|
|
210
210
|
[attr.data-invalid]="invalid ? invalid : null"
|
|
211
211
|
[placeholder]="placeholder"
|
|
212
|
+
(focus)="fluid ? handleFocus($event): null"
|
|
213
|
+
(blur)="fluid ? handleFocus($event): null"
|
|
212
214
|
(change)="onNumberInputChange($event)"/>
|
|
213
215
|
<svg
|
|
214
216
|
*ngIf="!skeleton && invalid"
|
|
@@ -247,8 +249,9 @@
|
|
|
247
249
|
<div class="cds--number__rule-divider"></div>
|
|
248
250
|
</div>
|
|
249
251
|
</div>
|
|
252
|
+
<hr *ngIf="fluid" class="cds--number-input__divider" />
|
|
250
253
|
<div
|
|
251
|
-
*ngIf="helperText && !invalid && !warn"
|
|
254
|
+
*ngIf="helperText && !invalid && !warn && !fluid"
|
|
252
255
|
class="cds--form__helper-text"
|
|
253
256
|
[ngClass]="{
|
|
254
257
|
'cds--form__helper-text--disabled': disabled
|
|
@@ -300,6 +303,10 @@
|
|
|
300
303
|
<span class="modifier">Protected</span>
|
|
301
304
|
<a href="#_incrementLabel" >_incrementLabel</a>
|
|
302
305
|
</li>
|
|
306
|
+
<li>
|
|
307
|
+
<span class="modifier">Protected</span>
|
|
308
|
+
<a href="#_isFocused" >_isFocused</a>
|
|
309
|
+
</li>
|
|
303
310
|
<li>
|
|
304
311
|
<span class="modifier">Protected</span>
|
|
305
312
|
<a href="#_value" >_value</a>
|
|
@@ -343,6 +350,9 @@
|
|
|
343
350
|
<li>
|
|
344
351
|
<a href="#getIncrementLabel" >getIncrementLabel</a>
|
|
345
352
|
</li>
|
|
353
|
+
<li>
|
|
354
|
+
<a href="#handleFocus" >handleFocus</a>
|
|
355
|
+
</li>
|
|
346
356
|
<li>
|
|
347
357
|
<span class="modifier">Public</span>
|
|
348
358
|
<a href="#isTemplate" >isTemplate</a>
|
|
@@ -392,6 +402,9 @@
|
|
|
392
402
|
<li>
|
|
393
403
|
<a href="#disabled" >disabled</a>
|
|
394
404
|
</li>
|
|
405
|
+
<li>
|
|
406
|
+
<a href="#fluid" >fluid</a>
|
|
407
|
+
</li>
|
|
395
408
|
<li>
|
|
396
409
|
<a href="#helperText" >helperText</a>
|
|
397
410
|
</li>
|
|
@@ -479,6 +492,18 @@
|
|
|
479
492
|
<li>
|
|
480
493
|
<a href="#class.cds--form-item" >class.cds--form-item</a>
|
|
481
494
|
</li>
|
|
495
|
+
<li>
|
|
496
|
+
<a href="#class.cds--number-input--fluid--disabled" >class.cds--number-input--fluid--disabled</a>
|
|
497
|
+
</li>
|
|
498
|
+
<li>
|
|
499
|
+
<a href="#class.cds--number-input--fluid--focus" >class.cds--number-input--fluid--focus</a>
|
|
500
|
+
</li>
|
|
501
|
+
<li>
|
|
502
|
+
<a href="#class.cds--number-input--fluid--invalid" >class.cds--number-input--fluid--invalid</a>
|
|
503
|
+
</li>
|
|
504
|
+
<li>
|
|
505
|
+
<a href="#class.cds--text-input--fluid__skeleton" >class.cds--text-input--fluid__skeleton</a>
|
|
506
|
+
</li>
|
|
482
507
|
</ul>
|
|
483
508
|
</td>
|
|
484
509
|
</tr>
|
|
@@ -515,6 +540,18 @@
|
|
|
515
540
|
<li>
|
|
516
541
|
<a href="#incrementLabel" >incrementLabel</a>
|
|
517
542
|
</li>
|
|
543
|
+
<li>
|
|
544
|
+
<a href="#fluidInvalid" >fluidInvalid</a>
|
|
545
|
+
</li>
|
|
546
|
+
<li>
|
|
547
|
+
<a href="#fluidDisabled" >fluidDisabled</a>
|
|
548
|
+
</li>
|
|
549
|
+
<li>
|
|
550
|
+
<a href="#fluidFocus" >fluidFocus</a>
|
|
551
|
+
</li>
|
|
552
|
+
<li>
|
|
553
|
+
<a href="#fluidSkeleton" >fluidSkeleton</a>
|
|
554
|
+
</li>
|
|
518
555
|
</ul>
|
|
519
556
|
</td>
|
|
520
557
|
</tr>
|
|
@@ -533,7 +570,7 @@
|
|
|
533
570
|
</tr>
|
|
534
571
|
<tr>
|
|
535
572
|
<td class="col-md-4">
|
|
536
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
573
|
+
<div class="io-line">Defined in <a href="" data-line="297" class="link-to-prism">src/number-input/number.component.ts:297</a></div>
|
|
537
574
|
</td>
|
|
538
575
|
</tr>
|
|
539
576
|
|
|
@@ -591,7 +628,7 @@
|
|
|
591
628
|
</tr>
|
|
592
629
|
<tr>
|
|
593
630
|
<td class="col-md-2" colspan="2">
|
|
594
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
631
|
+
<div class="io-line">Defined in <a href="" data-line="247" class="link-to-prism">src/number-input/number.component.ts:247</a></div>
|
|
595
632
|
</td>
|
|
596
633
|
</tr>
|
|
597
634
|
<tr>
|
|
@@ -618,7 +655,7 @@
|
|
|
618
655
|
</tr>
|
|
619
656
|
<tr>
|
|
620
657
|
<td class="col-md-2" colspan="2">
|
|
621
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
658
|
+
<div class="io-line">Defined in <a href="" data-line="254" class="link-to-prism">src/number-input/number.component.ts:254</a></div>
|
|
622
659
|
</td>
|
|
623
660
|
</tr>
|
|
624
661
|
</tbody>
|
|
@@ -644,12 +681,44 @@
|
|
|
644
681
|
</tr>
|
|
645
682
|
<tr>
|
|
646
683
|
<td class="col-md-2" colspan="2">
|
|
647
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
684
|
+
<div class="io-line">Defined in <a href="" data-line="169" class="link-to-prism">src/number-input/number.component.ts:169</a></div>
|
|
648
685
|
</td>
|
|
649
686
|
</tr>
|
|
650
687
|
<tr>
|
|
651
688
|
<td class="col-md-4">
|
|
652
689
|
<div class="io-description"><p>Set to <code>true</code> for a disabled number input.</p>
|
|
690
|
+
</div>
|
|
691
|
+
</td>
|
|
692
|
+
</tr>
|
|
693
|
+
</tbody>
|
|
694
|
+
</table>
|
|
695
|
+
<table class="table table-sm table-bordered">
|
|
696
|
+
<tbody>
|
|
697
|
+
<tr>
|
|
698
|
+
<td class="col-md-4">
|
|
699
|
+
<a name="fluid"></a>
|
|
700
|
+
<b>fluid</b>
|
|
701
|
+
</td>
|
|
702
|
+
</tr>
|
|
703
|
+
<tr>
|
|
704
|
+
<td class="col-md-4">
|
|
705
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
706
|
+
|
|
707
|
+
</td>
|
|
708
|
+
</tr>
|
|
709
|
+
<tr>
|
|
710
|
+
<td class="col-md-4">
|
|
711
|
+
<i>Default value : </i><code>false</code>
|
|
712
|
+
</td>
|
|
713
|
+
</tr>
|
|
714
|
+
<tr>
|
|
715
|
+
<td class="col-md-2" colspan="2">
|
|
716
|
+
<div class="io-line">Defined in <a href="" data-line="274" class="link-to-prism">src/number-input/number.component.ts:274</a></div>
|
|
717
|
+
</td>
|
|
718
|
+
</tr>
|
|
719
|
+
<tr>
|
|
720
|
+
<td class="col-md-4">
|
|
721
|
+
<div class="io-description"><p>Experimental: enable fluid state</p>
|
|
653
722
|
</div>
|
|
654
723
|
</td>
|
|
655
724
|
</tr>
|
|
@@ -671,7 +740,7 @@
|
|
|
671
740
|
</tr>
|
|
672
741
|
<tr>
|
|
673
742
|
<td class="col-md-2" colspan="2">
|
|
674
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
743
|
+
<div class="io-line">Defined in <a href="" data-line="223" class="link-to-prism">src/number-input/number.component.ts:223</a></div>
|
|
675
744
|
</td>
|
|
676
745
|
</tr>
|
|
677
746
|
<tr>
|
|
@@ -703,7 +772,7 @@
|
|
|
703
772
|
</tr>
|
|
704
773
|
<tr>
|
|
705
774
|
<td class="col-md-2" colspan="2">
|
|
706
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
775
|
+
<div class="io-line">Defined in <a href="" data-line="181" class="link-to-prism">src/number-input/number.component.ts:181</a></div>
|
|
707
776
|
</td>
|
|
708
777
|
</tr>
|
|
709
778
|
<tr>
|
|
@@ -730,7 +799,7 @@
|
|
|
730
799
|
</tr>
|
|
731
800
|
<tr>
|
|
732
801
|
<td class="col-md-2" colspan="2">
|
|
733
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
802
|
+
<div class="io-line">Defined in <a href="" data-line="263" class="link-to-prism">src/number-input/number.component.ts:263</a></div>
|
|
734
803
|
</td>
|
|
735
804
|
</tr>
|
|
736
805
|
</tbody>
|
|
@@ -756,7 +825,7 @@
|
|
|
756
825
|
</tr>
|
|
757
826
|
<tr>
|
|
758
827
|
<td class="col-md-2" colspan="2">
|
|
759
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
828
|
+
<div class="io-line">Defined in <a href="" data-line="177" class="link-to-prism">src/number-input/number.component.ts:177</a></div>
|
|
760
829
|
</td>
|
|
761
830
|
</tr>
|
|
762
831
|
<tr>
|
|
@@ -783,7 +852,7 @@
|
|
|
783
852
|
</tr>
|
|
784
853
|
<tr>
|
|
785
854
|
<td class="col-md-2" colspan="2">
|
|
786
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
855
|
+
<div class="io-line">Defined in <a href="" data-line="227" class="link-to-prism">src/number-input/number.component.ts:227</a></div>
|
|
787
856
|
</td>
|
|
788
857
|
</tr>
|
|
789
858
|
<tr>
|
|
@@ -810,7 +879,7 @@
|
|
|
810
879
|
</tr>
|
|
811
880
|
<tr>
|
|
812
881
|
<td class="col-md-2" colspan="2">
|
|
813
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
882
|
+
<div class="io-line">Defined in <a href="" data-line="219" class="link-to-prism">src/number-input/number.component.ts:219</a></div>
|
|
814
883
|
</td>
|
|
815
884
|
</tr>
|
|
816
885
|
<tr>
|
|
@@ -842,7 +911,7 @@
|
|
|
842
911
|
</tr>
|
|
843
912
|
<tr>
|
|
844
913
|
<td class="col-md-2" colspan="2">
|
|
845
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
914
|
+
<div class="io-line">Defined in <a href="" data-line="215" class="link-to-prism">src/number-input/number.component.ts:215</a></div>
|
|
846
915
|
</td>
|
|
847
916
|
</tr>
|
|
848
917
|
<tr>
|
|
@@ -874,7 +943,7 @@
|
|
|
874
943
|
</tr>
|
|
875
944
|
<tr>
|
|
876
945
|
<td class="col-md-2" colspan="2">
|
|
877
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
946
|
+
<div class="io-line">Defined in <a href="" data-line="211" class="link-to-prism">src/number-input/number.component.ts:211</a></div>
|
|
878
947
|
</td>
|
|
879
948
|
</tr>
|
|
880
949
|
<tr>
|
|
@@ -906,7 +975,7 @@
|
|
|
906
975
|
</tr>
|
|
907
976
|
<tr>
|
|
908
977
|
<td class="col-md-2" colspan="2">
|
|
909
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
978
|
+
<div class="io-line">Defined in <a href="" data-line="185" class="link-to-prism">src/number-input/number.component.ts:185</a></div>
|
|
910
979
|
</td>
|
|
911
980
|
</tr>
|
|
912
981
|
<tr>
|
|
@@ -933,7 +1002,7 @@
|
|
|
933
1002
|
</tr>
|
|
934
1003
|
<tr>
|
|
935
1004
|
<td class="col-md-2" colspan="2">
|
|
936
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1005
|
+
<div class="io-line">Defined in <a href="" data-line="235" class="link-to-prism">src/number-input/number.component.ts:235</a></div>
|
|
937
1006
|
</td>
|
|
938
1007
|
</tr>
|
|
939
1008
|
<tr>
|
|
@@ -965,7 +1034,7 @@
|
|
|
965
1034
|
</tr>
|
|
966
1035
|
<tr>
|
|
967
1036
|
<td class="col-md-2" colspan="2">
|
|
968
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1037
|
+
<div class="io-line">Defined in <a href="" data-line="160" class="link-to-prism">src/number-input/number.component.ts:160</a></div>
|
|
969
1038
|
</td>
|
|
970
1039
|
</tr>
|
|
971
1040
|
<tr>
|
|
@@ -992,7 +1061,7 @@
|
|
|
992
1061
|
</tr>
|
|
993
1062
|
<tr>
|
|
994
1063
|
<td class="col-md-2" colspan="2">
|
|
995
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1064
|
+
<div class="io-line">Defined in <a href="" data-line="193" class="link-to-prism">src/number-input/number.component.ts:193</a></div>
|
|
996
1065
|
</td>
|
|
997
1066
|
</tr>
|
|
998
1067
|
<tr>
|
|
@@ -1024,7 +1093,7 @@
|
|
|
1024
1093
|
</tr>
|
|
1025
1094
|
<tr>
|
|
1026
1095
|
<td class="col-md-2" colspan="2">
|
|
1027
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1096
|
+
<div class="io-line">Defined in <a href="" data-line="189" class="link-to-prism">src/number-input/number.component.ts:189</a></div>
|
|
1028
1097
|
</td>
|
|
1029
1098
|
</tr>
|
|
1030
1099
|
<tr>
|
|
@@ -1056,7 +1125,7 @@
|
|
|
1056
1125
|
</tr>
|
|
1057
1126
|
<tr>
|
|
1058
1127
|
<td class="col-md-2" colspan="2">
|
|
1059
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1128
|
+
<div class="io-line">Defined in <a href="" data-line="173" class="link-to-prism">src/number-input/number.component.ts:173</a></div>
|
|
1060
1129
|
</td>
|
|
1061
1130
|
</tr>
|
|
1062
1131
|
<tr>
|
|
@@ -1088,7 +1157,7 @@
|
|
|
1088
1157
|
</tr>
|
|
1089
1158
|
<tr>
|
|
1090
1159
|
<td class="col-md-2" colspan="2">
|
|
1091
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1160
|
+
<div class="io-line">Defined in <a href="" data-line="231" class="link-to-prism">src/number-input/number.component.ts:231</a></div>
|
|
1092
1161
|
</td>
|
|
1093
1162
|
</tr>
|
|
1094
1163
|
<tr>
|
|
@@ -1120,7 +1189,7 @@
|
|
|
1120
1189
|
</tr>
|
|
1121
1190
|
<tr>
|
|
1122
1191
|
<td class="col-md-2" colspan="2">
|
|
1123
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1192
|
+
<div class="io-line">Defined in <a href="" data-line="165" class="link-to-prism">src/number-input/number.component.ts:165</a></div>
|
|
1124
1193
|
</td>
|
|
1125
1194
|
</tr>
|
|
1126
1195
|
</tbody>
|
|
@@ -1141,7 +1210,7 @@
|
|
|
1141
1210
|
</tr>
|
|
1142
1211
|
<tr>
|
|
1143
1212
|
<td class="col-md-2" colspan="2">
|
|
1144
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1213
|
+
<div class="io-line">Defined in <a href="" data-line="197" class="link-to-prism">src/number-input/number.component.ts:197</a></div>
|
|
1145
1214
|
</td>
|
|
1146
1215
|
</tr>
|
|
1147
1216
|
<tr>
|
|
@@ -1173,7 +1242,7 @@
|
|
|
1173
1242
|
</tr>
|
|
1174
1243
|
<tr>
|
|
1175
1244
|
<td class="col-md-2" colspan="2">
|
|
1176
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1245
|
+
<div class="io-line">Defined in <a href="" data-line="239" class="link-to-prism">src/number-input/number.component.ts:239</a></div>
|
|
1177
1246
|
</td>
|
|
1178
1247
|
</tr>
|
|
1179
1248
|
<tr>
|
|
@@ -1200,7 +1269,7 @@
|
|
|
1200
1269
|
</tr>
|
|
1201
1270
|
<tr>
|
|
1202
1271
|
<td class="col-md-2" colspan="2">
|
|
1203
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1272
|
+
<div class="io-line">Defined in <a href="" data-line="243" class="link-to-prism">src/number-input/number.component.ts:243</a></div>
|
|
1204
1273
|
</td>
|
|
1205
1274
|
</tr>
|
|
1206
1275
|
<tr>
|
|
@@ -1230,7 +1299,7 @@
|
|
|
1230
1299
|
</tr>
|
|
1231
1300
|
<tr>
|
|
1232
1301
|
<td class="col-md-2" colspan="2">
|
|
1233
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1302
|
+
<div class="io-line">Defined in <a href="" data-line="251" class="link-to-prism">src/number-input/number.component.ts:251</a></div>
|
|
1234
1303
|
</td>
|
|
1235
1304
|
</tr>
|
|
1236
1305
|
<tr>
|
|
@@ -1267,7 +1336,111 @@
|
|
|
1267
1336
|
</tr>
|
|
1268
1337
|
<tr>
|
|
1269
1338
|
<td class="col-md-4">
|
|
1270
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1339
|
+
<div class="io-line">Defined in <a href="" data-line="155" class="link-to-prism">src/number-input/number.component.ts:155</a></div>
|
|
1340
|
+
</td>
|
|
1341
|
+
</tr>
|
|
1342
|
+
|
|
1343
|
+
|
|
1344
|
+
</tbody>
|
|
1345
|
+
</table>
|
|
1346
|
+
<table class="table table-sm table-bordered">
|
|
1347
|
+
<tbody>
|
|
1348
|
+
<tr>
|
|
1349
|
+
<td class="col-md-4">
|
|
1350
|
+
<a name="class.cds--number-input--fluid--disabled"></a>
|
|
1351
|
+
<span class="name">
|
|
1352
|
+
<span ><b>class.cds--number-input--fluid--disabled</b></span>
|
|
1353
|
+
<a href="#class.cds--number-input--fluid--disabled"><span class="icon ion-ios-link"></span></a>
|
|
1354
|
+
</span>
|
|
1355
|
+
</td>
|
|
1356
|
+
</tr>
|
|
1357
|
+
<tr>
|
|
1358
|
+
<td class="col-md-4">
|
|
1359
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1360
|
+
|
|
1361
|
+
</td>
|
|
1362
|
+
</tr>
|
|
1363
|
+
<tr>
|
|
1364
|
+
<td class="col-md-4">
|
|
1365
|
+
<div class="io-line">Defined in <a href="" data-line="280" class="link-to-prism">src/number-input/number.component.ts:280</a></div>
|
|
1366
|
+
</td>
|
|
1367
|
+
</tr>
|
|
1368
|
+
|
|
1369
|
+
|
|
1370
|
+
</tbody>
|
|
1371
|
+
</table>
|
|
1372
|
+
<table class="table table-sm table-bordered">
|
|
1373
|
+
<tbody>
|
|
1374
|
+
<tr>
|
|
1375
|
+
<td class="col-md-4">
|
|
1376
|
+
<a name="class.cds--number-input--fluid--focus"></a>
|
|
1377
|
+
<span class="name">
|
|
1378
|
+
<span ><b>class.cds--number-input--fluid--focus</b></span>
|
|
1379
|
+
<a href="#class.cds--number-input--fluid--focus"><span class="icon ion-ios-link"></span></a>
|
|
1380
|
+
</span>
|
|
1381
|
+
</td>
|
|
1382
|
+
</tr>
|
|
1383
|
+
<tr>
|
|
1384
|
+
<td class="col-md-4">
|
|
1385
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1386
|
+
|
|
1387
|
+
</td>
|
|
1388
|
+
</tr>
|
|
1389
|
+
<tr>
|
|
1390
|
+
<td class="col-md-4">
|
|
1391
|
+
<div class="io-line">Defined in <a href="" data-line="284" class="link-to-prism">src/number-input/number.component.ts:284</a></div>
|
|
1392
|
+
</td>
|
|
1393
|
+
</tr>
|
|
1394
|
+
|
|
1395
|
+
|
|
1396
|
+
</tbody>
|
|
1397
|
+
</table>
|
|
1398
|
+
<table class="table table-sm table-bordered">
|
|
1399
|
+
<tbody>
|
|
1400
|
+
<tr>
|
|
1401
|
+
<td class="col-md-4">
|
|
1402
|
+
<a name="class.cds--number-input--fluid--invalid"></a>
|
|
1403
|
+
<span class="name">
|
|
1404
|
+
<span ><b>class.cds--number-input--fluid--invalid</b></span>
|
|
1405
|
+
<a href="#class.cds--number-input--fluid--invalid"><span class="icon ion-ios-link"></span></a>
|
|
1406
|
+
</span>
|
|
1407
|
+
</td>
|
|
1408
|
+
</tr>
|
|
1409
|
+
<tr>
|
|
1410
|
+
<td class="col-md-4">
|
|
1411
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1412
|
+
|
|
1413
|
+
</td>
|
|
1414
|
+
</tr>
|
|
1415
|
+
<tr>
|
|
1416
|
+
<td class="col-md-4">
|
|
1417
|
+
<div class="io-line">Defined in <a href="" data-line="276" class="link-to-prism">src/number-input/number.component.ts:276</a></div>
|
|
1418
|
+
</td>
|
|
1419
|
+
</tr>
|
|
1420
|
+
|
|
1421
|
+
|
|
1422
|
+
</tbody>
|
|
1423
|
+
</table>
|
|
1424
|
+
<table class="table table-sm table-bordered">
|
|
1425
|
+
<tbody>
|
|
1426
|
+
<tr>
|
|
1427
|
+
<td class="col-md-4">
|
|
1428
|
+
<a name="class.cds--text-input--fluid__skeleton"></a>
|
|
1429
|
+
<span class="name">
|
|
1430
|
+
<span ><b>class.cds--text-input--fluid__skeleton</b></span>
|
|
1431
|
+
<a href="#class.cds--text-input--fluid__skeleton"><span class="icon ion-ios-link"></span></a>
|
|
1432
|
+
</span>
|
|
1433
|
+
</td>
|
|
1434
|
+
</tr>
|
|
1435
|
+
<tr>
|
|
1436
|
+
<td class="col-md-4">
|
|
1437
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1438
|
+
|
|
1439
|
+
</td>
|
|
1440
|
+
</tr>
|
|
1441
|
+
<tr>
|
|
1442
|
+
<td class="col-md-4">
|
|
1443
|
+
<div class="io-line">Defined in <a href="" data-line="288" class="link-to-prism">src/number-input/number.component.ts:288</a></div>
|
|
1271
1444
|
</td>
|
|
1272
1445
|
</tr>
|
|
1273
1446
|
|
|
@@ -1297,8 +1470,8 @@
|
|
|
1297
1470
|
|
|
1298
1471
|
<tr>
|
|
1299
1472
|
<td class="col-md-4">
|
|
1300
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1301
|
-
class="link-to-prism">src/number-input/number.component.ts:
|
|
1473
|
+
<div class="io-line">Defined in <a href="" data-line="330"
|
|
1474
|
+
class="link-to-prism">src/number-input/number.component.ts:330</a></div>
|
|
1302
1475
|
</td>
|
|
1303
1476
|
</tr>
|
|
1304
1477
|
|
|
@@ -1331,8 +1504,8 @@
|
|
|
1331
1504
|
|
|
1332
1505
|
<tr>
|
|
1333
1506
|
<td class="col-md-4">
|
|
1334
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1335
|
-
class="link-to-prism">src/number-input/number.component.ts:
|
|
1507
|
+
<div class="io-line">Defined in <a href="" data-line="384"
|
|
1508
|
+
class="link-to-prism">src/number-input/number.component.ts:384</a></div>
|
|
1336
1509
|
</td>
|
|
1337
1510
|
</tr>
|
|
1338
1511
|
|
|
@@ -1379,8 +1552,8 @@
|
|
|
1379
1552
|
|
|
1380
1553
|
<tr>
|
|
1381
1554
|
<td class="col-md-4">
|
|
1382
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1383
|
-
class="link-to-prism">src/number-input/number.component.ts:
|
|
1555
|
+
<div class="io-line">Defined in <a href="" data-line="330"
|
|
1556
|
+
class="link-to-prism">src/number-input/number.component.ts:330</a></div>
|
|
1384
1557
|
</td>
|
|
1385
1558
|
</tr>
|
|
1386
1559
|
|
|
@@ -1416,8 +1589,8 @@
|
|
|
1416
1589
|
|
|
1417
1590
|
<tr>
|
|
1418
1591
|
<td class="col-md-4">
|
|
1419
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1420
|
-
class="link-to-prism">src/number-input/number.component.ts:
|
|
1592
|
+
<div class="io-line">Defined in <a href="" data-line="373"
|
|
1593
|
+
class="link-to-prism">src/number-input/number.component.ts:373</a></div>
|
|
1421
1594
|
</td>
|
|
1422
1595
|
</tr>
|
|
1423
1596
|
|
|
@@ -1453,8 +1626,8 @@
|
|
|
1453
1626
|
|
|
1454
1627
|
<tr>
|
|
1455
1628
|
<td class="col-md-4">
|
|
1456
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1457
|
-
class="link-to-prism">src/number-input/number.component.ts:
|
|
1629
|
+
<div class="io-line">Defined in <a href="" data-line="377"
|
|
1630
|
+
class="link-to-prism">src/number-input/number.component.ts:377</a></div>
|
|
1458
1631
|
</td>
|
|
1459
1632
|
</tr>
|
|
1460
1633
|
|
|
@@ -1470,6 +1643,73 @@
|
|
|
1470
1643
|
</tr>
|
|
1471
1644
|
</tbody>
|
|
1472
1645
|
</table>
|
|
1646
|
+
<table class="table table-sm table-bordered">
|
|
1647
|
+
<tbody>
|
|
1648
|
+
<tr>
|
|
1649
|
+
<td class="col-md-4">
|
|
1650
|
+
<a name="handleFocus"></a>
|
|
1651
|
+
<span class="name">
|
|
1652
|
+
<span ><b>handleFocus</b></span>
|
|
1653
|
+
<a href="#handleFocus"><span class="icon ion-ios-link"></span></a>
|
|
1654
|
+
</span>
|
|
1655
|
+
</td>
|
|
1656
|
+
</tr>
|
|
1657
|
+
<tr>
|
|
1658
|
+
<td class="col-md-4">
|
|
1659
|
+
<code>handleFocus(event: FocusEvent)</code>
|
|
1660
|
+
</td>
|
|
1661
|
+
</tr>
|
|
1662
|
+
|
|
1663
|
+
|
|
1664
|
+
<tr>
|
|
1665
|
+
<td class="col-md-4">
|
|
1666
|
+
<div class="io-line">Defined in <a href="" data-line="401"
|
|
1667
|
+
class="link-to-prism">src/number-input/number.component.ts:401</a></div>
|
|
1668
|
+
</td>
|
|
1669
|
+
</tr>
|
|
1670
|
+
|
|
1671
|
+
|
|
1672
|
+
<tr>
|
|
1673
|
+
<td class="col-md-4">
|
|
1674
|
+
|
|
1675
|
+
<div class="io-description">
|
|
1676
|
+
<b>Parameters :</b>
|
|
1677
|
+
|
|
1678
|
+
<table class="params">
|
|
1679
|
+
<thead>
|
|
1680
|
+
<tr>
|
|
1681
|
+
<td>Name</td>
|
|
1682
|
+
<td>Type</td>
|
|
1683
|
+
<td>Optional</td>
|
|
1684
|
+
</tr>
|
|
1685
|
+
</thead>
|
|
1686
|
+
<tbody>
|
|
1687
|
+
<tr>
|
|
1688
|
+
<td>event</td>
|
|
1689
|
+
<td>
|
|
1690
|
+
<code>FocusEvent</code>
|
|
1691
|
+
</td>
|
|
1692
|
+
|
|
1693
|
+
<td>
|
|
1694
|
+
No
|
|
1695
|
+
</td>
|
|
1696
|
+
|
|
1697
|
+
|
|
1698
|
+
</tr>
|
|
1699
|
+
</tbody>
|
|
1700
|
+
</table>
|
|
1701
|
+
</div>
|
|
1702
|
+
<div class="io-description">
|
|
1703
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1704
|
+
|
|
1705
|
+
</div>
|
|
1706
|
+
<div class="io-description">
|
|
1707
|
+
|
|
1708
|
+
</div>
|
|
1709
|
+
</td>
|
|
1710
|
+
</tr>
|
|
1711
|
+
</tbody>
|
|
1712
|
+
</table>
|
|
1473
1713
|
<table class="table table-sm table-bordered">
|
|
1474
1714
|
<tbody>
|
|
1475
1715
|
<tr>
|
|
@@ -1492,8 +1732,8 @@
|
|
|
1492
1732
|
|
|
1493
1733
|
<tr>
|
|
1494
1734
|
<td class="col-md-4">
|
|
1495
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1496
|
-
class="link-to-prism">src/number-input/number.component.ts:
|
|
1735
|
+
<div class="io-line">Defined in <a href="" data-line="397"
|
|
1736
|
+
class="link-to-prism">src/number-input/number.component.ts:397</a></div>
|
|
1497
1737
|
</td>
|
|
1498
1738
|
</tr>
|
|
1499
1739
|
|
|
@@ -1555,8 +1795,8 @@
|
|
|
1555
1795
|
|
|
1556
1796
|
<tr>
|
|
1557
1797
|
<td class="col-md-4">
|
|
1558
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1559
|
-
class="link-to-prism">src/number-input/number.component.ts:
|
|
1798
|
+
<div class="io-line">Defined in <a href="" data-line="365"
|
|
1799
|
+
class="link-to-prism">src/number-input/number.component.ts:365</a></div>
|
|
1560
1800
|
</td>
|
|
1561
1801
|
</tr>
|
|
1562
1802
|
|
|
@@ -1594,8 +1834,8 @@
|
|
|
1594
1834
|
|
|
1595
1835
|
<tr>
|
|
1596
1836
|
<td class="col-md-4">
|
|
1597
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1598
|
-
class="link-to-prism">src/number-input/number.component.ts:
|
|
1837
|
+
<div class="io-line">Defined in <a href="" data-line="354"
|
|
1838
|
+
class="link-to-prism">src/number-input/number.component.ts:354</a></div>
|
|
1599
1839
|
</td>
|
|
1600
1840
|
</tr>
|
|
1601
1841
|
|
|
@@ -1633,8 +1873,8 @@
|
|
|
1633
1873
|
|
|
1634
1874
|
<tr>
|
|
1635
1875
|
<td class="col-md-4">
|
|
1636
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1637
|
-
class="link-to-prism">src/number-input/number.component.ts:
|
|
1876
|
+
<div class="io-line">Defined in <a href="" data-line="392"
|
|
1877
|
+
class="link-to-prism">src/number-input/number.component.ts:392</a></div>
|
|
1638
1878
|
</td>
|
|
1639
1879
|
</tr>
|
|
1640
1880
|
|
|
@@ -1698,8 +1938,8 @@
|
|
|
1698
1938
|
|
|
1699
1939
|
<tr>
|
|
1700
1940
|
<td class="col-md-4">
|
|
1701
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1702
|
-
class="link-to-prism">src/number-input/number.component.ts:
|
|
1941
|
+
<div class="io-line">Defined in <a href="" data-line="317"
|
|
1942
|
+
class="link-to-prism">src/number-input/number.component.ts:317</a></div>
|
|
1703
1943
|
</td>
|
|
1704
1944
|
</tr>
|
|
1705
1945
|
|
|
@@ -1769,8 +2009,8 @@
|
|
|
1769
2009
|
|
|
1770
2010
|
<tr>
|
|
1771
2011
|
<td class="col-md-4">
|
|
1772
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1773
|
-
class="link-to-prism">src/number-input/number.component.ts:
|
|
2012
|
+
<div class="io-line">Defined in <a href="" data-line="325"
|
|
2013
|
+
class="link-to-prism">src/number-input/number.component.ts:325</a></div>
|
|
1774
2014
|
</td>
|
|
1775
2015
|
</tr>
|
|
1776
2016
|
|
|
@@ -1843,8 +2083,8 @@
|
|
|
1843
2083
|
|
|
1844
2084
|
<tr>
|
|
1845
2085
|
<td class="col-md-4">
|
|
1846
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1847
|
-
class="link-to-prism">src/number-input/number.component.ts:
|
|
2086
|
+
<div class="io-line">Defined in <a href="" data-line="337"
|
|
2087
|
+
class="link-to-prism">src/number-input/number.component.ts:337</a></div>
|
|
1848
2088
|
</td>
|
|
1849
2089
|
</tr>
|
|
1850
2090
|
|
|
@@ -1914,8 +2154,8 @@
|
|
|
1914
2154
|
|
|
1915
2155
|
<tr>
|
|
1916
2156
|
<td class="col-md-4">
|
|
1917
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1918
|
-
class="link-to-prism">src/number-input/number.component.ts:
|
|
2157
|
+
<div class="io-line">Defined in <a href="" data-line="310"
|
|
2158
|
+
class="link-to-prism">src/number-input/number.component.ts:310</a></div>
|
|
1919
2159
|
</td>
|
|
1920
2160
|
</tr>
|
|
1921
2161
|
|
|
@@ -1999,7 +2239,7 @@
|
|
|
1999
2239
|
</tr>
|
|
2000
2240
|
<tr>
|
|
2001
2241
|
<td class="col-md-4">
|
|
2002
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2242
|
+
<div class="io-line">Defined in <a href="" data-line="296" class="link-to-prism">src/number-input/number.component.ts:296</a></div>
|
|
2003
2243
|
</td>
|
|
2004
2244
|
</tr>
|
|
2005
2245
|
|
|
@@ -2031,7 +2271,33 @@
|
|
|
2031
2271
|
</tr>
|
|
2032
2272
|
<tr>
|
|
2033
2273
|
<td class="col-md-4">
|
|
2034
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2274
|
+
<div class="io-line">Defined in <a href="" data-line="297" class="link-to-prism">src/number-input/number.component.ts:297</a></div>
|
|
2275
|
+
</td>
|
|
2276
|
+
</tr>
|
|
2277
|
+
|
|
2278
|
+
|
|
2279
|
+
</tbody>
|
|
2280
|
+
</table>
|
|
2281
|
+
<table class="table table-sm table-bordered">
|
|
2282
|
+
<tbody>
|
|
2283
|
+
<tr>
|
|
2284
|
+
<td class="col-md-4">
|
|
2285
|
+
<a name="_isFocused"></a>
|
|
2286
|
+
<span class="name">
|
|
2287
|
+
<span class="modifier">Protected</span>
|
|
2288
|
+
<span ><b>_isFocused</b></span>
|
|
2289
|
+
<a href="#_isFocused"><span class="icon ion-ios-link"></span></a>
|
|
2290
|
+
</span>
|
|
2291
|
+
</td>
|
|
2292
|
+
</tr>
|
|
2293
|
+
<tr>
|
|
2294
|
+
<td class="col-md-4">
|
|
2295
|
+
<i>Default value : </i><code>false</code>
|
|
2296
|
+
</td>
|
|
2297
|
+
</tr>
|
|
2298
|
+
<tr>
|
|
2299
|
+
<td class="col-md-4">
|
|
2300
|
+
<div class="io-line">Defined in <a href="" data-line="292" class="link-to-prism">src/number-input/number.component.ts:292</a></div>
|
|
2035
2301
|
</td>
|
|
2036
2302
|
</tr>
|
|
2037
2303
|
|
|
@@ -2063,7 +2329,7 @@
|
|
|
2063
2329
|
</tr>
|
|
2064
2330
|
<tr>
|
|
2065
2331
|
<td class="col-md-4">
|
|
2066
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2332
|
+
<div class="io-line">Defined in <a href="" data-line="294" class="link-to-prism">src/number-input/number.component.ts:294</a></div>
|
|
2067
2333
|
</td>
|
|
2068
2334
|
</tr>
|
|
2069
2335
|
|
|
@@ -2098,7 +2364,7 @@
|
|
|
2098
2364
|
</tr>
|
|
2099
2365
|
<tr>
|
|
2100
2366
|
<td class="col-md-4">
|
|
2101
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2367
|
+
<div class="io-line">Defined in <a href="" data-line="155" class="link-to-prism">src/number-input/number.component.ts:155</a></div>
|
|
2102
2368
|
</td>
|
|
2103
2369
|
</tr>
|
|
2104
2370
|
|
|
@@ -2130,7 +2396,7 @@
|
|
|
2130
2396
|
</tr>
|
|
2131
2397
|
<tr>
|
|
2132
2398
|
<td class="col-md-4">
|
|
2133
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2399
|
+
<div class="io-line">Defined in <a href="" data-line="153" class="link-to-prism">src/number-input/number.component.ts:153</a></div>
|
|
2134
2400
|
</td>
|
|
2135
2401
|
</tr>
|
|
2136
2402
|
|
|
@@ -2167,7 +2433,7 @@
|
|
|
2167
2433
|
</tr>
|
|
2168
2434
|
<tr>
|
|
2169
2435
|
<td class="col-md-4">
|
|
2170
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2436
|
+
<div class="io-line">Defined in <a href="" data-line="344" class="link-to-prism">src/number-input/number.component.ts:344</a></div>
|
|
2171
2437
|
</td>
|
|
2172
2438
|
</tr>
|
|
2173
2439
|
|
|
@@ -2198,7 +2464,7 @@
|
|
|
2198
2464
|
</tr>
|
|
2199
2465
|
<tr>
|
|
2200
2466
|
<td class="col-md-4">
|
|
2201
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2467
|
+
<div class="io-line">Defined in <a href="" data-line="349" class="link-to-prism">src/number-input/number.component.ts:349</a></div>
|
|
2202
2468
|
</td>
|
|
2203
2469
|
</tr>
|
|
2204
2470
|
|
|
@@ -2233,7 +2499,7 @@
|
|
|
2233
2499
|
</tr>
|
|
2234
2500
|
<tr>
|
|
2235
2501
|
<td class="col-md-4">
|
|
2236
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2502
|
+
<div class="io-line">Defined in <a href="" data-line="205" class="link-to-prism">src/number-input/number.component.ts:205</a></div>
|
|
2237
2503
|
</td>
|
|
2238
2504
|
</tr>
|
|
2239
2505
|
|
|
@@ -2244,7 +2510,7 @@
|
|
|
2244
2510
|
</tr>
|
|
2245
2511
|
<tr>
|
|
2246
2512
|
<td class="col-md-4">
|
|
2247
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2513
|
+
<div class="io-line">Defined in <a href="" data-line="197" class="link-to-prism">src/number-input/number.component.ts:197</a></div>
|
|
2248
2514
|
</td>
|
|
2249
2515
|
</tr>
|
|
2250
2516
|
<tr>
|
|
@@ -2304,7 +2570,7 @@
|
|
|
2304
2570
|
</tr>
|
|
2305
2571
|
<tr>
|
|
2306
2572
|
<td class="col-md-4">
|
|
2307
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2573
|
+
<div class="io-line">Defined in <a href="" data-line="258" class="link-to-prism">src/number-input/number.component.ts:258</a></div>
|
|
2308
2574
|
</td>
|
|
2309
2575
|
</tr>
|
|
2310
2576
|
|
|
@@ -2315,7 +2581,7 @@
|
|
|
2315
2581
|
</tr>
|
|
2316
2582
|
<tr>
|
|
2317
2583
|
<td class="col-md-4">
|
|
2318
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2584
|
+
<div class="io-line">Defined in <a href="" data-line="254" class="link-to-prism">src/number-input/number.component.ts:254</a></div>
|
|
2319
2585
|
</td>
|
|
2320
2586
|
</tr>
|
|
2321
2587
|
<tr>
|
|
@@ -2373,7 +2639,7 @@
|
|
|
2373
2639
|
</tr>
|
|
2374
2640
|
<tr>
|
|
2375
2641
|
<td class="col-md-4">
|
|
2376
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2642
|
+
<div class="io-line">Defined in <a href="" data-line="267" class="link-to-prism">src/number-input/number.component.ts:267</a></div>
|
|
2377
2643
|
</td>
|
|
2378
2644
|
</tr>
|
|
2379
2645
|
|
|
@@ -2384,7 +2650,7 @@
|
|
|
2384
2650
|
</tr>
|
|
2385
2651
|
<tr>
|
|
2386
2652
|
<td class="col-md-4">
|
|
2387
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2653
|
+
<div class="io-line">Defined in <a href="" data-line="263" class="link-to-prism">src/number-input/number.component.ts:263</a></div>
|
|
2388
2654
|
</td>
|
|
2389
2655
|
</tr>
|
|
2390
2656
|
<tr>
|
|
@@ -2426,6 +2692,94 @@
|
|
|
2426
2692
|
</tr>
|
|
2427
2693
|
</tbody>
|
|
2428
2694
|
</table>
|
|
2695
|
+
<table class="table table-sm table-bordered">
|
|
2696
|
+
<tbody>
|
|
2697
|
+
<tr>
|
|
2698
|
+
<td class="col-md-4">
|
|
2699
|
+
<a name="fluidInvalid"></a>
|
|
2700
|
+
<span class="name"><b>fluidInvalid</b><a href="#fluidInvalid"><span class="icon ion-ios-link"></span></a></span>
|
|
2701
|
+
</td>
|
|
2702
|
+
</tr>
|
|
2703
|
+
|
|
2704
|
+
<tr>
|
|
2705
|
+
<td class="col-md-4">
|
|
2706
|
+
<span class="accessor"><b>get</b><code>fluidInvalid()</code></span>
|
|
2707
|
+
</td>
|
|
2708
|
+
</tr>
|
|
2709
|
+
<tr>
|
|
2710
|
+
<td class="col-md-4">
|
|
2711
|
+
<div class="io-line">Defined in <a href="" data-line="276" class="link-to-prism">src/number-input/number.component.ts:276</a></div>
|
|
2712
|
+
</td>
|
|
2713
|
+
</tr>
|
|
2714
|
+
|
|
2715
|
+
</tbody>
|
|
2716
|
+
</table>
|
|
2717
|
+
<table class="table table-sm table-bordered">
|
|
2718
|
+
<tbody>
|
|
2719
|
+
<tr>
|
|
2720
|
+
<td class="col-md-4">
|
|
2721
|
+
<a name="fluidDisabled"></a>
|
|
2722
|
+
<span class="name"><b>fluidDisabled</b><a href="#fluidDisabled"><span class="icon ion-ios-link"></span></a></span>
|
|
2723
|
+
</td>
|
|
2724
|
+
</tr>
|
|
2725
|
+
|
|
2726
|
+
<tr>
|
|
2727
|
+
<td class="col-md-4">
|
|
2728
|
+
<span class="accessor"><b>get</b><code>fluidDisabled()</code></span>
|
|
2729
|
+
</td>
|
|
2730
|
+
</tr>
|
|
2731
|
+
<tr>
|
|
2732
|
+
<td class="col-md-4">
|
|
2733
|
+
<div class="io-line">Defined in <a href="" data-line="280" class="link-to-prism">src/number-input/number.component.ts:280</a></div>
|
|
2734
|
+
</td>
|
|
2735
|
+
</tr>
|
|
2736
|
+
|
|
2737
|
+
</tbody>
|
|
2738
|
+
</table>
|
|
2739
|
+
<table class="table table-sm table-bordered">
|
|
2740
|
+
<tbody>
|
|
2741
|
+
<tr>
|
|
2742
|
+
<td class="col-md-4">
|
|
2743
|
+
<a name="fluidFocus"></a>
|
|
2744
|
+
<span class="name"><b>fluidFocus</b><a href="#fluidFocus"><span class="icon ion-ios-link"></span></a></span>
|
|
2745
|
+
</td>
|
|
2746
|
+
</tr>
|
|
2747
|
+
|
|
2748
|
+
<tr>
|
|
2749
|
+
<td class="col-md-4">
|
|
2750
|
+
<span class="accessor"><b>get</b><code>fluidFocus()</code></span>
|
|
2751
|
+
</td>
|
|
2752
|
+
</tr>
|
|
2753
|
+
<tr>
|
|
2754
|
+
<td class="col-md-4">
|
|
2755
|
+
<div class="io-line">Defined in <a href="" data-line="284" class="link-to-prism">src/number-input/number.component.ts:284</a></div>
|
|
2756
|
+
</td>
|
|
2757
|
+
</tr>
|
|
2758
|
+
|
|
2759
|
+
</tbody>
|
|
2760
|
+
</table>
|
|
2761
|
+
<table class="table table-sm table-bordered">
|
|
2762
|
+
<tbody>
|
|
2763
|
+
<tr>
|
|
2764
|
+
<td class="col-md-4">
|
|
2765
|
+
<a name="fluidSkeleton"></a>
|
|
2766
|
+
<span class="name"><b>fluidSkeleton</b><a href="#fluidSkeleton"><span class="icon ion-ios-link"></span></a></span>
|
|
2767
|
+
</td>
|
|
2768
|
+
</tr>
|
|
2769
|
+
|
|
2770
|
+
<tr>
|
|
2771
|
+
<td class="col-md-4">
|
|
2772
|
+
<span class="accessor"><b>get</b><code>fluidSkeleton()</code></span>
|
|
2773
|
+
</td>
|
|
2774
|
+
</tr>
|
|
2775
|
+
<tr>
|
|
2776
|
+
<td class="col-md-4">
|
|
2777
|
+
<div class="io-line">Defined in <a href="" data-line="288" class="link-to-prism">src/number-input/number.component.ts:288</a></div>
|
|
2778
|
+
</td>
|
|
2779
|
+
</tr>
|
|
2780
|
+
|
|
2781
|
+
</tbody>
|
|
2782
|
+
</table>
|
|
2429
2783
|
</section>
|
|
2430
2784
|
</div>
|
|
2431
2785
|
|
|
@@ -2440,7 +2794,7 @@
|
|
|
2440
2794
|
TemplateRef,
|
|
2441
2795
|
HostListener
|
|
2442
2796
|
} from "@angular/core";
|
|
2443
|
-
import {
|
|
2797
|
+
import { ControlValueAccessor, NG_VALUE_ACCESSOR } from "@angular/forms";
|
|
2444
2798
|
|
|
2445
2799
|
import { I18n, Overridable } from "carbon-components-angular/i18n";
|
|
2446
2800
|
import { Observable } from "rxjs";
|
|
@@ -2471,6 +2825,7 @@ export class NumberChange {
|
|
|
2471
2825
|
@Component({
|
|
2472
2826
|
selector: "cds-number, ibm-number",
|
|
2473
2827
|
template: `
|
|
2828
|
+
<label *ngIf="skeleton && label" class="cds--label cds--skeleton"></label>
|
|
2474
2829
|
<div
|
|
2475
2830
|
data-numberinput
|
|
2476
2831
|
[attr.data-invalid]="(invalid ? true : null)"
|
|
@@ -2484,7 +2839,6 @@ export class NumberChange {
|
|
|
2484
2839
|
'cds--number--md': size === 'md',
|
|
2485
2840
|
'cds--number--lg': size === 'lg'
|
|
2486
2841
|
}">
|
|
2487
|
-
<label *ngIf="skeleton && label" class="cds--label cds--skeleton"></label>
|
|
2488
2842
|
<label
|
|
2489
2843
|
*ngIf="!skeleton && label"
|
|
2490
2844
|
[for]="id"
|
|
@@ -2511,6 +2865,8 @@ export class NumberChange {
|
|
|
2511
2865
|
[attr.aria-label]="ariaLabel"
|
|
2512
2866
|
[attr.data-invalid]="invalid ? invalid : null"
|
|
2513
2867
|
[placeholder]="placeholder"
|
|
2868
|
+
(focus)="fluid ? handleFocus($event): null"
|
|
2869
|
+
(blur)="fluid ? handleFocus($event): null"
|
|
2514
2870
|
(change)="onNumberInputChange($event)"/>
|
|
2515
2871
|
<svg
|
|
2516
2872
|
*ngIf="!skeleton && invalid"
|
|
@@ -2549,8 +2905,9 @@ export class NumberChange {
|
|
|
2549
2905
|
<div class="cds--number__rule-divider"></div>
|
|
2550
2906
|
</div>
|
|
2551
2907
|
</div>
|
|
2908
|
+
<hr *ngIf="fluid" class="cds--number-input__divider" />
|
|
2552
2909
|
<div
|
|
2553
|
-
*ngIf="helperText && !invalid && !warn"
|
|
2910
|
+
*ngIf="helperText && !invalid && !warn && !fluid"
|
|
2554
2911
|
class="cds--form__helper-text"
|
|
2555
2912
|
[ngClass]="{
|
|
2556
2913
|
'cds--form__helper-text--disabled': disabled
|
|
@@ -2698,6 +3055,29 @@ export class NumberComponent implements ControlValueAccessor {
|
|
|
2698
3055
|
return this._incrementLabel.value;
|
|
2699
3056
|
}
|
|
2700
3057
|
|
|
3058
|
+
/**
|
|
3059
|
+
* Experimental: enable fluid state
|
|
3060
|
+
*/
|
|
3061
|
+
@HostBinding("class.cds--number-input--fluid") @Input() fluid = false;
|
|
3062
|
+
|
|
3063
|
+
@HostBinding("class.cds--number-input--fluid--invalid") get fluidInvalid() {
|
|
3064
|
+
return this.fluid && this.invalid;
|
|
3065
|
+
}
|
|
3066
|
+
|
|
3067
|
+
@HostBinding("class.cds--number-input--fluid--disabled") get fluidDisabled() {
|
|
3068
|
+
return this.fluid && this.disabled;
|
|
3069
|
+
}
|
|
3070
|
+
|
|
3071
|
+
@HostBinding("class.cds--number-input--fluid--focus") get fluidFocus() {
|
|
3072
|
+
return this.fluid && this._isFocused;
|
|
3073
|
+
}
|
|
3074
|
+
|
|
3075
|
+
@HostBinding("class.cds--text-input--fluid__skeleton") get fluidSkeleton() {
|
|
3076
|
+
return this.fluid && this.skeleton;
|
|
3077
|
+
}
|
|
3078
|
+
|
|
3079
|
+
protected _isFocused = false;
|
|
3080
|
+
|
|
2701
3081
|
protected _value = 0;
|
|
2702
3082
|
|
|
2703
3083
|
protected _decrementLabel: Overridable = this.i18n.getOverridable("NUMBER.DECREMENT");
|
|
@@ -2804,6 +3184,14 @@ export class NumberComponent implements ControlValueAccessor {
|
|
|
2804
3184
|
public isTemplate(value) {
|
|
2805
3185
|
return value instanceof TemplateRef;
|
|
2806
3186
|
}
|
|
3187
|
+
|
|
3188
|
+
handleFocus(event: FocusEvent) {
|
|
3189
|
+
if ("type" in event.target && (<HTMLInputElement>event.target).type === "button") {
|
|
3190
|
+
this._isFocused = false;
|
|
3191
|
+
} else {
|
|
3192
|
+
this._isFocused = event.type === "focus";
|
|
3193
|
+
}
|
|
3194
|
+
}
|
|
2807
3195
|
}
|
|
2808
3196
|
export { NumberComponent as Number };
|
|
2809
3197
|
</code></pre>
|
|
@@ -2836,7 +3224,7 @@ export { NumberComponent as Number };
|
|
|
2836
3224
|
<script src="../js/libs/htmlparser.js"></script>
|
|
2837
3225
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
2838
3226
|
<script>
|
|
2839
|
-
var COMPONENT_TEMPLATE = '<div><div data-numberinput [attr.data-invalid]="(invalid ? true : null)" class="cds--number" [ngClass]="{ \'cds--number--light\': theme === \'light\', \'cds--number--nolabel\': !label, \'cds--number--helpertext\': helperText, \'cds--skeleton\' : skeleton, \'cds--number--sm\': size === \'sm\', \'cds--number--md\': size === \'md\', \'cds--number--lg\': size === \'lg\' }"> <label
|
|
3227
|
+
var COMPONENT_TEMPLATE = '<div><label *ngIf="skeleton && label" class="cds--label cds--skeleton"></label><div data-numberinput [attr.data-invalid]="(invalid ? true : null)" class="cds--number" [ngClass]="{ \'cds--number--light\': theme === \'light\', \'cds--number--nolabel\': !label, \'cds--number--helpertext\': helperText, \'cds--skeleton\' : skeleton, \'cds--number--sm\': size === \'sm\', \'cds--number--md\': size === \'md\', \'cds--number--lg\': size === \'lg\' }"> <label *ngIf="!skeleton && 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 class="cds--number__input-wrapper" [ngClass]="{ \'cds--number__input-wrapper--warning\': warn }"> <input type="number" [id]="id" [value]="value" [attr.min]="min" [attr.max]="max" [attr.step]="step" [disabled]="disabled" [readonly]="readonly" [required]="required" [attr.aria-label]="ariaLabel" [attr.data-invalid]="invalid ? invalid : null" [placeholder]="placeholder" (focus)="fluid ? handleFocus($event): null" (blur)="fluid ? handleFocus($event): null" (change)="onNumberInputChange($event)"/> <svg *ngIf="!skeleton && invalid" cdsIcon="warning--filled" size="16" class="cds--number__invalid"> </svg> <svg *ngIf="!skeleton && !invalid && warn" cdsIcon="warning--alt--filled" size="16" class="cds--number__invalid cds--number__invalid--warning"> </svg> <div *ngIf="!skeleton" class="cds--number__controls"> <button class="cds--number__control-btn down-icon" type="button" [attr.disabled]="disabled ? true : null" aria-live="polite" aria-atomic="true" [attr.aria-label]="getDecrementLabel() | async" (click)="onDecrement()"> <svg cdsIcon="subtract" size="16"></svg> </button> <div class="cds--number__rule-divider"></div> <button class="cds--number__control-btn up-icon" type="button" [attr.disabled]="disabled ? true : null" aria-live="polite" aria-atomic="true" [attr.aria-label]="getIncrementLabel() | async" (click)="onIncrement()"> <svg cdsIcon="add" size="16"></svg> </button> <div class="cds--number__rule-divider"></div> </div> </div> <hr *ngIf="fluid" class="cds--number-input__divider" /> <div *ngIf="helperText && !invalid && !warn && !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> </div>'
|
|
2840
3228
|
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'}];
|
|
2841
3229
|
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]'}];
|
|
2842
3230
|
var ACTUAL_COMPONENT = {'name': 'NumberComponent'};
|