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/Accordion.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
 
@@ -299,7 +303,7 @@
299
303
  </tr>
300
304
  <tr>
301
305
  <td class="col-md-2" colspan="2">
302
- <div class="io-line">Defined in <a href="" data-line="42" class="link-to-prism">src/accordion/accordion.component.ts:42</a></div>
306
+ <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/accordion/accordion.component.ts:44</a></div>
303
307
  </td>
304
308
  </tr>
305
309
  <tr>
@@ -331,7 +335,7 @@
331
335
  </tr>
332
336
  <tr>
333
337
  <td class="col-md-2" colspan="2">
334
- <div class="io-line">Defined in <a href="" data-line="50" class="link-to-prism">src/accordion/accordion.component.ts:50</a></div>
338
+ <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/accordion/accordion.component.ts:52</a></div>
335
339
  </td>
336
340
  </tr>
337
341
  </tbody>
@@ -352,7 +356,7 @@
352
356
  </tr>
353
357
  <tr>
354
358
  <td class="col-md-2" colspan="2">
355
- <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">src/accordion/accordion.component.ts:57</a></div>
359
+ <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/accordion/accordion.component.ts:59</a></div>
356
360
  </td>
357
361
  </tr>
358
362
  </tbody>
@@ -386,8 +390,8 @@
386
390
 
387
391
  <tr>
388
392
  <td class="col-md-4">
389
- <div class="io-line">Defined in <a href="" data-line="66"
390
- class="link-to-prism">src/accordion/accordion.component.ts:66</a></div>
393
+ <div class="io-line">Defined in <a href="" data-line="68"
394
+ class="link-to-prism">src/accordion/accordion.component.ts:68</a></div>
391
395
  </td>
392
396
  </tr>
393
397
 
@@ -425,8 +429,8 @@
425
429
 
426
430
  <tr>
427
431
  <td class="col-md-4">
428
- <div class="io-line">Defined in <a href="" data-line="70"
429
- class="link-to-prism">src/accordion/accordion.component.ts:70</a></div>
432
+ <div class="io-line">Defined in <a href="" data-line="72"
433
+ class="link-to-prism">src/accordion/accordion.component.ts:72</a></div>
430
434
  </td>
431
435
  </tr>
432
436
 
@@ -467,7 +471,7 @@
467
471
  </tr>
468
472
  <tr>
469
473
  <td class="col-md-4">
470
- <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">src/accordion/accordion.component.ts:54</a></div>
474
+ <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/accordion/accordion.component.ts:56</a></div>
471
475
  </td>
472
476
  </tr>
473
477
 
@@ -503,7 +507,7 @@
503
507
  </tr>
504
508
  <tr>
505
509
  <td class="col-md-4">
506
- <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/accordion/accordion.component.ts:52</a></div>
510
+ <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">src/accordion/accordion.component.ts:54</a></div>
507
511
  </td>
508
512
  </tr>
509
513
 
@@ -532,7 +536,7 @@
532
536
  </tr>
533
537
  <tr>
534
538
  <td class="col-md-4">
535
- <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/accordion/accordion.component.ts:62</a></div>
539
+ <div class="io-line">Defined in <a href="" data-line="64" class="link-to-prism">src/accordion/accordion.component.ts:64</a></div>
536
540
  </td>
537
541
  </tr>
538
542
 
@@ -543,7 +547,7 @@
543
547
  </tr>
544
548
  <tr>
545
549
  <td class="col-md-4">
546
- <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">src/accordion/accordion.component.ts:57</a></div>
550
+ <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/accordion/accordion.component.ts:59</a></div>
547
551
  </td>
548
552
  </tr>
549
553
  <tr>
@@ -595,7 +599,8 @@
595
599
  Input,
596
600
  ContentChildren,
597
601
  QueryList,
598
- AfterContentInit
602
+ AfterContentInit,
603
+ ChangeDetectionStrategy
599
604
  } from &quot;@angular/core&quot;;
600
605
  import { AccordionItem } from &quot;./accordion-item.component&quot;;
601
606
 
@@ -625,7 +630,8 @@ import { AccordionItem } from &quot;./accordion-item.component&quot;;
625
630
  role&#x3D;&quot;list&quot;&gt;
626
631
  &lt;ng-content /&gt;
627
632
  &lt;/div&gt;
628
- &#x60;
633
+ &#x60;,
634
+ changeDetection: ChangeDetectionStrategy.OnPush
629
635
  })
630
636
  export class Accordion implements AfterContentInit {
631
637
  /**
package/docs/documentation/components/AccordionItem.html CHANGED
@@ -129,6 +129,10 @@
129
129
  <table class="table table-sm table-hover metadata">
130
130
  <tbody>
131
131
 
132
+ <tr>
133
+ <td class="col-md-3">changeDetection</td>
134
+ <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
135
+ </tr>
132
136
 
133
137
 
134
138
 
@@ -345,7 +349,7 @@
345
349
  </tr>
346
350
  <tr>
347
351
  <td class="col-md-2" colspan="2">
348
- <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">src/accordion/accordion-item.component.ts:54</a></div>
352
+ <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/accordion/accordion-item.component.ts:56</a></div>
349
353
  </td>
350
354
  </tr>
351
355
  </tbody>
@@ -371,7 +375,7 @@
371
375
  </tr>
372
376
  <tr>
373
377
  <td class="col-md-2" colspan="2">
374
- <div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">src/accordion/accordion-item.component.ts:61</a></div>
378
+ <div class="io-line">Defined in <a href="" data-line="63" class="link-to-prism">src/accordion/accordion-item.component.ts:63</a></div>
375
379
  </td>
376
380
  </tr>
377
381
  </tbody>
@@ -397,7 +401,7 @@
397
401
  </tr>
398
402
  <tr>
399
403
  <td class="col-md-2" colspan="2">
400
- <div class="io-line">Defined in <a href="" data-line="60" class="link-to-prism">src/accordion/accordion-item.component.ts:60</a></div>
404
+ <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/accordion/accordion-item.component.ts:62</a></div>
401
405
  </td>
402
406
  </tr>
403
407
  </tbody>
@@ -423,7 +427,7 @@
423
427
  </tr>
424
428
  <tr>
425
429
  <td class="col-md-2" colspan="2">
426
- <div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">src/accordion/accordion-item.component.ts:55</a></div>
430
+ <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">src/accordion/accordion-item.component.ts:57</a></div>
427
431
  </td>
428
432
  </tr>
429
433
  </tbody>
@@ -449,7 +453,7 @@
449
453
  </tr>
450
454
  <tr>
451
455
  <td class="col-md-2" colspan="2">
452
- <div class="io-line">Defined in <a href="" data-line="56" class="link-to-prism">src/accordion/accordion-item.component.ts:56</a></div>
456
+ <div class="io-line">Defined in <a href="" data-line="58" class="link-to-prism">src/accordion/accordion-item.component.ts:58</a></div>
453
457
  </td>
454
458
  </tr>
455
459
  </tbody>
@@ -470,7 +474,7 @@
470
474
  </tr>
471
475
  <tr>
472
476
  <td class="col-md-2" colspan="2">
473
- <div class="io-line">Defined in <a href="" data-line="53" class="link-to-prism">src/accordion/accordion-item.component.ts:53</a></div>
477
+ <div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">src/accordion/accordion-item.component.ts:55</a></div>
474
478
  </td>
475
479
  </tr>
476
480
  </tbody>
@@ -494,7 +498,7 @@
494
498
  </tr>
495
499
  <tr>
496
500
  <td class="col-md-2" colspan="2">
497
- <div class="io-line">Defined in <a href="" data-line="57" class="link-to-prism">src/accordion/accordion-item.component.ts:57</a></div>
501
+ <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/accordion/accordion-item.component.ts:59</a></div>
498
502
  </td>
499
503
  </tr>
500
504
  </tbody>
@@ -525,7 +529,7 @@
525
529
  </tr>
526
530
  <tr>
527
531
  <td class="col-md-4">
528
- <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/accordion/accordion-item.component.ts:62</a></div>
532
+ <div class="io-line">Defined in <a href="" data-line="64" class="link-to-prism">src/accordion/accordion-item.component.ts:64</a></div>
529
533
  </td>
530
534
  </tr>
531
535
 
@@ -556,7 +560,7 @@
556
560
  </tr>
557
561
  <tr>
558
562
  <td class="col-md-4">
559
- <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/accordion/accordion-item.component.ts:59</a></div>
563
+ <div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">src/accordion/accordion-item.component.ts:61</a></div>
560
564
  </td>
561
565
  </tr>
562
566
 
@@ -593,8 +597,8 @@
593
597
 
594
598
  <tr>
595
599
  <td class="col-md-4">
596
- <div class="io-line">Defined in <a href="" data-line="71"
597
- class="link-to-prism">src/accordion/accordion-item.component.ts:71</a></div>
600
+ <div class="io-line">Defined in <a href="" data-line="73"
601
+ class="link-to-prism">src/accordion/accordion-item.component.ts:73</a></div>
598
602
  </td>
599
603
  </tr>
600
604
 
@@ -658,8 +662,8 @@
658
662
 
659
663
  <tr>
660
664
  <td class="col-md-4">
661
- <div class="io-line">Defined in <a href="" data-line="64"
662
- class="link-to-prism">src/accordion/accordion-item.component.ts:64</a></div>
665
+ <div class="io-line">Defined in <a href="" data-line="66"
666
+ class="link-to-prism">src/accordion/accordion-item.component.ts:66</a></div>
663
667
  </td>
664
668
  </tr>
665
669
 
@@ -706,7 +710,7 @@
706
710
  </tr>
707
711
  <tr>
708
712
  <td class="col-md-4">
709
- <div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/accordion/accordion-item.component.ts:52</a></div>
713
+ <div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">src/accordion/accordion-item.component.ts:54</a></div>
710
714
  </td>
711
715
  </tr>
712
716
 
@@ -741,7 +745,7 @@
741
745
  </tr>
742
746
  <tr>
743
747
  <td class="col-md-4">
744
- <div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/accordion/accordion-item.component.ts:59</a></div>
748
+ <div class="io-line">Defined in <a href="" data-line="61" class="link-to-prism">src/accordion/accordion-item.component.ts:61</a></div>
745
749
  </td>
746
750
  </tr>
747
751
 
@@ -782,7 +786,7 @@
782
786
  </tr>
783
787
  <tr>
784
788
  <td class="col-md-4">
785
- <div class="io-line">Defined in <a href="" data-line="62" class="link-to-prism">src/accordion/accordion-item.component.ts:62</a></div>
789
+ <div class="io-line">Defined in <a href="" data-line="64" class="link-to-prism">src/accordion/accordion-item.component.ts:64</a></div>
786
790
  </td>
787
791
  </tr>
788
792
 
@@ -801,7 +805,8 @@
801
805
  HostBinding,
802
806
  Output,
803
807
  TemplateRef,
804
- EventEmitter
808
+ EventEmitter,
809
+ ChangeDetectionStrategy
805
810
  } from &quot;@angular/core&quot;;
806
811
 
807
812
  @Component({
@@ -843,7 +848,8 @@
843
848
  :host {
844
849
  display: list-item;
845
850
  }
846
- &#x60;]
851
+ &#x60;],
852
+ changeDetection: ChangeDetectionStrategy.OnPush
847
853
  })
848
854
  export class AccordionItem {
849
855
  static accordionItemCount &#x3D; 0;
package/docs/documentation/components/BaseIconButton.html CHANGED
@@ -129,6 +129,43 @@ Extend class to inherit @Input meta data</p>
129
129
 
130
130
 
131
131
 
132
+ <section data-compodoc="block-metadata">
133
+ <h3>Metadata</h3>
134
+ <table class="table table-sm table-hover metadata">
135
+ <tbody>
136
+
137
+ <tr>
138
+ <td class="col-md-3">changeDetection</td>
139
+ <td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
140
+ </tr>
141
+
142
+
143
+
144
+
145
+
146
+
147
+
148
+
149
+
150
+
151
+
152
+
153
+
154
+
155
+
156
+
157
+
158
+
159
+
160
+
161
+
162
+
163
+
164
+
165
+
166
+ </tbody>
167
+ </table>
168
+ </section>
132
169
 
133
170
  <section data-compodoc="block-index">
134
171
  <h3 id="index">Index</h3>
@@ -203,7 +240,7 @@ Extend class to inherit @Input meta data</p>
203
240
  </tr>
204
241
  <tr>
205
242
  <td class="col-md-2" colspan="2">
206
- <div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/button/base-icon-button.component.ts:32</a></div>
243
+ <div class="io-line">Defined in <a href="" data-line="33" class="link-to-prism">src/button/base-icon-button.component.ts:33</a></div>
207
244
  </td>
208
245
  </tr>
209
246
  <tr>
@@ -235,7 +272,7 @@ Extend class to inherit @Input meta data</p>
235
272
  </tr>
236
273
  <tr>
237
274
  <td class="col-md-2" colspan="2">
238
- <div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/button/base-icon-button.component.ts:40</a></div>
275
+ <div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/button/base-icon-button.component.ts:41</a></div>
239
276
  </td>
240
277
  </tr>
241
278
  <tr>
@@ -268,7 +305,7 @@ This is not toggleable - should be assigned once</p>
268
305
  </tr>
269
306
  <tr>
270
307
  <td class="col-md-2" colspan="2">
271
- <div class="io-line">Defined in <a href="" data-line="16" class="link-to-prism">src/button/base-icon-button.component.ts:16</a></div>
308
+ <div class="io-line">Defined in <a href="" data-line="17" class="link-to-prism">src/button/base-icon-button.component.ts:17</a></div>
272
309
  </td>
273
310
  </tr>
274
311
  <tr>
@@ -300,7 +337,7 @@ This is not toggleable - should be assigned once</p>
300
337
  </tr>
301
338
  <tr>
302
339
  <td class="col-md-2" colspan="2">
303
- <div class="io-line">Defined in <a href="" data-line="20" class="link-to-prism">src/button/base-icon-button.component.ts:20</a></div>
340
+ <div class="io-line">Defined in <a href="" data-line="21" class="link-to-prism">src/button/base-icon-button.component.ts:21</a></div>
304
341
  </td>
305
342
  </tr>
306
343
  <tr>
@@ -332,7 +369,7 @@ This is not toggleable - should be assigned once</p>
332
369
  </tr>
333
370
  <tr>
334
371
  <td class="col-md-2" colspan="2">
335
- <div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/button/base-icon-button.component.ts:44</a></div>
372
+ <div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">src/button/base-icon-button.component.ts:45</a></div>
336
373
  </td>
337
374
  </tr>
338
375
  <tr>
@@ -364,7 +401,7 @@ This is not toggleable - should be assigned once</p>
364
401
  </tr>
365
402
  <tr>
366
403
  <td class="col-md-2" colspan="2">
367
- <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">src/button/base-icon-button.component.ts:24</a></div>
404
+ <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/button/base-icon-button.component.ts:25</a></div>
368
405
  </td>
369
406
  </tr>
370
407
  <tr>
@@ -396,7 +433,7 @@ This is not toggleable - should be assigned once</p>
396
433
  </tr>
397
434
  <tr>
398
435
  <td class="col-md-2" colspan="2">
399
- <div class="io-line">Defined in <a href="" data-line="28" class="link-to-prism">src/button/base-icon-button.component.ts:28</a></div>
436
+ <div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/button/base-icon-button.component.ts:29</a></div>
400
437
  </td>
401
438
  </tr>
402
439
  <tr>
@@ -428,7 +465,7 @@ This is not toggleable - should be assigned once</p>
428
465
  </tr>
429
466
  <tr>
430
467
  <td class="col-md-2" colspan="2">
431
- <div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/button/base-icon-button.component.ts:48</a></div>
468
+ <div class="io-line">Defined in <a href="" data-line="49" class="link-to-prism">src/button/base-icon-button.component.ts:49</a></div>
432
469
  </td>
433
470
  </tr>
434
471
  <tr>
@@ -449,7 +486,7 @@ This is not toggleable - should be assigned once</p>
449
486
 
450
487
 
451
488
  <div class="tab-pane fade tab-source-code" id="source">
452
- <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, Input } from &quot;@angular/core&quot;;
489
+ <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { ChangeDetectionStrategy, Component, Input } from &quot;@angular/core&quot;;
453
490
 
454
491
  /**
455
492
  * Base button with common input properties for configuring icon button.
@@ -458,7 +495,8 @@ This is not toggleable - should be assigned once</p>
458
495
  * Used by pagination nav icon button, code snippet, etc.
459
496
  */
460
497
  @Component({
461
- template: &quot;&quot;
498
+ template: &quot;&quot;,
499
+ changeDetection: ChangeDetectionStrategy.OnPush
462
500
  })
463
501
  export class BaseIconButton {
464
502
  /**