carbon-components-angular 5.49.0 → 5.50.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/ListRow.html +1 -1
- package/docs/documentation/components/PasswordInputLabelComponent.html +263 -71
- package/docs/documentation/components/TextInputLabelComponent.html +379 -108
- package/docs/documentation/coverage.html +10 -10
- package/docs/documentation/directives/PasswordInput.html +63 -5
- package/docs/documentation/directives/TextInput.html +60 -1
- 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/DatePickerInputModule/dependencies.svg +34 -38
- package/docs/documentation/modules/DatePickerInputModule.html +34 -38
- package/docs/documentation/modules/DatePickerModule/dependencies.svg +52 -56
- package/docs/documentation/modules/DatePickerModule.html +52 -56
- package/docs/documentation/modules/FileUploaderModule/dependencies.svg +35 -35
- package/docs/documentation/modules/FileUploaderModule.html +35 -35
- package/docs/documentation/modules/InlineLoadingModule/dependencies.svg +4 -4
- package/docs/documentation/modules/InlineLoadingModule.html +4 -4
- package/docs/documentation/modules/ProgressBarModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ProgressBarModule.html +4 -4
- package/docs/documentation/modules/RadioModule/dependencies.svg +35 -35
- package/docs/documentation/modules/RadioModule.html +35 -35
- package/docs/documentation/modules/SearchModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SearchModule.html +4 -4
- package/docs/documentation/modules/SelectModule/dependencies.svg +60 -60
- package/docs/documentation/modules/SelectModule.html +60 -60
- package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SliderModule.html +4 -4
- package/docs/documentation/modules/TableModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TableModule.html +4 -4
- package/docs/documentation/modules/TabsModule/dependencies.svg +68 -68
- package/docs/documentation/modules/TabsModule.html +68 -68
- package/docs/documentation/modules/ThemeModule/dependencies.svg +15 -15
- package/docs/documentation/modules/ThemeModule.html +15 -15
- package/docs/documentation/modules/TilesModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TilesModule.html +4 -4
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +46 -42
- package/docs/documentation/modules/TimePickerModule.html +46 -42
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +46 -50
- package/docs/documentation/modules/TimePickerSelectModule.html +46 -50
- package/docs/documentation/modules/ToggleModule/dependencies.svg +45 -41
- package/docs/documentation/modules/ToggleModule.html +45 -41
- package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TooltipModule.html +4 -4
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +30 -30
- package/docs/documentation/modules/TreeviewModule.html +30 -30
- package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
- package/docs/documentation/modules/UIShellModule.html +4 -4
- package/docs/documentation.json +302 -90
- package/docs/storybook/1345.4ae7e616.iframe.bundle.js +1 -0
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/index.json +1 -1
- package/docs/storybook/{input-input-stories.fa251a40.iframe.bundle.js → input-input-stories.13368962.iframe.bundle.js} +1 -1
- package/docs/storybook/{input-password-stories.def6cbdf.iframe.bundle.js → input-password-stories.de5bf47f.iframe.bundle.js} +1 -1
- package/docs/storybook/main.8ed1584b.iframe.bundle.js +1 -0
- package/docs/storybook/main.css +34 -28
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.807a23cc.iframe.bundle.js → runtime~main.ac7f971f.iframe.bundle.js} +1 -1
- package/docs/storybook/stories.json +1 -1
- package/docs/storybook/{structured-list-structured-list-stories.e6a4535e.iframe.bundle.js → structured-list-structured-list-stories.a1c0bf43.iframe.bundle.js} +1 -1
- package/esm2020/input/input.directive.mjs +9 -3
- package/esm2020/input/label.component.mjs +1 -1
- package/esm2020/input/password-input-label.component.mjs +92 -38
- package/esm2020/input/password.directive.mjs +9 -3
- package/esm2020/input/text-input-label.component.mjs +145 -83
- package/esm2020/structured-list/list-row.component.mjs +1 -1
- package/fesm2015/carbon-components-angular-input.mjs +251 -123
- package/fesm2015/carbon-components-angular-input.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-structured-list.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-input.mjs +251 -123
- package/fesm2020/carbon-components-angular-input.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-structured-list.mjs.map +1 -1
- package/input/input.directive.d.ts +1 -0
- package/input/password-input-label.component.d.ts +7 -1
- package/input/password.directive.d.ts +1 -0
- package/input/text-input-label.component.d.ts +9 -2
- package/package.json +1 -1
- package/docs/storybook/1345.e54b0c87.iframe.bundle.js +0 -1
- package/docs/storybook/main.11fd86ca.iframe.bundle.js +0 -1
|
@@ -170,13 +170,17 @@
|
|
|
170
170
|
|
|
171
171
|
<tr>
|
|
172
172
|
<td class="col-md-3">template</td>
|
|
173
|
-
<td class="col-md-9"><pre class="line-numbers"><code class="language-html"><
|
|
173
|
+
<td class="col-md-9"><pre class="line-numbers"><code class="language-html"><ng-container *ngIf="skeleton">
|
|
174
|
+
<span class="cds--label cds--skeleton"></span>
|
|
175
|
+
<div class="cds--text-input cds--skeleton"></div>
|
|
176
|
+
</ng-container>
|
|
177
|
+
<label
|
|
178
|
+
*ngIf="!skeleton"
|
|
174
179
|
[for]="labelInputID"
|
|
175
180
|
[attr.aria-label]="ariaLabel"
|
|
176
181
|
class="cds--label"
|
|
177
182
|
[ngClass]="{
|
|
178
|
-
'cds--label--disabled': disabled
|
|
179
|
-
'cds--skeleton': skeleton
|
|
183
|
+
'cds--label--disabled': disabled
|
|
180
184
|
}">
|
|
181
185
|
<ng-template *ngIf="labelTemplate; else labelContent" [ngTemplateOutlet]="labelTemplate"></ng-template>
|
|
182
186
|
<ng-template #labelContent>
|
|
@@ -184,7 +188,7 @@
|
|
|
184
188
|
</ng-template>
|
|
185
189
|
</label>
|
|
186
190
|
|
|
187
|
-
<div class="cds--text-input__field-outer-wrapper">
|
|
191
|
+
<div *ngIf="!skeleton" class="cds--text-input__field-outer-wrapper">
|
|
188
192
|
<div
|
|
189
193
|
class="cds--text-input__field-wrapper"
|
|
190
194
|
[ngClass]="{
|
|
@@ -229,24 +233,38 @@
|
|
|
229
233
|
</button>
|
|
230
234
|
</div>
|
|
231
235
|
</cds-tooltip>
|
|
232
|
-
</div>
|
|
233
|
-
<div
|
|
234
|
-
*ngIf="!skeleton && helperText && !invalid && !warn"
|
|
235
|
-
class="cds--form__helper-text"
|
|
236
|
-
[ngClass]="{ 'cds--form__helper-text--disabled': disabled }">
|
|
237
|
-
<ng-container *ngIf="!isTemplate(helperText)">{{ helperText }}</ng-container>
|
|
238
|
-
<ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template>
|
|
239
|
-
</div>
|
|
240
236
|
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
237
|
+
<ng-container *ngIf="fluid">
|
|
238
|
+
<hr class="cds--text-input__divider" />
|
|
239
|
+
<div *ngIf="!warn && invalid" class="cds--form-requirement">
|
|
240
|
+
<ng-container *ngIf="!isTemplate(invalidText)">{{ invalidText }}</ng-container>
|
|
241
|
+
<ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>
|
|
242
|
+
</div>
|
|
243
|
+
<div *ngIf="!invalid && warn" class="cds--form-requirement">
|
|
244
|
+
<ng-container *ngIf="!isTemplate(warnText)">{{ warnText }}</ng-container>
|
|
245
|
+
<ng-template *ngIf="isTemplate(warnText)" [ngTemplateOutlet]="warnText"></ng-template>
|
|
246
|
+
</div>
|
|
247
|
+
</ng-container>
|
|
244
248
|
</div>
|
|
249
|
+
<ng-container *ngIf="!fluid">
|
|
250
|
+
<div
|
|
251
|
+
*ngIf="!skeleton && helperText && !invalid && !warn"
|
|
252
|
+
class="cds--form__helper-text"
|
|
253
|
+
[ngClass]="{ 'cds--form__helper-text--disabled': disabled }">
|
|
254
|
+
<ng-container *ngIf="!isTemplate(helperText)">{{ helperText }}</ng-container>
|
|
255
|
+
<ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template>
|
|
256
|
+
</div>
|
|
245
257
|
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
258
|
+
<div *ngIf="!warn && invalid" class="cds--form-requirement">
|
|
259
|
+
<ng-container *ngIf="!isTemplate(invalidText)">{{ invalidText }}</ng-container>
|
|
260
|
+
<ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>
|
|
261
|
+
</div>
|
|
262
|
+
|
|
263
|
+
<div *ngIf="!invalid && warn" class="cds--form-requirement">
|
|
264
|
+
<ng-container *ngIf="!isTemplate(warnText)">{{ warnText }}</ng-container>
|
|
265
|
+
<ng-template *ngIf="isTemplate(warnText)" [ngTemplateOutlet]="warnText"></ng-template>
|
|
266
|
+
</div>
|
|
267
|
+
</ng-container>
|
|
250
268
|
</div>
|
|
251
269
|
</code></pre></td>
|
|
252
270
|
</tr>
|
|
@@ -346,6 +364,9 @@
|
|
|
346
364
|
<li>
|
|
347
365
|
<a href="#disabled" >disabled</a>
|
|
348
366
|
</li>
|
|
367
|
+
<li>
|
|
368
|
+
<a href="#fluid" >fluid</a>
|
|
369
|
+
</li>
|
|
349
370
|
<li>
|
|
350
371
|
<a href="#helperText" >helperText</a>
|
|
351
372
|
</li>
|
|
@@ -422,6 +443,12 @@
|
|
|
422
443
|
<li>
|
|
423
444
|
<a href="#class.cds--password-input-wrapper" >class.cds--password-input-wrapper</a>
|
|
424
445
|
</li>
|
|
446
|
+
<li>
|
|
447
|
+
<a href="#class.cds--text-input--fluid" >class.cds--text-input--fluid</a>
|
|
448
|
+
</li>
|
|
449
|
+
<li>
|
|
450
|
+
<a href="#class.cds--text-input--fluid__skeleton" >class.cds--text-input--fluid__skeleton</a>
|
|
451
|
+
</li>
|
|
425
452
|
<li>
|
|
426
453
|
<a href="#class.cds--text-input-wrapper" >class.cds--text-input-wrapper</a>
|
|
427
454
|
</li>
|
|
@@ -444,6 +471,12 @@
|
|
|
444
471
|
<li>
|
|
445
472
|
<a href="#isReadonly" >isReadonly</a>
|
|
446
473
|
</li>
|
|
474
|
+
<li>
|
|
475
|
+
<a href="#fluidClass" >fluidClass</a>
|
|
476
|
+
</li>
|
|
477
|
+
<li>
|
|
478
|
+
<a href="#fluidSkeletonClass" >fluidSkeletonClass</a>
|
|
479
|
+
</li>
|
|
447
480
|
</ul>
|
|
448
481
|
</td>
|
|
449
482
|
</tr>
|
|
@@ -462,7 +495,7 @@
|
|
|
462
495
|
</tr>
|
|
463
496
|
<tr>
|
|
464
497
|
<td class="col-md-4">
|
|
465
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
498
|
+
<div class="io-line">Defined in <a href="" data-line="244" class="link-to-prism">src/input/password-input-label.component.ts:244</a></div>
|
|
466
499
|
</td>
|
|
467
500
|
</tr>
|
|
468
501
|
|
|
@@ -527,7 +560,7 @@
|
|
|
527
560
|
</tr>
|
|
528
561
|
<tr>
|
|
529
562
|
<td class="col-md-2" colspan="2">
|
|
530
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
563
|
+
<div class="io-line">Defined in <a href="" data-line="206" class="link-to-prism">src/input/password-input-label.component.ts:206</a></div>
|
|
531
564
|
</td>
|
|
532
565
|
</tr>
|
|
533
566
|
<tr>
|
|
@@ -559,12 +592,44 @@
|
|
|
559
592
|
</tr>
|
|
560
593
|
<tr>
|
|
561
594
|
<td class="col-md-2" colspan="2">
|
|
562
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
595
|
+
<div class="io-line">Defined in <a href="" data-line="161" class="link-to-prism">src/input/password-input-label.component.ts:161</a></div>
|
|
563
596
|
</td>
|
|
564
597
|
</tr>
|
|
565
598
|
<tr>
|
|
566
599
|
<td class="col-md-4">
|
|
567
600
|
<div class="io-description"><p>Flag for disabled label.</p>
|
|
601
|
+
</div>
|
|
602
|
+
</td>
|
|
603
|
+
</tr>
|
|
604
|
+
</tbody>
|
|
605
|
+
</table>
|
|
606
|
+
<table class="table table-sm table-bordered">
|
|
607
|
+
<tbody>
|
|
608
|
+
<tr>
|
|
609
|
+
<td class="col-md-4">
|
|
610
|
+
<a name="fluid"></a>
|
|
611
|
+
<b>fluid</b>
|
|
612
|
+
</td>
|
|
613
|
+
</tr>
|
|
614
|
+
<tr>
|
|
615
|
+
<td class="col-md-4">
|
|
616
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
617
|
+
|
|
618
|
+
</td>
|
|
619
|
+
</tr>
|
|
620
|
+
<tr>
|
|
621
|
+
<td class="col-md-4">
|
|
622
|
+
<i>Default value : </i><code>false</code>
|
|
623
|
+
</td>
|
|
624
|
+
</tr>
|
|
625
|
+
<tr>
|
|
626
|
+
<td class="col-md-2" colspan="2">
|
|
627
|
+
<div class="io-line">Defined in <a href="" data-line="221" class="link-to-prism">src/input/password-input-label.component.ts:221</a></div>
|
|
628
|
+
</td>
|
|
629
|
+
</tr>
|
|
630
|
+
<tr>
|
|
631
|
+
<td class="col-md-4">
|
|
632
|
+
<div class="io-description"><p>Experimental: enable fluid state</p>
|
|
568
633
|
</div>
|
|
569
634
|
</td>
|
|
570
635
|
</tr>
|
|
@@ -586,7 +651,7 @@
|
|
|
586
651
|
</tr>
|
|
587
652
|
<tr>
|
|
588
653
|
<td class="col-md-2" colspan="2">
|
|
589
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
654
|
+
<div class="io-line">Defined in <a href="" data-line="181" class="link-to-prism">src/input/password-input-label.component.ts:181</a></div>
|
|
590
655
|
</td>
|
|
591
656
|
</tr>
|
|
592
657
|
<tr>
|
|
@@ -618,7 +683,7 @@
|
|
|
618
683
|
</tr>
|
|
619
684
|
<tr>
|
|
620
685
|
<td class="col-md-2" colspan="2">
|
|
621
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
686
|
+
<div class="io-line">Defined in <a href="" data-line="211" class="link-to-prism">src/input/password-input-label.component.ts:211</a></div>
|
|
622
687
|
</td>
|
|
623
688
|
</tr>
|
|
624
689
|
<tr>
|
|
@@ -650,7 +715,7 @@
|
|
|
650
715
|
</tr>
|
|
651
716
|
<tr>
|
|
652
717
|
<td class="col-md-2" colspan="2">
|
|
653
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
718
|
+
<div class="io-line">Defined in <a href="" data-line="191" class="link-to-prism">src/input/password-input-label.component.ts:191</a></div>
|
|
654
719
|
</td>
|
|
655
720
|
</tr>
|
|
656
721
|
<tr>
|
|
@@ -677,7 +742,7 @@
|
|
|
677
742
|
</tr>
|
|
678
743
|
<tr>
|
|
679
744
|
<td class="col-md-2" colspan="2">
|
|
680
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
745
|
+
<div class="io-line">Defined in <a href="" data-line="186" class="link-to-prism">src/input/password-input-label.component.ts:186</a></div>
|
|
681
746
|
</td>
|
|
682
747
|
</tr>
|
|
683
748
|
<tr>
|
|
@@ -709,7 +774,7 @@
|
|
|
709
774
|
</tr>
|
|
710
775
|
<tr>
|
|
711
776
|
<td class="col-md-2" colspan="2">
|
|
712
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
777
|
+
<div class="io-line">Defined in <a href="" data-line="146" class="link-to-prism">src/input/password-input-label.component.ts:146</a></div>
|
|
713
778
|
</td>
|
|
714
779
|
</tr>
|
|
715
780
|
<tr>
|
|
@@ -736,7 +801,7 @@
|
|
|
736
801
|
</tr>
|
|
737
802
|
<tr>
|
|
738
803
|
<td class="col-md-2" colspan="2">
|
|
739
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
804
|
+
<div class="io-line">Defined in <a href="" data-line="171" class="link-to-prism">src/input/password-input-label.component.ts:171</a></div>
|
|
740
805
|
</td>
|
|
741
806
|
</tr>
|
|
742
807
|
<tr>
|
|
@@ -763,7 +828,7 @@
|
|
|
763
828
|
</tr>
|
|
764
829
|
<tr>
|
|
765
830
|
<td class="col-md-2" colspan="2">
|
|
766
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
831
|
+
<div class="io-line">Defined in <a href="" data-line="176" class="link-to-prism">src/input/password-input-label.component.ts:176</a></div>
|
|
767
832
|
</td>
|
|
768
833
|
</tr>
|
|
769
834
|
<tr>
|
|
@@ -795,7 +860,7 @@
|
|
|
795
860
|
</tr>
|
|
796
861
|
<tr>
|
|
797
862
|
<td class="col-md-2" colspan="2">
|
|
798
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
863
|
+
<div class="io-line">Defined in <a href="" data-line="216" class="link-to-prism">src/input/password-input-label.component.ts:216</a></div>
|
|
799
864
|
</td>
|
|
800
865
|
</tr>
|
|
801
866
|
<tr>
|
|
@@ -827,7 +892,7 @@
|
|
|
827
892
|
</tr>
|
|
828
893
|
<tr>
|
|
829
894
|
<td class="col-md-2" colspan="2">
|
|
830
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
895
|
+
<div class="io-line">Defined in <a href="" data-line="166" class="link-to-prism">src/input/password-input-label.component.ts:166</a></div>
|
|
831
896
|
</td>
|
|
832
897
|
</tr>
|
|
833
898
|
<tr>
|
|
@@ -859,7 +924,7 @@
|
|
|
859
924
|
</tr>
|
|
860
925
|
<tr>
|
|
861
926
|
<td class="col-md-2" colspan="2">
|
|
862
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
927
|
+
<div class="io-line">Defined in <a href="" data-line="196" class="link-to-prism">src/input/password-input-label.component.ts:196</a></div>
|
|
863
928
|
</td>
|
|
864
929
|
</tr>
|
|
865
930
|
<tr>
|
|
@@ -886,7 +951,7 @@
|
|
|
886
951
|
</tr>
|
|
887
952
|
<tr>
|
|
888
953
|
<td class="col-md-2" colspan="2">
|
|
889
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
954
|
+
<div class="io-line">Defined in <a href="" data-line="201" class="link-to-prism">src/input/password-input-label.component.ts:201</a></div>
|
|
890
955
|
</td>
|
|
891
956
|
</tr>
|
|
892
957
|
<tr>
|
|
@@ -1237,7 +1302,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
1237
1302
|
</tr>
|
|
1238
1303
|
<tr>
|
|
1239
1304
|
<td class="col-md-4">
|
|
1240
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1305
|
+
<div class="io-line">Defined in <a href="" data-line="231" class="link-to-prism">src/input/password-input-label.component.ts:231</a></div>
|
|
1241
1306
|
</td>
|
|
1242
1307
|
</tr>
|
|
1243
1308
|
|
|
@@ -1274,7 +1339,59 @@ This is not toggleable - should be assigned once</p>
|
|
|
1274
1339
|
</tr>
|
|
1275
1340
|
<tr>
|
|
1276
1341
|
<td class="col-md-4">
|
|
1277
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1342
|
+
<div class="io-line">Defined in <a href="" data-line="232" class="link-to-prism">src/input/password-input-label.component.ts:232</a></div>
|
|
1343
|
+
</td>
|
|
1344
|
+
</tr>
|
|
1345
|
+
|
|
1346
|
+
|
|
1347
|
+
</tbody>
|
|
1348
|
+
</table>
|
|
1349
|
+
<table class="table table-sm table-bordered">
|
|
1350
|
+
<tbody>
|
|
1351
|
+
<tr>
|
|
1352
|
+
<td class="col-md-4">
|
|
1353
|
+
<a name="class.cds--text-input--fluid"></a>
|
|
1354
|
+
<span class="name">
|
|
1355
|
+
<span ><b>class.cds--text-input--fluid</b></span>
|
|
1356
|
+
<a href="#class.cds--text-input--fluid"><span class="icon ion-ios-link"></span></a>
|
|
1357
|
+
</span>
|
|
1358
|
+
</td>
|
|
1359
|
+
</tr>
|
|
1360
|
+
<tr>
|
|
1361
|
+
<td class="col-md-4">
|
|
1362
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1363
|
+
|
|
1364
|
+
</td>
|
|
1365
|
+
</tr>
|
|
1366
|
+
<tr>
|
|
1367
|
+
<td class="col-md-4">
|
|
1368
|
+
<div class="io-line">Defined in <a href="" data-line="238" class="link-to-prism">src/input/password-input-label.component.ts:238</a></div>
|
|
1369
|
+
</td>
|
|
1370
|
+
</tr>
|
|
1371
|
+
|
|
1372
|
+
|
|
1373
|
+
</tbody>
|
|
1374
|
+
</table>
|
|
1375
|
+
<table class="table table-sm table-bordered">
|
|
1376
|
+
<tbody>
|
|
1377
|
+
<tr>
|
|
1378
|
+
<td class="col-md-4">
|
|
1379
|
+
<a name="class.cds--text-input--fluid__skeleton"></a>
|
|
1380
|
+
<span class="name">
|
|
1381
|
+
<span ><b>class.cds--text-input--fluid__skeleton</b></span>
|
|
1382
|
+
<a href="#class.cds--text-input--fluid__skeleton"><span class="icon ion-ios-link"></span></a>
|
|
1383
|
+
</span>
|
|
1384
|
+
</td>
|
|
1385
|
+
</tr>
|
|
1386
|
+
<tr>
|
|
1387
|
+
<td class="col-md-4">
|
|
1388
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1389
|
+
|
|
1390
|
+
</td>
|
|
1391
|
+
</tr>
|
|
1392
|
+
<tr>
|
|
1393
|
+
<td class="col-md-4">
|
|
1394
|
+
<div class="io-line">Defined in <a href="" data-line="242" class="link-to-prism">src/input/password-input-label.component.ts:242</a></div>
|
|
1278
1395
|
</td>
|
|
1279
1396
|
</tr>
|
|
1280
1397
|
|
|
@@ -1305,7 +1422,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
1305
1422
|
</tr>
|
|
1306
1423
|
<tr>
|
|
1307
1424
|
<td class="col-md-4">
|
|
1308
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1425
|
+
<div class="io-line">Defined in <a href="" data-line="233" class="link-to-prism">src/input/password-input-label.component.ts:233</a></div>
|
|
1309
1426
|
</td>
|
|
1310
1427
|
</tr>
|
|
1311
1428
|
|
|
@@ -1331,7 +1448,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
1331
1448
|
</tr>
|
|
1332
1449
|
<tr>
|
|
1333
1450
|
<td class="col-md-4">
|
|
1334
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1451
|
+
<div class="io-line">Defined in <a href="" data-line="234" class="link-to-prism">src/input/password-input-label.component.ts:234</a></div>
|
|
1335
1452
|
</td>
|
|
1336
1453
|
</tr>
|
|
1337
1454
|
|
|
@@ -1368,8 +1485,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1368
1485
|
|
|
1369
1486
|
<tr>
|
|
1370
1487
|
<td class="col-md-4">
|
|
1371
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1372
|
-
class="link-to-prism">src/input/password-input-label.component.ts:
|
|
1488
|
+
<div class="io-line">Defined in <a href="" data-line="284"
|
|
1489
|
+
class="link-to-prism">src/input/password-input-label.component.ts:284</a></div>
|
|
1373
1490
|
</td>
|
|
1374
1491
|
</tr>
|
|
1375
1492
|
|
|
@@ -1409,8 +1526,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1409
1526
|
|
|
1410
1527
|
<tr>
|
|
1411
1528
|
<td class="col-md-4">
|
|
1412
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1413
|
-
class="link-to-prism">src/input/password-input-label.component.ts:
|
|
1529
|
+
<div class="io-line">Defined in <a href="" data-line="277"
|
|
1530
|
+
class="link-to-prism">src/input/password-input-label.component.ts:277</a></div>
|
|
1414
1531
|
</td>
|
|
1415
1532
|
</tr>
|
|
1416
1533
|
|
|
@@ -1482,8 +1599,8 @@ This is not toggleable - should be assigned once</p>
|
|
|
1482
1599
|
|
|
1483
1600
|
<tr>
|
|
1484
1601
|
<td class="col-md-4">
|
|
1485
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1486
|
-
class="link-to-prism">src/input/password-input-label.component.ts:
|
|
1602
|
+
<div class="io-line">Defined in <a href="" data-line="257"
|
|
1603
|
+
class="link-to-prism">src/input/password-input-label.component.ts:257</a></div>
|
|
1487
1604
|
</td>
|
|
1488
1605
|
</tr>
|
|
1489
1606
|
|
|
@@ -1531,7 +1648,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
1531
1648
|
</tr>
|
|
1532
1649
|
<tr>
|
|
1533
1650
|
<td class="col-md-4">
|
|
1534
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1651
|
+
<div class="io-line">Defined in <a href="" data-line="151" class="link-to-prism">src/input/password-input-label.component.ts:151</a></div>
|
|
1535
1652
|
</td>
|
|
1536
1653
|
</tr>
|
|
1537
1654
|
|
|
@@ -1572,7 +1689,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
1572
1689
|
</tr>
|
|
1573
1690
|
<tr>
|
|
1574
1691
|
<td class="col-md-4">
|
|
1575
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1692
|
+
<div class="io-line">Defined in <a href="" data-line="231" class="link-to-prism">src/input/password-input-label.component.ts:231</a></div>
|
|
1576
1693
|
</td>
|
|
1577
1694
|
</tr>
|
|
1578
1695
|
|
|
@@ -1610,7 +1727,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
1610
1727
|
</tr>
|
|
1611
1728
|
<tr>
|
|
1612
1729
|
<td class="col-md-4">
|
|
1613
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1730
|
+
<div class="io-line">Defined in <a href="" data-line="139" class="link-to-prism">src/input/password-input-label.component.ts:139</a></div>
|
|
1614
1731
|
</td>
|
|
1615
1732
|
</tr>
|
|
1616
1733
|
|
|
@@ -1651,7 +1768,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
1651
1768
|
</tr>
|
|
1652
1769
|
<tr>
|
|
1653
1770
|
<td class="col-md-4">
|
|
1654
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1771
|
+
<div class="io-line">Defined in <a href="" data-line="232" class="link-to-prism">src/input/password-input-label.component.ts:232</a></div>
|
|
1655
1772
|
</td>
|
|
1656
1773
|
</tr>
|
|
1657
1774
|
|
|
@@ -1676,7 +1793,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
1676
1793
|
</tr>
|
|
1677
1794
|
<tr>
|
|
1678
1795
|
<td class="col-md-4">
|
|
1679
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1796
|
+
<div class="io-line">Defined in <a href="" data-line="156" class="link-to-prism">src/input/password-input-label.component.ts:156</a></div>
|
|
1680
1797
|
</td>
|
|
1681
1798
|
</tr>
|
|
1682
1799
|
|
|
@@ -1718,7 +1835,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
1718
1835
|
</tr>
|
|
1719
1836
|
<tr>
|
|
1720
1837
|
<td class="col-md-4">
|
|
1721
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1838
|
+
<div class="io-line">Defined in <a href="" data-line="141" class="link-to-prism">src/input/password-input-label.component.ts:141</a></div>
|
|
1722
1839
|
</td>
|
|
1723
1840
|
</tr>
|
|
1724
1841
|
|
|
@@ -1753,7 +1870,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
1753
1870
|
</tr>
|
|
1754
1871
|
<tr>
|
|
1755
1872
|
<td class="col-md-4">
|
|
1756
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1873
|
+
<div class="io-line">Defined in <a href="" data-line="233" class="link-to-prism">src/input/password-input-label.component.ts:233</a></div>
|
|
1757
1874
|
</td>
|
|
1758
1875
|
</tr>
|
|
1759
1876
|
|
|
@@ -1789,7 +1906,7 @@ This is not toggleable - should be assigned once</p>
|
|
|
1789
1906
|
</tr>
|
|
1790
1907
|
<tr>
|
|
1791
1908
|
<td class="col-md-4">
|
|
1792
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1909
|
+
<div class="io-line">Defined in <a href="" data-line="226" class="link-to-prism">src/input/password-input-label.component.ts:226</a></div>
|
|
1793
1910
|
</td>
|
|
1794
1911
|
</tr>
|
|
1795
1912
|
|
|
@@ -1824,7 +1941,51 @@ This is not toggleable - should be assigned once</p>
|
|
|
1824
1941
|
</tr>
|
|
1825
1942
|
<tr>
|
|
1826
1943
|
<td class="col-md-4">
|
|
1827
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1944
|
+
<div class="io-line">Defined in <a href="" data-line="234" class="link-to-prism">src/input/password-input-label.component.ts:234</a></div>
|
|
1945
|
+
</td>
|
|
1946
|
+
</tr>
|
|
1947
|
+
|
|
1948
|
+
</tbody>
|
|
1949
|
+
</table>
|
|
1950
|
+
<table class="table table-sm table-bordered">
|
|
1951
|
+
<tbody>
|
|
1952
|
+
<tr>
|
|
1953
|
+
<td class="col-md-4">
|
|
1954
|
+
<a name="fluidClass"></a>
|
|
1955
|
+
<span class="name"><b>fluidClass</b><a href="#fluidClass"><span class="icon ion-ios-link"></span></a></span>
|
|
1956
|
+
</td>
|
|
1957
|
+
</tr>
|
|
1958
|
+
|
|
1959
|
+
<tr>
|
|
1960
|
+
<td class="col-md-4">
|
|
1961
|
+
<span class="accessor"><b>get</b><code>fluidClass()</code></span>
|
|
1962
|
+
</td>
|
|
1963
|
+
</tr>
|
|
1964
|
+
<tr>
|
|
1965
|
+
<td class="col-md-4">
|
|
1966
|
+
<div class="io-line">Defined in <a href="" data-line="238" class="link-to-prism">src/input/password-input-label.component.ts:238</a></div>
|
|
1967
|
+
</td>
|
|
1968
|
+
</tr>
|
|
1969
|
+
|
|
1970
|
+
</tbody>
|
|
1971
|
+
</table>
|
|
1972
|
+
<table class="table table-sm table-bordered">
|
|
1973
|
+
<tbody>
|
|
1974
|
+
<tr>
|
|
1975
|
+
<td class="col-md-4">
|
|
1976
|
+
<a name="fluidSkeletonClass"></a>
|
|
1977
|
+
<span class="name"><b>fluidSkeletonClass</b><a href="#fluidSkeletonClass"><span class="icon ion-ios-link"></span></a></span>
|
|
1978
|
+
</td>
|
|
1979
|
+
</tr>
|
|
1980
|
+
|
|
1981
|
+
<tr>
|
|
1982
|
+
<td class="col-md-4">
|
|
1983
|
+
<span class="accessor"><b>get</b><code>fluidSkeletonClass()</code></span>
|
|
1984
|
+
</td>
|
|
1985
|
+
</tr>
|
|
1986
|
+
<tr>
|
|
1987
|
+
<td class="col-md-4">
|
|
1988
|
+
<div class="io-line">Defined in <a href="" data-line="242" class="link-to-prism">src/input/password-input-label.component.ts:242</a></div>
|
|
1828
1989
|
</td>
|
|
1829
1990
|
</tr>
|
|
1830
1991
|
|
|
@@ -1868,13 +2029,17 @@ import { BaseIconButton } from "carbon-components-angular/button";
|
|
|
1868
2029
|
@Component({
|
|
1869
2030
|
selector: "cds-password-label, ibm-password-label",
|
|
1870
2031
|
template: `
|
|
2032
|
+
<ng-container *ngIf="skeleton">
|
|
2033
|
+
<span class="cds--label cds--skeleton"></span>
|
|
2034
|
+
<div class="cds--text-input cds--skeleton"></div>
|
|
2035
|
+
</ng-container>
|
|
1871
2036
|
<label
|
|
2037
|
+
*ngIf="!skeleton"
|
|
1872
2038
|
[for]="labelInputID"
|
|
1873
2039
|
[attr.aria-label]="ariaLabel"
|
|
1874
2040
|
class="cds--label"
|
|
1875
2041
|
[ngClass]="{
|
|
1876
|
-
'cds--label--disabled': disabled
|
|
1877
|
-
'cds--skeleton': skeleton
|
|
2042
|
+
'cds--label--disabled': disabled
|
|
1878
2043
|
}">
|
|
1879
2044
|
<ng-template *ngIf="labelTemplate; else labelContent" [ngTemplateOutlet]="labelTemplate"></ng-template>
|
|
1880
2045
|
<ng-template #labelContent>
|
|
@@ -1882,7 +2047,7 @@ import { BaseIconButton } from "carbon-components-angular/button";
|
|
|
1882
2047
|
</ng-template>
|
|
1883
2048
|
</label>
|
|
1884
2049
|
|
|
1885
|
-
<div class="cds--text-input__field-outer-wrapper">
|
|
2050
|
+
<div *ngIf="!skeleton" class="cds--text-input__field-outer-wrapper">
|
|
1886
2051
|
<div
|
|
1887
2052
|
class="cds--text-input__field-wrapper"
|
|
1888
2053
|
[ngClass]="{
|
|
@@ -1927,24 +2092,38 @@ import { BaseIconButton } from "carbon-components-angular/button";
|
|
|
1927
2092
|
</button>
|
|
1928
2093
|
</div>
|
|
1929
2094
|
</cds-tooltip>
|
|
1930
|
-
</div>
|
|
1931
|
-
<div
|
|
1932
|
-
*ngIf="!skeleton && helperText && !invalid && !warn"
|
|
1933
|
-
class="cds--form__helper-text"
|
|
1934
|
-
[ngClass]="{ 'cds--form__helper-text--disabled': disabled }">
|
|
1935
|
-
<ng-container *ngIf="!isTemplate(helperText)">{{ helperText }}</ng-container>
|
|
1936
|
-
<ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template>
|
|
1937
|
-
</div>
|
|
1938
2095
|
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
2096
|
+
<ng-container *ngIf="fluid">
|
|
2097
|
+
<hr class="cds--text-input__divider" />
|
|
2098
|
+
<div *ngIf="!warn && invalid" class="cds--form-requirement">
|
|
2099
|
+
<ng-container *ngIf="!isTemplate(invalidText)">{{ invalidText }}</ng-container>
|
|
2100
|
+
<ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>
|
|
2101
|
+
</div>
|
|
2102
|
+
<div *ngIf="!invalid && warn" class="cds--form-requirement">
|
|
2103
|
+
<ng-container *ngIf="!isTemplate(warnText)">{{ warnText }}</ng-container>
|
|
2104
|
+
<ng-template *ngIf="isTemplate(warnText)" [ngTemplateOutlet]="warnText"></ng-template>
|
|
2105
|
+
</div>
|
|
2106
|
+
</ng-container>
|
|
1942
2107
|
</div>
|
|
2108
|
+
<ng-container *ngIf="!fluid">
|
|
2109
|
+
<div
|
|
2110
|
+
*ngIf="!skeleton && helperText && !invalid && !warn"
|
|
2111
|
+
class="cds--form__helper-text"
|
|
2112
|
+
[ngClass]="{ 'cds--form__helper-text--disabled': disabled }">
|
|
2113
|
+
<ng-container *ngIf="!isTemplate(helperText)">{{ helperText }}</ng-container>
|
|
2114
|
+
<ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template>
|
|
2115
|
+
</div>
|
|
1943
2116
|
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
2117
|
+
<div *ngIf="!warn && invalid" class="cds--form-requirement">
|
|
2118
|
+
<ng-container *ngIf="!isTemplate(invalidText)">{{ invalidText }}</ng-container>
|
|
2119
|
+
<ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>
|
|
2120
|
+
</div>
|
|
2121
|
+
|
|
2122
|
+
<div *ngIf="!invalid && warn" class="cds--form-requirement">
|
|
2123
|
+
<ng-container *ngIf="!isTemplate(warnText)">{{ warnText }}</ng-container>
|
|
2124
|
+
<ng-template *ngIf="isTemplate(warnText)" [ngTemplateOutlet]="warnText"></ng-template>
|
|
2125
|
+
</div>
|
|
2126
|
+
</ng-container>
|
|
1948
2127
|
</div>
|
|
1949
2128
|
`
|
|
1950
2129
|
})
|
|
@@ -2034,6 +2213,11 @@ export class PasswordInputLabelComponent extends BaseIconButton implements After
|
|
|
2034
2213
|
*/
|
|
2035
2214
|
@Input() showPasswordLabel = "Show password";
|
|
2036
2215
|
|
|
2216
|
+
/**
|
|
2217
|
+
* Experimental: enable fluid state
|
|
2218
|
+
*/
|
|
2219
|
+
@Input() fluid = false;
|
|
2220
|
+
|
|
2037
2221
|
/**
|
|
2038
2222
|
* Reference to the wrapper element.
|
|
2039
2223
|
*/
|
|
@@ -2049,6 +2233,14 @@ export class PasswordInputLabelComponent extends BaseIconButton implements After
|
|
|
2049
2233
|
return this.wrapper?.nativeElement.querySelector("input")?.readOnly ?? false;
|
|
2050
2234
|
}
|
|
2051
2235
|
|
|
2236
|
+
@HostBinding("class.cds--text-input--fluid") get fluidClass() {
|
|
2237
|
+
return this.fluid && !this.skeleton;
|
|
2238
|
+
}
|
|
2239
|
+
|
|
2240
|
+
@HostBinding("class.cds--text-input--fluid__skeleton") get fluidSkeletonClass() {
|
|
2241
|
+
return this.fluid && this.skeleton;
|
|
2242
|
+
}
|
|
2243
|
+
|
|
2052
2244
|
/**
|
|
2053
2245
|
* Constructor for PasswordInputLabelComponent.
|
|
2054
2246
|
* @param changeDetectorRef - Reference to ChangeDetectorRef.
|
|
@@ -2123,7 +2315,7 @@ export class PasswordInputLabelComponent extends BaseIconButton implements After
|
|
|
2123
2315
|
<script src="../js/libs/htmlparser.js"></script>
|
|
2124
2316
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
2125
2317
|
<script>
|
|
2126
|
-
var COMPONENT_TEMPLATE = '<div><label [for]="labelInputID" [attr.aria-label]="ariaLabel" class="cds--label" [ngClass]="{ \'cds--label--disabled\': disabled
|
|
2318
|
+
var COMPONENT_TEMPLATE = '<div><ng-container *ngIf="skeleton"> <span class="cds--label cds--skeleton"></span> <div class="cds--text-input cds--skeleton"></div></ng-container><label *ngIf="!skeleton" [for]="labelInputID" [attr.aria-label]="ariaLabel" class="cds--label" [ngClass]="{ \'cds--label--disabled\': disabled }"> <ng-template *ngIf="labelTemplate; else labelContent" [ngTemplateOutlet]="labelTemplate"></ng-template> <ng-template #labelContent> <ng-content></ng-content> </ng-template></label><div *ngIf="!skeleton" class="cds--text-input__field-outer-wrapper"> <div class="cds--text-input__field-wrapper" [ngClass]="{ \'cds--text-input__field-wrapper--warning\': warn }" [attr.data-invalid]="invalid ? true : null" #wrapper> <svg *ngIf="!warn && invalid" cdsIcon="warning--filled" size="16" class="cds--text-input__invalid-icon"> </svg> <svg *ngIf="!invalid && warn" cdsIcon="warning--alt--filled" size="16" class="cds--text-input__invalid-icon cds--text-input__invalid-icon--warning"> </svg> <ng-content select="[cdsPassword], [ibmPassword]"></ng-content> <cds-tooltip *ngIf="!skeleton" [description]="passwordIsVisible ? hidePasswordLabel : showPasswordLabel" [disabled]="disabled" [caret]="caret" [dropShadow]="dropShadow" [highContrast]="highContrast" [isOpen]="isOpen" [align]="align" [autoAlign]="autoAlign" [enterDelayMs]="enterDelayMs" [leaveDelayMs]="leaveDelayMs" class="cds--toggle-password-tooltip"> <div class="cds--tooltip-trigger__wrapper"> <button class="cds--text-input--password__visibility__toggle cds--btn cds--tooltip__trigger cds--tooltip--a11y" [disabled]="disabled" type="button" (click)="handleTogglePasswordVisibility($event)"> <svg *ngIf="passwordIsVisible" cdsIcon="view--off" class="cds--icon-visibility-off" size="16"></svg> <svg *ngIf="!passwordIsVisible" cdsIcon="view" class="cds--icon-visibility-on" size="16"></svg> </button> </div> </cds-tooltip> <ng-container *ngIf="fluid"> <hr class="cds--text-input__divider" /> <div *ngIf="!warn && 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> </ng-container> </div> <ng-container *ngIf="!fluid"> <div *ngIf="!skeleton && helperText && !invalid && !warn" 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="!warn && 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> </ng-container></div></div>'
|
|
2127
2319
|
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'}];
|
|
2128
2320
|
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]'}];
|
|
2129
2321
|
var ACTUAL_COMPONENT = {'name': 'PasswordInputLabelComponent'};
|