carbon-components-angular 5.12.3 → 5.12.4
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/accordion/accordion.component.d.ts +3 -0
- package/button/button.directive.d.ts +8 -0
- package/docs/documentation/components/Accordion.html +23 -20
- package/docs/documentation/components/Tag.html +1 -1
- package/docs/documentation/components/TagFilter.html +1 -1
- package/docs/documentation/coverage.html +11 -11
- package/docs/documentation/directives/Button.html +309 -10
- package/docs/documentation/directives/TextInput.html +195 -11
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/CodeSnippetModule/dependencies.svg +4 -4
- package/docs/documentation/modules/CodeSnippetModule.html +4 -4
- package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +42 -38
- package/docs/documentation/modules/DatePickerInputModule.html +42 -38
- package/docs/documentation/modules/FileUploaderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/FileUploaderModule.html +4 -4
- package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NumberModule.html +4 -4
- package/docs/documentation/modules/PanelModule/dependencies.svg +36 -36
- package/docs/documentation/modules/PanelModule.html +36 -36
- package/docs/documentation/modules/RadioModule/dependencies.svg +49 -49
- package/docs/documentation/modules/RadioModule.html +49 -49
- package/docs/documentation/modules/SelectModule/dependencies.svg +43 -43
- package/docs/documentation/modules/SelectModule.html +43 -43
- 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 +4 -4
- package/docs/documentation/modules/TabsModule.html +4 -4
- package/docs/documentation/modules/TagModule/dependencies.svg +29 -29
- package/docs/documentation/modules/TagModule.html +29 -29
- package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ThemeModule.html +4 -4
- package/docs/documentation/modules/TilesModule/dependencies.svg +101 -101
- package/docs/documentation/modules/TilesModule.html +101 -101
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +41 -45
- package/docs/documentation/modules/TimePickerModule.html +41 -45
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +8 -8
- package/docs/documentation/modules/TimePickerSelectModule.html +8 -8
- package/docs/documentation/modules/ToggleModule/dependencies.svg +41 -45
- package/docs/documentation/modules/ToggleModule.html +41 -45
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
- package/docs/documentation/modules/ToggletipModule.html +37 -37
- package/docs/documentation/modules/TooltipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TooltipModule.html +4 -4
- package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
- package/docs/documentation/modules/UIShellModule.html +4 -4
- package/docs/documentation.json +286 -48
- package/docs/storybook/4578.86305077.iframe.bundle.js +1 -0
- package/docs/storybook/{7153.22bf775d.iframe.bundle.js → 7153.91b7684a.iframe.bundle.js} +1 -1
- package/docs/storybook/accordion-accordion-stories.4a6c54ee.iframe.bundle.js +1 -0
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/main.8d868a96.iframe.bundle.js +1 -0
- package/docs/storybook/{patterns-filtering-multiple-categories-stories.6703c130.iframe.bundle.js → patterns-filtering-multiple-categories-stories.558f489b.iframe.bundle.js} +1 -1
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.584e1b10.iframe.bundle.js → runtime~main.84b152cd.iframe.bundle.js} +1 -1
- package/docs/storybook/{tag-tag-stories.5e95b96d.iframe.bundle.js → tag-tag-stories.e525e112.iframe.bundle.js} +1 -1
- package/esm2020/accordion/accordion.component.mjs +12 -3
- package/esm2020/button/button.directive.mjs +36 -2
- package/esm2020/input/input.directive.mjs +24 -2
- package/esm2020/tag/tag-filter.component.mjs +2 -2
- package/esm2020/tag/tag.component.mjs +2 -2
- package/fesm2015/carbon-components-angular-accordion.mjs +11 -2
- package/fesm2015/carbon-components-angular-accordion.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-button.mjs +35 -1
- package/fesm2015/carbon-components-angular-button.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-input.mjs +23 -1
- package/fesm2015/carbon-components-angular-input.mjs.map +1 -1
- package/fesm2015/carbon-components-angular-tag.mjs +2 -2
- package/fesm2015/carbon-components-angular-tag.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-accordion.mjs +11 -2
- package/fesm2020/carbon-components-angular-accordion.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-button.mjs +35 -1
- package/fesm2020/carbon-components-angular-button.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-input.mjs +23 -1
- package/fesm2020/carbon-components-angular-input.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-tag.mjs +2 -2
- package/fesm2020/carbon-components-angular-tag.mjs.map +1 -1
- package/input/input.directive.d.ts +6 -0
- package/package.json +1 -1
- package/docs/storybook/4578.d79a1b3e.iframe.bundle.js +0 -1
- package/docs/storybook/accordion-accordion-stories.87b53382.iframe.bundle.js +0 -1
- package/docs/storybook/main.4241d66b.iframe.bundle.js +0 -1
|
@@ -154,6 +154,15 @@
|
|
|
154
154
|
<tr>
|
|
155
155
|
<td class="col-md-4">
|
|
156
156
|
<ul class="index-list">
|
|
157
|
+
<li>
|
|
158
|
+
<a href="#class.cds--layout--size-lg" >class.cds--layout--size-lg</a>
|
|
159
|
+
</li>
|
|
160
|
+
<li>
|
|
161
|
+
<a href="#class.cds--layout--size-md" >class.cds--layout--size-md</a>
|
|
162
|
+
</li>
|
|
163
|
+
<li>
|
|
164
|
+
<a href="#class.cds--layout--size-sm" >class.cds--layout--size-sm</a>
|
|
165
|
+
</li>
|
|
157
166
|
<li>
|
|
158
167
|
<a href="#class.cds--text-input" >class.cds--text-input</a>
|
|
159
168
|
</li>
|
|
@@ -191,6 +200,15 @@
|
|
|
191
200
|
<li>
|
|
192
201
|
<a href="#isSizelg" >isSizelg</a>
|
|
193
202
|
</li>
|
|
203
|
+
<li>
|
|
204
|
+
<a href="#sizeSm" >sizeSm</a>
|
|
205
|
+
</li>
|
|
206
|
+
<li>
|
|
207
|
+
<a href="#sizeMd" >sizeMd</a>
|
|
208
|
+
</li>
|
|
209
|
+
<li>
|
|
210
|
+
<a href="#sizelg" >sizelg</a>
|
|
211
|
+
</li>
|
|
194
212
|
<li>
|
|
195
213
|
<a href="#isLightTheme" >isLightTheme</a>
|
|
196
214
|
</li>
|
|
@@ -225,7 +243,7 @@
|
|
|
225
243
|
</tr>
|
|
226
244
|
<tr>
|
|
227
245
|
<td class="col-md-2" colspan="2">
|
|
228
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
246
|
+
<div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">src/input/input.directive.ts:55</a></div>
|
|
229
247
|
</td>
|
|
230
248
|
</tr>
|
|
231
249
|
</tbody>
|
|
@@ -283,7 +301,7 @@
|
|
|
283
301
|
</tr>
|
|
284
302
|
<tr>
|
|
285
303
|
<td class="col-md-2" colspan="2">
|
|
286
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
304
|
+
<div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">src/input/input.directive.ts:57</a></div>
|
|
287
305
|
</td>
|
|
288
306
|
</tr>
|
|
289
307
|
</tbody>
|
|
@@ -335,7 +353,7 @@
|
|
|
335
353
|
</tr>
|
|
336
354
|
<tr>
|
|
337
355
|
<td class="col-md-2" colspan="2">
|
|
338
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
356
|
+
<div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/input/input.directive.ts:56</a></div>
|
|
339
357
|
</td>
|
|
340
358
|
</tr>
|
|
341
359
|
</tbody>
|
|
@@ -344,6 +362,84 @@
|
|
|
344
362
|
|
|
345
363
|
<section data-compodoc="block-properties">
|
|
346
364
|
<h3>HostBindings</h3> <table class="table table-sm table-bordered">
|
|
365
|
+
<tbody>
|
|
366
|
+
<tr>
|
|
367
|
+
<td class="col-md-4">
|
|
368
|
+
<a name="class.cds--layout--size-lg"></a>
|
|
369
|
+
<span class="name">
|
|
370
|
+
<span ><b>class.cds--layout--size-lg</b></span>
|
|
371
|
+
<a href="#class.cds--layout--size-lg"><span class="icon ion-ios-link"></span></a>
|
|
372
|
+
</span>
|
|
373
|
+
</td>
|
|
374
|
+
</tr>
|
|
375
|
+
<tr>
|
|
376
|
+
<td class="col-md-4">
|
|
377
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
378
|
+
|
|
379
|
+
</td>
|
|
380
|
+
</tr>
|
|
381
|
+
<tr>
|
|
382
|
+
<td class="col-md-4">
|
|
383
|
+
<div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">src/input/input.directive.ts:51</a></div>
|
|
384
|
+
</td>
|
|
385
|
+
</tr>
|
|
386
|
+
|
|
387
|
+
|
|
388
|
+
</tbody>
|
|
389
|
+
</table>
|
|
390
|
+
<table class="table table-sm table-bordered">
|
|
391
|
+
<tbody>
|
|
392
|
+
<tr>
|
|
393
|
+
<td class="col-md-4">
|
|
394
|
+
<a name="class.cds--layout--size-md"></a>
|
|
395
|
+
<span class="name">
|
|
396
|
+
<span ><b>class.cds--layout--size-md</b></span>
|
|
397
|
+
<a href="#class.cds--layout--size-md"><span class="icon ion-ios-link"></span></a>
|
|
398
|
+
</span>
|
|
399
|
+
</td>
|
|
400
|
+
</tr>
|
|
401
|
+
<tr>
|
|
402
|
+
<td class="col-md-4">
|
|
403
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
404
|
+
|
|
405
|
+
</td>
|
|
406
|
+
</tr>
|
|
407
|
+
<tr>
|
|
408
|
+
<td class="col-md-4">
|
|
409
|
+
<div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/input/input.directive.ts:48</a></div>
|
|
410
|
+
</td>
|
|
411
|
+
</tr>
|
|
412
|
+
|
|
413
|
+
|
|
414
|
+
</tbody>
|
|
415
|
+
</table>
|
|
416
|
+
<table class="table table-sm table-bordered">
|
|
417
|
+
<tbody>
|
|
418
|
+
<tr>
|
|
419
|
+
<td class="col-md-4">
|
|
420
|
+
<a name="class.cds--layout--size-sm"></a>
|
|
421
|
+
<span class="name">
|
|
422
|
+
<span ><b>class.cds--layout--size-sm</b></span>
|
|
423
|
+
<a href="#class.cds--layout--size-sm"><span class="icon ion-ios-link"></span></a>
|
|
424
|
+
</span>
|
|
425
|
+
</td>
|
|
426
|
+
</tr>
|
|
427
|
+
<tr>
|
|
428
|
+
<td class="col-md-4">
|
|
429
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
430
|
+
|
|
431
|
+
</td>
|
|
432
|
+
</tr>
|
|
433
|
+
<tr>
|
|
434
|
+
<td class="col-md-4">
|
|
435
|
+
<div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">src/input/input.directive.ts:45</a></div>
|
|
436
|
+
</td>
|
|
437
|
+
</tr>
|
|
438
|
+
|
|
439
|
+
|
|
440
|
+
</tbody>
|
|
441
|
+
</table>
|
|
442
|
+
<table class="table table-sm table-bordered">
|
|
347
443
|
<tbody>
|
|
348
444
|
<tr>
|
|
349
445
|
<td class="col-md-4">
|
|
@@ -393,7 +489,7 @@
|
|
|
393
489
|
</tr>
|
|
394
490
|
<tr>
|
|
395
491
|
<td class="col-md-4">
|
|
396
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
492
|
+
<div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/input/input.directive.ts:40</a></div>
|
|
397
493
|
</td>
|
|
398
494
|
</tr>
|
|
399
495
|
|
|
@@ -419,7 +515,7 @@
|
|
|
419
515
|
</tr>
|
|
420
516
|
<tr>
|
|
421
517
|
<td class="col-md-4">
|
|
422
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
518
|
+
<div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/input/input.directive.ts:58</a></div>
|
|
423
519
|
</td>
|
|
424
520
|
</tr>
|
|
425
521
|
|
|
@@ -445,7 +541,7 @@
|
|
|
445
541
|
</tr>
|
|
446
542
|
<tr>
|
|
447
543
|
<td class="col-md-4">
|
|
448
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
544
|
+
<div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">src/input/input.directive.ts:37</a></div>
|
|
449
545
|
</td>
|
|
450
546
|
</tr>
|
|
451
547
|
|
|
@@ -471,7 +567,7 @@
|
|
|
471
567
|
</tr>
|
|
472
568
|
<tr>
|
|
473
569
|
<td class="col-md-4">
|
|
474
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
570
|
+
<div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/input/input.directive.ts:34</a></div>
|
|
475
571
|
</td>
|
|
476
572
|
</tr>
|
|
477
573
|
|
|
@@ -544,9 +640,16 @@
|
|
|
544
640
|
</tr>
|
|
545
641
|
<tr>
|
|
546
642
|
<td class="col-md-4">
|
|
547
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
643
|
+
<div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/input/input.directive.ts:34</a></div>
|
|
548
644
|
</td>
|
|
549
645
|
</tr>
|
|
646
|
+
<tr>
|
|
647
|
+
<td class="col-md-4">
|
|
648
|
+
|
|
649
|
+
<div>
|
|
650
|
+
</div>
|
|
651
|
+
</td>
|
|
652
|
+
</tr>
|
|
550
653
|
|
|
551
654
|
</tbody>
|
|
552
655
|
</table>
|
|
@@ -566,7 +669,7 @@
|
|
|
566
669
|
</tr>
|
|
567
670
|
<tr>
|
|
568
671
|
<td class="col-md-4">
|
|
569
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
672
|
+
<div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">src/input/input.directive.ts:37</a></div>
|
|
570
673
|
</td>
|
|
571
674
|
</tr>
|
|
572
675
|
|
|
@@ -588,7 +691,73 @@
|
|
|
588
691
|
</tr>
|
|
589
692
|
<tr>
|
|
590
693
|
<td class="col-md-4">
|
|
591
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
694
|
+
<div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/input/input.directive.ts:40</a></div>
|
|
695
|
+
</td>
|
|
696
|
+
</tr>
|
|
697
|
+
|
|
698
|
+
</tbody>
|
|
699
|
+
</table>
|
|
700
|
+
<table class="table table-sm table-bordered">
|
|
701
|
+
<tbody>
|
|
702
|
+
<tr>
|
|
703
|
+
<td class="col-md-4">
|
|
704
|
+
<a name="sizeSm"></a>
|
|
705
|
+
<span class="name"><b>sizeSm</b><a href="#sizeSm"><span class="icon ion-ios-link"></span></a></span>
|
|
706
|
+
</td>
|
|
707
|
+
</tr>
|
|
708
|
+
|
|
709
|
+
<tr>
|
|
710
|
+
<td class="col-md-4">
|
|
711
|
+
<span class="accessor"><b>get</b><code>sizeSm()</code></span>
|
|
712
|
+
</td>
|
|
713
|
+
</tr>
|
|
714
|
+
<tr>
|
|
715
|
+
<td class="col-md-4">
|
|
716
|
+
<div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">src/input/input.directive.ts:45</a></div>
|
|
717
|
+
</td>
|
|
718
|
+
</tr>
|
|
719
|
+
|
|
720
|
+
</tbody>
|
|
721
|
+
</table>
|
|
722
|
+
<table class="table table-sm table-bordered">
|
|
723
|
+
<tbody>
|
|
724
|
+
<tr>
|
|
725
|
+
<td class="col-md-4">
|
|
726
|
+
<a name="sizeMd"></a>
|
|
727
|
+
<span class="name"><b>sizeMd</b><a href="#sizeMd"><span class="icon ion-ios-link"></span></a></span>
|
|
728
|
+
</td>
|
|
729
|
+
</tr>
|
|
730
|
+
|
|
731
|
+
<tr>
|
|
732
|
+
<td class="col-md-4">
|
|
733
|
+
<span class="accessor"><b>get</b><code>sizeMd()</code></span>
|
|
734
|
+
</td>
|
|
735
|
+
</tr>
|
|
736
|
+
<tr>
|
|
737
|
+
<td class="col-md-4">
|
|
738
|
+
<div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/input/input.directive.ts:48</a></div>
|
|
739
|
+
</td>
|
|
740
|
+
</tr>
|
|
741
|
+
|
|
742
|
+
</tbody>
|
|
743
|
+
</table>
|
|
744
|
+
<table class="table table-sm table-bordered">
|
|
745
|
+
<tbody>
|
|
746
|
+
<tr>
|
|
747
|
+
<td class="col-md-4">
|
|
748
|
+
<a name="sizelg"></a>
|
|
749
|
+
<span class="name"><b>sizelg</b><a href="#sizelg"><span class="icon ion-ios-link"></span></a></span>
|
|
750
|
+
</td>
|
|
751
|
+
</tr>
|
|
752
|
+
|
|
753
|
+
<tr>
|
|
754
|
+
<td class="col-md-4">
|
|
755
|
+
<span class="accessor"><b>get</b><code>sizelg()</code></span>
|
|
756
|
+
</td>
|
|
757
|
+
</tr>
|
|
758
|
+
<tr>
|
|
759
|
+
<td class="col-md-4">
|
|
760
|
+
<div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">src/input/input.directive.ts:51</a></div>
|
|
592
761
|
</td>
|
|
593
762
|
</tr>
|
|
594
763
|
|
|
@@ -610,7 +779,7 @@
|
|
|
610
779
|
</tr>
|
|
611
780
|
<tr>
|
|
612
781
|
<td class="col-md-4">
|
|
613
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
782
|
+
<div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/input/input.directive.ts:58</a></div>
|
|
614
783
|
</td>
|
|
615
784
|
</tr>
|
|
616
785
|
|
|
@@ -651,6 +820,10 @@ export class TextInput {
|
|
|
651
820
|
@Input() size: "sm" | "md" | "lg" = "md";
|
|
652
821
|
|
|
653
822
|
@HostBinding("class.cds--text-input") inputClass = true;
|
|
823
|
+
|
|
824
|
+
/**
|
|
825
|
+
* @todo - remove `cds--text-input--${size}` classes in v12
|
|
826
|
+
*/
|
|
654
827
|
@HostBinding("class.cds--text-input--sm") get isSizeSm() {
|
|
655
828
|
return this.size === "sm";
|
|
656
829
|
}
|
|
@@ -661,6 +834,17 @@ export class TextInput {
|
|
|
661
834
|
return this.size === "lg";
|
|
662
835
|
}
|
|
663
836
|
|
|
837
|
+
// Size
|
|
838
|
+
@HostBinding("class.cds--layout--size-sm") get sizeSm() {
|
|
839
|
+
return this.size === "sm";
|
|
840
|
+
}
|
|
841
|
+
@HostBinding("class.cds--layout--size-md") get sizeMd() {
|
|
842
|
+
return this.size === "md";
|
|
843
|
+
}
|
|
844
|
+
@HostBinding("class.cds--layout--size-lg") get sizelg() {
|
|
845
|
+
return this.size === "lg";
|
|
846
|
+
}
|
|
847
|
+
|
|
664
848
|
@HostBinding("class.cds--text-input--invalid") @Input() invalid = false;
|
|
665
849
|
@HostBinding("class.cds--text-input__field-wrapper--warning") @Input() warn = false;
|
|
666
850
|
@HostBinding("class.cds--skeleton") @Input() skeleton = false;
|