carbon-components-angular 6.0.0-rc.4 → 6.0.0-rc.6
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/combobox/combobox.component.d.ts +3 -2
- package/docs/documentation/components/ComboBox.html +160 -138
- package/docs/documentation/components/ContentSwitcher.html +19 -13
- package/docs/documentation/components/ContextMenuComponent.html +35 -29
- package/docs/documentation/components/ContextMenuDividerComponent.html +11 -6
- package/docs/documentation/components/ContextMenuGroupComponent.html +25 -19
- package/docs/documentation/components/ContextMenuItemComponent.html +70 -64
- package/docs/documentation/components/DatePicker.html +106 -100
- package/docs/documentation/components/DatePickerInput.html +41 -35
- package/docs/documentation/components/Dropdown.html +118 -119
- package/docs/documentation/components/DropdownList.html +88 -97
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/TilesModule/dependencies.svg +106 -106
- package/docs/documentation/modules/TilesModule.html +106 -106
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +36 -40
- package/docs/documentation/modules/TimePickerModule.html +36 -40
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +49 -45
- package/docs/documentation/modules/TimePickerSelectModule.html +49 -45
- package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggleModule.html +4 -4
- package/docs/documentation/modules/TooltipModule/dependencies.svg +29 -29
- package/docs/documentation/modules/TooltipModule.html +29 -29
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +35 -35
- package/docs/documentation/modules/TreeviewModule.html +35 -35
- package/docs/documentation.json +505 -497
- package/docs/storybook/{8383.1f80f6c8.iframe.bundle.js → 8383.844bcd95.iframe.bundle.js} +1 -1
- package/docs/storybook/combobox-combobox-stories.2b92d137.iframe.bundle.js +1 -0
- package/docs/storybook/{content-switcher-content-switcher-stories.753fbf1c.iframe.bundle.js → content-switcher-content-switcher-stories.0d959b5c.iframe.bundle.js} +1 -1
- package/docs/storybook/{context-menu-context-menu-stories.6344e050.iframe.bundle.js → context-menu-context-menu-stories.d2e63fe8.iframe.bundle.js} +1 -1
- package/docs/storybook/{datepicker-datepicker-stories.5cf89dc1.iframe.bundle.js → datepicker-datepicker-stories.b4bcda9f.iframe.bundle.js} +1 -1
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/main.07778da0.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.de5a4ef6.iframe.bundle.js → runtime~main.ec2949a5.iframe.bundle.js} +1 -1
- package/dropdown/dropdown.component.d.ts +2 -3
- package/dropdown/list/dropdown-list.component.d.ts +2 -3
- package/esm2022/combobox/combobox.component.mjs +11 -9
- package/esm2022/content-switcher/content-switcher.component.mjs +5 -4
- package/esm2022/context-menu/context-menu-divider.component.mjs +5 -4
- package/esm2022/context-menu/context-menu-group.component.mjs +5 -4
- package/esm2022/context-menu/context-menu-item.component.mjs +4 -4
- package/esm2022/context-menu/context-menu.component.mjs +4 -4
- package/esm2022/datepicker/datepicker.component.mjs +5 -4
- package/esm2022/datepicker-input/datepicker-input.component.mjs +5 -4
- package/esm2022/dropdown/dropdown.component.mjs +1 -1
- package/esm2022/dropdown/list/dropdown-list.component.mjs +4 -6
- package/fesm2022/carbon-components-angular-combobox.mjs +10 -8
- package/fesm2022/carbon-components-angular-combobox.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-content-switcher.mjs +4 -3
- package/fesm2022/carbon-components-angular-content-switcher.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-context-menu.mjs +11 -9
- package/fesm2022/carbon-components-angular-context-menu.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-datepicker-input.mjs +4 -3
- package/fesm2022/carbon-components-angular-datepicker-input.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-datepicker.mjs +4 -3
- package/fesm2022/carbon-components-angular-datepicker.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-dropdown.mjs +3 -5
- package/fesm2022/carbon-components-angular-dropdown.mjs.map +1 -1
- package/package.json +7 -7
- package/docs/storybook/combobox-combobox-stories.3bf37571.iframe.bundle.js +0 -1
- package/docs/storybook/main.3c25e34a.iframe.bundle.js +0 -1
|
@@ -145,6 +145,10 @@ Similar to tabs, but without an associated content panel.</p>
|
|
|
145
145
|
<table class="table table-sm table-hover metadata">
|
|
146
146
|
<tbody>
|
|
147
147
|
|
|
148
|
+
<tr>
|
|
149
|
+
<td class="col-md-3">changeDetection</td>
|
|
150
|
+
<td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
|
|
151
|
+
</tr>
|
|
148
152
|
|
|
149
153
|
|
|
150
154
|
|
|
@@ -296,7 +300,7 @@ Similar to tabs, but without an associated content panel.</p>
|
|
|
296
300
|
</tr>
|
|
297
301
|
<tr>
|
|
298
302
|
<td class="col-md-4">
|
|
299
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
303
|
+
<div class="io-line">Defined in <a href="" data-line="66" class="link-to-prism">src/content-switcher/content-switcher.component.ts:66</a></div>
|
|
300
304
|
</td>
|
|
301
305
|
</tr>
|
|
302
306
|
|
|
@@ -357,7 +361,7 @@ Similar to tabs, but without an associated content panel.</p>
|
|
|
357
361
|
</tr>
|
|
358
362
|
<tr>
|
|
359
363
|
<td class="col-md-2" colspan="2">
|
|
360
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
364
|
+
<div class="io-line">Defined in <a href="" data-line="54" class="link-to-prism">src/content-switcher/content-switcher.component.ts:54</a></div>
|
|
361
365
|
</td>
|
|
362
366
|
</tr>
|
|
363
367
|
</tbody>
|
|
@@ -383,7 +387,7 @@ Similar to tabs, but without an associated content panel.</p>
|
|
|
383
387
|
</tr>
|
|
384
388
|
<tr>
|
|
385
389
|
<td class="col-md-2" colspan="2">
|
|
386
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
390
|
+
<div class="io-line">Defined in <a href="" data-line="59" class="link-to-prism">src/content-switcher/content-switcher.component.ts:59</a></div>
|
|
387
391
|
</td>
|
|
388
392
|
</tr>
|
|
389
393
|
<tr>
|
|
@@ -413,7 +417,7 @@ Similar to tabs, but without an associated content panel.</p>
|
|
|
413
417
|
</tr>
|
|
414
418
|
<tr>
|
|
415
419
|
<td class="col-md-2" colspan="2">
|
|
416
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
420
|
+
<div class="io-line">Defined in <a href="" data-line="64" class="link-to-prism">src/content-switcher/content-switcher.component.ts:64</a></div>
|
|
417
421
|
</td>
|
|
418
422
|
</tr>
|
|
419
423
|
<tr>
|
|
@@ -452,8 +456,8 @@ Similar to tabs, but without an associated content panel.</p>
|
|
|
452
456
|
|
|
453
457
|
<tr>
|
|
454
458
|
<td class="col-md-4">
|
|
455
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
456
|
-
class="link-to-prism">src/content-switcher/content-switcher.component.ts:
|
|
459
|
+
<div class="io-line">Defined in <a href="" data-line="91"
|
|
460
|
+
class="link-to-prism">src/content-switcher/content-switcher.component.ts:91</a></div>
|
|
457
461
|
</td>
|
|
458
462
|
</tr>
|
|
459
463
|
|
|
@@ -495,8 +499,8 @@ Similar to tabs, but without an associated content panel.</p>
|
|
|
495
499
|
|
|
496
500
|
<tr>
|
|
497
501
|
<td class="col-md-4">
|
|
498
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
499
|
-
class="link-to-prism">src/content-switcher/content-switcher.component.ts:
|
|
502
|
+
<div class="io-line">Defined in <a href="" data-line="91"
|
|
503
|
+
class="link-to-prism">src/content-switcher/content-switcher.component.ts:91</a></div>
|
|
500
504
|
</td>
|
|
501
505
|
</tr>
|
|
502
506
|
|
|
@@ -562,8 +566,8 @@ Similar to tabs, but without an associated content panel.</p>
|
|
|
562
566
|
|
|
563
567
|
<tr>
|
|
564
568
|
<td class="col-md-4">
|
|
565
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
566
|
-
class="link-to-prism">src/content-switcher/content-switcher.component.ts:
|
|
569
|
+
<div class="io-line">Defined in <a href="" data-line="70"
|
|
570
|
+
class="link-to-prism">src/content-switcher/content-switcher.component.ts:70</a></div>
|
|
567
571
|
</td>
|
|
568
572
|
</tr>
|
|
569
573
|
|
|
@@ -614,7 +618,7 @@ Similar to tabs, but without an associated content panel.</p>
|
|
|
614
618
|
</tr>
|
|
615
619
|
<tr>
|
|
616
620
|
<td class="col-md-4">
|
|
617
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
621
|
+
<div class="io-line">Defined in <a href="" data-line="66" class="link-to-prism">src/content-switcher/content-switcher.component.ts:66</a></div>
|
|
618
622
|
</td>
|
|
619
623
|
</tr>
|
|
620
624
|
|
|
@@ -636,7 +640,8 @@ Similar to tabs, but without an associated content panel.</p>
|
|
|
636
640
|
EventEmitter,
|
|
637
641
|
AfterViewInit,
|
|
638
642
|
HostListener,
|
|
639
|
-
ElementRef
|
|
643
|
+
ElementRef,
|
|
644
|
+
ChangeDetectionStrategy
|
|
640
645
|
} from "@angular/core";
|
|
641
646
|
import { ContentSwitcherOption } from "./content-switcher-option.directive";
|
|
642
647
|
import { isFocusInLastItem, isFocusInFirstItem } from "carbon-components-angular/common";
|
|
@@ -675,7 +680,8 @@ import { isFocusInLastItem, isFocusInFirstItem } from "carbon-components-an
|
|
|
675
680
|
role="tablist">
|
|
676
681
|
<ng-content />
|
|
677
682
|
</div>
|
|
678
|
-
`
|
|
683
|
+
`,
|
|
684
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
679
685
|
})
|
|
680
686
|
export class ContentSwitcher implements AfterViewInit {
|
|
681
687
|
@Input() ariaLabel = "content switcher";
|
|
@@ -143,6 +143,10 @@
|
|
|
143
143
|
<table class="table table-sm table-hover metadata">
|
|
144
144
|
<tbody>
|
|
145
145
|
|
|
146
|
+
<tr>
|
|
147
|
+
<td class="col-md-3">changeDetection</td>
|
|
148
|
+
<td class="col-md-9"><code>ChangeDetectionStrategy.OnPush</code></td>
|
|
149
|
+
</tr>
|
|
146
150
|
|
|
147
151
|
|
|
148
152
|
|
|
@@ -350,7 +354,7 @@
|
|
|
350
354
|
</tr>
|
|
351
355
|
<tr>
|
|
352
356
|
<td class="col-md-4">
|
|
353
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
357
|
+
<div class="io-line">Defined in <a href="" data-line="52" class="link-to-prism">src/context-menu/context-menu.component.ts:52</a></div>
|
|
354
358
|
</td>
|
|
355
359
|
</tr>
|
|
356
360
|
|
|
@@ -411,7 +415,7 @@
|
|
|
411
415
|
</tr>
|
|
412
416
|
<tr>
|
|
413
417
|
<td class="col-md-2" colspan="2">
|
|
414
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
418
|
+
<div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/context-menu/context-menu.component.ts:34</a></div>
|
|
415
419
|
</td>
|
|
416
420
|
</tr>
|
|
417
421
|
</tbody>
|
|
@@ -440,7 +444,7 @@
|
|
|
440
444
|
</tr>
|
|
441
445
|
<tr>
|
|
442
446
|
<td class="col-md-2" colspan="2">
|
|
443
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
447
|
+
<div class="io-line">Defined in <a href="" data-line="35" class="link-to-prism">src/context-menu/context-menu.component.ts:35</a></div>
|
|
444
448
|
</td>
|
|
445
449
|
</tr>
|
|
446
450
|
</tbody>
|
|
@@ -472,7 +476,7 @@
|
|
|
472
476
|
</tr>
|
|
473
477
|
<tr>
|
|
474
478
|
<td class="col-md-4">
|
|
475
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
479
|
+
<div class="io-line">Defined in <a href="" data-line="43" class="link-to-prism">src/context-menu/context-menu.component.ts:43</a></div>
|
|
476
480
|
</td>
|
|
477
481
|
</tr>
|
|
478
482
|
|
|
@@ -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="
|
|
510
|
+
<div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/context-menu/context-menu.component.ts:44</a></div>
|
|
507
511
|
</td>
|
|
508
512
|
</tr>
|
|
509
513
|
|
|
@@ -534,7 +538,7 @@
|
|
|
534
538
|
</tr>
|
|
535
539
|
<tr>
|
|
536
540
|
<td class="col-md-4">
|
|
537
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
541
|
+
<div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/context-menu/context-menu.component.ts:40</a></div>
|
|
538
542
|
</td>
|
|
539
543
|
</tr>
|
|
540
544
|
|
|
@@ -560,7 +564,7 @@
|
|
|
560
564
|
</tr>
|
|
561
565
|
<tr>
|
|
562
566
|
<td class="col-md-4">
|
|
563
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
567
|
+
<div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/context-menu/context-menu.component.ts:41</a></div>
|
|
564
568
|
</td>
|
|
565
569
|
</tr>
|
|
566
570
|
|
|
@@ -586,7 +590,7 @@
|
|
|
586
590
|
</tr>
|
|
587
591
|
<tr>
|
|
588
592
|
<td class="col-md-4">
|
|
589
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
593
|
+
<div class="io-line">Defined in <a href="" data-line="42" class="link-to-prism">src/context-menu/context-menu.component.ts:42</a></div>
|
|
590
594
|
</td>
|
|
591
595
|
</tr>
|
|
592
596
|
|
|
@@ -612,7 +616,7 @@
|
|
|
612
616
|
</tr>
|
|
613
617
|
<tr>
|
|
614
618
|
<td class="col-md-4">
|
|
615
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
619
|
+
<div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/context-menu/context-menu.component.ts:48</a></div>
|
|
616
620
|
</td>
|
|
617
621
|
</tr>
|
|
618
622
|
|
|
@@ -638,7 +642,7 @@
|
|
|
638
642
|
</tr>
|
|
639
643
|
<tr>
|
|
640
644
|
<td class="col-md-4">
|
|
641
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
645
|
+
<div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">src/context-menu/context-menu.component.ts:45</a></div>
|
|
642
646
|
</td>
|
|
643
647
|
</tr>
|
|
644
648
|
|
|
@@ -664,7 +668,7 @@
|
|
|
664
668
|
</tr>
|
|
665
669
|
<tr>
|
|
666
670
|
<td class="col-md-4">
|
|
667
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
671
|
+
<div class="io-line">Defined in <a href="" data-line="46" class="link-to-prism">src/context-menu/context-menu.component.ts:46</a></div>
|
|
668
672
|
</td>
|
|
669
673
|
</tr>
|
|
670
674
|
|
|
@@ -699,8 +703,8 @@
|
|
|
699
703
|
|
|
700
704
|
<tr>
|
|
701
705
|
<td class="col-md-4">
|
|
702
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
703
|
-
class="link-to-prism">src/context-menu/context-menu.component.ts:
|
|
706
|
+
<div class="io-line">Defined in <a href="" data-line="72"
|
|
707
|
+
class="link-to-prism">src/context-menu/context-menu.component.ts:72</a></div>
|
|
704
708
|
</td>
|
|
705
709
|
</tr>
|
|
706
710
|
|
|
@@ -733,8 +737,8 @@
|
|
|
733
737
|
|
|
734
738
|
<tr>
|
|
735
739
|
<td class="col-md-4">
|
|
736
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
737
|
-
class="link-to-prism">src/context-menu/context-menu.component.ts:
|
|
740
|
+
<div class="io-line">Defined in <a href="" data-line="62"
|
|
741
|
+
class="link-to-prism">src/context-menu/context-menu.component.ts:62</a></div>
|
|
738
742
|
</td>
|
|
739
743
|
</tr>
|
|
740
744
|
|
|
@@ -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="
|
|
783
|
-
class="link-to-prism">src/context-menu/context-menu.component.ts:
|
|
786
|
+
<div class="io-line">Defined in <a href="" data-line="72"
|
|
787
|
+
class="link-to-prism">src/context-menu/context-menu.component.ts:72</a></div>
|
|
784
788
|
</td>
|
|
785
789
|
</tr>
|
|
786
790
|
|
|
@@ -846,8 +850,8 @@
|
|
|
846
850
|
|
|
847
851
|
<tr>
|
|
848
852
|
<td class="col-md-4">
|
|
849
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
850
|
-
class="link-to-prism">src/context-menu/context-menu.component.ts:
|
|
853
|
+
<div class="io-line">Defined in <a href="" data-line="56"
|
|
854
|
+
class="link-to-prism">src/context-menu/context-menu.component.ts:56</a></div>
|
|
851
855
|
</td>
|
|
852
856
|
</tr>
|
|
853
857
|
|
|
@@ -927,7 +931,7 @@
|
|
|
927
931
|
</tr>
|
|
928
932
|
<tr>
|
|
929
933
|
<td class="col-md-4">
|
|
930
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
934
|
+
<div class="io-line">Defined in <a href="" data-line="40" class="link-to-prism">src/context-menu/context-menu.component.ts:40</a></div>
|
|
931
935
|
</td>
|
|
932
936
|
</tr>
|
|
933
937
|
|
|
@@ -968,7 +972,7 @@
|
|
|
968
972
|
</tr>
|
|
969
973
|
<tr>
|
|
970
974
|
<td class="col-md-4">
|
|
971
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
975
|
+
<div class="io-line">Defined in <a href="" data-line="43" class="link-to-prism">src/context-menu/context-menu.component.ts:43</a></div>
|
|
972
976
|
</td>
|
|
973
977
|
</tr>
|
|
974
978
|
|
|
@@ -1009,7 +1013,7 @@
|
|
|
1009
1013
|
</tr>
|
|
1010
1014
|
<tr>
|
|
1011
1015
|
<td class="col-md-4">
|
|
1012
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1016
|
+
<div class="io-line">Defined in <a href="" data-line="44" class="link-to-prism">src/context-menu/context-menu.component.ts:44</a></div>
|
|
1013
1017
|
</td>
|
|
1014
1018
|
</tr>
|
|
1015
1019
|
|
|
@@ -1038,7 +1042,7 @@
|
|
|
1038
1042
|
</tr>
|
|
1039
1043
|
<tr>
|
|
1040
1044
|
<td class="col-md-4">
|
|
1041
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1045
|
+
<div class="io-line">Defined in <a href="" data-line="41" class="link-to-prism">src/context-menu/context-menu.component.ts:41</a></div>
|
|
1042
1046
|
</td>
|
|
1043
1047
|
</tr>
|
|
1044
1048
|
|
|
@@ -1060,7 +1064,7 @@
|
|
|
1060
1064
|
</tr>
|
|
1061
1065
|
<tr>
|
|
1062
1066
|
<td class="col-md-4">
|
|
1063
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1067
|
+
<div class="io-line">Defined in <a href="" data-line="42" class="link-to-prism">src/context-menu/context-menu.component.ts:42</a></div>
|
|
1064
1068
|
</td>
|
|
1065
1069
|
</tr>
|
|
1066
1070
|
|
|
@@ -1082,7 +1086,7 @@
|
|
|
1082
1086
|
</tr>
|
|
1083
1087
|
<tr>
|
|
1084
1088
|
<td class="col-md-4">
|
|
1085
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1089
|
+
<div class="io-line">Defined in <a href="" data-line="45" class="link-to-prism">src/context-menu/context-menu.component.ts:45</a></div>
|
|
1086
1090
|
</td>
|
|
1087
1091
|
</tr>
|
|
1088
1092
|
|
|
@@ -1104,7 +1108,7 @@
|
|
|
1104
1108
|
</tr>
|
|
1105
1109
|
<tr>
|
|
1106
1110
|
<td class="col-md-4">
|
|
1107
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1111
|
+
<div class="io-line">Defined in <a href="" data-line="46" class="link-to-prism">src/context-menu/context-menu.component.ts:46</a></div>
|
|
1108
1112
|
</td>
|
|
1109
1113
|
</tr>
|
|
1110
1114
|
|
|
@@ -1126,7 +1130,7 @@
|
|
|
1126
1130
|
</tr>
|
|
1127
1131
|
<tr>
|
|
1128
1132
|
<td class="col-md-4">
|
|
1129
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1133
|
+
<div class="io-line">Defined in <a href="" data-line="48" class="link-to-prism">src/context-menu/context-menu.component.ts:48</a></div>
|
|
1130
1134
|
</td>
|
|
1131
1135
|
</tr>
|
|
1132
1136
|
|
|
@@ -1144,7 +1148,8 @@
|
|
|
1144
1148
|
Input,
|
|
1145
1149
|
SimpleChanges,
|
|
1146
1150
|
OnChanges,
|
|
1147
|
-
HostBinding
|
|
1151
|
+
HostBinding,
|
|
1152
|
+
ChangeDetectionStrategy
|
|
1148
1153
|
} from "@angular/core";
|
|
1149
1154
|
|
|
1150
1155
|
/**
|
|
@@ -1165,7 +1170,8 @@
|
|
|
1165
1170
|
:host {
|
|
1166
1171
|
display: block;
|
|
1167
1172
|
}
|
|
1168
|
-
`]
|
|
1173
|
+
`],
|
|
1174
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1169
1175
|
})
|
|
1170
1176
|
export class ContextMenuComponent implements OnChanges {
|
|
1171
1177
|
@Input() open = false;
|
|
@@ -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
|
|
|
@@ -236,7 +240,7 @@
|
|
|
236
240
|
</tr>
|
|
237
241
|
<tr>
|
|
238
242
|
<td class="col-md-4">
|
|
239
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
243
|
+
<div class="io-line">Defined in <a href="" data-line="10" class="link-to-prism">src/context-menu/context-menu-divider.component.ts:10</a></div>
|
|
240
244
|
</td>
|
|
241
245
|
</tr>
|
|
242
246
|
|
|
@@ -267,7 +271,7 @@
|
|
|
267
271
|
</tr>
|
|
268
272
|
<tr>
|
|
269
273
|
<td class="col-md-4">
|
|
270
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
274
|
+
<div class="io-line">Defined in <a href="" data-line="9" class="link-to-prism">src/context-menu/context-menu-divider.component.ts:9</a></div>
|
|
271
275
|
</td>
|
|
272
276
|
</tr>
|
|
273
277
|
|
|
@@ -311,7 +315,7 @@
|
|
|
311
315
|
</tr>
|
|
312
316
|
<tr>
|
|
313
317
|
<td class="col-md-4">
|
|
314
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
318
|
+
<div class="io-line">Defined in <a href="" data-line="9" class="link-to-prism">src/context-menu/context-menu-divider.component.ts:9</a></div>
|
|
315
319
|
</td>
|
|
316
320
|
</tr>
|
|
317
321
|
|
|
@@ -352,7 +356,7 @@
|
|
|
352
356
|
</tr>
|
|
353
357
|
<tr>
|
|
354
358
|
<td class="col-md-4">
|
|
355
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
359
|
+
<div class="io-line">Defined in <a href="" data-line="10" class="link-to-prism">src/context-menu/context-menu-divider.component.ts:10</a></div>
|
|
356
360
|
</td>
|
|
357
361
|
</tr>
|
|
358
362
|
|
|
@@ -365,11 +369,12 @@
|
|
|
365
369
|
|
|
366
370
|
|
|
367
371
|
<div class="tab-pane fade tab-source-code" id="source">
|
|
368
|
-
<pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, HostBinding } from "@angular/core";
|
|
372
|
+
<pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { ChangeDetectionStrategy, Component, HostBinding } from "@angular/core";
|
|
369
373
|
|
|
370
374
|
@Component({
|
|
371
375
|
selector: "cds-context-menu-divider, ibm-context-menu-divider",
|
|
372
|
-
template: ""
|
|
376
|
+
template: "",
|
|
377
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
373
378
|
})
|
|
374
379
|
export class ContextMenuDividerComponent {
|
|
375
380
|
@HostBinding("class.cds--menu-item-divider") dividerClass = true;
|
|
@@ -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
|
|
|
@@ -312,7 +316,7 @@
|
|
|
312
316
|
</tr>
|
|
313
317
|
<tr>
|
|
314
318
|
<td class="col-md-4">
|
|
315
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
319
|
+
<div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/context-menu/context-menu-group.component.ts:34</a></div>
|
|
316
320
|
</td>
|
|
317
321
|
</tr>
|
|
318
322
|
|
|
@@ -373,7 +377,7 @@
|
|
|
373
377
|
</tr>
|
|
374
378
|
<tr>
|
|
375
379
|
<td class="col-md-2" colspan="2">
|
|
376
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
380
|
+
<div class="io-line">Defined in <a href="" data-line="29" class="link-to-prism">src/context-menu/context-menu-group.component.ts:29</a></div>
|
|
377
381
|
</td>
|
|
378
382
|
</tr>
|
|
379
383
|
</tbody>
|
|
@@ -399,7 +403,7 @@
|
|
|
399
403
|
</tr>
|
|
400
404
|
<tr>
|
|
401
405
|
<td class="col-md-2" colspan="2">
|
|
402
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
406
|
+
<div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">src/context-menu/context-menu-group.component.ts:31</a></div>
|
|
403
407
|
</td>
|
|
404
408
|
</tr>
|
|
405
409
|
</tbody>
|
|
@@ -425,7 +429,7 @@
|
|
|
425
429
|
</tr>
|
|
426
430
|
<tr>
|
|
427
431
|
<td class="col-md-2" colspan="2">
|
|
428
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
432
|
+
<div class="io-line">Defined in <a href="" data-line="30" class="link-to-prism">src/context-menu/context-menu-group.component.ts:30</a></div>
|
|
429
433
|
</td>
|
|
430
434
|
</tr>
|
|
431
435
|
</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="
|
|
456
|
+
<div class="io-line">Defined in <a href="" data-line="32" class="link-to-prism">src/context-menu/context-menu-group.component.ts:32</a></div>
|
|
453
457
|
</td>
|
|
454
458
|
</tr>
|
|
455
459
|
</tbody>
|
|
@@ -480,7 +484,7 @@
|
|
|
480
484
|
</tr>
|
|
481
485
|
<tr>
|
|
482
486
|
<td class="col-md-4">
|
|
483
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
487
|
+
<div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/context-menu/context-menu-group.component.ts:25</a></div>
|
|
484
488
|
</td>
|
|
485
489
|
</tr>
|
|
486
490
|
|
|
@@ -506,7 +510,7 @@
|
|
|
506
510
|
</tr>
|
|
507
511
|
<tr>
|
|
508
512
|
<td class="col-md-4">
|
|
509
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
513
|
+
<div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/context-menu/context-menu-group.component.ts:27</a></div>
|
|
510
514
|
</td>
|
|
511
515
|
</tr>
|
|
512
516
|
|
|
@@ -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="
|
|
539
|
+
<div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">src/context-menu/context-menu-group.component.ts:26</a></div>
|
|
536
540
|
</td>
|
|
537
541
|
</tr>
|
|
538
542
|
|
|
@@ -567,8 +571,8 @@
|
|
|
567
571
|
|
|
568
572
|
<tr>
|
|
569
573
|
<td class="col-md-4">
|
|
570
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
571
|
-
class="link-to-prism">src/context-menu/context-menu-group.component.ts:
|
|
574
|
+
<div class="io-line">Defined in <a href="" data-line="46"
|
|
575
|
+
class="link-to-prism">src/context-menu/context-menu-group.component.ts:46</a></div>
|
|
572
576
|
</td>
|
|
573
577
|
</tr>
|
|
574
578
|
|
|
@@ -634,8 +638,8 @@
|
|
|
634
638
|
|
|
635
639
|
<tr>
|
|
636
640
|
<td class="col-md-4">
|
|
637
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
638
|
-
class="link-to-prism">src/context-menu/context-menu-group.component.ts:
|
|
641
|
+
<div class="io-line">Defined in <a href="" data-line="58"
|
|
642
|
+
class="link-to-prism">src/context-menu/context-menu-group.component.ts:58</a></div>
|
|
639
643
|
</td>
|
|
640
644
|
</tr>
|
|
641
645
|
|
|
@@ -671,8 +675,8 @@
|
|
|
671
675
|
|
|
672
676
|
<tr>
|
|
673
677
|
<td class="col-md-4">
|
|
674
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
675
|
-
class="link-to-prism">src/context-menu/context-menu-group.component.ts:
|
|
678
|
+
<div class="io-line">Defined in <a href="" data-line="38"
|
|
679
|
+
class="link-to-prism">src/context-menu/context-menu-group.component.ts:38</a></div>
|
|
676
680
|
</td>
|
|
677
681
|
</tr>
|
|
678
682
|
|
|
@@ -728,7 +732,7 @@
|
|
|
728
732
|
</tr>
|
|
729
733
|
<tr>
|
|
730
734
|
<td class="col-md-4">
|
|
731
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
735
|
+
<div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/context-menu/context-menu-group.component.ts:25</a></div>
|
|
732
736
|
</td>
|
|
733
737
|
</tr>
|
|
734
738
|
|
|
@@ -754,7 +758,7 @@
|
|
|
754
758
|
</tr>
|
|
755
759
|
<tr>
|
|
756
760
|
<td class="col-md-4">
|
|
757
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
761
|
+
<div class="io-line">Defined in <a href="" data-line="34" class="link-to-prism">src/context-menu/context-menu-group.component.ts:34</a></div>
|
|
758
762
|
</td>
|
|
759
763
|
</tr>
|
|
760
764
|
|
|
@@ -783,7 +787,7 @@
|
|
|
783
787
|
</tr>
|
|
784
788
|
<tr>
|
|
785
789
|
<td class="col-md-4">
|
|
786
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
790
|
+
<div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">src/context-menu/context-menu-group.component.ts:26</a></div>
|
|
787
791
|
</td>
|
|
788
792
|
</tr>
|
|
789
793
|
|
|
@@ -805,7 +809,7 @@
|
|
|
805
809
|
</tr>
|
|
806
810
|
<tr>
|
|
807
811
|
<td class="col-md-4">
|
|
808
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
812
|
+
<div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/context-menu/context-menu-group.component.ts:27</a></div>
|
|
809
813
|
</td>
|
|
810
814
|
</tr>
|
|
811
815
|
|
|
@@ -817,6 +821,7 @@
|
|
|
817
821
|
|
|
818
822
|
<div class="tab-pane fade tab-source-code" id="source">
|
|
819
823
|
<pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
|
|
824
|
+
ChangeDetectionStrategy,
|
|
820
825
|
Component,
|
|
821
826
|
EventEmitter,
|
|
822
827
|
HostBinding,
|
|
@@ -835,7 +840,8 @@ import { ContextMenuSelectionService } from "./context-menu-selection.servi
|
|
|
835
840
|
template: `
|
|
836
841
|
<ng-content />
|
|
837
842
|
`,
|
|
838
|
-
providers: [ContextMenuSelectionService]
|
|
843
|
+
providers: [ContextMenuSelectionService],
|
|
844
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
839
845
|
})
|
|
840
846
|
export class ContextMenuGroupComponent implements OnInit, OnChanges, OnDestroy {
|
|
841
847
|
@HostBinding("attr.role") role = "group";
|