carbon-components-angular 6.0.0-rc.6 → 6.0.0-rc.7

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 (78) hide show
  1. package/docs/documentation/components/Accordion.html +19 -13
  2. package/docs/documentation/components/AccordionItem.html +24 -18
  3. package/docs/documentation/components/BaseIconButton.html +48 -10
  4. package/docs/documentation/components/Breadcrumb.html +36 -30
  5. package/docs/documentation/components/BreadcrumbItemComponent.html +37 -23
  6. package/docs/documentation/components/ButtonSet.html +9 -4
  7. package/docs/documentation/components/CodeSnippet.html +19 -17
  8. package/docs/documentation/components/HeaderAction.html +8 -8
  9. package/docs/documentation/components/IconButton.html +42 -36
  10. package/docs/documentation/components/OverflowMenu.html +8 -8
  11. package/docs/documentation/components/PasswordInputLabelComponent.html +8 -8
  12. package/docs/documentation/js/search/search_index.js +2 -2
  13. package/docs/documentation/modules/ThemeModule/dependencies.svg +13 -13
  14. package/docs/documentation/modules/ThemeModule.html +13 -13
  15. package/docs/documentation/modules/TilesModule/dependencies.svg +107 -107
  16. package/docs/documentation/modules/TilesModule.html +107 -107
  17. package/docs/documentation/modules/TimePickerModule/dependencies.svg +42 -38
  18. package/docs/documentation/modules/TimePickerModule.html +42 -38
  19. package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +44 -48
  20. package/docs/documentation/modules/TimePickerSelectModule.html +44 -48
  21. package/docs/documentation/modules/ToggletipModule/dependencies.svg +39 -39
  22. package/docs/documentation/modules/ToggletipModule.html +39 -39
  23. package/docs/documentation/modules/TreeviewModule/dependencies.svg +36 -36
  24. package/docs/documentation/modules/TreeviewModule.html +36 -36
  25. package/docs/documentation.json +240 -232
  26. package/docs/storybook/1490.191a0115.iframe.bundle.js +1 -0
  27. package/docs/storybook/{accordion-accordion-stories.2979c72a.iframe.bundle.js → accordion-accordion-stories.b276db8e.iframe.bundle.js} +1 -1
  28. package/docs/storybook/breadcrumb-breadcrumb-stories.4399f581.iframe.bundle.js +1 -0
  29. package/docs/storybook/button-button-set-stories.11bdafeb.iframe.bundle.js +1 -0
  30. package/docs/storybook/button-button-stories.bccfb06e.iframe.bundle.js +1 -0
  31. package/docs/storybook/button-icon-button-stories.3e476706.iframe.bundle.js +1 -0
  32. package/docs/storybook/code-snippet-code-snippet-stories.f1d14060.iframe.bundle.js +1 -0
  33. package/docs/storybook/iframe.html +2 -2
  34. package/docs/storybook/index-stories.d50449dd.iframe.bundle.js +1 -0
  35. package/docs/storybook/input-input-stories.3dcb3ab9.iframe.bundle.js +1 -0
  36. package/docs/storybook/input-password-stories.b547ffdc.iframe.bundle.js +1 -0
  37. package/docs/storybook/input-textarea-stories.240c19ce.iframe.bundle.js +1 -0
  38. package/docs/storybook/main.67de8ddd.iframe.bundle.js +1 -0
  39. package/docs/storybook/patterns-forms-multi-step-form-stories.f803f0bf.iframe.bundle.js +1 -0
  40. package/docs/storybook/patterns-loading-large-loading-stories.17e78c2a.iframe.bundle.js +1 -0
  41. package/docs/storybook/project.json +1 -1
  42. package/docs/storybook/{runtime~main.ec2949a5.iframe.bundle.js → runtime~main.d532b1bc.iframe.bundle.js} +1 -1
  43. package/docs/storybook/tiles-expandable-tile-stories.33f75caa.iframe.bundle.js +1 -0
  44. package/docs/storybook/toggletip-toggletip-stories.d2517f7f.iframe.bundle.js +1 -0
  45. package/docs/storybook/ui-shell-ui-shell-stories.c31483da.iframe.bundle.js +1 -0
  46. package/esm2022/accordion/accordion-item.component.mjs +4 -4
  47. package/esm2022/accordion/accordion.component.mjs +5 -4
  48. package/esm2022/breadcrumb/breadcrumb-item.component.mjs +15 -6
  49. package/esm2022/breadcrumb/breadcrumb.component.mjs +5 -4
  50. package/esm2022/button/base-icon-button.component.mjs +5 -4
  51. package/esm2022/button/button-set.component.mjs +5 -4
  52. package/esm2022/button/icon-button.component.mjs +5 -4
  53. package/esm2022/code-snippet/code-snippet.component.mjs +7 -10
  54. package/fesm2022/carbon-components-angular-accordion.mjs +6 -5
  55. package/fesm2022/carbon-components-angular-accordion.mjs.map +1 -1
  56. package/fesm2022/carbon-components-angular-breadcrumb.mjs +17 -7
  57. package/fesm2022/carbon-components-angular-breadcrumb.mjs.map +1 -1
  58. package/fesm2022/carbon-components-angular-button.mjs +10 -7
  59. package/fesm2022/carbon-components-angular-button.mjs.map +1 -1
  60. package/fesm2022/carbon-components-angular-code-snippet.mjs +6 -9
  61. package/fesm2022/carbon-components-angular-code-snippet.mjs.map +1 -1
  62. package/package.json +13 -13
  63. package/docs/storybook/1490.b48978d9.iframe.bundle.js +0 -1
  64. package/docs/storybook/breadcrumb-breadcrumb-stories.74ad1122.iframe.bundle.js +0 -1
  65. package/docs/storybook/button-button-set-stories.e8696116.iframe.bundle.js +0 -1
  66. package/docs/storybook/button-button-stories.bf9949fa.iframe.bundle.js +0 -1
  67. package/docs/storybook/button-icon-button-stories.30745878.iframe.bundle.js +0 -1
  68. package/docs/storybook/code-snippet-code-snippet-stories.383aca46.iframe.bundle.js +0 -1
  69. package/docs/storybook/index-stories.50d5d6ad.iframe.bundle.js +0 -1
  70. package/docs/storybook/input-input-stories.389f7ce5.iframe.bundle.js +0 -1
  71. package/docs/storybook/input-password-stories.f8812630.iframe.bundle.js +0 -1
  72. package/docs/storybook/input-textarea-stories.cc975621.iframe.bundle.js +0 -1
  73. package/docs/storybook/main.07778da0.iframe.bundle.js +0 -1
  74. package/docs/storybook/patterns-forms-multi-step-form-stories.f7a06f1c.iframe.bundle.js +0 -1
  75. package/docs/storybook/patterns-loading-large-loading-stories.0ffe3bf0.iframe.bundle.js +0 -1
  76. package/docs/storybook/tiles-expandable-tile-stories.a62c03dc.iframe.bundle.js +0 -1
  77. package/docs/storybook/toggletip-toggletip-stories.37645232.iframe.bundle.js +0 -1
  78. package/docs/storybook/ui-shell-ui-shell-stories.f8160603.iframe.bundle.js +0 -1
package/docs/documentation/components/Breadcrumb.html CHANGED
@@ -139,6 +139,10 @@
139
139
  <table class="table table-sm table-hover metadata">
140
140
  <tbody>
141
141
 
142
+ <tr>
143
+ <td class="col-md-3">changeDetection</td>
144
+ <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
145
+ </tr>
142
146
 
143
147
 
144
148
 
@@ -418,7 +422,7 @@
418
422
  </tr>
419
423
  <tr>
420
424
  <td class="col-md-4">
421
- <div class="io-line">Defined in <a href="" data-line="196" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:196</a></div>
425
+ <div class="io-line">Defined in <a href="" data-line="198" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:198</a></div>
422
426
  </td>
423
427
  </tr>
424
428
 
@@ -491,7 +495,7 @@
491
495
  </tr>
492
496
  <tr>
493
497
  <td class="col-md-2" colspan="2">
494
- <div class="io-line">Defined in <a href="" data-line="133" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:133</a></div>
498
+ <div class="io-line">Defined in <a href="" data-line="135" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:135</a></div>
495
499
  </td>
496
500
  </tr>
497
501
  </tbody>
@@ -517,7 +521,7 @@
517
521
  </tr>
518
522
  <tr>
519
523
  <td class="col-md-2" colspan="2">
520
- <div class="io-line">Defined in <a href="" data-line="160" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:160</a></div>
524
+ <div class="io-line">Defined in <a href="" data-line="162" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:162</a></div>
521
525
  </td>
522
526
  </tr>
523
527
  <tr>
@@ -549,7 +553,7 @@
549
553
  </tr>
550
554
  <tr>
551
555
  <td class="col-md-2" colspan="2">
552
- <div class="io-line">Defined in <a href="" data-line="161" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:161</a></div>
556
+ <div class="io-line">Defined in <a href="" data-line="163" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:163</a></div>
553
557
  </td>
554
558
  </tr>
555
559
  </tbody>
@@ -570,7 +574,7 @@
570
574
  </tr>
571
575
  <tr>
572
576
  <td class="col-md-2" colspan="2">
573
- <div class="io-line">Defined in <a href="" data-line="129" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:129</a></div>
577
+ <div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:131</a></div>
574
578
  </td>
575
579
  </tr>
576
580
  </tbody>
@@ -596,7 +600,7 @@
596
600
  </tr>
597
601
  <tr>
598
602
  <td class="col-md-2" colspan="2">
599
- <div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:131</a></div>
603
+ <div class="io-line">Defined in <a href="" data-line="133" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:133</a></div>
600
604
  </td>
601
605
  </tr>
602
606
  </tbody>
@@ -617,7 +621,7 @@
617
621
  </tr>
618
622
  <tr>
619
623
  <td class="col-md-2" colspan="2">
620
- <div class="io-line">Defined in <a href="" data-line="136" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:136</a></div>
624
+ <div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:138</a></div>
621
625
  </td>
622
626
  </tr>
623
627
  </tbody>
@@ -638,7 +642,7 @@
638
642
  </tr>
639
643
  <tr>
640
644
  <td class="col-md-2" colspan="2">
641
- <div class="io-line">Defined in <a href="" data-line="146" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:146</a></div>
645
+ <div class="io-line">Defined in <a href="" data-line="148" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:148</a></div>
642
646
  </td>
643
647
  </tr>
644
648
  </tbody>
@@ -662,7 +666,7 @@
662
666
  </tr>
663
667
  <tr>
664
668
  <td class="col-md-2" colspan="2">
665
- <div class="io-line">Defined in <a href="" data-line="166" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:166</a></div>
669
+ <div class="io-line">Defined in <a href="" data-line="168" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:168</a></div>
666
670
  </td>
667
671
  </tr>
668
672
  <tr>
@@ -701,8 +705,8 @@
701
705
 
702
706
  <tr>
703
707
  <td class="col-md-4">
704
- <div class="io-line">Defined in <a href="" data-line="204"
705
- class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:204</a></div>
708
+ <div class="io-line">Defined in <a href="" data-line="206"
709
+ class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:206</a></div>
706
710
  </td>
707
711
  </tr>
708
712
 
@@ -779,8 +783,8 @@
779
783
 
780
784
  <tr>
781
785
  <td class="col-md-4">
782
- <div class="io-line">Defined in <a href="" data-line="200"
783
- class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:200</a></div>
786
+ <div class="io-line">Defined in <a href="" data-line="202"
787
+ class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:202</a></div>
784
788
  </td>
785
789
  </tr>
786
790
 
@@ -818,8 +822,8 @@
818
822
 
819
823
  <tr>
820
824
  <td class="col-md-4">
821
- <div class="io-line">Defined in <a href="" data-line="212"
822
- class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:212</a></div>
825
+ <div class="io-line">Defined in <a href="" data-line="214"
826
+ class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:214</a></div>
823
827
  </td>
824
828
  </tr>
825
829
 
@@ -860,7 +864,7 @@
860
864
  </tr>
861
865
  <tr>
862
866
  <td class="col-md-4">
863
- <div class="io-line">Defined in <a href="" data-line="196" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:196</a></div>
867
+ <div class="io-line">Defined in <a href="" data-line="198" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:198</a></div>
864
868
  </td>
865
869
  </tr>
866
870
 
@@ -887,7 +891,7 @@
887
891
  </tr>
888
892
  <tr>
889
893
  <td class="col-md-4">
890
- <div class="io-line">Defined in <a href="" data-line="195" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:195</a></div>
894
+ <div class="io-line">Defined in <a href="" data-line="197" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:197</a></div>
891
895
  </td>
892
896
  </tr>
893
897
 
@@ -923,7 +927,7 @@
923
927
  </tr>
924
928
  <tr>
925
929
  <td class="col-md-4">
926
- <div class="io-line">Defined in <a href="" data-line="127" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:127</a></div>
930
+ <div class="io-line">Defined in <a href="" data-line="129" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:129</a></div>
927
931
  </td>
928
932
  </tr>
929
933
 
@@ -952,7 +956,7 @@
952
956
  </tr>
953
957
  <tr>
954
958
  <td class="col-md-4">
955
- <div class="io-line">Defined in <a href="" data-line="141" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:141</a></div>
959
+ <div class="io-line">Defined in <a href="" data-line="143" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:143</a></div>
956
960
  </td>
957
961
  </tr>
958
962
 
@@ -963,7 +967,7 @@
963
967
  </tr>
964
968
  <tr>
965
969
  <td class="col-md-4">
966
- <div class="io-line">Defined in <a href="" data-line="136" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:136</a></div>
970
+ <div class="io-line">Defined in <a href="" data-line="138" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:138</a></div>
967
971
  </td>
968
972
  </tr>
969
973
  <tr>
@@ -1021,7 +1025,7 @@
1021
1025
  </tr>
1022
1026
  <tr>
1023
1027
  <td class="col-md-4">
1024
- <div class="io-line">Defined in <a href="" data-line="153" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:153</a></div>
1028
+ <div class="io-line">Defined in <a href="" data-line="155" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:155</a></div>
1025
1029
  </td>
1026
1030
  </tr>
1027
1031
 
@@ -1032,7 +1036,7 @@
1032
1036
  </tr>
1033
1037
  <tr>
1034
1038
  <td class="col-md-4">
1035
- <div class="io-line">Defined in <a href="" data-line="146" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:146</a></div>
1039
+ <div class="io-line">Defined in <a href="" data-line="148" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:148</a></div>
1036
1040
  </td>
1037
1041
  </tr>
1038
1042
  <tr>
@@ -1090,7 +1094,7 @@
1090
1094
  </tr>
1091
1095
  <tr>
1092
1096
  <td class="col-md-4">
1093
- <div class="io-line">Defined in <a href="" data-line="168" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:168</a></div>
1097
+ <div class="io-line">Defined in <a href="" data-line="170" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:170</a></div>
1094
1098
  </td>
1095
1099
  </tr>
1096
1100
 
@@ -1112,7 +1116,7 @@
1112
1116
  </tr>
1113
1117
  <tr>
1114
1118
  <td class="col-md-4">
1115
- <div class="io-line">Defined in <a href="" data-line="172" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:172</a></div>
1119
+ <div class="io-line">Defined in <a href="" data-line="174" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:174</a></div>
1116
1120
  </td>
1117
1121
  </tr>
1118
1122
 
@@ -1134,7 +1138,7 @@
1134
1138
  </tr>
1135
1139
  <tr>
1136
1140
  <td class="col-md-4">
1137
- <div class="io-line">Defined in <a href="" data-line="179" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:179</a></div>
1141
+ <div class="io-line">Defined in <a href="" data-line="181" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:181</a></div>
1138
1142
  </td>
1139
1143
  </tr>
1140
1144
 
@@ -1156,7 +1160,7 @@
1156
1160
  </tr>
1157
1161
  <tr>
1158
1162
  <td class="col-md-4">
1159
- <div class="io-line">Defined in <a href="" data-line="183" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:183</a></div>
1163
+ <div class="io-line">Defined in <a href="" data-line="185" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:185</a></div>
1160
1164
  </td>
1161
1165
  </tr>
1162
1166
 
@@ -1178,7 +1182,7 @@
1178
1182
  </tr>
1179
1183
  <tr>
1180
1184
  <td class="col-md-4">
1181
- <div class="io-line">Defined in <a href="" data-line="187" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:187</a></div>
1185
+ <div class="io-line">Defined in <a href="" data-line="189" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:189</a></div>
1182
1186
  </td>
1183
1187
  </tr>
1184
1188
 
@@ -1200,7 +1204,7 @@
1200
1204
  </tr>
1201
1205
  <tr>
1202
1206
  <td class="col-md-4">
1203
- <div class="io-line">Defined in <a href="" data-line="191" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:191</a></div>
1207
+ <div class="io-line">Defined in <a href="" data-line="193" class="link-to-prism">src/breadcrumb/breadcrumb.component.ts:193</a></div>
1204
1208
  </td>
1205
1209
  </tr>
1206
1210
 
@@ -1220,7 +1224,8 @@
1220
1224
  TemplateRef,
1221
1225
  Optional,
1222
1226
  Output,
1223
- EventEmitter
1227
+ EventEmitter,
1228
+ ChangeDetectionStrategy
1224
1229
  } from &quot;@angular/core&quot;;
1225
1230
 
1226
1231
  import { BreadcrumbItem } from &quot;./breadcrumb-item.interface&quot;;
@@ -1334,7 +1339,8 @@ const MINIMUM_OVERFLOW_THRESHOLD &#x3D; 4;
1334
1339
  }
1335
1340
  }
1336
1341
  &lt;/nav&gt;
1337
- &#x60;
1342
+ &#x60;,
1343
+ changeDetection: ChangeDetectionStrategy.OnPush
1338
1344
  })
1339
1345
  export class Breadcrumb implements AfterContentInit {
1340
1346
  @ContentChildren(BreadcrumbItemComponent) children: QueryList&lt;BreadcrumbItemComponent&gt;;
package/docs/documentation/components/BreadcrumbItemComponent.html CHANGED
@@ -125,6 +125,10 @@
125
125
  <table class="table table-sm table-hover metadata">
126
126
  <tbody>
127
127
 
128
+ <tr>
129
+ <td class="col-md-3">changeDetection</td>
130
+ <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
131
+ </tr>
128
132
 
129
133
 
130
134
 
@@ -147,7 +151,11 @@
147
151
 
148
152
  <tr>
149
153
  <td class="col-md-3">template</td>
150
- <td class="col-md-9"><pre class="line-numbers"><code class="language-html">@if (useTemplate()) {
154
+ <td class="col-md-9"><pre class="line-numbers"><code class="language-html">&lt;ng-template #content&gt;
155
+ &lt;ng-content /&gt;
156
+ &lt;/ng-template&gt;
157
+
158
+ @if (useTemplate()) {
151
159
  &lt;a
152
160
  class&#x3D;&quot;cds--link&quot;
153
161
  [href]&#x3D;&quot;(skeleton ? &#x27;/#&#x27; : href)&quot;
@@ -156,7 +164,7 @@
156
164
  &lt;ng-container *ngTemplateOutlet&#x3D;&quot;content&quot; /&gt;
157
165
  &lt;/a&gt;
158
166
  } @else {
159
- &lt;ng-content /&gt;
167
+ &lt;ng-container *ngTemplateOutlet&#x3D;&quot;content&quot; /&gt;
160
168
  }
161
169
  </code></pre></td>
162
170
  </tr>
@@ -305,7 +313,7 @@
305
313
  </tr>
306
314
  <tr>
307
315
  <td class="col-md-4">
308
- <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:62</a></div>
316
+ <div class="io-line">Defined in <a href="" data-line="68" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:68</a></div>
309
317
  </td>
310
318
  </tr>
311
319
 
@@ -378,7 +386,7 @@
378
386
  </tr>
379
387
  <tr>
380
388
  <td class="col-md-2" colspan="2">
381
- <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:56</a></div>
389
+ <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:62</a></div>
382
390
  </td>
383
391
  </tr>
384
392
  </tbody>
@@ -404,7 +412,7 @@
404
412
  </tr>
405
413
  <tr>
406
414
  <td class="col-md-2" colspan="2">
407
- <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:58</a></div>
415
+ <div class="io-line">Defined in <a href="" data-line="64" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:64</a></div>
408
416
  </td>
409
417
  </tr>
410
418
  </tbody>
@@ -425,7 +433,7 @@
425
433
  </tr>
426
434
  <tr>
427
435
  <td class="col-md-2" colspan="2">
428
- <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:29</a></div>
436
+ <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:35</a></div>
429
437
  </td>
430
438
  </tr>
431
439
  </tbody>
@@ -446,7 +454,7 @@
446
454
  </tr>
447
455
  <tr>
448
456
  <td class="col-md-2" colspan="2">
449
- <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:41</a></div>
457
+ <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:47</a></div>
450
458
  </td>
451
459
  </tr>
452
460
  <tr>
@@ -474,7 +482,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
474
482
  </tr>
475
483
  <tr>
476
484
  <td class="col-md-2" colspan="2">
477
- <div class="io-line">Defined in <a href="" data-line="47" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:47</a></div>
485
+ <div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:53</a></div>
478
486
  </td>
479
487
  </tr>
480
488
  <tr>
@@ -507,7 +515,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
507
515
  </tr>
508
516
  <tr>
509
517
  <td class="col-md-2" colspan="2">
510
- <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:54</a></div>
518
+ <div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:60</a></div>
511
519
  </td>
512
520
  </tr>
513
521
  </tbody>
@@ -531,7 +539,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
531
539
  </tr>
532
540
  <tr>
533
541
  <td class="col-md-2" colspan="2">
534
- <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:52</a></div>
542
+ <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:58</a></div>
535
543
  </td>
536
544
  </tr>
537
545
  <tr>
@@ -568,7 +576,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
568
576
  </tr>
569
577
  <tr>
570
578
  <td class="col-md-4">
571
- <div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:60</a></div>
579
+ <div class="io-line">Defined in <a href="" data-line="66" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:66</a></div>
572
580
  </td>
573
581
  </tr>
574
582
 
@@ -603,8 +611,8 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
603
611
 
604
612
  <tr>
605
613
  <td class="col-md-4">
606
- <div class="io-line">Defined in <a href="" data-line="70"
607
- class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:70</a></div>
614
+ <div class="io-line">Defined in <a href="" data-line="76"
615
+ class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:76</a></div>
608
616
  </td>
609
617
  </tr>
610
618
 
@@ -666,8 +674,8 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
666
674
 
667
675
  <tr>
668
676
  <td class="col-md-4">
669
- <div class="io-line">Defined in <a href="" data-line="66"
670
- class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:66</a></div>
677
+ <div class="io-line">Defined in <a href="" data-line="72"
678
+ class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:72</a></div>
671
679
  </td>
672
680
  </tr>
673
681
 
@@ -709,7 +717,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
709
717
  </tr>
710
718
  <tr>
711
719
  <td class="col-md-4">
712
- <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:62</a></div>
720
+ <div class="io-line">Defined in <a href="" data-line="68" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:68</a></div>
713
721
  </td>
714
722
  </tr>
715
723
 
@@ -744,7 +752,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
744
752
  </tr>
745
753
  <tr>
746
754
  <td class="col-md-4">
747
- <div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:60</a></div>
755
+ <div class="io-line">Defined in <a href="" data-line="66" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:66</a></div>
748
756
  </td>
749
757
  </tr>
750
758
 
@@ -773,7 +781,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
773
781
  </tr>
774
782
  <tr>
775
783
  <td class="col-md-4">
776
- <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:33</a></div>
784
+ <div class="io-line">Defined in <a href="" data-line="39" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:39</a></div>
777
785
  </td>
778
786
  </tr>
779
787
 
@@ -784,7 +792,7 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
784
792
  </tr>
785
793
  <tr>
786
794
  <td class="col-md-4">
787
- <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:29</a></div>
795
+ <div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/breadcrumb/breadcrumb-item.component.ts:35</a></div>
788
796
  </td>
789
797
  </tr>
790
798
  <tr>
@@ -837,7 +845,8 @@ See: <a href="https://angular.io/api/router/Router#navigate">https://angular.io/
837
845
  Input,
838
846
  Output,
839
847
  EventEmitter,
840
- Optional
848
+ Optional,
849
+ ChangeDetectionStrategy
841
850
  } from &quot;@angular/core&quot;;
842
851
  import { DomSanitizer } from &quot;@angular/platform-browser&quot;;
843
852
  import { Router } from &quot;@angular/router&quot;;
@@ -845,6 +854,10 @@ import { Router } from &quot;@angular/router&quot;;
845
854
  @Component({
846
855
  selector: &quot;cds-breadcrumb-item, ibm-breadcrumb-item&quot;,
847
856
  template: &#x60;
857
+ &lt;ng-template #content&gt;
858
+ &lt;ng-content /&gt;
859
+ &lt;/ng-template&gt;
860
+
848
861
  @if (useTemplate()) {
849
862
  &lt;a
850
863
  class&#x3D;&quot;cds--link&quot;
@@ -854,9 +867,10 @@ import { Router } from &quot;@angular/router&quot;;
854
867
  &lt;ng-container *ngTemplateOutlet&#x3D;&quot;content&quot; /&gt;
855
868
  &lt;/a&gt;
856
869
  } @else {
857
- &lt;ng-content /&gt;
870
+ &lt;ng-container *ngTemplateOutlet&#x3D;&quot;content&quot; /&gt;
858
871
  }
859
- &#x60;
872
+ &#x60;,
873
+ changeDetection: ChangeDetectionStrategy.OnPush
860
874
  })
861
875
  export class BreadcrumbItemComponent {
862
876
  @Input() set href(v: string) {
@@ -938,7 +952,7 @@ export class BreadcrumbItemComponent {
938
952
  <script src="../js/libs/htmlparser.js"></script>
939
953
  <script src="../js/libs/deep-iterator.js"></script>
940
954
  <script>
941
- var COMPONENT_TEMPLATE = '<div>@if (useTemplate()) { <a class="cds--link" [href]="(skeleton ? \'/#\' : href)" (click)="navigate($event)" [attr.aria-current]="(current ? ariaCurrent : null)"> <ng-container *ngTemplateOutlet="content" /> </a>} @else { <ng-content />} </div>'
955
+ var COMPONENT_TEMPLATE = '<div><ng-template #content> <ng-content /></ng-template>@if (useTemplate()) { <a class="cds--link" [href]="(skeleton ? \'/#\' : href)" (click)="navigate($event)" [attr.aria-current]="(current ? ariaCurrent : null)"> <ng-container *ngTemplateOutlet="content" /> </a>} @else { <ng-container *ngTemplateOutlet="content" />} </div>'
942
956
  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': 'TagOperationalComponent', 'selector': 'cds-tag-operational, ibm-tag-operational'},{'name': 'TagSelectableComponent', 'selector': 'cds-tag-selectable, ibm-tag-selectable'},{'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'}];
943
957
  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': 'ClickableTileIconDirective', 'selector': '[cdsClickableTileIcon], [ibmClickableTileIcon]'},{'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': 'LinkIconDirective', 'selector': '[ibmLinkIcon], [cdsLinkIcon]'},{'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': 'TagIconDirective', 'selector': '[cdsTagIcon], [ibmTagIcon]'},{'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]'}];
944
958
  var ACTUAL_COMPONENT = {'name': 'BreadcrumbItemComponent'};
package/docs/documentation/components/ButtonSet.html CHANGED
@@ -133,6 +133,10 @@
133
133
  <table class="table table-sm table-hover metadata">
134
134
  <tbody>
135
135
 
136
+ <tr>
137
+ <td class="col-md-3">changeDetection</td>
138
+ <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
139
+ </tr>
136
140
 
137
141
 
138
142
 
@@ -241,7 +245,7 @@
241
245
  </tr>
242
246
  <tr>
243
247
  <td class="col-md-4">
244
- <div class="io-line">Defined in <a href="" data-line="17" class="link-to-prism">src/button/button-set.component.ts:17</a></div>
248
+ <div class="io-line">Defined in <a href="" data-line="18" class="link-to-prism">src/button/button-set.component.ts:18</a></div>
245
249
  </td>
246
250
  </tr>
247
251
 
@@ -285,7 +289,7 @@
285
289
  </tr>
286
290
  <tr>
287
291
  <td class="col-md-4">
288
- <div class="io-line">Defined in <a href="" data-line="17" class="link-to-prism">src/button/button-set.component.ts:17</a></div>
292
+ <div class="io-line">Defined in <a href="" data-line="18" class="link-to-prism">src/button/button-set.component.ts:18</a></div>
289
293
  </td>
290
294
  </tr>
291
295
 
@@ -298,7 +302,7 @@
298
302
 
299
303
 
300
304
  <div class="tab-pane fade tab-source-code" id="source">
301
- <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, HostBinding } from &quot;@angular/core&quot;;
305
+ <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { ChangeDetectionStrategy, Component, HostBinding } from &quot;@angular/core&quot;;
302
306
 
303
307
  /**
304
308
  * Get started with importing the module:
@@ -311,7 +315,8 @@
311
315
  */
312
316
  @Component({
313
317
  selector: &quot;cds-button-set, ibm-button-set&quot;,
314
- template: &quot;&lt;ng-content /&gt;&quot;
318
+ template: &quot;&lt;ng-content /&gt;&quot;,
319
+ changeDetection: ChangeDetectionStrategy.OnPush
315
320
  })
316
321
  export class ButtonSet {
317
322
  @HostBinding(&quot;class.cds--btn-set&quot;) buttonSetClass &#x3D; true;