carbon-components-angular 5.10.4 → 5.10.5

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.
Files changed (77) hide show
  1. package/docs/documentation/directives/IconDirective.html +101 -111
  2. package/docs/documentation/js/search/search_index.js +2 -2
  3. package/docs/documentation/modules/TilesModule/dependencies.svg +101 -101
  4. package/docs/documentation/modules/TilesModule.html +101 -101
  5. package/docs/documentation/modules/TimePickerModule/dependencies.svg +36 -40
  6. package/docs/documentation/modules/TimePickerModule.html +36 -40
  7. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +44 -48
  8. package/docs/documentation/modules/TimePickerSelectModule.html +44 -48
  9. package/docs/documentation/modules/ToggleModule/dependencies.svg +40 -44
  10. package/docs/documentation/modules/ToggleModule.html +40 -44
  11. package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
  12. package/docs/documentation/modules/ToggletipModule.html +4 -4
  13. package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
  14. package/docs/documentation/modules/TooltipModule.html +28 -28
  15. package/docs/documentation/modules/UIShellModule/dependencies.svg +4 -4
  16. package/docs/documentation/modules/UIShellModule.html +4 -4
  17. package/docs/documentation.json +15 -43
  18. package/docs/storybook/7153.ce84c62a.iframe.bundle.js +1 -0
  19. package/docs/storybook/901.0cee8749.iframe.bundle.js +1 -0
  20. package/docs/storybook/9558.680ea348.iframe.bundle.js +1 -0
  21. package/docs/storybook/9672.2cc3d4f7.iframe.bundle.js +1 -0
  22. package/docs/storybook/accordion-accordion-stories.9a7b324c.iframe.bundle.js +1 -0
  23. package/docs/storybook/breadcrumb-breadcrumb-stories.88919630.iframe.bundle.js +1 -0
  24. package/docs/storybook/button-button-set-stories.68d26789.iframe.bundle.js +1 -0
  25. package/docs/storybook/button-button-stories.82a8e128.iframe.bundle.js +1 -0
  26. package/docs/storybook/button-icon-button-stories.5d232e73.iframe.bundle.js +1 -0
  27. package/docs/storybook/{code-snippet-code-snippet-stories.1efe8836.iframe.bundle.js → code-snippet-code-snippet-stories.ec4fca0a.iframe.bundle.js} +1 -1
  28. package/docs/storybook/{combobox-combobox-stories.955bdf76.iframe.bundle.js → combobox-combobox-stories.a311e67b.iframe.bundle.js} +1 -1
  29. package/docs/storybook/context-menu-context-menu-stories.158ccd1c.iframe.bundle.js +1 -0
  30. package/docs/storybook/{datepicker-datepicker-stories.786be74e.iframe.bundle.js → datepicker-datepicker-stories.ef9bfd14.iframe.bundle.js} +1 -1
  31. package/docs/storybook/{dialog-overflow-menu-overflow-menu-stories.cca740c8.iframe.bundle.js → dialog-overflow-menu-overflow-menu-stories.f6323fbc.iframe.bundle.js} +1 -1
  32. package/docs/storybook/dropdown-dropdown-stories.1ae77006.iframe.bundle.js +1 -0
  33. package/docs/storybook/icon-icon-stories.c5e1074f.iframe.bundle.js +1 -0
  34. package/docs/storybook/iframe.html +2 -2
  35. package/docs/storybook/index-stories.10b4ce67.iframe.bundle.js +1 -0
  36. package/docs/storybook/inline-loading-inline-loading-stories.c54dee33.iframe.bundle.js +1 -0
  37. package/docs/storybook/main.a1f99d92.iframe.bundle.js +1 -0
  38. package/docs/storybook/number-input-number-stories.ca6f8990.iframe.bundle.js +1 -0
  39. package/docs/storybook/progress-bar-progress-bar-stories.5fb7d045.iframe.bundle.js +1 -0
  40. package/docs/storybook/progress-indicator-progress-indicator-stories.e18e124a.iframe.bundle.js +1 -0
  41. package/docs/storybook/project.json +1 -1
  42. package/docs/storybook/radio-radio-stories.82373213.iframe.bundle.js +1 -0
  43. package/docs/storybook/{runtime~main.3e61b46f.iframe.bundle.js → runtime~main.a7cebcd5.iframe.bundle.js} +1 -1
  44. package/docs/storybook/search-search-stories.30a933b1.iframe.bundle.js +1 -0
  45. package/docs/storybook/structured-list-structured-list-stories.38bd94fc.iframe.bundle.js +1 -0
  46. package/docs/storybook/tag-tag-stories.e0c5cc20.iframe.bundle.js +1 -0
  47. package/docs/storybook/ui-shell-ui-shell-stories.a62b6ed8.iframe.bundle.js +1 -0
  48. package/esm2020/icon/icon.directive.mjs +11 -7
  49. package/fesm2015/carbon-components-angular-icon.mjs +10 -6
  50. package/fesm2015/carbon-components-angular-icon.mjs.map +1 -1
  51. package/fesm2020/carbon-components-angular-icon.mjs +10 -6
  52. package/fesm2020/carbon-components-angular-icon.mjs.map +1 -1
  53. package/icon/icon.directive.d.ts +4 -4
  54. package/package.json +1 -1
  55. package/docs/storybook/7153.87910de3.iframe.bundle.js +0 -1
  56. package/docs/storybook/901.3e5cc559.iframe.bundle.js +0 -1
  57. package/docs/storybook/9558.8ae92105.iframe.bundle.js +0 -1
  58. package/docs/storybook/9672.b362859e.iframe.bundle.js +0 -1
  59. package/docs/storybook/accordion-accordion-stories.08425ab9.iframe.bundle.js +0 -1
  60. package/docs/storybook/breadcrumb-breadcrumb-stories.04b06d30.iframe.bundle.js +0 -1
  61. package/docs/storybook/button-button-set-stories.48e79623.iframe.bundle.js +0 -1
  62. package/docs/storybook/button-button-stories.c51970ae.iframe.bundle.js +0 -1
  63. package/docs/storybook/button-icon-button-stories.cf46404a.iframe.bundle.js +0 -1
  64. package/docs/storybook/context-menu-context-menu-stories.c736d850.iframe.bundle.js +0 -1
  65. package/docs/storybook/dropdown-dropdown-stories.f015ead1.iframe.bundle.js +0 -1
  66. package/docs/storybook/icon-icon-stories.954f7ef6.iframe.bundle.js +0 -1
  67. package/docs/storybook/index-stories.072ef954.iframe.bundle.js +0 -1
  68. package/docs/storybook/inline-loading-inline-loading-stories.cc1174d7.iframe.bundle.js +0 -1
  69. package/docs/storybook/main.5b6e5e09.iframe.bundle.js +0 -1
  70. package/docs/storybook/number-input-number-stories.3ea609db.iframe.bundle.js +0 -1
  71. package/docs/storybook/progress-bar-progress-bar-stories.45d0232b.iframe.bundle.js +0 -1
  72. package/docs/storybook/progress-indicator-progress-indicator-stories.dcc5c5ca.iframe.bundle.js +0 -1
  73. package/docs/storybook/radio-radio-stories.b67e94b9.iframe.bundle.js +0 -1
  74. package/docs/storybook/search-search-stories.217fd7c7.iframe.bundle.js +0 -1
  75. package/docs/storybook/structured-list-structured-list-stories.1b25bd52.iframe.bundle.js +0 -1
  76. package/docs/storybook/tag-tag-stories.f5235256.iframe.bundle.js +0 -1
  77. package/docs/storybook/ui-shell-ui-shell-stories.a888ff58.iframe.bundle.js +0 -1
package/docs/documentation/directives/IconDirective.html CHANGED
@@ -83,6 +83,7 @@
83
83
  </p>
84
84
  <p class="comment">
85
85
  <code>AfterViewInit</code>
86
+ <code>OnChanges</code>
86
87
  </p>
87
88
 
88
89
 
@@ -115,10 +116,6 @@
115
116
  <tr>
116
117
  <td class="col-md-4">
117
118
  <ul class="index-list">
118
- <li>
119
- <span class="modifier">Private</span>
120
- <a href="#iconName" >iconName</a>
121
- </li>
122
119
  <li>
123
120
  <span class="modifier">Static</span>
124
121
  <a href="#titleIdCounter" >titleIdCounter</a>
@@ -138,6 +135,9 @@
138
135
  <li>
139
136
  <a href="#ngAfterViewInit" >ngAfterViewInit</a>
140
137
  </li>
138
+ <li>
139
+ <a href="#ngOnChanges" >ngOnChanges</a>
140
+ </li>
141
141
  <li>
142
142
  <a href="#renderIcon" >renderIcon</a>
143
143
  </li>
@@ -195,9 +195,6 @@
195
195
  <li>
196
196
  <a href="#ibmIcon" >ibmIcon</a>
197
197
  </li>
198
- <li>
199
- <a href="#cdsIcon" >cdsIcon</a>
200
- </li>
201
198
  </ul>
202
199
  </td>
203
200
  </tr>
@@ -216,7 +213,7 @@
216
213
  </tr>
217
214
  <tr>
218
215
  <td class="col-md-4">
219
- <div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">src/icon/icon.directive.ts:51</a></div>
216
+ <div class="io-line">Defined in <a href="" data-line="49" class="link-to-prism">src/icon/icon.directive.ts:49</a></div>
220
217
  </td>
221
218
  </tr>
222
219
 
@@ -359,10 +356,15 @@
359
356
  <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
360
357
 
361
358
  </td>
359
+ </tr>
360
+ <tr>
361
+ <td class="col-md-4">
362
+ <i>Default value : </i><code>&quot;&quot;</code>
363
+ </td>
362
364
  </tr>
363
365
  <tr>
364
366
  <td class="col-md-2" colspan="2">
365
- <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">src/icon/icon.directive.ts:33</a></div>
367
+ <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">src/icon/icon.directive.ts:37</a></div>
366
368
  </td>
367
369
  </tr>
368
370
  </tbody>
@@ -383,7 +385,7 @@
383
385
  </tr>
384
386
  <tr>
385
387
  <td class="col-md-2" colspan="2">
386
- <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/icon/icon.directive.ts:29</a></div>
388
+ <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">src/icon/icon.directive.ts:31</a></div>
387
389
  </td>
388
390
  </tr>
389
391
  </tbody>
@@ -495,8 +497,8 @@
495
497
 
496
498
  <tr>
497
499
  <td class="col-md-4">
498
- <div class="io-line">Defined in <a href="" data-line="124"
499
- class="link-to-prism">src/icon/icon.directive.ts:124</a></div>
500
+ <div class="io-line">Defined in <a href="" data-line="122"
501
+ class="link-to-prism">src/icon/icon.directive.ts:122</a></div>
500
502
  </td>
501
503
  </tr>
502
504
 
@@ -516,24 +518,24 @@
516
518
  <tbody>
517
519
  <tr>
518
520
  <td class="col-md-4">
519
- <a name="renderIcon"></a>
521
+ <a name="ngOnChanges"></a>
520
522
  <span class="name">
521
- <span ><b>renderIcon</b></span>
522
- <a href="#renderIcon"><span class="icon ion-ios-link"></span></a>
523
+ <span ><b>ngOnChanges</b></span>
524
+ <a href="#ngOnChanges"><span class="icon ion-ios-link"></span></a>
523
525
  </span>
524
526
  </td>
525
527
  </tr>
526
528
  <tr>
527
529
  <td class="col-md-4">
528
- <code>renderIcon(iconName: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
530
+ <code>ngOnChanges(undefined: SimpleChanges)</code>
529
531
  </td>
530
532
  </tr>
531
533
 
532
534
 
533
535
  <tr>
534
536
  <td class="col-md-4">
535
- <div class="io-line">Defined in <a href="" data-line="58"
536
- class="link-to-prism">src/icon/icon.directive.ts:58</a></div>
537
+ <div class="io-line">Defined in <a href="" data-line="126"
538
+ class="link-to-prism">src/icon/icon.directive.ts:126</a></div>
537
539
  </td>
538
540
  </tr>
539
541
 
@@ -554,9 +556,8 @@
554
556
  </thead>
555
557
  <tbody>
556
558
  <tr>
557
- <td>iconName</td>
558
559
  <td>
559
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
560
+ <code>SimpleChanges</code>
560
561
  </td>
561
562
 
562
563
  <td>
@@ -581,39 +582,81 @@
581
582
  </tr>
582
583
  </tbody>
583
584
  </table>
584
- </section>
585
- <section data-compodoc="block-properties">
586
-
587
- <h3 id="inputs">
588
- Properties
589
- </h3>
590
585
  <table class="table table-sm table-bordered">
591
586
  <tbody>
592
587
  <tr>
593
588
  <td class="col-md-4">
594
- <a name="iconName"></a>
589
+ <a name="renderIcon"></a>
595
590
  <span class="name">
596
- <span class="modifier">Private</span>
597
- <span ><b>iconName</b></span>
598
- <a href="#iconName"><span class="icon ion-ios-link"></span></a>
591
+ <span ><b>renderIcon</b></span>
592
+ <a href="#renderIcon"><span class="icon ion-ios-link"></span></a>
599
593
  </span>
600
594
  </td>
601
595
  </tr>
602
- <tr>
603
- <td class="col-md-4">
604
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
596
+ <tr>
597
+ <td class="col-md-4">
598
+ <code>renderIcon(iconName: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
599
+ </td>
600
+ </tr>
605
601
 
606
- </td>
607
- </tr>
608
- <tr>
609
- <td class="col-md-4">
610
- <div class="io-line">Defined in <a href="" data-line="51" class="link-to-prism">src/icon/icon.directive.ts:51</a></div>
611
- </td>
612
- </tr>
613
602
 
603
+ <tr>
604
+ <td class="col-md-4">
605
+ <div class="io-line">Defined in <a href="" data-line="56"
606
+ class="link-to-prism">src/icon/icon.directive.ts:56</a></div>
607
+ </td>
608
+ </tr>
609
+
610
+
611
+ <tr>
612
+ <td class="col-md-4">
613
+
614
+ <div class="io-description">
615
+ <b>Parameters :</b>
616
+
617
+ <table class="params">
618
+ <thead>
619
+ <tr>
620
+ <td>Name</td>
621
+ <td>Type</td>
622
+ <td>Optional</td>
623
+ </tr>
624
+ </thead>
625
+ <tbody>
626
+ <tr>
627
+ <td>iconName</td>
628
+ <td>
629
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
630
+ </td>
631
+
632
+ <td>
633
+ No
634
+ </td>
635
+
636
+
637
+ </tr>
638
+ </tbody>
639
+ </table>
640
+ </div>
641
+ <div>
642
+ </div>
643
+ <div class="io-description">
644
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
614
645
 
646
+ </div>
647
+ <div class="io-description">
648
+
649
+ </div>
650
+ </td>
651
+ </tr>
615
652
  </tbody>
616
653
  </table>
654
+ </section>
655
+ <section data-compodoc="block-properties">
656
+
657
+ <h3 id="inputs">
658
+ Properties
659
+ </h3>
617
660
  <table class="table table-sm table-bordered">
618
661
  <tbody>
619
662
  <tr>
@@ -639,7 +682,7 @@
639
682
  </tr>
640
683
  <tr>
641
684
  <td class="col-md-4">
642
- <div class="io-line">Defined in <a href="" data-line="37" class="link-to-prism">src/icon/icon.directive.ts:37</a></div>
685
+ <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/icon/icon.directive.ts:35</a></div>
643
686
  </td>
644
687
  </tr>
645
688
 
@@ -669,66 +712,7 @@
669
712
  </tr>
670
713
  <tr>
671
714
  <td class="col-md-4">
672
- <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/icon/icon.directive.ts:29</a></div>
673
- </td>
674
- </tr>
675
- <tr>
676
- <td class="col-md-4">
677
-
678
- <div class="io-description">
679
- <b>Parameters :</b>
680
- <table class="params">
681
- <thead>
682
- <tr>
683
- <td>Name</td>
684
- <td>Type</td>
685
- <td>Optional</td>
686
- </tr>
687
- </thead>
688
- <tbody>
689
- <tr>
690
- <td>iconName</td>
691
-
692
- <td>
693
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
694
- </td>
695
-
696
- <td>
697
- No
698
- </td>
699
-
700
- </tr>
701
- </tbody>
702
- </table>
703
- </div>
704
- <div>
705
- </div>
706
- <div class="io-description">
707
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
708
-
709
- </div>
710
- </td>
711
- </tr>
712
- </tbody>
713
- </table>
714
- <table class="table table-sm table-bordered">
715
- <tbody>
716
- <tr>
717
- <td class="col-md-4">
718
- <a name="cdsIcon"></a>
719
- <span class="name"><b>cdsIcon</b><a href="#cdsIcon"><span class="icon ion-ios-link"></span></a></span>
720
- </td>
721
- </tr>
722
-
723
-
724
- <tr>
725
- <td class="col-md-4">
726
- <span class="accessor"><b>set</b><code>cdsIcon(iconName: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code></span>
727
- </td>
728
- </tr>
729
- <tr>
730
- <td class="col-md-4">
731
- <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">src/icon/icon.directive.ts:33</a></div>
715
+ <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">src/icon/icon.directive.ts:31</a></div>
732
716
  </td>
733
717
  </tr>
734
718
  <tr>
@@ -780,7 +764,9 @@
780
764
  AfterViewInit,
781
765
  Directive,
782
766
  ElementRef,
783
- Input
767
+ Input,
768
+ OnChanges,
769
+ SimpleChanges
784
770
  } from &quot;@angular/core&quot;;
785
771
  import { IconService } from &quot;./icon.service&quot;;
786
772
  import { getAttributes } from &quot;@carbon/icon-helpers&quot;;
@@ -799,7 +785,7 @@ import { getAttributes } from &quot;@carbon/icon-helpers&quot;;
799
785
  @Directive({
800
786
  selector: &quot;[cdsIcon], [ibmIcon]&quot;
801
787
  })
802
- export class IconDirective implements AfterViewInit {
788
+ export class IconDirective implements AfterViewInit, OnChanges {
803
789
 
804
790
  /**
805
791
  * @deprecated since v5 - Use &#x60;cdsIcon&#x60; input property instead
@@ -808,12 +794,10 @@ export class IconDirective implements AfterViewInit {
808
794
  this.cdsIcon &#x3D; iconName;
809
795
  }
810
796
 
811
- @Input() set cdsIcon(iconName: string) {
812
- this.iconName &#x3D; iconName;
813
- this.renderIcon(iconName);
814
- }
815
797
  static titleIdCounter &#x3D; 0;
816
798
 
799
+ @Input() cdsIcon &#x3D; &quot;&quot;;
800
+
817
801
  @Input() size &#x3D; &quot;16&quot;;
818
802
 
819
803
  @Input() title &#x3D; &quot;&quot;;
@@ -826,12 +810,10 @@ export class IconDirective implements AfterViewInit {
826
810
 
827
811
  @Input() isFocusable &#x3D; false;
828
812
 
829
- private iconName: string;
830
-
831
813
  constructor(
832
814
  protected elementRef: ElementRef,
833
815
  protected iconService: IconService
834
- ) { }
816
+ ) {}
835
817
 
836
818
  renderIcon(iconName: string) {
837
819
  const root &#x3D; this.elementRef.nativeElement as HTMLElement;
@@ -900,7 +882,15 @@ export class IconDirective implements AfterViewInit {
900
882
  }
901
883
 
902
884
  ngAfterViewInit() {
903
- this.renderIcon(this.iconName);
885
+ this.renderIcon(this.cdsIcon);
886
+ }
887
+
888
+ ngOnChanges({ cdsIcon }: SimpleChanges) {
889
+ // We want to ignore first change to let the icon register
890
+ // and add only after view has been initialized
891
+ if (!cdsIcon.isFirstChange()) {
892
+ this.renderIcon(this.cdsIcon);
893
+ }
904
894
  }
905
895
  }
906
896
  </code></pre>