diff --git a/src/components-examples/aria/autocomplete/autocomplete-auto-select/autocomplete-auto-select-example.ts b/src/components-examples/aria/autocomplete/autocomplete-auto-select/autocomplete-auto-select-example.ts index 5b14fc549f26..45a025a8e471 100644 --- a/src/components-examples/aria/autocomplete/autocomplete-auto-select/autocomplete-auto-select-example.ts +++ b/src/components-examples/aria/autocomplete/autocomplete-auto-select/autocomplete-auto-select-example.ts @@ -8,14 +8,7 @@ import {Combobox, ComboboxPopup, ComboboxWidget} from '@angular/aria/combobox'; import {Listbox, Option} from '@angular/aria/listbox'; -import { - afterRenderEffect, - ChangeDetectionStrategy, - Component, - computed, - signal, - viewChild, -} from '@angular/core'; +import {afterRenderEffect, Component, computed, signal, viewChild} from '@angular/core'; import {COUNTRIES} from '../countries'; import {OverlayModule} from '@angular/cdk/overlay'; import {FormsModule} from '@angular/forms'; @@ -26,7 +19,6 @@ import {FormsModule} from '@angular/forms'; templateUrl: 'autocomplete-auto-select-example.html', styleUrl: '../autocomplete.css', imports: [Combobox, ComboboxPopup, ComboboxWidget, Listbox, Option, OverlayModule, FormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class AutocompleteAutoSelectExample { /** The selected value of the combobox. */ diff --git a/src/components-examples/aria/autocomplete/autocomplete-disabled/autocomplete-disabled-example.ts b/src/components-examples/aria/autocomplete/autocomplete-disabled/autocomplete-disabled-example.ts index 2cd48d1a7880..26f051d80313 100644 --- a/src/components-examples/aria/autocomplete/autocomplete-disabled/autocomplete-disabled-example.ts +++ b/src/components-examples/aria/autocomplete/autocomplete-disabled/autocomplete-disabled-example.ts @@ -8,14 +8,7 @@ import {Combobox, ComboboxPopup, ComboboxWidget} from '@angular/aria/combobox'; import {Listbox, Option} from '@angular/aria/listbox'; -import { - afterRenderEffect, - ChangeDetectionStrategy, - Component, - computed, - signal, - viewChild, -} from '@angular/core'; +import {afterRenderEffect, Component, computed, signal, viewChild} from '@angular/core'; import {COUNTRIES} from '../countries'; import {OverlayModule} from '@angular/cdk/overlay'; import {FormsModule} from '@angular/forms'; @@ -26,7 +19,6 @@ import {FormsModule} from '@angular/forms'; templateUrl: 'autocomplete-disabled-example.html', styleUrl: '../autocomplete.css', imports: [Combobox, ComboboxPopup, ComboboxWidget, Listbox, Option, OverlayModule, FormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class AutocompleteDisabledExample { /** The selected value of the combobox. */ diff --git a/src/components-examples/aria/autocomplete/autocomplete-highlight/autocomplete-highlight-example.ts b/src/components-examples/aria/autocomplete/autocomplete-highlight/autocomplete-highlight-example.ts index 38c570ef33a4..0187abe37ffd 100644 --- a/src/components-examples/aria/autocomplete/autocomplete-highlight/autocomplete-highlight-example.ts +++ b/src/components-examples/aria/autocomplete/autocomplete-highlight/autocomplete-highlight-example.ts @@ -8,15 +8,7 @@ import {Combobox, ComboboxPopup, ComboboxWidget} from '@angular/aria/combobox'; import {Listbox, Option} from '@angular/aria/listbox'; -import { - afterRenderEffect, - ChangeDetectionStrategy, - Component, - computed, - effect, - signal, - viewChild, -} from '@angular/core'; +import {afterRenderEffect, Component, computed, effect, signal, viewChild} from '@angular/core'; import {COUNTRIES} from '../countries'; import {OverlayModule} from '@angular/cdk/overlay'; import {FormsModule} from '@angular/forms'; @@ -27,7 +19,6 @@ import {FormsModule} from '@angular/forms'; templateUrl: 'autocomplete-highlight-example.html', styleUrl: '../autocomplete.css', imports: [Combobox, ComboboxPopup, ComboboxWidget, Listbox, Option, OverlayModule, FormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class AutocompleteHighlightExample { /** The selected value of the combobox. */ diff --git a/src/components-examples/aria/autocomplete/autocomplete-manual/autocomplete-manual-example.ts b/src/components-examples/aria/autocomplete/autocomplete-manual/autocomplete-manual-example.ts index 32cc9491e719..3384a55914b8 100644 --- a/src/components-examples/aria/autocomplete/autocomplete-manual/autocomplete-manual-example.ts +++ b/src/components-examples/aria/autocomplete/autocomplete-manual/autocomplete-manual-example.ts @@ -8,14 +8,7 @@ import {Combobox, ComboboxPopup, ComboboxWidget} from '@angular/aria/combobox'; import {Listbox, Option} from '@angular/aria/listbox'; -import { - afterRenderEffect, - ChangeDetectionStrategy, - Component, - computed, - signal, - viewChild, -} from '@angular/core'; +import {afterRenderEffect, Component, computed, signal, viewChild} from '@angular/core'; import {COUNTRIES} from '../countries'; import {OverlayModule} from '@angular/cdk/overlay'; import {FormsModule} from '@angular/forms'; @@ -26,7 +19,6 @@ import {FormsModule} from '@angular/forms'; templateUrl: 'autocomplete-manual-example.html', styleUrl: '../autocomplete.css', imports: [Combobox, ComboboxPopup, ComboboxWidget, Listbox, Option, OverlayModule, FormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class AutocompleteManualExample { /** The selected value of the combobox. */ diff --git a/src/components-examples/aria/combobox/combobox-dialog/combobox-dialog-example.ts b/src/components-examples/aria/combobox/combobox-dialog/combobox-dialog-example.ts index 00a9243f40e9..a59e28bd0dcb 100644 --- a/src/components-examples/aria/combobox/combobox-dialog/combobox-dialog-example.ts +++ b/src/components-examples/aria/combobox/combobox-dialog/combobox-dialog-example.ts @@ -10,7 +10,6 @@ import {Combobox, ComboboxPopup, ComboboxWidget} from '@angular/aria/combobox'; import {Listbox, Option} from '@angular/aria/listbox'; import { afterRenderEffect, - ChangeDetectionStrategy, Component, computed, signal, @@ -27,7 +26,6 @@ import {FormsModule} from '@angular/forms'; templateUrl: 'combobox-dialog-example.html', styleUrls: ['../combobox-example.css'], imports: [Combobox, ComboboxPopup, ComboboxWidget, Listbox, Option, OverlayModule, FormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ComboboxDialogExample { listbox = viewChild>(Listbox); diff --git a/src/components-examples/aria/combobox/combobox-editable-multiselect/combobox-editable-multiselect-example.ts b/src/components-examples/aria/combobox/combobox-editable-multiselect/combobox-editable-multiselect-example.ts index fd359f9ba1a6..eb9ef10ebdcd 100644 --- a/src/components-examples/aria/combobox/combobox-editable-multiselect/combobox-editable-multiselect-example.ts +++ b/src/components-examples/aria/combobox/combobox-editable-multiselect/combobox-editable-multiselect-example.ts @@ -10,7 +10,6 @@ import {Combobox, ComboboxPopup, ComboboxWidget} from '@angular/aria/combobox'; import {Listbox, Option} from '@angular/aria/listbox'; import { afterRenderEffect, - ChangeDetectionStrategy, Component, computed, signal, @@ -28,7 +27,6 @@ import {FormsModule} from '@angular/forms'; templateUrl: 'combobox-editable-multiselect-example.html', styleUrl: '../combobox-example.css', imports: [Combobox, ComboboxPopup, ComboboxWidget, Listbox, Option, OverlayModule, FormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ComboboxEditableMultiselectExample { readonly listbox = viewChild(Listbox); diff --git a/src/components-examples/aria/combobox/combobox-multiselect-dialog/combobox-multiselect-dialog-example.ts b/src/components-examples/aria/combobox/combobox-multiselect-dialog/combobox-multiselect-dialog-example.ts index 3a6391eb5d3f..386cc1802a81 100644 --- a/src/components-examples/aria/combobox/combobox-multiselect-dialog/combobox-multiselect-dialog-example.ts +++ b/src/components-examples/aria/combobox/combobox-multiselect-dialog/combobox-multiselect-dialog-example.ts @@ -10,7 +10,6 @@ import {Combobox, ComboboxPopup, ComboboxWidget} from '@angular/aria/combobox'; import {Listbox, Option} from '@angular/aria/listbox'; import { afterRenderEffect, - ChangeDetectionStrategy, Component, computed, signal, @@ -28,7 +27,6 @@ import {FormsModule} from '@angular/forms'; templateUrl: 'combobox-multiselect-dialog-example.html', styleUrl: '../combobox-example.css', imports: [Combobox, ComboboxPopup, ComboboxWidget, Listbox, Option, OverlayModule, FormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ComboboxMultiselectDialogExample { readonly listbox = viewChild(Listbox); diff --git a/src/components-examples/aria/combobox/combobox-readonly-disabled/combobox-readonly-disabled-example.ts b/src/components-examples/aria/combobox/combobox-readonly-disabled/combobox-readonly-disabled-example.ts index 8b02b5307614..048b1441bb6b 100644 --- a/src/components-examples/aria/combobox/combobox-readonly-disabled/combobox-readonly-disabled-example.ts +++ b/src/components-examples/aria/combobox/combobox-readonly-disabled/combobox-readonly-disabled-example.ts @@ -8,13 +8,7 @@ import {Combobox, ComboboxPopup, ComboboxWidget} from '@angular/aria/combobox'; import {Listbox, Option} from '@angular/aria/listbox'; -import { - afterRenderEffect, - ChangeDetectionStrategy, - Component, - signal, - viewChild, -} from '@angular/core'; +import {afterRenderEffect, Component, signal, viewChild} from '@angular/core'; import {OverlayModule} from '@angular/cdk/overlay'; /** @title Disabled readonly combobox. */ @@ -23,7 +17,6 @@ import {OverlayModule} from '@angular/cdk/overlay'; templateUrl: 'combobox-readonly-disabled-example.html', styleUrl: '../combobox-select/combobox-select-example.css', imports: [Combobox, ComboboxPopup, ComboboxWidget, Listbox, Option, OverlayModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ComboboxReadonlyDisabledExample { readonly listbox = viewChild(Listbox); diff --git a/src/components-examples/aria/combobox/combobox-readonly-multiselect/combobox-readonly-multiselect-example.ts b/src/components-examples/aria/combobox/combobox-readonly-multiselect/combobox-readonly-multiselect-example.ts index eecc2db1b6fc..417fe8365718 100644 --- a/src/components-examples/aria/combobox/combobox-readonly-multiselect/combobox-readonly-multiselect-example.ts +++ b/src/components-examples/aria/combobox/combobox-readonly-multiselect/combobox-readonly-multiselect-example.ts @@ -8,14 +8,7 @@ import {Combobox, ComboboxPopup, ComboboxWidget} from '@angular/aria/combobox'; import {Listbox, Option} from '@angular/aria/listbox'; -import { - afterRenderEffect, - ChangeDetectionStrategy, - Component, - computed, - signal, - viewChild, -} from '@angular/core'; +import {afterRenderEffect, Component, computed, signal, viewChild} from '@angular/core'; import {OverlayModule} from '@angular/cdk/overlay'; /** @title Readonly multiselectable combobox. */ @@ -24,7 +17,6 @@ import {OverlayModule} from '@angular/cdk/overlay'; templateUrl: 'combobox-readonly-multiselect-example.html', styleUrl: '../combobox-select/combobox-select-example.css', imports: [Combobox, ComboboxPopup, ComboboxWidget, Listbox, Option, OverlayModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ComboboxReadonlyMultiselectExample { readonly listbox = viewChild(Listbox); diff --git a/src/components-examples/aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.ts b/src/components-examples/aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.ts index 179940fb45fd..d744ec0027c0 100644 --- a/src/components-examples/aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.ts +++ b/src/components-examples/aria/combobox/combobox-tree-auto-select/combobox-tree-auto-select-example.ts @@ -8,15 +8,7 @@ import {Combobox, ComboboxPopup, ComboboxWidget} from '@angular/aria/combobox'; import {Tree, TreeItem, TreeItemGroup} from '@angular/aria/tree'; -import { - Component, - afterRenderEffect, - computed, - signal, - viewChild, - untracked, - ChangeDetectionStrategy, -} from '@angular/core'; +import {Component, afterRenderEffect, computed, signal, viewChild, untracked} from '@angular/core'; import {NgTemplateOutlet} from '@angular/common'; import {OverlayModule} from '@angular/cdk/overlay'; @@ -41,7 +33,6 @@ interface SeasonNode { TreeItemGroup, OverlayModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ComboboxTreeAutoSelectExample { readonly tree = viewChild(Tree); diff --git a/src/components-examples/aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.ts b/src/components-examples/aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.ts index cfeec45b3c9f..13215abbe751 100644 --- a/src/components-examples/aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.ts +++ b/src/components-examples/aria/combobox/combobox-tree-highlight/combobox-tree-highlight-example.ts @@ -16,7 +16,6 @@ import { signal, viewChild, untracked, - ChangeDetectionStrategy, } from '@angular/core'; import {NgTemplateOutlet} from '@angular/common'; import {OverlayModule} from '@angular/cdk/overlay'; @@ -42,7 +41,6 @@ interface SeasonNode { TreeItemGroup, OverlayModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ComboboxTreeHighlightExample { readonly tree = viewChild(Tree); diff --git a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-append-only/cdk-virtual-scroll-append-only-example.ts b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-append-only/cdk-virtual-scroll-append-only-example.ts index 766e0d354f8f..768359a9203a 100644 --- a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-append-only/cdk-virtual-scroll-append-only-example.ts +++ b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-append-only/cdk-virtual-scroll-append-only-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {ScrollingModule} from '@angular/cdk/scrolling'; /** @title Virtual scroll with view recycling disabled. */ @@ -6,7 +6,6 @@ import {ScrollingModule} from '@angular/cdk/scrolling'; selector: 'cdk-virtual-scroll-append-only-example', styleUrl: 'cdk-virtual-scroll-append-only-example.css', templateUrl: 'cdk-virtual-scroll-append-only-example.html', - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ScrollingModule], }) export class CdkVirtualScrollAppendOnlyExample { diff --git a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.ts b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.ts index 6b2861feaf0d..834935248811 100644 --- a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.ts +++ b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-context/cdk-virtual-scroll-context-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {ScrollingModule} from '@angular/cdk/scrolling'; /** @title Virtual scroll context variables */ @@ -6,7 +6,6 @@ import {ScrollingModule} from '@angular/cdk/scrolling'; selector: 'cdk-virtual-scroll-context-example', styleUrl: 'cdk-virtual-scroll-context-example.css', templateUrl: 'cdk-virtual-scroll-context-example.html', - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ScrollingModule], }) export class CdkVirtualScrollContextExample { diff --git a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.ts b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.ts index ea1112130640..f2c24184c280 100644 --- a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.ts +++ b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-custom-strategy/cdk-virtual-scroll-custom-strategy-example.ts @@ -3,7 +3,7 @@ import { ScrollingModule, VIRTUAL_SCROLL_STRATEGY, } from '@angular/cdk/scrolling'; -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; export class CustomVirtualScrollStrategy extends FixedSizeVirtualScrollStrategy { constructor() { @@ -16,7 +16,6 @@ export class CustomVirtualScrollStrategy extends FixedSizeVirtualScrollStrategy selector: 'cdk-virtual-scroll-custom-strategy-example', styleUrl: 'cdk-virtual-scroll-custom-strategy-example.css', templateUrl: 'cdk-virtual-scroll-custom-strategy-example.html', - changeDetection: ChangeDetectionStrategy.OnPush, providers: [{provide: VIRTUAL_SCROLL_STRATEGY, useClass: CustomVirtualScrollStrategy}], imports: [ScrollingModule], }) diff --git a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.ts b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.ts index 8f62a431911a..3077998a7b6c 100644 --- a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.ts +++ b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-data-source/cdk-virtual-scroll-data-source-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {CollectionViewer, DataSource} from '@angular/cdk/collections'; import {BehaviorSubject, Observable, Subscription} from 'rxjs'; import {ScrollingModule} from '@angular/cdk/scrolling'; @@ -8,7 +8,6 @@ import {ScrollingModule} from '@angular/cdk/scrolling'; selector: 'cdk-virtual-scroll-data-source-example', styleUrl: 'cdk-virtual-scroll-data-source-example.css', templateUrl: 'cdk-virtual-scroll-data-source-example.html', - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ScrollingModule], }) export class CdkVirtualScrollDataSourceExample { diff --git a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.ts b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.ts index 698f11564ee5..5d659fe9a466 100644 --- a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.ts +++ b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-dl/cdk-virtual-scroll-dl-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {ScrollingModule} from '@angular/cdk/scrolling'; /** @title Virtual scrolling `
` */ @@ -6,7 +6,6 @@ import {ScrollingModule} from '@angular/cdk/scrolling'; selector: 'cdk-virtual-scroll-dl-example', styleUrl: 'cdk-virtual-scroll-dl-example.css', templateUrl: 'cdk-virtual-scroll-dl-example.html', - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ScrollingModule], }) export class CdkVirtualScrollDlExample { diff --git a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.ts b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.ts index 73dc19466ec1..0c7e7cf0bc49 100644 --- a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.ts +++ b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-fixed-buffer/cdk-virtual-scroll-fixed-buffer-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {ScrollingModule} from '@angular/cdk/scrolling'; /** @title Fixed size virtual scroll with custom buffer parameters */ @@ -6,7 +6,6 @@ import {ScrollingModule} from '@angular/cdk/scrolling'; selector: 'cdk-virtual-scroll-fixed-buffer-example', styleUrl: 'cdk-virtual-scroll-fixed-buffer-example.css', templateUrl: 'cdk-virtual-scroll-fixed-buffer-example.html', - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ScrollingModule], }) export class CdkVirtualScrollFixedBufferExample { diff --git a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.ts b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.ts index cb05c1f1069b..b51ca55e782a 100644 --- a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.ts +++ b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-horizontal/cdk-virtual-scroll-horizontal-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core'; +import {Component, ViewEncapsulation} from '@angular/core'; import {ScrollingModule} from '@angular/cdk/scrolling'; /** @title Horizontal virtual scroll */ @@ -7,7 +7,6 @@ import {ScrollingModule} from '@angular/cdk/scrolling'; styleUrl: 'cdk-virtual-scroll-horizontal-example.css', templateUrl: 'cdk-virtual-scroll-horizontal-example.html', encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ScrollingModule], }) export class CdkVirtualScrollHorizontalExample { diff --git a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.ts b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.ts index cf2efdf3eb68..63bb9fd6b46b 100644 --- a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.ts +++ b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-overview/cdk-virtual-scroll-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {ScrollingModule} from '@angular/cdk/scrolling'; /** @title Basic virtual scroll */ @@ -6,7 +6,6 @@ import {ScrollingModule} from '@angular/cdk/scrolling'; selector: 'cdk-virtual-scroll-overview-example', styleUrl: 'cdk-virtual-scroll-overview-example.css', templateUrl: 'cdk-virtual-scroll-overview-example.html', - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ScrollingModule], }) export class CdkVirtualScrollOverviewExample { diff --git a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-parent-scrolling/cdk-virtual-scroll-parent-scrolling-example.ts b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-parent-scrolling/cdk-virtual-scroll-parent-scrolling-example.ts index e9b1a31f0301..454ddf97ee28 100644 --- a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-parent-scrolling/cdk-virtual-scroll-parent-scrolling-example.ts +++ b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-parent-scrolling/cdk-virtual-scroll-parent-scrolling-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {ScrollingModule} from '@angular/cdk/scrolling'; /** @title Virtual scrolling viewport parent element */ @@ -6,7 +6,6 @@ import {ScrollingModule} from '@angular/cdk/scrolling'; selector: 'cdk-virtual-scroll-parent-scrolling-example', styleUrl: 'cdk-virtual-scroll-parent-scrolling-example.css', templateUrl: 'cdk-virtual-scroll-parent-scrolling-example.html', - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ScrollingModule], }) export class CdkVirtualScrollParentScrollingExample { diff --git a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.ts b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.ts index 88fce9417c17..31a041eb2f43 100644 --- a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.ts +++ b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-template-cache/cdk-virtual-scroll-template-cache-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {ScrollingModule} from '@angular/cdk/scrolling'; /** @title Virtual scroll with no template caching */ @@ -6,7 +6,6 @@ import {ScrollingModule} from '@angular/cdk/scrolling'; selector: 'cdk-virtual-scroll-template-cache-example', styleUrl: 'cdk-virtual-scroll-template-cache-example.css', templateUrl: 'cdk-virtual-scroll-template-cache-example.html', - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ScrollingModule], }) export class CdkVirtualScrollTemplateCacheExample { diff --git a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-window-scrolling/cdk-virtual-scroll-window-scrolling-example.ts b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-window-scrolling/cdk-virtual-scroll-window-scrolling-example.ts index d41d2f470ef3..811ce57ab33e 100644 --- a/src/components-examples/cdk/scrolling/cdk-virtual-scroll-window-scrolling/cdk-virtual-scroll-window-scrolling-example.ts +++ b/src/components-examples/cdk/scrolling/cdk-virtual-scroll-window-scrolling/cdk-virtual-scroll-window-scrolling-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, input} from '@angular/core'; +import {Component, input} from '@angular/core'; import {ScrollingModule} from '@angular/cdk/scrolling'; /** @title Virtual scrolling window */ @@ -6,7 +6,6 @@ import {ScrollingModule} from '@angular/cdk/scrolling'; selector: 'cdk-virtual-scroll-window-scrolling-example', styleUrl: 'cdk-virtual-scroll-window-scrolling-example.css', templateUrl: 'cdk-virtual-scroll-window-scrolling-example.html', - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ScrollingModule], }) export class CdkVirtualScrollWindowScrollingExample { diff --git a/src/components-examples/cdk/tree/cdk-tree-complex/cdk-tree-complex-example.ts b/src/components-examples/cdk/tree/cdk-tree-complex/cdk-tree-complex-example.ts index 8fbd4f558482..4b3f3bdcb701 100644 --- a/src/components-examples/cdk/tree/cdk-tree-complex/cdk-tree-complex-example.ts +++ b/src/components-examples/cdk/tree/cdk-tree-complex/cdk-tree-complex-example.ts @@ -1,6 +1,6 @@ import {CdkTreeModule} from '@angular/cdk/tree'; import {AsyncPipe} from '@angular/common'; -import {ChangeDetectionStrategy, Component, OnInit} from '@angular/core'; +import {Component, OnInit} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; import {MatProgressSpinnerModule} from '@angular/material/progress-spinner'; @@ -248,7 +248,6 @@ class ComplexDataStore { templateUrl: 'cdk-tree-complex-example.html', styleUrls: ['cdk-tree-complex-example.css'], imports: [CdkTreeModule, MatButtonModule, MatIconModule, MatProgressSpinnerModule, AsyncPipe], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CdkTreeComplexExample implements OnInit { private readonly _dataStore = new ComplexDataStore(); diff --git a/src/components-examples/cdk/tree/cdk-tree-custom-key-manager/cdk-tree-custom-key-manager-example.ts b/src/components-examples/cdk/tree/cdk-tree-custom-key-manager/cdk-tree-custom-key-manager-example.ts index bc66a7a4eb95..36e6f8c805d6 100644 --- a/src/components-examples/cdk/tree/cdk-tree-custom-key-manager/cdk-tree-custom-key-manager-example.ts +++ b/src/components-examples/cdk/tree/cdk-tree-custom-key-manager/cdk-tree-custom-key-manager-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, QueryList} from '@angular/core'; +import {Component, QueryList} from '@angular/core'; import {ArrayDataSource} from '@angular/cdk/collections'; import {coerceObservable} from '@angular/cdk/coercion/private'; import {FlatTreeControl, CdkTreeModule} from '@angular/cdk/tree'; @@ -313,7 +313,6 @@ const VIM_TREE_KEY_MANAGER_PROVIDER = { styleUrls: ['cdk-tree-custom-key-manager-example.css'], imports: [CdkTreeModule, MatButtonModule, MatIconModule], providers: [VIM_TREE_KEY_MANAGER_PROVIDER], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CdkTreeCustomKeyManagerExample { treeControl = new FlatTreeControl( diff --git a/src/components-examples/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example.ts b/src/components-examples/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example.ts index cb5ecbbd3d8e..51a5383f6211 100644 --- a/src/components-examples/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example.ts +++ b/src/components-examples/cdk/tree/cdk-tree-flat-children-accessor/cdk-tree-flat-children-accessor-example.ts @@ -1,6 +1,6 @@ import {ArrayDataSource} from '@angular/cdk/collections'; import {CdkTree, CdkTreeModule} from '@angular/cdk/tree'; -import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core'; +import {Component, ViewChild} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; import {timer} from 'rxjs'; @@ -34,7 +34,6 @@ function flattenNodes(nodes: NestedFoodNode[]): NestedFoodNode[] { templateUrl: 'cdk-tree-flat-children-accessor-example.html', styleUrls: ['cdk-tree-flat-children-accessor-example.css'], imports: [CdkTreeModule, MatButtonModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CdkTreeFlatChildrenAccessorExample { @ViewChild(CdkTree) diff --git a/src/components-examples/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example.ts b/src/components-examples/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example.ts index 48b85f978b56..d11f2200f78e 100644 --- a/src/components-examples/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example.ts +++ b/src/components-examples/cdk/tree/cdk-tree-flat-level-accessor/cdk-tree-flat-level-accessor-example.ts @@ -1,6 +1,6 @@ import {ArrayDataSource} from '@angular/cdk/collections'; import {CdkTree, CdkTreeModule} from '@angular/cdk/tree'; -import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core'; +import {Component, ViewChild} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; @@ -20,7 +20,6 @@ interface FlatFoodNode { templateUrl: 'cdk-tree-flat-level-accessor-example.html', styleUrls: ['cdk-tree-flat-level-accessor-example.css'], imports: [CdkTreeModule, MatButtonModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CdkTreeFlatLevelAccessorExample { @ViewChild(CdkTree) diff --git a/src/components-examples/cdk/tree/cdk-tree-flat/cdk-tree-flat-example.ts b/src/components-examples/cdk/tree/cdk-tree-flat/cdk-tree-flat-example.ts index 8cd723ace64d..9d7f687ac130 100644 --- a/src/components-examples/cdk/tree/cdk-tree-flat/cdk-tree-flat-example.ts +++ b/src/components-examples/cdk/tree/cdk-tree-flat/cdk-tree-flat-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {ArrayDataSource} from '@angular/cdk/collections'; import {FlatTreeControl, CdkTreeModule} from '@angular/cdk/tree'; import {MatIconModule} from '@angular/material/icon'; @@ -20,7 +20,6 @@ interface ExampleFlatNode { templateUrl: 'cdk-tree-flat-example.html', styleUrl: 'cdk-tree-flat-example.css', imports: [CdkTreeModule, MatButtonModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CdkTreeFlatExample { treeControl = new FlatTreeControl( diff --git a/src/components-examples/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example.ts b/src/components-examples/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example.ts index 403e17c9909d..f06638f794f2 100644 --- a/src/components-examples/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example.ts +++ b/src/components-examples/cdk/tree/cdk-tree-nested-children-accessor/cdk-tree-nested-children-accessor-example.ts @@ -1,6 +1,6 @@ import {ArrayDataSource} from '@angular/cdk/collections'; import {CdkTree, CdkTreeModule} from '@angular/cdk/tree'; -import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core'; +import {Component, ViewChild} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; @@ -32,7 +32,6 @@ function flattenNodes(nodes: NestedFoodNode[]): NestedFoodNode[] { templateUrl: 'cdk-tree-nested-children-accessor-example.html', styleUrls: ['cdk-tree-nested-children-accessor-example.css'], imports: [CdkTreeModule, MatButtonModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CdkTreeNestedChildrenAccessorExample { @ViewChild(CdkTree) tree!: CdkTree; diff --git a/src/components-examples/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example.ts b/src/components-examples/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example.ts index 7f45d54c4d51..2cb0f2517b04 100644 --- a/src/components-examples/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example.ts +++ b/src/components-examples/cdk/tree/cdk-tree-nested-level-accessor/cdk-tree-nested-level-accessor-example.ts @@ -1,6 +1,6 @@ import {ArrayDataSource} from '@angular/cdk/collections'; import {CdkTree, CdkTreeModule} from '@angular/cdk/tree'; -import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core'; +import {Component, ViewChild} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; @@ -20,7 +20,6 @@ interface FlatFoodNode { templateUrl: 'cdk-tree-nested-level-accessor-example.html', styleUrls: ['cdk-tree-nested-level-accessor-example.css'], imports: [CdkTreeModule, MatButtonModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CdkTreeNestedLevelAccessorExample { @ViewChild(CdkTree) tree!: CdkTree; diff --git a/src/components-examples/cdk/tree/cdk-tree-nested/cdk-tree-nested-example.ts b/src/components-examples/cdk/tree/cdk-tree-nested/cdk-tree-nested-example.ts index 622cb919236c..a5e8b00ba884 100644 --- a/src/components-examples/cdk/tree/cdk-tree-nested/cdk-tree-nested-example.ts +++ b/src/components-examples/cdk/tree/cdk-tree-nested/cdk-tree-nested-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {ArrayDataSource} from '@angular/cdk/collections'; import {NestedTreeControl, CdkTreeModule} from '@angular/cdk/tree'; import {MatIconModule} from '@angular/material/icon'; @@ -21,7 +21,6 @@ interface FoodNode { templateUrl: 'cdk-tree-nested-example.html', styleUrl: 'cdk-tree-nested-example.css', imports: [CdkTreeModule, MatButtonModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CdkTreeNestedExample { treeControl = new NestedTreeControl(node => node.children); diff --git a/src/components-examples/material-experimental/popover-edit/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.ts b/src/components-examples/material-experimental/popover-edit/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.ts index 83d293a5f15c..7677e7cf9395 100644 --- a/src/components-examples/material-experimental/popover-edit/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.ts +++ b/src/components-examples/material-experimental/popover-edit/popover-edit-tab-out-mat-table/popover-edit-tab-out-mat-table-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {DataSource} from '@angular/cdk/collections'; import {NgForm, FormsModule} from '@angular/forms'; import {BehaviorSubject, Observable} from 'rxjs'; @@ -45,7 +45,6 @@ const ELEMENT_DATA: PeriodicElement[] = [ selector: 'popover-edit-tab-out-mat-table-example', styleUrl: 'popover-edit-tab-out-mat-table-example.css', templateUrl: 'popover-edit-tab-out-mat-table-example.html', - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ MatTableModule, FormsModule, diff --git a/src/components-examples/material/button-toggle/button-toggle-appearance/button-toggle-appearance-example.ts b/src/components-examples/material/button-toggle/button-toggle-appearance/button-toggle-appearance-example.ts index 28ff8a34b4d2..c36086826ccc 100644 --- a/src/components-examples/material/button-toggle/button-toggle-appearance/button-toggle-appearance-example.ts +++ b/src/components-examples/material/button-toggle/button-toggle-appearance/button-toggle-appearance-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatButtonToggleModule} from '@angular/material/button-toggle'; /** @@ -9,6 +9,5 @@ import {MatButtonToggleModule} from '@angular/material/button-toggle'; templateUrl: 'button-toggle-appearance-example.html', styleUrl: 'button-toggle-appearance-example.css', imports: [MatButtonToggleModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ButtonToggleAppearanceExample {} diff --git a/src/components-examples/material/button-toggle/button-toggle-forms/button-toggle-forms-example.ts b/src/components-examples/material/button-toggle/button-toggle-forms/button-toggle-forms-example.ts index 21f19dafd0a8..2c9f63b6cf08 100644 --- a/src/components-examples/material/button-toggle/button-toggle-forms/button-toggle-forms-example.ts +++ b/src/components-examples/material/button-toggle/button-toggle-forms/button-toggle-forms-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {MatButtonToggleModule} from '@angular/material/button-toggle'; @@ -9,7 +9,6 @@ import {MatButtonToggleModule} from '@angular/material/button-toggle'; selector: 'button-toggle-forms-example', templateUrl: 'button-toggle-forms-example.html', imports: [MatButtonToggleModule, FormsModule, ReactiveFormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ButtonToggleFormsExample { fontStyleControl = new FormControl(''); diff --git a/src/components-examples/material/button-toggle/button-toggle-harness/button-toggle-harness-example.ts b/src/components-examples/material/button-toggle/button-toggle-harness/button-toggle-harness-example.ts index d7427bca51ee..f9f5a6b1e14c 100644 --- a/src/components-examples/material/button-toggle/button-toggle-harness/button-toggle-harness-example.ts +++ b/src/components-examples/material/button-toggle/button-toggle-harness/button-toggle-harness-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, signal} from '@angular/core'; +import {Component, signal} from '@angular/core'; import {MatButtonToggleAppearance, MatButtonToggleModule} from '@angular/material/button-toggle'; /** @@ -8,7 +8,6 @@ import {MatButtonToggleAppearance, MatButtonToggleModule} from '@angular/materia selector: 'button-toggle-harness-example', templateUrl: 'button-toggle-harness-example.html', imports: [MatButtonToggleModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ButtonToggleHarnessExample { disabled = signal(false); diff --git a/src/components-examples/material/button-toggle/button-toggle-mode/button-toggle-mode-example.ts b/src/components-examples/material/button-toggle/button-toggle-mode/button-toggle-mode-example.ts index cdd7170b7f02..31c428b8f228 100644 --- a/src/components-examples/material/button-toggle/button-toggle-mode/button-toggle-mode-example.ts +++ b/src/components-examples/material/button-toggle/button-toggle-mode/button-toggle-mode-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, signal} from '@angular/core'; +import {Component, signal} from '@angular/core'; import {MatButtonToggleModule} from '@angular/material/button-toggle'; import {MatCheckboxModule} from '@angular/material/checkbox'; @@ -9,7 +9,6 @@ import {MatCheckboxModule} from '@angular/material/checkbox'; selector: 'button-toggle-mode-example', templateUrl: 'button-toggle-mode-example.html', imports: [MatButtonToggleModule, MatCheckboxModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ButtonToggleModeExample { hideSingleSelectionIndicator = signal(false); diff --git a/src/components-examples/material/card/card-actions/card-actions-example.ts b/src/components-examples/material/card/card-actions/card-actions-example.ts index adba3cd18634..dad31b6a9a74 100644 --- a/src/components-examples/material/card/card-actions/card-actions-example.ts +++ b/src/components-examples/material/card/card-actions/card-actions-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatCardModule} from '@angular/material/card'; @@ -9,6 +9,5 @@ import {MatCardModule} from '@angular/material/card'; selector: 'card-actions-example', templateUrl: 'card-actions-example.html', imports: [MatCardModule, MatButtonModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CardActionsExample {} diff --git a/src/components-examples/material/card/card-footer/card-footer-example.ts b/src/components-examples/material/card/card-footer/card-footer-example.ts index bef1531cdd06..bfe6abbd86da 100644 --- a/src/components-examples/material/card/card-footer/card-footer-example.ts +++ b/src/components-examples/material/card/card-footer/card-footer-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatProgressBarModule} from '@angular/material/progress-bar'; import {MatCardModule} from '@angular/material/card'; import {MatChipsModule} from '@angular/material/chips'; @@ -11,7 +11,6 @@ import {MatChipsModule} from '@angular/material/chips'; templateUrl: 'card-footer-example.html', styleUrl: 'card-footer-example.css', imports: [MatCardModule, MatChipsModule, MatProgressBarModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CardFooterExample { longText = `The Chihuahua is a Mexican breed of toy dog. It is named for the diff --git a/src/components-examples/material/card/card-harness/card-harness-example.ts b/src/components-examples/material/card/card-harness/card-harness-example.ts index 80aa466608a1..4d52796a3fd7 100644 --- a/src/components-examples/material/card/card-harness/card-harness-example.ts +++ b/src/components-examples/material/card/card-harness/card-harness-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatCardModule} from '@angular/material/card'; @@ -9,6 +9,5 @@ import {MatCardModule} from '@angular/material/card'; selector: 'card-harness-example', templateUrl: 'card-harness-example.html', imports: [MatCardModule, MatButtonModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CardHarnessExample {} diff --git a/src/components-examples/material/card/card-media-size/card-media-size-example.ts b/src/components-examples/material/card/card-media-size/card-media-size-example.ts index 335ba0243c0f..5af21122e018 100644 --- a/src/components-examples/material/card/card-media-size/card-media-size-example.ts +++ b/src/components-examples/material/card/card-media-size/card-media-size-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatCardModule} from '@angular/material/card'; /** @@ -9,7 +9,6 @@ import {MatCardModule} from '@angular/material/card'; templateUrl: 'card-media-size-example.html', styleUrl: 'card-media-size-example.css', imports: [MatCardModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CardMediaSizeExample { longText = `The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog diff --git a/src/components-examples/material/card/card-overview/card-overview-example.ts b/src/components-examples/material/card/card-overview/card-overview-example.ts index 59b143aad555..99a24f0f464f 100644 --- a/src/components-examples/material/card/card-overview/card-overview-example.ts +++ b/src/components-examples/material/card/card-overview/card-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatCardModule} from '@angular/material/card'; @@ -10,6 +10,5 @@ import {MatCardModule} from '@angular/material/card'; templateUrl: 'card-overview-example.html', styleUrl: 'card-overview-example.css', imports: [MatCardModule, MatButtonModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CardOverviewExample {} diff --git a/src/components-examples/material/checkbox/checkbox-configurable/checkbox-configurable-example.ts b/src/components-examples/material/checkbox/checkbox-configurable/checkbox-configurable-example.ts index a22f8f980db5..0fd29f54fa90 100644 --- a/src/components-examples/material/checkbox/checkbox-configurable/checkbox-configurable-example.ts +++ b/src/components-examples/material/checkbox/checkbox-configurable/checkbox-configurable-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, model} from '@angular/core'; +import {Component, model} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatCardModule} from '@angular/material/card'; import {MatCheckboxModule} from '@angular/material/checkbox'; @@ -12,7 +12,6 @@ import {MatRadioModule} from '@angular/material/radio'; templateUrl: 'checkbox-configurable-example.html', styleUrl: 'checkbox-configurable-example.css', imports: [MatCardModule, MatCheckboxModule, FormsModule, MatRadioModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CheckboxConfigurableExample { readonly checked = model(false); diff --git a/src/components-examples/material/checkbox/checkbox-harness/checkbox-harness-example.ts b/src/components-examples/material/checkbox/checkbox-harness/checkbox-harness-example.ts index c33f28bfaaa7..fa4d834d0e56 100644 --- a/src/components-examples/material/checkbox/checkbox-harness/checkbox-harness-example.ts +++ b/src/components-examples/material/checkbox/checkbox-harness/checkbox-harness-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, input} from '@angular/core'; +import {Component, input} from '@angular/core'; import {MatCheckboxModule} from '@angular/material/checkbox'; /** @@ -8,7 +8,6 @@ import {MatCheckboxModule} from '@angular/material/checkbox'; selector: 'checkbox-harness-example', templateUrl: 'checkbox-harness-example.html', imports: [MatCheckboxModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CheckboxHarnessExample { readonly disabled = input(true); diff --git a/src/components-examples/material/checkbox/checkbox-overview/checkbox-overview-example.ts b/src/components-examples/material/checkbox/checkbox-overview/checkbox-overview-example.ts index 1f0d05fe5e3a..fcb1a085091b 100644 --- a/src/components-examples/material/checkbox/checkbox-overview/checkbox-overview-example.ts +++ b/src/components-examples/material/checkbox/checkbox-overview/checkbox-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, computed, signal} from '@angular/core'; +import {Component, computed, signal} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatCheckboxModule} from '@angular/material/checkbox'; @@ -16,7 +16,6 @@ export interface Task { templateUrl: 'checkbox-overview-example.html', styleUrl: 'checkbox-overview-example.css', imports: [MatCheckboxModule, FormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CheckboxOverviewExample { readonly task = signal({ diff --git a/src/components-examples/material/checkbox/checkbox-reactive-forms/checkbox-reactive-forms-example.ts b/src/components-examples/material/checkbox/checkbox-reactive-forms/checkbox-reactive-forms-example.ts index ad0f0fe7aaf6..26071f338bd7 100644 --- a/src/components-examples/material/checkbox/checkbox-reactive-forms/checkbox-reactive-forms-example.ts +++ b/src/components-examples/material/checkbox/checkbox-reactive-forms/checkbox-reactive-forms-example.ts @@ -1,5 +1,5 @@ import {JsonPipe} from '@angular/common'; -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import {FormBuilder, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {MatCheckboxModule} from '@angular/material/checkbox'; @@ -9,7 +9,6 @@ import {MatCheckboxModule} from '@angular/material/checkbox'; templateUrl: 'checkbox-reactive-forms-example.html', styleUrl: 'checkbox-reactive-forms-example.css', imports: [FormsModule, ReactiveFormsModule, MatCheckboxModule, JsonPipe], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CheckboxReactiveFormsExample { private readonly _formBuilder = inject(FormBuilder); diff --git a/src/components-examples/material/chips/chips-autocomplete/chips-autocomplete-example.ts b/src/components-examples/material/chips/chips-autocomplete/chips-autocomplete-example.ts index 8ca45828cfc7..637e520ccfe5 100644 --- a/src/components-examples/material/chips/chips-autocomplete/chips-autocomplete-example.ts +++ b/src/components-examples/material/chips/chips-autocomplete/chips-autocomplete-example.ts @@ -1,6 +1,6 @@ import {LiveAnnouncer} from '@angular/cdk/a11y'; import {COMMA, ENTER} from '@angular/cdk/keycodes'; -import {ChangeDetectionStrategy, Component, computed, inject, model, signal} from '@angular/core'; +import {Component, computed, inject, model, signal} from '@angular/core'; import {FormsModule} from '@angular/forms'; import { MatAutocompleteModule, @@ -20,7 +20,6 @@ import {MatIconModule} from '@angular/material/icon'; // Make sure to import `MatAutocompleteModule` before `MatChipsModule` to prevent adding typed // text when autocomplete option is selected via keyboard). imports: [MatFormFieldModule, MatAutocompleteModule, MatChipsModule, MatIconModule, FormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ChipsAutocompleteExample { readonly separatorKeysCodes: number[] = [ENTER, COMMA]; diff --git a/src/components-examples/material/chips/chips-avatar/chips-avatar-example.ts b/src/components-examples/material/chips/chips-avatar/chips-avatar-example.ts index de7ce8249368..08a9001389aa 100644 --- a/src/components-examples/material/chips/chips-avatar/chips-avatar-example.ts +++ b/src/components-examples/material/chips/chips-avatar/chips-avatar-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatChipsModule} from '@angular/material/chips'; /** @@ -10,6 +10,5 @@ import {MatChipsModule} from '@angular/material/chips'; templateUrl: 'chips-avatar-example.html', styleUrl: 'chips-avatar-example.css', imports: [MatChipsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ChipsAvatarExample {} diff --git a/src/components-examples/material/chips/chips-drag-drop/chips-drag-drop-example.ts b/src/components-examples/material/chips/chips-drag-drop/chips-drag-drop-example.ts index a5ef143bc600..c66506472e8f 100644 --- a/src/components-examples/material/chips/chips-drag-drop/chips-drag-drop-example.ts +++ b/src/components-examples/material/chips/chips-drag-drop/chips-drag-drop-example.ts @@ -1,5 +1,5 @@ import {CdkDrag, CdkDragDrop, CdkDropList, moveItemInArray} from '@angular/cdk/drag-drop'; -import {ChangeDetectionStrategy, Component, signal} from '@angular/core'; +import {Component, signal} from '@angular/core'; import {MatChipsModule} from '@angular/material/chips'; export interface Vegetable { @@ -14,7 +14,6 @@ export interface Vegetable { templateUrl: 'chips-drag-drop-example.html', styleUrl: 'chips-drag-drop-example.css', imports: [MatChipsModule, CdkDropList, CdkDrag], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ChipsDragDropExample { readonly vegetables = signal([ diff --git a/src/components-examples/material/chips/chips-form-control/chips-form-control-example.ts b/src/components-examples/material/chips/chips-form-control/chips-form-control-example.ts index 1d204ab35d2f..c908e47407b1 100644 --- a/src/components-examples/material/chips/chips-form-control/chips-form-control-example.ts +++ b/src/components-examples/material/chips/chips-form-control/chips-form-control-example.ts @@ -1,5 +1,5 @@ import {LiveAnnouncer} from '@angular/cdk/a11y'; -import {ChangeDetectionStrategy, Component, inject, signal} from '@angular/core'; +import {Component, inject, signal} from '@angular/core'; import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatChipInputEvent, MatChipsModule} from '@angular/material/chips'; @@ -21,7 +21,6 @@ import {MatIconModule} from '@angular/material/icon'; ReactiveFormsModule, MatIconModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ChipsFormControlExample { readonly keywords = signal(['angular', 'how-to', 'tutorial', 'accessibility']); diff --git a/src/components-examples/material/chips/chips-harness/chips-harness-example.ts b/src/components-examples/material/chips/chips-harness/chips-harness-example.ts index e4fa273dde13..2fe35811f806 100644 --- a/src/components-examples/material/chips/chips-harness/chips-harness-example.ts +++ b/src/components-examples/material/chips/chips-harness/chips-harness-example.ts @@ -1,6 +1,6 @@ /// -import {ChangeDetectionStrategy, Component, signal} from '@angular/core'; +import {Component, signal} from '@angular/core'; import {MatChipsModule} from '@angular/material/chips'; import {MatIconModule} from '@angular/material/icon'; @@ -11,7 +11,6 @@ import {MatIconModule} from '@angular/material/icon'; selector: 'chips-harness-example', templateUrl: 'chips-harness-example.html', imports: [MatChipsModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ChipsHarnessExample { isDisabled = signal(false); diff --git a/src/components-examples/material/chips/chips-input/chips-input-example.ts b/src/components-examples/material/chips/chips-input/chips-input-example.ts index 75e5c9cc6801..45937d0b2004 100644 --- a/src/components-examples/material/chips/chips-input/chips-input-example.ts +++ b/src/components-examples/material/chips/chips-input/chips-input-example.ts @@ -1,6 +1,6 @@ import {LiveAnnouncer} from '@angular/cdk/a11y'; import {COMMA, ENTER} from '@angular/cdk/keycodes'; -import {ChangeDetectionStrategy, Component, inject, signal} from '@angular/core'; +import {Component, inject, signal} from '@angular/core'; import {MatChipEditedEvent, MatChipInputEvent, MatChipsModule} from '@angular/material/chips'; import {MatFormFieldModule} from '@angular/material/form-field'; import {MatIconModule} from '@angular/material/icon'; @@ -17,7 +17,6 @@ export interface Fruit { templateUrl: 'chips-input-example.html', styleUrl: 'chips-input-example.css', imports: [MatFormFieldModule, MatChipsModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ChipsInputExample { readonly addOnBlur = true; diff --git a/src/components-examples/material/chips/chips-overview/chips-overview-example.ts b/src/components-examples/material/chips/chips-overview/chips-overview-example.ts index 1aa611fc93b6..4d8e8fa08c54 100644 --- a/src/components-examples/material/chips/chips-overview/chips-overview-example.ts +++ b/src/components-examples/material/chips/chips-overview/chips-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatChipsModule} from '@angular/material/chips'; /** @@ -8,6 +8,5 @@ import {MatChipsModule} from '@angular/material/chips'; selector: 'chips-overview-example', templateUrl: 'chips-overview-example.html', imports: [MatChipsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ChipsOverviewExample {} diff --git a/src/components-examples/material/chips/chips-reactive-form/chips-reactive-form-example.ts b/src/components-examples/material/chips/chips-reactive-form/chips-reactive-form-example.ts index 30e9b8e97866..e5024d96cca3 100644 --- a/src/components-examples/material/chips/chips-reactive-form/chips-reactive-form-example.ts +++ b/src/components-examples/material/chips/chips-reactive-form/chips-reactive-form-example.ts @@ -1,5 +1,5 @@ import {LiveAnnouncer} from '@angular/cdk/a11y'; -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import {FormControl, ReactiveFormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatChipInputEvent, MatChipsModule} from '@angular/material/chips'; @@ -20,7 +20,6 @@ import {MatIconModule} from '@angular/material/icon'; ReactiveFormsModule, MatIconModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ChipsReactiveFormExample { private _announcer = inject(LiveAnnouncer); diff --git a/src/components-examples/material/chips/chips-template-form/chips-template-form-example.ts b/src/components-examples/material/chips/chips-template-form/chips-template-form-example.ts index 1721385ba806..373d5b42fd51 100644 --- a/src/components-examples/material/chips/chips-template-form/chips-template-form-example.ts +++ b/src/components-examples/material/chips/chips-template-form/chips-template-form-example.ts @@ -1,5 +1,5 @@ import {LiveAnnouncer} from '@angular/cdk/a11y'; -import {ChangeDetectionStrategy, Component, inject, signal} from '@angular/core'; +import {Component, inject, signal} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatChipInputEvent, MatChipsModule} from '@angular/material/chips'; @@ -14,7 +14,6 @@ import {MatIconModule} from '@angular/material/icon'; templateUrl: 'chips-template-form-example.html', styleUrl: 'chips-template-form-example.css', imports: [MatButtonModule, MatFormFieldModule, MatChipsModule, FormsModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ChipsTemplateFormExample { private _announcer = inject(LiveAnnouncer); diff --git a/src/components-examples/material/datepicker/date-range-picker-comparison/date-range-picker-comparison-example.ts b/src/components-examples/material/datepicker/date-range-picker-comparison/date-range-picker-comparison-example.ts index 13de181754ee..926008117101 100644 --- a/src/components-examples/material/datepicker/date-range-picker-comparison/date-range-picker-comparison-example.ts +++ b/src/components-examples/material/datepicker/date-range-picker-comparison/date-range-picker-comparison-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormControl, FormGroup, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; @@ -15,7 +15,6 @@ const year = today.getFullYear(); styleUrl: 'date-range-picker-comparison-example.css', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatDatepickerModule, FormsModule, ReactiveFormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DateRangePickerComparisonExample { readonly campaignOne = new FormGroup({ diff --git a/src/components-examples/material/datepicker/date-range-picker-forms/date-range-picker-forms-example.ts b/src/components-examples/material/datepicker/date-range-picker-forms/date-range-picker-forms-example.ts index ca9f523d190c..87d6054a4fa1 100644 --- a/src/components-examples/material/datepicker/date-range-picker-forms/date-range-picker-forms-example.ts +++ b/src/components-examples/material/datepicker/date-range-picker-forms/date-range-picker-forms-example.ts @@ -1,5 +1,5 @@ import {JsonPipe} from '@angular/common'; -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormControl, FormGroup, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; @@ -11,7 +11,6 @@ import {MatFormFieldModule} from '@angular/material/form-field'; templateUrl: 'date-range-picker-forms-example.html', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatDatepickerModule, FormsModule, ReactiveFormsModule, JsonPipe], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DateRangePickerFormsExample { readonly range = new FormGroup({ diff --git a/src/components-examples/material/datepicker/date-range-picker-overview/date-range-picker-overview-example.ts b/src/components-examples/material/datepicker/date-range-picker-overview/date-range-picker-overview-example.ts index e6cf8c4594fd..734a75ccf605 100644 --- a/src/components-examples/material/datepicker/date-range-picker-overview/date-range-picker-overview-example.ts +++ b/src/components-examples/material/datepicker/date-range-picker-overview/date-range-picker-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -9,6 +9,5 @@ import {MatFormFieldModule} from '@angular/material/form-field'; templateUrl: 'date-range-picker-overview-example.html', imports: [MatFormFieldModule, MatDatepickerModule], providers: [provideNativeDateAdapter()], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DateRangePickerOverviewExample {} diff --git a/src/components-examples/material/datepicker/date-range-picker-selection-strategy/date-range-picker-selection-strategy-example.ts b/src/components-examples/material/datepicker/date-range-picker-selection-strategy/date-range-picker-selection-strategy-example.ts index 84309bbb3503..1fe786dd42e2 100644 --- a/src/components-examples/material/datepicker/date-range-picker-selection-strategy/date-range-picker-selection-strategy-example.ts +++ b/src/components-examples/material/datepicker/date-range-picker-selection-strategy/date-range-picker-selection-strategy-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, Service, inject} from '@angular/core'; +import {Component, Service, inject} from '@angular/core'; import {DateAdapter, provideNativeDateAdapter} from '@angular/material/core'; import { DateRange, @@ -43,6 +43,5 @@ export class FiveDayRangeSelectionStrategy implements MatDateRangeSelectionSt provideNativeDateAdapter(), ], imports: [MatFormFieldModule, MatDatepickerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DateRangePickerSelectionStrategyExample {} diff --git a/src/components-examples/material/datepicker/datepicker-actions/datepicker-actions-example.ts b/src/components-examples/material/datepicker/datepicker-actions/datepicker-actions-example.ts index 8e6f395cf7d5..9ab0c858aa12 100644 --- a/src/components-examples/material/datepicker/datepicker-actions/datepicker-actions-example.ts +++ b/src/components-examples/material/datepicker/datepicker-actions/datepicker-actions-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatDatepickerModule} from '@angular/material/datepicker'; import {MatInputModule} from '@angular/material/input'; @@ -12,6 +12,5 @@ import {provideNativeDateAdapter} from '@angular/material/core'; styleUrl: 'datepicker-actions-example.css', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule, MatButtonModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerActionsExample {} diff --git a/src/components-examples/material/datepicker/datepicker-api/datepicker-api-example.ts b/src/components-examples/material/datepicker/datepicker-api/datepicker-api-example.ts index c10af85bbd57..857466da82de 100644 --- a/src/components-examples/material/datepicker/datepicker-api/datepicker-api-example.ts +++ b/src/components-examples/material/datepicker/datepicker-api/datepicker-api-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; @@ -12,6 +12,5 @@ import {MatInputModule} from '@angular/material/input'; styleUrl: 'datepicker-api-example.css', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule, MatButtonModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerApiExample {} diff --git a/src/components-examples/material/datepicker/datepicker-custom-header/datepicker-custom-header-example.ts b/src/components-examples/material/datepicker/datepicker-custom-header/datepicker-custom-header-example.ts index f894673e9e2c..c1a9aa0e3970 100644 --- a/src/components-examples/material/datepicker/datepicker-custom-header/datepicker-custom-header-example.ts +++ b/src/components-examples/material/datepicker/datepicker-custom-header/datepicker-custom-header-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, OnDestroy, signal, inject} from '@angular/core'; +import {Component, OnDestroy, signal, inject} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {DateAdapter, MAT_DATE_FORMATS, provideNativeDateAdapter} from '@angular/material/core'; import {MatCalendar, MatDatepickerModule} from '@angular/material/datepicker'; @@ -14,7 +14,6 @@ import {startWith, takeUntil} from 'rxjs/operators'; templateUrl: 'datepicker-custom-header-example.html', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerCustomHeaderExample { readonly exampleHeader = ExampleHeader; @@ -55,7 +54,6 @@ export class DatepickerCustomHeaderExample { `, imports: [MatButtonModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ExampleHeader implements OnDestroy { private _calendar = inject>(MatCalendar); diff --git a/src/components-examples/material/datepicker/datepicker-custom-icon/datepicker-custom-icon-example.ts b/src/components-examples/material/datepicker/datepicker-custom-icon/datepicker-custom-icon-example.ts index 867c4c79d7f6..182c43644dd6 100644 --- a/src/components-examples/material/datepicker/datepicker-custom-icon/datepicker-custom-icon-example.ts +++ b/src/components-examples/material/datepicker/datepicker-custom-icon/datepicker-custom-icon-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -11,6 +11,5 @@ import {MatInputModule} from '@angular/material/input'; templateUrl: 'datepicker-custom-icon-example.html', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerCustomIconExample {} diff --git a/src/components-examples/material/datepicker/datepicker-date-class/datepicker-date-class-example.ts b/src/components-examples/material/datepicker/datepicker-date-class/datepicker-date-class-example.ts index 860860c0b435..8378c9839f27 100644 --- a/src/components-examples/material/datepicker/datepicker-date-class/datepicker-date-class-example.ts +++ b/src/components-examples/material/datepicker/datepicker-date-class/datepicker-date-class-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core'; +import {Component, ViewEncapsulation} from '@angular/core'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatCalendarCellClassFunction, MatDatepickerModule} from '@angular/material/datepicker'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -12,7 +12,6 @@ import {MatInputModule} from '@angular/material/input'; encapsulation: ViewEncapsulation.None, providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerDateClassExample { dateClass: MatCalendarCellClassFunction = (cellDate, view) => { diff --git a/src/components-examples/material/datepicker/datepicker-dialog/datepicker-dialog-example.ts b/src/components-examples/material/datepicker/datepicker-dialog/datepicker-dialog-example.ts index 481569cc28cf..4fff2d3b706f 100644 --- a/src/components-examples/material/datepicker/datepicker-dialog/datepicker-dialog-example.ts +++ b/src/components-examples/material/datepicker/datepicker-dialog/datepicker-dialog-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, model, inject} from '@angular/core'; +import {Component, model, inject} from '@angular/core'; import {FormControl, ReactiveFormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import { @@ -20,7 +20,6 @@ export interface DialogData { selector: 'datepicker-dialog-example', templateUrl: 'datepicker-dialog-example.html', imports: [MatButtonModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerDialogExample { dialog = inject(MatDialog); diff --git a/src/components-examples/material/datepicker/datepicker-disabled/datepicker-disabled-example.ts b/src/components-examples/material/datepicker/datepicker-disabled/datepicker-disabled-example.ts index abd09f240d23..d360279d7517 100644 --- a/src/components-examples/material/datepicker/datepicker-disabled/datepicker-disabled-example.ts +++ b/src/components-examples/material/datepicker/datepicker-disabled/datepicker-disabled-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -10,6 +10,5 @@ import {MatInputModule} from '@angular/material/input'; templateUrl: 'datepicker-disabled-example.html', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerDisabledExample {} diff --git a/src/components-examples/material/datepicker/datepicker-events/datepicker-events-example.ts b/src/components-examples/material/datepicker/datepicker-events/datepicker-events-example.ts index f987518bb36d..cacf6cb2d60d 100644 --- a/src/components-examples/material/datepicker/datepicker-events/datepicker-events-example.ts +++ b/src/components-examples/material/datepicker/datepicker-events/datepicker-events-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, signal} from '@angular/core'; +import {Component, signal} from '@angular/core'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatDatepickerInputEvent, MatDatepickerModule} from '@angular/material/datepicker'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -11,7 +11,6 @@ import {MatInputModule} from '@angular/material/input'; styleUrl: 'datepicker-events-example.css', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerEventsExample { events = signal([]); diff --git a/src/components-examples/material/datepicker/datepicker-filter/datepicker-filter-example.ts b/src/components-examples/material/datepicker/datepicker-filter/datepicker-filter-example.ts index 5a57d1b7b1e8..49838df93959 100644 --- a/src/components-examples/material/datepicker/datepicker-filter/datepicker-filter-example.ts +++ b/src/components-examples/material/datepicker/datepicker-filter/datepicker-filter-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -10,7 +10,6 @@ import {MatInputModule} from '@angular/material/input'; templateUrl: 'datepicker-filter-example.html', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerFilterExample { myFilter = (d: Date | null): boolean => { diff --git a/src/components-examples/material/datepicker/datepicker-formats/datepicker-formats-example.ts b/src/components-examples/material/datepicker/datepicker-formats/datepicker-formats-example.ts index 3041202adb57..3d394930ccd8 100644 --- a/src/components-examples/material/datepicker/datepicker-formats/datepicker-formats-example.ts +++ b/src/components-examples/material/datepicker/datepicker-formats/datepicker-formats-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {provideLuxonDateAdapter} from '@angular/material-luxon-adapter'; import {MatDatepickerModule} from '@angular/material/datepicker'; @@ -37,7 +37,6 @@ export const MY_FORMATS = { FormsModule, ReactiveFormsModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerFormatsExample { readonly date = new FormControl(DateTime.now()); diff --git a/src/components-examples/material/datepicker/datepicker-harness/datepicker-harness-example.ts b/src/components-examples/material/datepicker/datepicker-harness/datepicker-harness-example.ts index 3576cb380b4c..2742e317a3b9 100644 --- a/src/components-examples/material/datepicker/datepicker-harness/datepicker-harness-example.ts +++ b/src/components-examples/material/datepicker/datepicker-harness/datepicker-harness-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, model, signal} from '@angular/core'; +import {Component, model, signal} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; @@ -12,7 +12,6 @@ import {MatInputModule} from '@angular/material/input'; templateUrl: 'datepicker-harness-example.html', providers: [provideNativeDateAdapter()], imports: [MatInputModule, MatDatepickerModule, FormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerHarnessExample { date = model(null); diff --git a/src/components-examples/material/datepicker/datepicker-inline-calendar/datepicker-inline-calendar-example.ts b/src/components-examples/material/datepicker/datepicker-inline-calendar/datepicker-inline-calendar-example.ts index 42d7913ab790..786f86e82a3b 100644 --- a/src/components-examples/material/datepicker/datepicker-inline-calendar/datepicker-inline-calendar-example.ts +++ b/src/components-examples/material/datepicker/datepicker-inline-calendar/datepicker-inline-calendar-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, model} from '@angular/core'; +import {Component, model} from '@angular/core'; import {MatCardModule} from '@angular/material/card'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; @@ -10,7 +10,6 @@ import {MatDatepickerModule} from '@angular/material/datepicker'; styleUrl: 'datepicker-inline-calendar-example.css', providers: [provideNativeDateAdapter()], imports: [MatCardModule, MatDatepickerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerInlineCalendarExample { selected = model(null); diff --git a/src/components-examples/material/datepicker/datepicker-locale/datepicker-locale-example.ts b/src/components-examples/material/datepicker/datepicker-locale/datepicker-locale-example.ts index 39910d4150db..47086c029cff 100644 --- a/src/components-examples/material/datepicker/datepicker-locale/datepicker-locale-example.ts +++ b/src/components-examples/material/datepicker/datepicker-locale/datepicker-locale-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, OnInit, computed, inject, signal} from '@angular/core'; +import {Component, OnInit, computed, inject, signal} from '@angular/core'; import {provideLuxonDateAdapter} from '@angular/material-luxon-adapter'; import {MatButtonModule} from '@angular/material/button'; import {DateAdapter, MAT_DATE_LOCALE} from '@angular/material/core'; @@ -22,7 +22,6 @@ import {MatInputModule} from '@angular/material/input'; provideLuxonDateAdapter(), ], imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule, MatButtonModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerLocaleExample implements OnInit { private readonly _adapter = inject>(DateAdapter); diff --git a/src/components-examples/material/datepicker/datepicker-luxon/datepicker-luxon-example.ts b/src/components-examples/material/datepicker/datepicker-luxon/datepicker-luxon-example.ts index a9b7765afc16..12f950402bc6 100644 --- a/src/components-examples/material/datepicker/datepicker-luxon/datepicker-luxon-example.ts +++ b/src/components-examples/material/datepicker/datepicker-luxon/datepicker-luxon-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {provideLuxonDateAdapter} from '@angular/material-luxon-adapter'; import {MatDatepickerModule} from '@angular/material/datepicker'; @@ -23,7 +23,6 @@ import {DateTime} from 'luxon'; FormsModule, ReactiveFormsModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerLuxonExample { // Datepicker takes Luxon `DateTime` objects instead of `Date` objects. diff --git a/src/components-examples/material/datepicker/datepicker-min-max/datepicker-min-max-example.ts b/src/components-examples/material/datepicker/datepicker-min-max/datepicker-min-max-example.ts index a5f290e96172..4225107cce5b 100644 --- a/src/components-examples/material/datepicker/datepicker-min-max/datepicker-min-max-example.ts +++ b/src/components-examples/material/datepicker/datepicker-min-max/datepicker-min-max-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -10,7 +10,6 @@ import {MatInputModule} from '@angular/material/input'; templateUrl: 'datepicker-min-max-example.html', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerMinMaxExample { // Set the minimum to January 1st 20 years in the past and December 31st a year in the future. diff --git a/src/components-examples/material/datepicker/datepicker-overview/datepicker-overview-example.ts b/src/components-examples/material/datepicker/datepicker-overview/datepicker-overview-example.ts index 0cca22960dce..b8c5e5aab853 100644 --- a/src/components-examples/material/datepicker/datepicker-overview/datepicker-overview-example.ts +++ b/src/components-examples/material/datepicker/datepicker-overview/datepicker-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; import {MatInputModule} from '@angular/material/input'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -10,6 +10,5 @@ import {provideNativeDateAdapter} from '@angular/material/core'; templateUrl: 'datepicker-overview-example.html', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerOverviewExample {} diff --git a/src/components-examples/material/datepicker/datepicker-start-view/datepicker-start-view-example.ts b/src/components-examples/material/datepicker/datepicker-start-view/datepicker-start-view-example.ts index 701dec0be53b..5464e970eb0b 100644 --- a/src/components-examples/material/datepicker/datepicker-start-view/datepicker-start-view-example.ts +++ b/src/components-examples/material/datepicker/datepicker-start-view/datepicker-start-view-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -10,7 +10,6 @@ import {MatInputModule} from '@angular/material/input'; templateUrl: 'datepicker-start-view-example.html', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerStartViewExample { readonly startDate = new Date(1990, 0, 1); diff --git a/src/components-examples/material/datepicker/datepicker-touch/datepicker-touch-example.ts b/src/components-examples/material/datepicker/datepicker-touch/datepicker-touch-example.ts index 14d2dc5fc149..4788d482a535 100644 --- a/src/components-examples/material/datepicker/datepicker-touch/datepicker-touch-example.ts +++ b/src/components-examples/material/datepicker/datepicker-touch/datepicker-touch-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; import {MatInputModule} from '@angular/material/input'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -10,6 +10,5 @@ import {provideNativeDateAdapter} from '@angular/material/core'; templateUrl: 'datepicker-touch-example.html', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatDatepickerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerTouchExample {} diff --git a/src/components-examples/material/datepicker/datepicker-value/datepicker-value-example.ts b/src/components-examples/material/datepicker/datepicker-value/datepicker-value-example.ts index eb093d18ab88..818153cef899 100644 --- a/src/components-examples/material/datepicker/datepicker-value/datepicker-value-example.ts +++ b/src/components-examples/material/datepicker/datepicker-value/datepicker-value-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; @@ -18,7 +18,6 @@ import {MatInputModule} from '@angular/material/input'; FormsModule, ReactiveFormsModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerValueExample { readonly date = new FormControl(new Date()); diff --git a/src/components-examples/material/datepicker/datepicker-views-selection/datepicker-views-selection-example.ts b/src/components-examples/material/datepicker/datepicker-views-selection/datepicker-views-selection-example.ts index f27daf95e608..5cf28216db45 100644 --- a/src/components-examples/material/datepicker/datepicker-views-selection/datepicker-views-selection-example.ts +++ b/src/components-examples/material/datepicker/datepicker-views-selection/datepicker-views-selection-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core'; +import {Component, ViewEncapsulation} from '@angular/core'; import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {provideLuxonDateAdapter} from '@angular/material-luxon-adapter'; import {MatDatepicker, MatDatepickerModule} from '@angular/material/datepicker'; @@ -39,7 +39,6 @@ export const MY_FORMATS = { FormsModule, ReactiveFormsModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DatepickerViewsSelectionExample { readonly date = new FormControl(DateTime.now()); diff --git a/src/components-examples/material/dialog/dialog-animations/dialog-animations-example.ts b/src/components-examples/material/dialog/dialog-animations/dialog-animations-example.ts index 3ed75f3f1383..8b8919b4ddeb 100644 --- a/src/components-examples/material/dialog/dialog-animations/dialog-animations-example.ts +++ b/src/components-examples/material/dialog/dialog-animations/dialog-animations-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import { MatDialog, @@ -17,7 +17,6 @@ import { styleUrl: 'dialog-animations-example.css', templateUrl: 'dialog-animations-example.html', imports: [MatButtonModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DialogAnimationsExample { readonly dialog = inject(MatDialog); @@ -35,7 +34,6 @@ export class DialogAnimationsExample { selector: 'dialog-animations-example-dialog', templateUrl: 'dialog-animations-example-dialog.html', imports: [MatButtonModule, MatDialogActions, MatDialogClose, MatDialogTitle, MatDialogContent], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DialogAnimationsExampleDialog { readonly dialogRef = inject(MatDialogRef); diff --git a/src/components-examples/material/dialog/dialog-content/dialog-content-example.ts b/src/components-examples/material/dialog/dialog-content/dialog-content-example.ts index fba38409c9ad..0ef258cfb6f2 100644 --- a/src/components-examples/material/dialog/dialog-content/dialog-content-example.ts +++ b/src/components-examples/material/dialog/dialog-content/dialog-content-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatDialog, MatDialogModule} from '@angular/material/dialog'; @@ -9,7 +9,6 @@ import {MatDialog, MatDialogModule} from '@angular/material/dialog'; selector: 'dialog-content-example', templateUrl: 'dialog-content-example.html', imports: [MatButtonModule, MatDialogModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DialogContentExample { readonly dialog = inject(MatDialog); @@ -27,6 +26,5 @@ export class DialogContentExample { selector: 'dialog-content-example-dialog', templateUrl: 'dialog-content-example-dialog.html', imports: [MatDialogModule, MatButtonModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DialogContentExampleDialog {} diff --git a/src/components-examples/material/dialog/dialog-elements/dialog-elements-example.ts b/src/components-examples/material/dialog/dialog-elements/dialog-elements-example.ts index 2ebc273d6302..b076be59f71b 100644 --- a/src/components-examples/material/dialog/dialog-elements/dialog-elements-example.ts +++ b/src/components-examples/material/dialog/dialog-elements/dialog-elements-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import { MatDialog, @@ -15,7 +15,6 @@ import { selector: 'dialog-elements-example', templateUrl: 'dialog-elements-example.html', imports: [MatButtonModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DialogElementsExample { readonly dialog = inject(MatDialog); @@ -29,6 +28,5 @@ export class DialogElementsExample { selector: 'dialog-elements-example-dialog', templateUrl: 'dialog-elements-example-dialog.html', imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatDialogClose, MatButtonModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DialogElementsExampleDialog {} diff --git a/src/components-examples/material/dialog/dialog-from-menu/dialog-from-menu-example.ts b/src/components-examples/material/dialog/dialog-from-menu/dialog-from-menu-example.ts index 0af59bda48e3..e4685c9b8541 100644 --- a/src/components-examples/material/dialog/dialog-from-menu/dialog-from-menu-example.ts +++ b/src/components-examples/material/dialog/dialog-from-menu/dialog-from-menu-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, inject, viewChild} from '@angular/core'; +import {Component, inject, viewChild} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import { MatDialog, @@ -14,7 +14,6 @@ import {MatMenuModule, MatMenuTrigger} from '@angular/material/menu'; selector: 'dialog-from-menu-example', templateUrl: 'dialog-from-menu-example.html', imports: [MatButtonModule, MatMenuModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DialogFromMenuExample { readonly menuTrigger = viewChild.required(MatMenuTrigger); @@ -36,6 +35,5 @@ export class DialogFromMenuExample { selector: 'dialog-from-menu-dialog', templateUrl: 'dialog-from-menu-example-dialog.html', imports: [MatDialogContent, MatDialogActions, MatDialogClose, MatButtonModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DialogFromMenuExampleDialog {} diff --git a/src/components-examples/material/dialog/dialog-harness/dialog-harness-example.ts b/src/components-examples/material/dialog/dialog-harness/dialog-harness-example.ts index 62a37bbd085e..461cd16b67c0 100644 --- a/src/components-examples/material/dialog/dialog-harness/dialog-harness-example.ts +++ b/src/components-examples/material/dialog/dialog-harness/dialog-harness-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, TemplateRef, inject, viewChild} from '@angular/core'; +import {Component, TemplateRef, inject, viewChild} from '@angular/core'; import {MatDialog, MatDialogConfig} from '@angular/material/dialog'; /** @@ -7,7 +7,6 @@ import {MatDialog, MatDialogConfig} from '@angular/material/dialog'; @Component({ selector: 'dialog-harness-example', templateUrl: 'dialog-harness-example.html', - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DialogHarnessExample { readonly dialogTemplate = viewChild.required(TemplateRef); diff --git a/src/components-examples/material/dialog/dialog-overview/dialog-overview-example.ts b/src/components-examples/material/dialog/dialog-overview/dialog-overview-example.ts index 595cbe23c628..3e534b89e694 100644 --- a/src/components-examples/material/dialog/dialog-overview/dialog-overview-example.ts +++ b/src/components-examples/material/dialog/dialog-overview/dialog-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, inject, model, signal} from '@angular/core'; +import {Component, inject, model, signal} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import { @@ -25,7 +25,6 @@ export interface DialogData { selector: 'dialog-overview-example', templateUrl: 'dialog-overview-example.html', imports: [MatFormFieldModule, MatInputModule, FormsModule, MatButtonModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DialogOverviewExample { readonly animal = signal(''); diff --git a/src/components-examples/material/divider/divider-harness/divider-harness-example.ts b/src/components-examples/material/divider/divider-harness/divider-harness-example.ts index f0304f188e9f..beb6f2f8847a 100644 --- a/src/components-examples/material/divider/divider-harness/divider-harness-example.ts +++ b/src/components-examples/material/divider/divider-harness/divider-harness-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatDividerModule} from '@angular/material/divider'; /** @@ -8,6 +8,5 @@ import {MatDividerModule} from '@angular/material/divider'; selector: 'divider-harness-example', templateUrl: 'divider-harness-example.html', imports: [MatDividerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DividerHarnessExample {} diff --git a/src/components-examples/material/divider/divider-overview/divider-overview-example.ts b/src/components-examples/material/divider/divider-overview/divider-overview-example.ts index 13aa918efee6..23cfdea84076 100644 --- a/src/components-examples/material/divider/divider-overview/divider-overview-example.ts +++ b/src/components-examples/material/divider/divider-overview/divider-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatDividerModule} from '@angular/material/divider'; import {MatListModule} from '@angular/material/list'; @@ -9,6 +9,5 @@ import {MatListModule} from '@angular/material/list'; selector: 'divider-overview-example', templateUrl: 'divider-overview-example.html', imports: [MatListModule, MatDividerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DividerOverviewExample {} diff --git a/src/components-examples/material/expansion/expansion-expand-collapse-all/expansion-expand-collapse-all-example.ts b/src/components-examples/material/expansion/expansion-expand-collapse-all/expansion-expand-collapse-all-example.ts index 103d489cd74e..e506ca6fdbff 100644 --- a/src/components-examples/material/expansion/expansion-expand-collapse-all/expansion-expand-collapse-all-example.ts +++ b/src/components-examples/material/expansion/expansion-expand-collapse-all/expansion-expand-collapse-all-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, viewChild} from '@angular/core'; +import {Component, viewChild} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; @@ -23,7 +23,6 @@ import {MatInputModule} from '@angular/material/input'; MatInputModule, MatDatepickerModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ExpansionExpandCollapseAllExample { accordion = viewChild.required(MatAccordion); diff --git a/src/components-examples/material/expansion/expansion-harness/expansion-harness-example.ts b/src/components-examples/material/expansion/expansion-harness/expansion-harness-example.ts index 2c9a0406e902..48460d31b67f 100644 --- a/src/components-examples/material/expansion/expansion-harness/expansion-harness-example.ts +++ b/src/components-examples/material/expansion/expansion-harness/expansion-harness-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatExpansionModule} from '@angular/material/expansion'; /** @@ -8,6 +8,5 @@ import {MatExpansionModule} from '@angular/material/expansion'; selector: 'expansion-harness-example', templateUrl: 'expansion-harness-example.html', imports: [MatExpansionModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ExpansionHarnessExample {} diff --git a/src/components-examples/material/expansion/expansion-overview/expansion-overview-example.ts b/src/components-examples/material/expansion/expansion-overview/expansion-overview-example.ts index 9ee743952c45..3a94dff2985a 100644 --- a/src/components-examples/material/expansion/expansion-overview/expansion-overview-example.ts +++ b/src/components-examples/material/expansion/expansion-overview/expansion-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, signal} from '@angular/core'; +import {Component, signal} from '@angular/core'; import {MatExpansionModule} from '@angular/material/expansion'; /** @@ -8,7 +8,6 @@ import {MatExpansionModule} from '@angular/material/expansion'; selector: 'expansion-overview-example', templateUrl: 'expansion-overview-example.html', imports: [MatExpansionModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ExpansionOverviewExample { readonly panelOpenState = signal(false); diff --git a/src/components-examples/material/expansion/expansion-steps/expansion-steps-example.ts b/src/components-examples/material/expansion/expansion-steps/expansion-steps-example.ts index 38baf06f4d9c..4557bd2e3cdd 100644 --- a/src/components-examples/material/expansion/expansion-steps/expansion-steps-example.ts +++ b/src/components-examples/material/expansion/expansion-steps/expansion-steps-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, signal} from '@angular/core'; +import {Component, signal} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatDatepickerModule} from '@angular/material/datepicker'; @@ -23,7 +23,6 @@ import {MatInputModule} from '@angular/material/input'; MatButtonModule, MatDatepickerModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ExpansionStepsExample { step = signal(0); diff --git a/src/components-examples/material/form-field/form-field-appearance/form-field-appearance-example.ts b/src/components-examples/material/form-field/form-field-appearance/form-field-appearance-example.ts index 563329356c56..af126d98c165 100644 --- a/src/components-examples/material/form-field/form-field-appearance/form-field-appearance-example.ts +++ b/src/components-examples/material/form-field/form-field-appearance/form-field-appearance-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatFormFieldModule} from '@angular/material/form-field'; import {MatIconModule} from '@angular/material/icon'; import {MatInputModule} from '@angular/material/input'; @@ -8,6 +8,5 @@ import {MatInputModule} from '@angular/material/input'; selector: 'form-field-appearance-example', templateUrl: 'form-field-appearance-example.html', imports: [MatFormFieldModule, MatInputModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class FormFieldAppearanceExample {} diff --git a/src/components-examples/material/form-field/form-field-custom-control/form-field-custom-control-example.ts b/src/components-examples/material/form-field/form-field-custom-control/form-field-custom-control-example.ts index 8d47a9f778d6..d68e5c8a4dbc 100644 --- a/src/components-examples/material/form-field/form-field-custom-control/form-field-custom-control-example.ts +++ b/src/components-examples/material/form-field/form-field-custom-control/form-field-custom-control-example.ts @@ -1,7 +1,6 @@ import {FocusMonitor} from '@angular/cdk/a11y'; import {AsyncPipe, JsonPipe} from '@angular/common'; import { - ChangeDetectionStrategy, Component, ElementRef, OnDestroy, @@ -49,7 +48,6 @@ import {Subject} from 'rxjs'; AsyncPipe, JsonPipe, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class FormFieldCustomControlExample { readonly form = new FormGroup({ @@ -77,7 +75,6 @@ export class MyTel { '[id]': 'id', }, imports: [FormsModule, ReactiveFormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class MyTelInput implements ControlValueAccessor, MatFormFieldControl, OnDestroy { static nextId = 0; diff --git a/src/components-examples/material/form-field/form-field-error/form-field-error-example.ts b/src/components-examples/material/form-field/form-field-error/form-field-error-example.ts index d9aa7c0317dd..bcabef71a184 100644 --- a/src/components-examples/material/form-field/form-field-error/form-field-error-example.ts +++ b/src/components-examples/material/form-field/form-field-error/form-field-error-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, signal} from '@angular/core'; +import {Component, signal} from '@angular/core'; import {takeUntilDestroyed} from '@angular/core/rxjs-interop'; import {FormControl, FormsModule, ReactiveFormsModule, Validators} from '@angular/forms'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -11,7 +11,6 @@ import {merge} from 'rxjs'; templateUrl: 'form-field-error-example.html', styleUrl: 'form-field-error-example.css', imports: [MatFormFieldModule, MatInputModule, FormsModule, ReactiveFormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class FormFieldErrorExample { readonly email = new FormControl('', [Validators.required, Validators.email]); diff --git a/src/components-examples/material/form-field/form-field-harness/form-field-harness-example.ts b/src/components-examples/material/form-field/form-field-harness/form-field-harness-example.ts index b6e9bfee1ee9..1b547617383d 100644 --- a/src/components-examples/material/form-field/form-field-harness/form-field-harness-example.ts +++ b/src/components-examples/material/form-field/form-field-harness/form-field-harness-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormControl, FormsModule, ReactiveFormsModule, Validators} from '@angular/forms'; import {MatFormFieldModule} from '@angular/material/form-field'; import {MatInputModule} from '@angular/material/input'; @@ -10,7 +10,6 @@ import {MatInputModule} from '@angular/material/input'; selector: 'form-field-harness-example', templateUrl: 'form-field-harness-example.html', imports: [MatFormFieldModule, MatInputModule, FormsModule, ReactiveFormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class FormFieldHarnessExample { readonly requiredControl = new FormControl('Initial value', [Validators.required]); diff --git a/src/components-examples/material/form-field/form-field-hint/form-field-hint-example.ts b/src/components-examples/material/form-field/form-field-hint/form-field-hint-example.ts index 0aef5c3b59a0..622a5b800024 100644 --- a/src/components-examples/material/form-field/form-field-hint/form-field-hint-example.ts +++ b/src/components-examples/material/form-field/form-field-hint/form-field-hint-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, signal} from '@angular/core'; +import {Component, signal} from '@angular/core'; import {MatFormFieldModule} from '@angular/material/form-field'; import {MatInputModule} from '@angular/material/input'; import {MatSelectModule} from '@angular/material/select'; @@ -9,7 +9,6 @@ import {MatSelectModule} from '@angular/material/select'; templateUrl: 'form-field-hint-example.html', styleUrl: 'form-field-hint-example.css', imports: [MatFormFieldModule, MatInputModule, MatSelectModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class FormFieldHintExample { protected readonly value = signal(''); diff --git a/src/components-examples/material/form-field/form-field-label/form-field-label-example.ts b/src/components-examples/material/form-field/form-field-label/form-field-label-example.ts index f37bf4d4a0ef..43a9b899fa03 100644 --- a/src/components-examples/material/form-field/form-field-label/form-field-label-example.ts +++ b/src/components-examples/material/form-field/form-field-label/form-field-label-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import {toSignal} from '@angular/core/rxjs-interop'; import {FormBuilder, FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {MatCheckboxModule} from '@angular/material/checkbox'; @@ -24,7 +24,6 @@ import {map} from 'rxjs/operators'; MatSelectModule, MatIconModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class FormFieldLabelExample { readonly hideRequiredControl = new FormControl(false); diff --git a/src/components-examples/material/form-field/form-field-overview/form-field-overview-example.ts b/src/components-examples/material/form-field/form-field-overview/form-field-overview-example.ts index 320d5a3d11e2..d8f8fe0c8190 100644 --- a/src/components-examples/material/form-field/form-field-overview/form-field-overview-example.ts +++ b/src/components-examples/material/form-field/form-field-overview/form-field-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatSelectModule} from '@angular/material/select'; import {MatInputModule} from '@angular/material/input'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -9,6 +9,5 @@ import {MatFormFieldModule} from '@angular/material/form-field'; templateUrl: 'form-field-overview-example.html', styleUrl: 'form-field-overview-example.css', imports: [MatFormFieldModule, MatInputModule, MatSelectModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class FormFieldOverviewExample {} diff --git a/src/components-examples/material/form-field/form-field-prefix-suffix/form-field-prefix-suffix-example.ts b/src/components-examples/material/form-field/form-field-prefix-suffix/form-field-prefix-suffix-example.ts index d2a539fee9be..b5a5cfac8f0c 100644 --- a/src/components-examples/material/form-field/form-field-prefix-suffix/form-field-prefix-suffix-example.ts +++ b/src/components-examples/material/form-field/form-field-prefix-suffix/form-field-prefix-suffix-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, signal} from '@angular/core'; +import {Component, signal} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatFormFieldModule} from '@angular/material/form-field'; import {MatIconModule} from '@angular/material/icon'; @@ -10,7 +10,6 @@ import {MatInputModule} from '@angular/material/input'; templateUrl: 'form-field-prefix-suffix-example.html', styleUrl: 'form-field-prefix-suffix-example.css', imports: [MatFormFieldModule, MatInputModule, MatButtonModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class FormFieldPrefixSuffixExample { hide = signal(true); diff --git a/src/components-examples/material/icon/icon-harness/icon-harness-example.ts b/src/components-examples/material/icon/icon-harness/icon-harness-example.ts index 7c3a66c15c48..d05497a79897 100644 --- a/src/components-examples/material/icon/icon-harness/icon-harness-example.ts +++ b/src/components-examples/material/icon/icon-harness/icon-harness-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatIconModule} from '@angular/material/icon'; /** @@ -8,6 +8,5 @@ import {MatIconModule} from '@angular/material/icon'; selector: 'icon-harness-example', templateUrl: 'icon-harness-example.html', imports: [MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class IconHarnessExample {} diff --git a/src/components-examples/material/icon/icon-overview/icon-overview-example.ts b/src/components-examples/material/icon/icon-overview/icon-overview-example.ts index 025a876641e7..6673b97f9e82 100644 --- a/src/components-examples/material/icon/icon-overview/icon-overview-example.ts +++ b/src/components-examples/material/icon/icon-overview/icon-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatIconModule} from '@angular/material/icon'; /** @@ -8,6 +8,5 @@ import {MatIconModule} from '@angular/material/icon'; selector: 'icon-overview-example', templateUrl: 'icon-overview-example.html', imports: [MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class IconOverviewExample {} diff --git a/src/components-examples/material/icon/icon-svg/icon-svg-example.ts b/src/components-examples/material/icon/icon-svg/icon-svg-example.ts index 68e5b7868394..4bfcdaded348 100644 --- a/src/components-examples/material/icon/icon-svg/icon-svg-example.ts +++ b/src/components-examples/material/icon/icon-svg/icon-svg-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import {DomSanitizer} from '@angular/platform-browser'; import {MatIconRegistry, MatIconModule} from '@angular/material/icon'; @@ -19,7 +19,6 @@ const THUMBUP_ICON = selector: 'icon-svg-example', templateUrl: 'icon-svg-example.html', imports: [MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class IconSvgExample { constructor() { diff --git a/src/components-examples/material/timepicker/timepicker-custom-icon/timepicker-custom-icon-example.ts b/src/components-examples/material/timepicker/timepicker-custom-icon/timepicker-custom-icon-example.ts index 4f356aade0c0..3a9f5b8528c3 100644 --- a/src/components-examples/material/timepicker/timepicker-custom-icon/timepicker-custom-icon-example.ts +++ b/src/components-examples/material/timepicker/timepicker-custom-icon/timepicker-custom-icon-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatTimepickerModule} from '@angular/material/timepicker'; import {MatIcon} from '@angular/material/icon'; import {MatInputModule} from '@angular/material/input'; @@ -11,6 +11,5 @@ import {provideNativeDateAdapter} from '@angular/material/core'; templateUrl: 'timepicker-custom-icon-example.html', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule, MatIcon], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TimepickerCustomIconExample {} diff --git a/src/components-examples/material/timepicker/timepicker-datepicker-integration/timepicker-datepicker-integration-example.ts b/src/components-examples/material/timepicker/timepicker-datepicker-integration/timepicker-datepicker-integration-example.ts index 93551951480d..cb4430d47f77 100644 --- a/src/components-examples/material/timepicker/timepicker-datepicker-integration/timepicker-datepicker-integration-example.ts +++ b/src/components-examples/material/timepicker/timepicker-datepicker-integration/timepicker-datepicker-integration-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatTimepickerModule} from '@angular/material/timepicker'; import {MatInputModule} from '@angular/material/input'; @@ -19,7 +19,6 @@ import {MatDatepickerModule} from '@angular/material/datepicker'; MatDatepickerModule, FormsModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TimepickerDatepickerIntegrationExample { value!: Date; diff --git a/src/components-examples/material/timepicker/timepicker-forms/timepicker-forms-example.ts b/src/components-examples/material/timepicker/timepicker-forms/timepicker-forms-example.ts index 60ce8d3a6aec..02348cb66758 100644 --- a/src/components-examples/material/timepicker/timepicker-forms/timepicker-forms-example.ts +++ b/src/components-examples/material/timepicker/timepicker-forms/timepicker-forms-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormControl, ReactiveFormsModule} from '@angular/forms'; import {MatTimepickerModule} from '@angular/material/timepicker'; import {MatInputModule} from '@angular/material/input'; @@ -11,7 +11,6 @@ import {provideNativeDateAdapter} from '@angular/material/core'; templateUrl: 'timepicker-forms-example.html', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule, ReactiveFormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TimepickerFormsExample { formControl: FormControl; diff --git a/src/components-examples/material/timepicker/timepicker-harness/timepicker-harness-example.ts b/src/components-examples/material/timepicker/timepicker-harness/timepicker-harness-example.ts index 33debcb9cc3f..68971c20cec2 100644 --- a/src/components-examples/material/timepicker/timepicker-harness/timepicker-harness-example.ts +++ b/src/components-examples/material/timepicker/timepicker-harness/timepicker-harness-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, Signal, signal} from '@angular/core'; +import {Component, Signal, signal} from '@angular/core'; import {provideNativeDateAdapter} from '@angular/material/core'; import {MatTimepickerModule} from '@angular/material/timepicker'; @@ -10,7 +10,6 @@ import {MatTimepickerModule} from '@angular/material/timepicker'; templateUrl: 'timepicker-harness-example.html', providers: [provideNativeDateAdapter()], imports: [MatTimepickerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TimepickerHarnessExample { date: Signal; diff --git a/src/components-examples/material/timepicker/timepicker-locale/timepicker-locale-example.ts b/src/components-examples/material/timepicker/timepicker-locale/timepicker-locale-example.ts index 18217aebaada..b25d64b193d5 100644 --- a/src/components-examples/material/timepicker/timepicker-locale/timepicker-locale-example.ts +++ b/src/components-examples/material/timepicker/timepicker-locale/timepicker-locale-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatTimepickerModule} from '@angular/material/timepicker'; import {MatInputModule} from '@angular/material/input'; @@ -12,7 +12,6 @@ import {MatButtonModule} from '@angular/material/button'; templateUrl: 'timepicker-locale-example.html', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule, FormsModule, MatButtonModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TimepickerLocaleExample { private readonly _adapter = inject>(DateAdapter); diff --git a/src/components-examples/material/timepicker/timepicker-options/timepicker-options-example.ts b/src/components-examples/material/timepicker/timepicker-options/timepicker-options-example.ts index ae75213b1b55..a0c1e0c82d76 100644 --- a/src/components-examples/material/timepicker/timepicker-options/timepicker-options-example.ts +++ b/src/components-examples/material/timepicker/timepicker-options/timepicker-options-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatTimepickerModule, MatTimepickerOption} from '@angular/material/timepicker'; import {MatInputModule} from '@angular/material/input'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -10,7 +10,6 @@ import {provideNativeDateAdapter} from '@angular/material/core'; templateUrl: 'timepicker-options-example.html', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TimepickerOptionsExample { customOptions: MatTimepickerOption[] = [ diff --git a/src/components-examples/material/timepicker/timepicker-overview/timepicker-overview-example.ts b/src/components-examples/material/timepicker/timepicker-overview/timepicker-overview-example.ts index 8f6f798f7978..add32b42cf00 100644 --- a/src/components-examples/material/timepicker/timepicker-overview/timepicker-overview-example.ts +++ b/src/components-examples/material/timepicker/timepicker-overview/timepicker-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatTimepickerModule} from '@angular/material/timepicker'; import {MatInputModule} from '@angular/material/input'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -10,6 +10,5 @@ import {provideNativeDateAdapter} from '@angular/material/core'; templateUrl: 'timepicker-overview-example.html', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TimepickerOverviewExample {} diff --git a/src/components-examples/material/timepicker/timepicker-validation/timepicker-validation-example.ts b/src/components-examples/material/timepicker/timepicker-validation/timepicker-validation-example.ts index 9702b1be034f..43a19d0873bb 100644 --- a/src/components-examples/material/timepicker/timepicker-validation/timepicker-validation-example.ts +++ b/src/components-examples/material/timepicker/timepicker-validation/timepicker-validation-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {JsonPipe} from '@angular/common'; import {FormControl, ReactiveFormsModule} from '@angular/forms'; import {MatTimepickerModule} from '@angular/material/timepicker'; @@ -13,7 +13,6 @@ import {provideNativeDateAdapter} from '@angular/material/core'; styleUrl: './timepicker-validation-example.css', providers: [provideNativeDateAdapter()], imports: [MatFormFieldModule, MatInputModule, MatTimepickerModule, ReactiveFormsModule, JsonPipe], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TimepickerValidationExample { formControl = new FormControl(null); diff --git a/src/components-examples/material/tree/tree-dynamic/tree-dynamic-example.ts b/src/components-examples/material/tree/tree-dynamic/tree-dynamic-example.ts index fa69d3666527..3dd02c9de58e 100644 --- a/src/components-examples/material/tree/tree-dynamic/tree-dynamic-example.ts +++ b/src/components-examples/material/tree/tree-dynamic/tree-dynamic-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component, Service, inject, signal} from '@angular/core'; +import {Component, Service, inject, signal} from '@angular/core'; import {MatProgressBarModule} from '@angular/material/progress-bar'; import {MatIconModule} from '@angular/material/icon'; import {MatButtonModule} from '@angular/material/button'; @@ -60,7 +60,6 @@ export class DynamicDatabase { templateUrl: 'tree-dynamic-example.html', styleUrl: 'tree-dynamic-example.css', imports: [MatTreeModule, MatButtonModule, MatIconModule, MatProgressBarModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TreeDynamicExample { private _database = inject(DynamicDatabase); diff --git a/src/components-examples/material/tree/tree-flat-child-accessor-overview/tree-flat-child-accessor-overview-example.ts b/src/components-examples/material/tree/tree-flat-child-accessor-overview/tree-flat-child-accessor-overview-example.ts index 17d0c50eb649..1003b4f7172c 100644 --- a/src/components-examples/material/tree/tree-flat-child-accessor-overview/tree-flat-child-accessor-overview-example.ts +++ b/src/components-examples/material/tree/tree-flat-child-accessor-overview/tree-flat-child-accessor-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatTreeModule} from '@angular/material/tree'; import {MatIconModule} from '@angular/material/icon'; import {MatButtonModule} from '@angular/material/button'; @@ -19,7 +19,6 @@ interface FoodNode { selector: 'tree-flat-child-accessor-overview-example', templateUrl: 'tree-flat-child-accessor-overview-example.html', imports: [MatTreeModule, MatButtonModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TreeFlatChildAccessorOverviewExample { dataSource = EXAMPLE_DATA; diff --git a/src/components-examples/material/tree/tree-flat-overview/tree-flat-overview-example.ts b/src/components-examples/material/tree/tree-flat-overview/tree-flat-overview-example.ts index b8f7d2be14e9..cacfb4dfa982 100644 --- a/src/components-examples/material/tree/tree-flat-overview/tree-flat-overview-example.ts +++ b/src/components-examples/material/tree/tree-flat-overview/tree-flat-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatTreeModule} from '@angular/material/tree'; import {MatIconModule} from '@angular/material/icon'; import {MatButtonModule} from '@angular/material/button'; @@ -19,7 +19,6 @@ interface FoodNode { selector: 'tree-flat-overview-example', templateUrl: 'tree-flat-overview-example.html', imports: [MatTreeModule, MatButtonModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TreeFlatOverviewExample { dataSource = EXAMPLE_DATA; diff --git a/src/components-examples/material/tree/tree-harness/tree-harness-example.ts b/src/components-examples/material/tree/tree-harness/tree-harness-example.ts index 9d199707763a..9052ec91cb8d 100644 --- a/src/components-examples/material/tree/tree-harness/tree-harness-example.ts +++ b/src/components-examples/material/tree/tree-harness/tree-harness-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatTreeModule} from '@angular/material/tree'; import {MatIconModule} from '@angular/material/icon'; import {MatButtonModule} from '@angular/material/button'; @@ -15,7 +15,6 @@ interface Node { selector: 'tree-harness-example', templateUrl: 'tree-harness-example.html', imports: [MatTreeModule, MatButtonModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TreeHarnessExample { dataSource = EXAMPLE_DATA; diff --git a/src/components-examples/material/tree/tree-legacy-keyboard-interface/tree-legacy-keyboard-interface-example.ts b/src/components-examples/material/tree/tree-legacy-keyboard-interface/tree-legacy-keyboard-interface-example.ts index fe0150c1bbc8..e1cb5343c9cf 100644 --- a/src/components-examples/material/tree/tree-legacy-keyboard-interface/tree-legacy-keyboard-interface-example.ts +++ b/src/components-examples/material/tree/tree-legacy-keyboard-interface/tree-legacy-keyboard-interface-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {ArrayDataSource} from '@angular/cdk/collections'; import {FlatTreeControl} from '@angular/cdk/tree'; import {MatIconModule} from '@angular/material/icon'; @@ -22,7 +22,6 @@ interface ExampleFlatNode { styleUrls: ['tree-legacy-keyboard-interface-example.css'], imports: [MatTreeModule, MatButtonModule, MatIconModule], providers: [NOOP_TREE_KEY_MANAGER_FACTORY_PROVIDER], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TreeLegacyKeyboardInterfaceExample { treeControl = new FlatTreeControl( diff --git a/src/components-examples/material/tree/tree-loadmore/tree-loadmore-example.ts b/src/components-examples/material/tree/tree-loadmore/tree-loadmore-example.ts index 601c96a00be5..7aab3ccfbd02 100644 --- a/src/components-examples/material/tree/tree-loadmore/tree-loadmore-example.ts +++ b/src/components-examples/material/tree/tree-loadmore/tree-loadmore-example.ts @@ -5,7 +5,7 @@ * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, Service, inject, signal} from '@angular/core'; +import {Component, Service, inject, signal} from '@angular/core'; import {MatTreeModule} from '@angular/material/tree'; import {MatIconModule} from '@angular/material/icon'; import {MatButtonModule} from '@angular/material/button'; @@ -115,7 +115,6 @@ export class LoadmoreDatabase { styleUrl: 'tree-loadmore-example.css', providers: [LoadmoreDatabase], imports: [MatTreeModule, MatButtonModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TreeLoadmoreExample { private _database = inject(LoadmoreDatabase); diff --git a/src/components-examples/material/tree/tree-nested-child-accessor-overview/tree-nested-child-accessor-overview-example.ts b/src/components-examples/material/tree/tree-nested-child-accessor-overview/tree-nested-child-accessor-overview-example.ts index 6e3cc2371fa6..83341e4557e6 100644 --- a/src/components-examples/material/tree/tree-nested-child-accessor-overview/tree-nested-child-accessor-overview-example.ts +++ b/src/components-examples/material/tree/tree-nested-child-accessor-overview/tree-nested-child-accessor-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatTreeModule} from '@angular/material/tree'; import {MatIconModule} from '@angular/material/icon'; import {MatButtonModule} from '@angular/material/button'; @@ -20,7 +20,6 @@ interface FoodNode { templateUrl: 'tree-nested-child-accessor-overview-example.html', styleUrl: 'tree-nested-child-accessor-overview-example.css', imports: [MatTreeModule, MatButtonModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TreeNestedChildAccessorOverviewExample { childrenAccessor = (node: FoodNode) => node.children ?? []; diff --git a/src/components-examples/material/tree/tree-nested-overview/tree-nested-overview-example.ts b/src/components-examples/material/tree/tree-nested-overview/tree-nested-overview-example.ts index 70bcabc15213..cf85482be782 100644 --- a/src/components-examples/material/tree/tree-nested-overview/tree-nested-overview-example.ts +++ b/src/components-examples/material/tree/tree-nested-overview/tree-nested-overview-example.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatTreeModule} from '@angular/material/tree'; import {MatIconModule} from '@angular/material/icon'; import {MatButtonModule} from '@angular/material/button'; @@ -20,7 +20,6 @@ interface FoodNode { templateUrl: 'tree-nested-overview-example.html', styleUrl: 'tree-nested-overview-example.css', imports: [MatTreeModule, MatButtonModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TreeNestedOverviewExample { childrenAccessor = (node: FoodNode) => node.children ?? []; diff --git a/src/dev-app/aria-accordion/accordion-demo.ts b/src/dev-app/aria-accordion/accordion-demo.ts index 75ff01621683..112ec915f07e 100644 --- a/src/dev-app/aria-accordion/accordion-demo.ts +++ b/src/dev-app/aria-accordion/accordion-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core'; +import {Component, ViewEncapsulation} from '@angular/core'; import { AccordionConfigurableExample, AccordionDisabledExample, @@ -28,6 +28,5 @@ import { AccordionDisabledExample, ], encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.OnPush, }) export class AccordionDemo {} diff --git a/src/dev-app/aria-autocomplete/autocomplete-demo.ts b/src/dev-app/aria-autocomplete/autocomplete-demo.ts index 38179f50296e..f8d18f85a291 100644 --- a/src/dev-app/aria-autocomplete/autocomplete-demo.ts +++ b/src/dev-app/aria-autocomplete/autocomplete-demo.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import { AutocompleteAutoSelectExample, AutocompleteManualExample, @@ -16,6 +16,5 @@ import { AutocompleteHighlightExample, AutocompleteDisabledExample, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class AutocompleteDemo {} diff --git a/src/dev-app/aria-combobox/combobox-demo.ts b/src/dev-app/aria-combobox/combobox-demo.ts index e0caa908a540..6a6993719cc3 100644 --- a/src/dev-app/aria-combobox/combobox-demo.ts +++ b/src/dev-app/aria-combobox/combobox-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import { ComboboxListboxExample, ComboboxTreeExample, @@ -25,7 +25,6 @@ import { } from '@angular/components-examples/aria/combobox'; @Component({ - changeDetection: ChangeDetectionStrategy.OnPush, templateUrl: 'combobox-demo.html', styleUrl: 'combobox-demo.css', imports: [ diff --git a/src/dev-app/aria-grid/grid-demo.ts b/src/dev-app/aria-grid/grid-demo.ts index 6bebfb9a10b4..79011eb15814 100644 --- a/src/dev-app/aria-grid/grid-demo.ts +++ b/src/dev-app/aria-grid/grid-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core'; +import {Component, ViewEncapsulation} from '@angular/core'; import { GridConfigurableExample, GridPillListExample, @@ -19,6 +19,5 @@ import { imports: [GridConfigurableExample, GridPillListExample, GridCalendarExample, GridTableExample], styleUrl: 'grid-demo.css', encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.OnPush, }) export class GridDemo {} diff --git a/src/dev-app/aria-listbox/listbox-demo.ts b/src/dev-app/aria-listbox/listbox-demo.ts index d5c09fc66701..04d6d604b962 100644 --- a/src/dev-app/aria-listbox/listbox-demo.ts +++ b/src/dev-app/aria-listbox/listbox-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core'; +import {Component, ViewEncapsulation} from '@angular/core'; import { ListboxConfigurableExample, ListboxSingleSelectExample, @@ -40,6 +40,5 @@ import { ], styleUrl: 'listbox-demo.css', encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ListboxDemo {} diff --git a/src/dev-app/aria-menu/menu-demo.ts b/src/dev-app/aria-menu/menu-demo.ts index 1f2ef3b4ae29..23c793d09cf9 100644 --- a/src/dev-app/aria-menu/menu-demo.ts +++ b/src/dev-app/aria-menu/menu-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core'; +import {Component, ViewEncapsulation} from '@angular/core'; import { MenuContextExample, MenuTriggerExample, @@ -19,7 +19,6 @@ import { templateUrl: 'menu-demo.html', styleUrl: 'menu-demo.css', encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ MenuContextExample, MenuTriggerExample, diff --git a/src/dev-app/aria-menubar/menubar-demo.ts b/src/dev-app/aria-menubar/menubar-demo.ts index aec11c487eaf..f2ddfe248f01 100644 --- a/src/dev-app/aria-menubar/menubar-demo.ts +++ b/src/dev-app/aria-menubar/menubar-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core'; +import {Component, ViewEncapsulation} from '@angular/core'; import { MenuBarExample, MenuBarRTLExample, @@ -17,7 +17,6 @@ import { templateUrl: 'menubar-demo.html', styleUrl: 'menubar-demo.css', encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.OnPush, imports: [MenuBarExample, MenuBarRTLExample, MenuBarDisabledExample], }) export class MenubarDemo {} diff --git a/src/dev-app/aria-tabs/tabs-demo.ts b/src/dev-app/aria-tabs/tabs-demo.ts index c8e3476111c6..cbd9d8f35156 100644 --- a/src/dev-app/aria-tabs/tabs-demo.ts +++ b/src/dev-app/aria-tabs/tabs-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import { TabsConfigurableExample, TabsExplicitSelectionExample, @@ -36,6 +36,5 @@ import { TabsDisabledExample, TabsScrollableExample, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TabsDemo {} diff --git a/src/dev-app/aria-toolbar/toolbar-demo.ts b/src/dev-app/aria-toolbar/toolbar-demo.ts index 7f133355b95f..08910d10af16 100644 --- a/src/dev-app/aria-toolbar/toolbar-demo.ts +++ b/src/dev-app/aria-toolbar/toolbar-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core'; +import {Component, ViewEncapsulation} from '@angular/core'; import { ToolbarBasicHorizontalExample, ToolbarBasicVerticalExample, @@ -26,6 +26,5 @@ import { ], styleUrl: './toolbar-demo.css', encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ToolbarDemo {} diff --git a/src/dev-app/aria-tree/tree-demo.ts b/src/dev-app/aria-tree/tree-demo.ts index bdd42762f58c..a309eaf412f5 100644 --- a/src/dev-app/aria-tree/tree-demo.ts +++ b/src/dev-app/aria-tree/tree-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core'; +import {Component, ViewEncapsulation} from '@angular/core'; import { TreeConfigurableExample, TreeActiveDescendantExample, @@ -38,6 +38,5 @@ import { ], styleUrl: 'tree-demo.css', encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TreeDemo {} diff --git a/src/dev-app/autocomplete/autocomplete-demo.ts b/src/dev-app/autocomplete/autocomplete-demo.ts index f191e9b47223..72d8cffed1c9 100644 --- a/src/dev-app/autocomplete/autocomplete-demo.ts +++ b/src/dev-app/autocomplete/autocomplete-demo.ts @@ -7,7 +7,7 @@ */ import {JsonPipe} from '@angular/common'; -import {ChangeDetectionStrategy, Component, inject, ViewChild} from '@angular/core'; +import {Component, inject, ViewChild} from '@angular/core'; import {FormControl, FormsModule, NgModel, ReactiveFormsModule} from '@angular/forms'; import {MatAutocompleteModule} from '@angular/material/autocomplete'; import {MatButtonModule} from '@angular/material/button'; @@ -44,7 +44,6 @@ type DisableStateOption = 'none' | 'first-middle-last' | 'all'; MatInputModule, ReactiveFormsModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class AutocompleteDemo { stateCtrl = new FormControl(); @@ -245,7 +244,6 @@ export class AutocompleteDemo { } `, imports: [FormsModule, MatAutocompleteModule, MatButtonModule, MatInputModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class AutocompleteDemoExampleDialog { dialogRef = inject>(MatDialogRef); diff --git a/src/dev-app/badge/badge-demo.ts b/src/dev-app/badge/badge-demo.ts index a27e2fac6866..39ca0a288897 100644 --- a/src/dev-app/badge/badge-demo.ts +++ b/src/dev-app/badge/badge-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatBadgeModule} from '@angular/material/badge'; import {MatButtonModule} from '@angular/material/button'; @@ -17,7 +17,6 @@ import {MatIconModule} from '@angular/material/icon'; templateUrl: 'badge-demo.html', styleUrl: 'badge-demo.css', imports: [FormsModule, MatBadgeModule, MatButtonModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class BadgeDemo { visible = true; diff --git a/src/dev-app/baseline/baseline-demo.ts b/src/dev-app/baseline/baseline-demo.ts index 29751e97f798..a67afc03e0ce 100644 --- a/src/dev-app/baseline/baseline-demo.ts +++ b/src/dev-app/baseline/baseline-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatCardModule} from '@angular/material/card'; import {MatCheckboxModule} from '@angular/material/checkbox'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -28,7 +28,6 @@ import {MatToolbarModule} from '@angular/material/toolbar'; MatSelectModule, MatToolbarModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class BaselineDemo { name = ''; diff --git a/src/dev-app/bottom-sheet/bottom-sheet-demo.ts b/src/dev-app/bottom-sheet/bottom-sheet-demo.ts index 0af5c68c8367..1b8260c15de3 100644 --- a/src/dev-app/bottom-sheet/bottom-sheet-demo.ts +++ b/src/dev-app/bottom-sheet/bottom-sheet-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, TemplateRef, ViewChild, inject} from '@angular/core'; +import {Component, TemplateRef, ViewChild, inject} from '@angular/core'; import {FormsModule} from '@angular/forms'; import { MatBottomSheet, @@ -41,7 +41,6 @@ const defaultConfig = new MatBottomSheetConfig(); MatSelectModule, MatListModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class BottomSheetDemo { private _bottomSheet = inject(MatBottomSheet); @@ -77,7 +76,6 @@ export class BottomSheetDemo { `, imports: [MatListModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ExampleBottomSheet { private _bottomSheet = inject(MatBottomSheetRef); diff --git a/src/dev-app/button-toggle/button-toggle-demo.ts b/src/dev-app/button-toggle/button-toggle-demo.ts index 2d48fcbaadb4..0bd9b5a7e6ad 100644 --- a/src/dev-app/button-toggle/button-toggle-demo.ts +++ b/src/dev-app/button-toggle/button-toggle-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatButtonToggleModule} from '@angular/material/button-toggle'; import {MatCheckboxModule} from '@angular/material/checkbox'; @@ -17,7 +17,6 @@ import {MatIconModule} from '@angular/material/icon'; templateUrl: 'button-toggle-demo.html', styleUrl: 'button-toggle-demo.css', imports: [FormsModule, MatButtonToggleModule, MatCheckboxModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ButtonToggleDemo { isVertical = false; diff --git a/src/dev-app/button/button-demo.ts b/src/dev-app/button/button-demo.ts index 79725c59bbb7..1a93d6b928bc 100644 --- a/src/dev-app/button/button-demo.ts +++ b/src/dev-app/button/button-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import { MatAnchor, @@ -43,7 +43,6 @@ import {MatTooltip} from '@angular/material/tooltip'; MatProgressSpinner, MatTooltip, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ButtonDemo { isDisabled = false; diff --git a/src/dev-app/card/card-demo.ts b/src/dev-app/card/card-demo.ts index 7202b53a81e1..6a63ea5afb65 100644 --- a/src/dev-app/card/card-demo.ts +++ b/src/dev-app/card/card-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core'; +import {Component, ViewEncapsulation} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatCardAppearance, MatCardModule} from '@angular/material/card'; @@ -18,7 +18,6 @@ import {MatRadioModule} from '@angular/material/radio'; styleUrl: 'card-demo.css', encapsulation: ViewEncapsulation.None, imports: [MatCardModule, MatButtonModule, MatRadioModule, FormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CardDemo { appearance: MatCardAppearance = 'raised'; diff --git a/src/dev-app/cdk-dialog/dialog-demo.ts b/src/dev-app/cdk-dialog/dialog-demo.ts index a08826b9aca2..6e8cb0faced3 100644 --- a/src/dev-app/cdk-dialog/dialog-demo.ts +++ b/src/dev-app/cdk-dialog/dialog-demo.ts @@ -8,7 +8,6 @@ import {DIALOG_DATA, Dialog, DialogConfig, DialogModule, DialogRef} from '@angular/cdk/dialog'; import { - ChangeDetectionStrategy, ChangeDetectorRef, Component, TemplateRef, @@ -26,7 +25,6 @@ const defaultDialogConfig = new DialogConfig(); styleUrl: 'dialog-demo.css', encapsulation: ViewEncapsulation.None, imports: [DialogModule, FormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DialogDemo { dialog = inject(Dialog); @@ -108,7 +106,6 @@ export class DialogDemo { opacity: 0; } `, - changeDetection: ChangeDetectionStrategy.OnPush, }) export class JazzDialog { dialogRef = inject>(DialogRef); diff --git a/src/dev-app/cdk-listbox/cdk-listbox-demo.ts b/src/dev-app/cdk-listbox/cdk-listbox-demo.ts index 6f74cf03487a..c7090634ec99 100644 --- a/src/dev-app/cdk-listbox/cdk-listbox-demo.ts +++ b/src/dev-app/cdk-listbox/cdk-listbox-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import { CdkListboxActivedescendantExample, CdkListboxCompareWithExample, @@ -38,6 +38,5 @@ import { CdkListboxTemplateFormsExample, CdkListboxValueBindingExample, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CdkListboxDemo {} diff --git a/src/dev-app/cdk-menu/cdk-menu-demo.ts b/src/dev-app/cdk-menu/cdk-menu-demo.ts index ba2f7aa5c799..cd12789a388b 100644 --- a/src/dev-app/cdk-menu/cdk-menu-demo.ts +++ b/src/dev-app/cdk-menu/cdk-menu-demo.ts @@ -16,7 +16,7 @@ import { CdkMenuStandaloneMenuExample, CdkMenuStandaloneStatefulMenuExample, } from '@angular/components-examples/cdk/menu'; -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; @Component({ templateUrl: 'cdk-menu-demo.html', @@ -30,7 +30,6 @@ import {ChangeDetectionStrategy, Component} from '@angular/core'; CdkMenuContextExample, CdkMenuNestedContextExample, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CdkMenuDemo { customPosition = [ diff --git a/src/dev-app/checkbox/checkbox-demo.ts b/src/dev-app/checkbox/checkbox-demo.ts index adb577d891ba..ef9bc4c548c0 100644 --- a/src/dev-app/checkbox/checkbox-demo.ts +++ b/src/dev-app/checkbox/checkbox-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, Directive} from '@angular/core'; +import {Component, Directive} from '@angular/core'; import {FormsModule, ReactiveFormsModule} from '@angular/forms'; import {MAT_CHECKBOX_DEFAULT_OPTIONS, MatCheckboxModule} from '@angular/material/checkbox'; import {MatPseudoCheckboxModule, ThemePalette} from '@angular/material/core'; @@ -41,7 +41,6 @@ export class ClickActionCheck {} `, templateUrl: 'nested-checklist.html', imports: [MatCheckboxModule, FormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class MatCheckboxDemoNestedChecklist { tasks: Task[] = [ @@ -103,7 +102,6 @@ export class MatCheckboxDemoNestedChecklist { ClickActionCheck, MatTooltip, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CheckboxDemo { isIndeterminate = false; diff --git a/src/dev-app/chips/chips-demo.ts b/src/dev-app/chips/chips-demo.ts index 740bee4b97c1..a9e51bf46005 100644 --- a/src/dev-app/chips/chips-demo.ts +++ b/src/dev-app/chips/chips-demo.ts @@ -8,7 +8,7 @@ import {LiveAnnouncer} from '@angular/cdk/a11y'; import {COMMA, ENTER} from '@angular/cdk/keycodes'; -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import {FormsModule, ReactiveFormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatCardModule} from '@angular/material/card'; @@ -42,7 +42,6 @@ export interface DemoColor { MatIconModule, ReactiveFormsModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ChipsDemo { visible = true; diff --git a/src/dev-app/clipboard/clipboard-demo.ts b/src/dev-app/clipboard/clipboard-demo.ts index e43efab13c1d..7daea1580baf 100644 --- a/src/dev-app/clipboard/clipboard-demo.ts +++ b/src/dev-app/clipboard/clipboard-demo.ts @@ -7,7 +7,7 @@ */ import {Clipboard, ClipboardModule} from '@angular/cdk/clipboard'; -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import {FormsModule} from '@angular/forms'; @Component({ @@ -15,7 +15,6 @@ import {FormsModule} from '@angular/forms'; styleUrl: 'clipboard-demo.css', templateUrl: 'clipboard-demo.html', imports: [ClipboardModule, FormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ClipboardDemo { private _clipboard = inject(Clipboard); diff --git a/src/dev-app/column-resize/column-resize-home.ts b/src/dev-app/column-resize/column-resize-home.ts index c9f36480153a..532136c82572 100644 --- a/src/dev-app/column-resize/column-resize-home.ts +++ b/src/dev-app/column-resize/column-resize-home.ts @@ -11,7 +11,7 @@ import { DefaultEnabledColumnResizeFlexExample, OptInColumnResizeExample, } from '@angular/components-examples/material-experimental/column-resize'; -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatExpansionModule} from '@angular/material/expansion'; @Component({ @@ -22,6 +22,5 @@ import {MatExpansionModule} from '@angular/material/expansion'; DefaultEnabledColumnResizeFlexExample, OptInColumnResizeExample, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ColumnResizeHome {} diff --git a/src/dev-app/connected-overlay/connected-overlay-demo.ts b/src/dev-app/connected-overlay/connected-overlay-demo.ts index c1e78403dec0..8ef0e8ba308e 100644 --- a/src/dev-app/connected-overlay/connected-overlay-demo.ts +++ b/src/dev-app/connected-overlay/connected-overlay-demo.ts @@ -20,7 +20,6 @@ import { import {TemplatePortal} from '@angular/cdk/portal'; import {CdkOverlayBasicExample} from '@angular/components-examples/cdk/overlay'; import { - ChangeDetectionStrategy, Component, Injector, TemplateRef, @@ -47,7 +46,6 @@ import {MatRadioModule} from '@angular/material/radio'; MatRadioModule, OverlayModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ConnectedOverlayDemo { private _injector = inject(Injector); diff --git a/src/dev-app/datepicker/datepicker-demo.ts b/src/dev-app/datepicker/datepicker-demo.ts index a3d48fa5899b..ec803020f4fe 100644 --- a/src/dev-app/datepicker/datepicker-demo.ts +++ b/src/dev-app/datepicker/datepicker-demo.ts @@ -7,7 +7,6 @@ */ import { - ChangeDetectionStrategy, ChangeDetectorRef, Component, Directive, @@ -101,7 +100,6 @@ export class CustomRangeStrategy {} selector: 'custom-header', templateUrl: 'custom-header.html', styleUrl: 'custom-header.css', - changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIconModule, MatButtonModule], }) export class CustomHeader implements OnDestroy { @@ -152,7 +150,6 @@ export class CustomHeader implements OnDestroy { `, imports: [MatDatepickerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class CustomHeaderNgContent { private _dateAdapter = inject>(DateAdapter); @@ -173,7 +170,6 @@ export class CustomHeaderNgContent { templateUrl: 'datepicker-demo.html', styleUrl: 'datepicker-demo.css', encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ JsonPipe, FormsModule, diff --git a/src/dev-app/dev-app.ts b/src/dev-app/dev-app.ts index b68f38276ad4..1fec463aaf75 100644 --- a/src/dev-app/dev-app.ts +++ b/src/dev-app/dev-app.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core'; +import {Component, ViewEncapsulation} from '@angular/core'; import {RouterModule} from '@angular/router'; import {DevAppLayout} from './dev-app/dev-app-layout'; @@ -16,6 +16,5 @@ import {DevAppLayout} from './dev-app/dev-app-layout'; template: '', encapsulation: ViewEncapsulation.None, imports: [DevAppLayout, RouterModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DevApp {} diff --git a/src/dev-app/dev-app/dev-app-404.ts b/src/dev-app/dev-app/dev-app-404.ts index 35ef36b02ba8..a5018ed9fc07 100644 --- a/src/dev-app/dev-app/dev-app-404.ts +++ b/src/dev-app/dev-app/dev-app-404.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {RouterModule} from '@angular/router'; @@ -18,6 +18,5 @@ import {RouterModule} from '@angular/router'; `, host: {'class': 'mat-typography'}, imports: [MatButtonModule, RouterModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DevApp404 {} diff --git a/src/dev-app/dev-app/dev-app-home.ts b/src/dev-app/dev-app/dev-app-home.ts index f309ddc10656..db8d7408d0db 100644 --- a/src/dev-app/dev-app/dev-app-home.ts +++ b/src/dev-app/dev-app/dev-app-home.ts @@ -7,13 +7,12 @@ */ /** Home component which includes a welcome message for the dev-app. */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; @Component({ template: `

Welcome to the development demos for Angular Material!

Open the sidenav to select a demo.

`, - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DevAppHome {} diff --git a/src/dev-app/dev-app/dev-app-layout.ts b/src/dev-app/dev-app/dev-app-layout.ts index b7533d0026f1..436ccec8b721 100644 --- a/src/dev-app/dev-app/dev-app-layout.ts +++ b/src/dev-app/dev-app/dev-app-layout.ts @@ -8,7 +8,6 @@ import {Direction, Directionality} from '@angular/cdk/bidi'; import { - ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, @@ -46,7 +45,6 @@ import {DevAppDirectionality} from './dev-app-directionality'; MatTooltipModule, RouterModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DevAppLayout { private _element = inject>(ElementRef); diff --git a/src/dev-app/dialog/dialog-demo.ts b/src/dev-app/dialog/dialog-demo.ts index cd41ef6a330c..768f1d56b1b1 100644 --- a/src/dev-app/dialog/dialog-demo.ts +++ b/src/dev-app/dialog/dialog-demo.ts @@ -9,7 +9,6 @@ import {DragDropModule} from '@angular/cdk/drag-drop'; import {JsonPipe} from '@angular/common'; import { - ChangeDetectionStrategy, ChangeDetectorRef, Component, TemplateRef, @@ -54,7 +53,6 @@ import {MatSelectModule} from '@angular/material/select'; MatSelectModule, JsonPipe, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DialogDemo { dialog = inject(MatDialog); @@ -178,7 +176,6 @@ export class DialogDemo { encapsulation: ViewEncapsulation.None, styles: `.hidden-dialog { opacity: 0; }`, imports: [DragDropModule, MatInputModule, MatSelectModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class JazzDialog { dialogRef = inject>(MatDialogRef); @@ -253,7 +250,6 @@ export class JazzDialog { `, imports: [MatButtonModule, MatDialogTitle, MatDialogContent, MatDialogClose, MatDialogActions], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ContentElementDialog { dialog = inject(MatDialog); @@ -289,6 +285,5 @@ export class ContentElementDialog { `, imports: [MatButtonModule, MatDialogTitle, MatDialogContent, MatDialogClose, MatDialogActions], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class IFrameDialog {} diff --git a/src/dev-app/drag-drop/drag-drop-demo.ts b/src/dev-app/drag-drop/drag-drop-demo.ts index d4bd63ea6601..fae3895bd5e3 100644 --- a/src/dev-app/drag-drop/drag-drop-demo.ts +++ b/src/dev-app/drag-drop/drag-drop-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {Component, ViewEncapsulation, ChangeDetectionStrategy, inject} from '@angular/core'; +import {Component, ViewEncapsulation, inject} from '@angular/core'; import {MatIconModule, MatIconRegistry} from '@angular/material/icon'; import {DomSanitizer} from '@angular/platform-browser'; import { @@ -28,7 +28,6 @@ import {MatCheckbox} from '@angular/material/checkbox'; templateUrl: 'drag-drop-demo.html', styleUrl: 'drag-drop-demo.css', encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ DragDropModule, FormsModule, diff --git a/src/dev-app/drawer/drawer-demo.ts b/src/dev-app/drawer/drawer-demo.ts index c14bf9ad438b..c7ada3b95266 100644 --- a/src/dev-app/drawer/drawer-demo.ts +++ b/src/dev-app/drawer/drawer-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatListModule} from '@angular/material/list'; import {MatSidenavModule} from '@angular/material/sidenav'; @@ -16,7 +16,6 @@ import {MatSidenavModule} from '@angular/material/sidenav'; templateUrl: 'drawer-demo.html', styleUrl: 'drawer-demo.css', imports: [MatButtonModule, MatListModule, MatSidenavModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DrawerDemo { invert = false; diff --git a/src/dev-app/example/example-list.ts b/src/dev-app/example/example-list.ts index a0f578886992..f3d13e9ecf11 100644 --- a/src/dev-app/example/example-list.ts +++ b/src/dev-app/example/example-list.ts @@ -8,7 +8,7 @@ import {BooleanInput, coerceBooleanProperty} from '@angular/cdk/coercion'; import {EXAMPLE_COMPONENTS} from '@angular/components-examples'; -import {ChangeDetectionStrategy, Component, Input} from '@angular/core'; +import {Component, Input} from '@angular/core'; import {MatExpansionModule} from '@angular/material/expansion'; import {Example} from './example'; @@ -56,7 +56,6 @@ import {Example} from './example'; font-size: 12px; } `, - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ExampleList { /** Type of examples being displayed. */ diff --git a/src/dev-app/example/example.ts b/src/dev-app/example/example.ts index 0eb8fdafe385..4465d9be3b81 100644 --- a/src/dev-app/example/example.ts +++ b/src/dev-app/example/example.ts @@ -7,7 +7,6 @@ */ import { - ChangeDetectionStrategy, ChangeDetectorRef, Component, Injector, @@ -56,7 +55,6 @@ import {loadExample} from '@angular/components-examples/private'; white-space: pre; } `, - changeDetection: ChangeDetectionStrategy.OnPush, }) export class Example implements OnInit { private _injector = inject(Injector); diff --git a/src/dev-app/examples-page/examples-page.ts b/src/dev-app/examples-page/examples-page.ts index 8c9ed23fb917..6eaa97e5a658 100644 --- a/src/dev-app/examples-page/examples-page.ts +++ b/src/dev-app/examples-page/examples-page.ts @@ -7,14 +7,13 @@ */ import {EXAMPLE_COMPONENTS} from '@angular/components-examples'; -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {ExampleList} from '../example/example-list'; /** Renders all material examples listed in the generated EXAMPLE_COMPONENTS. */ @Component({ template: ``, imports: [ExampleList], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ExamplesPage { examples = Object.keys(EXAMPLE_COMPONENTS); diff --git a/src/dev-app/expansion/expansion-demo.ts b/src/dev-app/expansion/expansion-demo.ts index 72a92dd25531..0d7ea6387362 100644 --- a/src/dev-app/expansion/expansion-demo.ts +++ b/src/dev-app/expansion/expansion-demo.ts @@ -7,7 +7,7 @@ */ import {CdkAccordionModule} from '@angular/cdk/accordion'; -import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core'; +import {Component, ViewChild} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatCheckboxModule} from '@angular/material/checkbox'; @@ -37,7 +37,6 @@ import {MatSlideToggleModule} from '@angular/material/slide-toggle'; MatRadioModule, MatSlideToggleModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ExpansionDemo { @ViewChild(MatAccordion) accordion!: MatAccordion; diff --git a/src/dev-app/focus-origin/focus-origin-demo.ts b/src/dev-app/focus-origin/focus-origin-demo.ts index ff69fdd44706..1d4b3bb1da8d 100644 --- a/src/dev-app/focus-origin/focus-origin-demo.ts +++ b/src/dev-app/focus-origin/focus-origin-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import {A11yModule, FocusMonitor} from '@angular/cdk/a11y'; @Component({ @@ -14,7 +14,6 @@ import {A11yModule, FocusMonitor} from '@angular/cdk/a11y'; templateUrl: 'focus-origin-demo.html', styleUrl: 'focus-origin-demo.css', imports: [A11yModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class FocusOriginDemo { fom = inject(FocusMonitor); diff --git a/src/dev-app/focus-trap/focus-trap-demo.ts b/src/dev-app/focus-trap/focus-trap-demo.ts index 1a7c165a8f24..e0af4b4b1ed7 100644 --- a/src/dev-app/focus-trap/focus-trap-demo.ts +++ b/src/dev-app/focus-trap/focus-trap-demo.ts @@ -10,7 +10,6 @@ import {A11yModule, CdkTrapFocus} from '@angular/cdk/a11y'; import {_supportsShadowDom} from '@angular/cdk/platform'; import { AfterViewInit, - ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, @@ -36,7 +35,6 @@ import {MatToolbarModule} from '@angular/material/toolbar'; template: '', host: {'class': 'demo-focus-trap-shadow-root'}, encapsulation: ViewEncapsulation.ShadowDom, - changeDetection: ChangeDetectionStrategy.OnPush, }) export class FocusTrapShadowDomDemo {} @@ -45,7 +43,6 @@ export class FocusTrapShadowDomDemo {} templateUrl: 'focus-trap-demo.html', styleUrl: 'focus-trap-demo.css', imports: [A11yModule, MatButtonModule, MatCardModule, MatToolbarModule, FocusTrapShadowDomDemo], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class FocusTrapDemo implements AfterViewInit { dialog = inject(MatDialog); @@ -94,7 +91,6 @@ let dialogCount = 0; styleUrl: 'focus-trap-dialog-demo.css', templateUrl: 'focus-trap-dialog-demo.html', imports: [MatDialogTitle, MatDialogContent, MatDialogClose, MatDialogActions], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class FocusTrapDialogDemo { dialog = inject(MatDialog); diff --git a/src/dev-app/google-map/google-map-demo.ts b/src/dev-app/google-map/google-map-demo.ts index a56f6fe8cc86..702e85d84c36 100644 --- a/src/dev-app/google-map/google-map-demo.ts +++ b/src/dev-app/google-map/google-map-demo.ts @@ -8,13 +8,7 @@ /// -import { - ChangeDetectionStrategy, - ChangeDetectorRef, - Component, - ViewChild, - inject, -} from '@angular/core'; +import {ChangeDetectorRef, Component, ViewChild, inject} from '@angular/core'; import {FormsModule} from '@angular/forms'; import { GoogleMap, @@ -83,7 +77,6 @@ let apiLoadingPromise: Promise | null = null; MapTransitLayer, FormsModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class GoogleMapDemo { private readonly _mapDirectionsService = inject(MapDirectionsService); diff --git a/src/dev-app/grid-list/grid-list-demo.ts b/src/dev-app/grid-list/grid-list-demo.ts index b547a6760bb1..e2bc8113df42 100644 --- a/src/dev-app/grid-list/grid-list-demo.ts +++ b/src/dev-app/grid-list/grid-list-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatCardModule} from '@angular/material/card'; @@ -18,7 +18,6 @@ import {MatIconModule} from '@angular/material/icon'; templateUrl: 'grid-list-demo.html', styleUrl: 'grid-list-demo.css', imports: [FormsModule, MatButtonModule, MatCardModule, MatGridListModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class GridListDemo { tiles: {text: string; cols: number; rows: number; color: string}[] = [ diff --git a/src/dev-app/icon/icon-demo.ts b/src/dev-app/icon/icon-demo.ts index 28098ca99ce3..3b58ad752580 100644 --- a/src/dev-app/icon/icon-demo.ts +++ b/src/dev-app/icon/icon-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import {MatIconModule, MatIconRegistry} from '@angular/material/icon'; import {DomSanitizer} from '@angular/platform-browser'; @@ -15,7 +15,6 @@ import {DomSanitizer} from '@angular/platform-browser'; templateUrl: 'icon-demo.html', styleUrl: 'icon-demo.css', imports: [MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class IconDemo { constructor() { diff --git a/src/dev-app/input-modality/input-modality-detector-demo.ts b/src/dev-app/input-modality/input-modality-detector-demo.ts index cc62d8fc5683..784a8e57ad1f 100644 --- a/src/dev-app/input-modality/input-modality-detector-demo.ts +++ b/src/dev-app/input-modality/input-modality-detector-demo.ts @@ -7,14 +7,7 @@ */ import {A11yModule, InputModality, InputModalityDetector} from '@angular/cdk/a11y'; -import { - ChangeDetectionStrategy, - ChangeDetectorRef, - Component, - NgZone, - OnDestroy, - inject, -} from '@angular/core'; +import {ChangeDetectorRef, Component, NgZone, OnDestroy, inject} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -35,7 +28,6 @@ import {takeUntil} from 'rxjs/operators'; MatRadioModule, MatSelectModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class InputModalityDetectorDemo implements OnDestroy { _modality: InputModality = null; diff --git a/src/dev-app/input/input-demo.ts b/src/dev-app/input/input-demo.ts index ae484100925d..5119bc668185 100644 --- a/src/dev-app/input/input-demo.ts +++ b/src/dev-app/input/input-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {AsyncPipe} from '@angular/common'; import {FormControl, Validators, FormsModule, ReactiveFormsModule} from '@angular/forms'; import { @@ -39,7 +39,6 @@ const EMAIL_REGEX = /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA selector: 'input-demo', templateUrl: 'input-demo.html', styleUrl: 'input-demo.css', - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ AsyncPipe, FormsModule, diff --git a/src/dev-app/layout/layout-demo.ts b/src/dev-app/layout/layout-demo.ts index e0ef71658e57..ae8daa56b12e 100644 --- a/src/dev-app/layout/layout-demo.ts +++ b/src/dev-app/layout/layout-demo.ts @@ -7,13 +7,12 @@ */ import {BreakpointObserverOverviewExample} from '@angular/components-examples/cdk/layout'; -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; @Component({ selector: 'layout-demo', templateUrl: 'layout-demo.html', styleUrl: 'layout-demo.css', imports: [BreakpointObserverOverviewExample], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class LayoutDemo {} diff --git a/src/dev-app/list/list-demo.ts b/src/dev-app/list/list-demo.ts index fbb9a235078e..3df9641fe459 100644 --- a/src/dev-app/list/list-demo.ts +++ b/src/dev-app/list/list-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, ChangeDetectorRef, Component, inject} from '@angular/core'; +import {ChangeDetectorRef, Component, inject} from '@angular/core'; import {JsonPipe} from '@angular/common'; import {FormControl, FormGroup, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; @@ -35,7 +35,6 @@ interface Shoes { MatListModule, ReactiveFormsModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ListDemo { items: string[] = ['Pepper', 'Salt', 'Paprika']; diff --git a/src/dev-app/live-announcer/live-announcer-demo.ts b/src/dev-app/live-announcer/live-announcer-demo.ts index 3bdf0c15e994..862fea164cf6 100644 --- a/src/dev-app/live-announcer/live-announcer-demo.ts +++ b/src/dev-app/live-announcer/live-announcer-demo.ts @@ -7,7 +7,7 @@ */ import {A11yModule, LiveAnnouncer} from '@angular/cdk/a11y'; -import {ChangeDetectionStrategy, Component, TemplateRef, ViewChild, inject} from '@angular/core'; +import {Component, TemplateRef, ViewChild, inject} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatDialog} from '@angular/material/dialog'; @@ -15,7 +15,6 @@ import {MatDialog} from '@angular/material/dialog'; selector: 'toolbar-demo', templateUrl: 'live-announcer-demo.html', imports: [A11yModule, MatButtonModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class LiveAnnouncerDemo { private _liveAnnouncer = inject(LiveAnnouncer); diff --git a/src/dev-app/menu/menu-demo.ts b/src/dev-app/menu/menu-demo.ts index a1dc590dbaa4..cda37a4ac42c 100644 --- a/src/dev-app/menu/menu-demo.ts +++ b/src/dev-app/menu/menu-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatDividerModule} from '@angular/material/divider'; import {MatIconModule} from '@angular/material/icon'; @@ -18,7 +18,6 @@ import {MatToolbarModule} from '@angular/material/toolbar'; templateUrl: 'menu-demo.html', styleUrl: 'menu-demo.css', imports: [MatMenuModule, MatButtonModule, MatToolbarModule, MatIconModule, MatDividerModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class MenuDemo { selected = ''; diff --git a/src/dev-app/menubar/mat-menubar-demo.ts b/src/dev-app/menubar/mat-menubar-demo.ts index f4c6f85318d5..f9220937334c 100644 --- a/src/dev-app/menubar/mat-menubar-demo.ts +++ b/src/dev-app/menubar/mat-menubar-demo.ts @@ -7,7 +7,7 @@ */ import {CDK_MENU, CdkMenu, CdkMenuGroup, CdkMenuItem, CdkMenuModule} from '@angular/cdk/menu'; -import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core'; +import {Component, ViewEncapsulation} from '@angular/core'; import {MatMenuBarModule} from '@angular/material-experimental/menubar'; // TODO: Remove the fake when mat-menu is re-built with CdkMenu directives @@ -28,7 +28,6 @@ import {MatMenuBarModule} from '@angular/material-experimental/menubar'; ], styleUrl: 'mat-menubar-demo.css', encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DemoMenu extends CdkMenu {} @@ -46,13 +45,11 @@ export class DemoMenu extends CdkMenu {} template: '', styleUrl: 'mat-menubar-demo.css', encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.OnPush, }) export class DemoMenuItem extends CdkMenuItem {} @Component({ templateUrl: 'mat-menubar-demo.html', imports: [CdkMenuModule, MatMenuBarModule, DemoMenu, DemoMenuItem], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class MatMenuBarDemo {} diff --git a/src/dev-app/paginator/paginator-demo.ts b/src/dev-app/paginator/paginator-demo.ts index 009d517f4b40..545889b4ec92 100644 --- a/src/dev-app/paginator/paginator-demo.ts +++ b/src/dev-app/paginator/paginator-demo.ts @@ -10,7 +10,7 @@ import { PaginatorConfigurableExample, PaginatorOverviewExample, } from '@angular/components-examples/material/paginator'; -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatCardModule} from '@angular/material/card'; import {MatFormFieldModule} from '@angular/material/form-field'; @@ -32,7 +32,6 @@ import {MatSlideToggleModule} from '@angular/material/slide-toggle'; PaginatorOverviewExample, PaginatorConfigurableExample, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class PaginatorDemo { length = 50; diff --git a/src/dev-app/performance/performance-demo.ts b/src/dev-app/performance/performance-demo.ts index dfd19a4e02b9..7c432d43f03d 100644 --- a/src/dev-app/performance/performance-demo.ts +++ b/src/dev-app/performance/performance-demo.ts @@ -9,7 +9,6 @@ import { afterNextRender, AfterViewInit, - ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, @@ -42,7 +41,6 @@ import {MatTableDataSource, MatTableModule} from '@angular/material/table'; MatSelectModule, MatTableModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class PerformanceDemo implements AfterViewInit { /** Controls the rendering of components. */ diff --git a/src/dev-app/platform/platform-demo.ts b/src/dev-app/platform/platform-demo.ts index b8469db2d284..430213b5e684 100644 --- a/src/dev-app/platform/platform-demo.ts +++ b/src/dev-app/platform/platform-demo.ts @@ -6,13 +6,12 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import {Platform, getSupportedInputTypes} from '@angular/cdk/platform'; @Component({ selector: 'platform-demo', templateUrl: 'platform-demo.html', - changeDetection: ChangeDetectionStrategy.OnPush, }) export class PlatformDemo { platform = inject(Platform); diff --git a/src/dev-app/popover-edit/popover-edit-demo.ts b/src/dev-app/popover-edit/popover-edit-demo.ts index 61fd54dc3c19..39323ffbca0f 100644 --- a/src/dev-app/popover-edit/popover-edit-demo.ts +++ b/src/dev-app/popover-edit/popover-edit-demo.ts @@ -19,7 +19,7 @@ import { PopoverEditMatTableFlexExample, PopoverEditTabOutMatTableExample, } from '@angular/components-examples/material-experimental/popover-edit'; -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; @Component({ @@ -57,6 +57,5 @@ import {FormsModule} from '@angular/forms'; PopoverEditTabOutMatTableExample, FormsModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class PopoverEditDemo {} diff --git a/src/dev-app/portal/portal-demo.ts b/src/dev-app/portal/portal-demo.ts index af9aa6d8bf4c..c207d67e514d 100644 --- a/src/dev-app/portal/portal-demo.ts +++ b/src/dev-app/portal/portal-demo.ts @@ -7,19 +7,11 @@ */ import {CdkPortal, ComponentPortal, DomPortal, Portal, PortalModule} from '@angular/cdk/portal'; -import { - ChangeDetectionStrategy, - Component, - ElementRef, - QueryList, - ViewChild, - ViewChildren, -} from '@angular/core'; +import {Component, ElementRef, QueryList, ViewChild, ViewChildren} from '@angular/core'; @Component({ selector: 'science-joke', template: `

100 kilopascals go into a bar.

`, - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ScienceJoke {} @@ -28,7 +20,6 @@ export class ScienceJoke {} templateUrl: 'portal-demo.html', styleUrl: 'portal-demo.css', imports: [PortalModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class PortalDemo { @ViewChildren(CdkPortal) templatePortals!: QueryList>; diff --git a/src/dev-app/progress-bar/progress-bar-demo.ts b/src/dev-app/progress-bar/progress-bar-demo.ts index ce082a33e3fd..673f326ccae2 100644 --- a/src/dev-app/progress-bar/progress-bar-demo.ts +++ b/src/dev-app/progress-bar/progress-bar-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatButtonToggleModule} from '@angular/material/button-toggle'; @@ -18,7 +18,6 @@ import {MatProgressBarModule} from '@angular/material/progress-bar'; templateUrl: 'progress-bar-demo.html', styleUrl: 'progress-bar-demo.css', imports: [FormsModule, MatProgressBarModule, MatButtonModule, MatButtonToggleModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ProgressBarDemo { color: ThemePalette = 'primary'; diff --git a/src/dev-app/progress-spinner/progress-spinner-demo.ts b/src/dev-app/progress-spinner/progress-spinner-demo.ts index eed72059caf3..35f2c4dd14e2 100644 --- a/src/dev-app/progress-spinner/progress-spinner-demo.ts +++ b/src/dev-app/progress-spinner/progress-spinner-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatButtonToggleModule} from '@angular/material/button-toggle'; @@ -25,7 +25,6 @@ import {MatProgressSpinnerModule} from '@angular/material/progress-spinner'; FormsModule, MatProgressSpinnerModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ProgressSpinnerDemo { progressValue = 60; diff --git a/src/dev-app/radio/radio-demo.ts b/src/dev-app/radio/radio-demo.ts index 677630eaee6d..71f031609204 100644 --- a/src/dev-app/radio/radio-demo.ts +++ b/src/dev-app/radio/radio-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatCheckboxModule} from '@angular/material/checkbox'; @@ -18,7 +18,6 @@ import {MatTooltip} from '@angular/material/tooltip'; templateUrl: 'radio-demo.html', styleUrl: 'radio-demo.css', imports: [MatRadioModule, FormsModule, MatButtonModule, MatCheckboxModule, MatTooltip], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class RadioDemo { isAlignEnd = false; diff --git a/src/dev-app/ripple/ripple-demo.ts b/src/dev-app/ripple/ripple-demo.ts index 4e11472aa01a..84ff33458796 100644 --- a/src/dev-app/ripple/ripple-demo.ts +++ b/src/dev-app/ripple/ripple-demo.ts @@ -7,7 +7,7 @@ */ import {RippleOverviewExample} from '@angular/components-examples/material/core'; -import {ChangeDetectionStrategy, Component, ViewChild} from '@angular/core'; +import {Component, ViewChild} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatCheckboxModule} from '@angular/material/checkbox'; @@ -27,7 +27,6 @@ import {MatInputModule} from '@angular/material/input'; MatIconModule, MatInputModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class RippleDemo { @ViewChild(MatRipple) ripple!: MatRipple; diff --git a/src/dev-app/screen-type/screen-type-demo.ts b/src/dev-app/screen-type/screen-type-demo.ts index 6c05625a9820..e5b8c1f29d8c 100644 --- a/src/dev-app/screen-type/screen-type-demo.ts +++ b/src/dev-app/screen-type/screen-type-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import {AsyncPipe} from '@angular/common'; import {BreakpointObserver, BreakpointState, Breakpoints, LayoutModule} from '@angular/cdk/layout'; import {MatGridListModule} from '@angular/material/grid-list'; @@ -18,7 +18,6 @@ import {Observable} from 'rxjs'; templateUrl: 'screen-type-demo.html', styleUrl: 'screen-type-demo.css', imports: [AsyncPipe, LayoutModule, MatGridListModule, MatIconModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ScreenTypeDemo { isHandset!: Observable; diff --git a/src/dev-app/select/select-demo.ts b/src/dev-app/select/select-demo.ts index 419b0a7a56f0..4f1f76baeb1b 100644 --- a/src/dev-app/select/select-demo.ts +++ b/src/dev-app/select/select-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {JsonPipe} from '@angular/common'; import {FormControl, FormsModule, ReactiveFormsModule, Validators} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; @@ -45,7 +45,6 @@ type DisableDrinkOption = 'none' | 'first-middle-last' | 'all'; MatSelectModule, ReactiveFormsModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class SelectDemo { drinksRequired = false; diff --git a/src/dev-app/selection/selection-demo.ts b/src/dev-app/selection/selection-demo.ts index 3d6bbe5cd2d9..c36f95b7fefd 100644 --- a/src/dev-app/selection/selection-demo.ts +++ b/src/dev-app/selection/selection-demo.ts @@ -14,7 +14,7 @@ import { MatSelectionColumnExample, MatSelectionListExample, } from '@angular/components-examples/material-experimental/selection'; -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; @Component({ @@ -38,6 +38,5 @@ import {FormsModule} from '@angular/forms'; MatSelectionListExample, FormsModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class SelectionDemo {} diff --git a/src/dev-app/sidenav/sidenav-demo.ts b/src/dev-app/sidenav/sidenav-demo.ts index 93444d0bb1c6..768d8a510f0c 100644 --- a/src/dev-app/sidenav/sidenav-demo.ts +++ b/src/dev-app/sidenav/sidenav-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatCheckboxModule} from '@angular/material/checkbox'; @@ -18,7 +18,6 @@ import {MatToolbarModule} from '@angular/material/toolbar'; templateUrl: 'sidenav-demo.html', styleUrl: 'sidenav-demo.css', imports: [FormsModule, MatButtonModule, MatCheckboxModule, MatSidenavModule, MatToolbarModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class SidenavDemo { isLaunched = false; diff --git a/src/dev-app/slide-toggle/slide-toggle-demo.ts b/src/dev-app/slide-toggle/slide-toggle-demo.ts index 068d26a30e18..10c647c09e24 100644 --- a/src/dev-app/slide-toggle/slide-toggle-demo.ts +++ b/src/dev-app/slide-toggle/slide-toggle-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatSlideToggleModule} from '@angular/material/slide-toggle'; @@ -16,7 +16,6 @@ import {MatSlideToggleModule} from '@angular/material/slide-toggle'; templateUrl: 'slide-toggle-demo.html', styleUrl: 'slide-toggle-demo.css', imports: [FormsModule, MatButtonModule, MatSlideToggleModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class SlideToggleDemo { firstToggle = false; diff --git a/src/dev-app/slider/slider-demo.ts b/src/dev-app/slider/slider-demo.ts index 343e2932a82c..15ced8f1adca 100644 --- a/src/dev-app/slider/slider-demo.ts +++ b/src/dev-app/slider/slider-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatButtonToggleModule} from '@angular/material/button-toggle'; @@ -34,7 +34,6 @@ import {MatTabsModule} from '@angular/material/tabs'; ReactiveFormsModule, ], styleUrl: 'slider-demo.css', - changeDetection: ChangeDetectionStrategy.OnPush, }) export class SliderDemo { dialog = inject(MatDialog); @@ -128,7 +127,6 @@ export class SliderDemo { `, imports: [MatSliderModule, MatDialogTitle, MatDialogContent], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class SliderDialogDemo { data = inject(MAT_DIALOG_DATA); diff --git a/src/dev-app/snack-bar/snack-bar-demo.ts b/src/dev-app/snack-bar/snack-bar-demo.ts index db74b0cf155b..92ee5ec2c391 100644 --- a/src/dev-app/snack-bar/snack-bar-demo.ts +++ b/src/dev-app/snack-bar/snack-bar-demo.ts @@ -7,14 +7,7 @@ */ import {Directionality} from '@angular/cdk/bidi'; -import { - ChangeDetectionStrategy, - Component, - TemplateRef, - ViewChild, - ViewEncapsulation, - inject, -} from '@angular/core'; +import {Component, TemplateRef, ViewChild, ViewEncapsulation, inject} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatCheckboxModule} from '@angular/material/checkbox'; @@ -33,7 +26,6 @@ import { styleUrl: 'snack-bar-demo.css', encapsulation: ViewEncapsulation.None, imports: [FormsModule, MatButtonModule, MatCheckboxModule, MatInputModule, MatSelectModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class SnackBarDemo { snackBar = inject(MatSnackBar); diff --git a/src/dev-app/stepper/stepper-demo.ts b/src/dev-app/stepper/stepper-demo.ts index 85b4ec140183..feeba4133bcd 100644 --- a/src/dev-app/stepper/stepper-demo.ts +++ b/src/dev-app/stepper/stepper-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, inject} from '@angular/core'; +import {Component, inject} from '@angular/core'; import { AbstractControl, FormBuilder, @@ -35,7 +35,6 @@ import {MatStepperModule} from '@angular/material/stepper'; MatSelectModule, ReactiveFormsModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class StepperDemo { private _formBuilder = inject(FormBuilder); diff --git a/src/dev-app/system-classes-demo/system-classes-demo.ts b/src/dev-app/system-classes-demo/system-classes-demo.ts index 8488eea1c994..24b5cdea7630 100644 --- a/src/dev-app/system-classes-demo/system-classes-demo.ts +++ b/src/dev-app/system-classes-demo/system-classes-demo.ts @@ -1,9 +1,8 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; @Component({ selector: 'app-system-classes-demo', templateUrl: './system-classes-demo.html', styleUrls: ['./system-classes-demo.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class SystemClassesDemo {} diff --git a/src/dev-app/system/system-demo.ts b/src/dev-app/system/system-demo.ts index c3e0490359dd..661f22fd21e8 100644 --- a/src/dev-app/system/system-demo.ts +++ b/src/dev-app/system/system-demo.ts @@ -1,4 +1,4 @@ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatCardModule} from '@angular/material/card'; interface RoleCategory { @@ -30,7 +30,6 @@ interface ColorGroup { templateUrl: 'system-demo.html', styleUrls: ['system-demo.css'], imports: [MatCardModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class SystemDemo { /** diff --git a/src/dev-app/table-scroll-container/table-scroll-container-demo.ts b/src/dev-app/table-scroll-container/table-scroll-container-demo.ts index 92df74c03c71..d076ca369111 100644 --- a/src/dev-app/table-scroll-container/table-scroll-container-demo.ts +++ b/src/dev-app/table-scroll-container/table-scroll-container-demo.ts @@ -7,7 +7,7 @@ */ import {CdkTableScrollContainerModule} from '@angular/cdk-experimental/table-scroll-container'; -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatButtonToggleGroup, MatButtonToggleModule} from '@angular/material/button-toggle'; import {MatTableModule} from '@angular/material/table'; @@ -20,7 +20,6 @@ import {MatTableModule} from '@angular/material/table'; styleUrl: 'table-scroll-container-demo.css', templateUrl: 'table-scroll-container-demo.html', imports: [CdkTableScrollContainerModule, MatButtonModule, MatButtonToggleModule, MatTableModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TableScrollContainerDemo { displayedColumns: string[] = []; diff --git a/src/dev-app/table/table-demo.ts b/src/dev-app/table/table-demo.ts index 0cf758276588..392101493ad8 100644 --- a/src/dev-app/table/table-demo.ts +++ b/src/dev-app/table/table-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import { CdkTableBasicExample, CdkTableFixedLayoutExample, @@ -80,6 +80,5 @@ import { TableFlexLargeRowExample, TableDragDropExample, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TableDemo {} diff --git a/src/dev-app/tabs/tabs-demo.ts b/src/dev-app/tabs/tabs-demo.ts index a9b3240010f3..eab2cbf822cd 100644 --- a/src/dev-app/tabs/tabs-demo.ts +++ b/src/dev-app/tabs/tabs-demo.ts @@ -21,7 +21,7 @@ import { TabGroupStretchedExample, TabNavBarBasicExample, } from '@angular/components-examples/material/tabs'; -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatTabsModule} from '@angular/material/tabs'; @Component({ @@ -43,6 +43,5 @@ import {MatTabsModule} from '@angular/material/tabs'; TabGroupDynamicHeightExample, MatTabsModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TabsDemo {} diff --git a/src/dev-app/theme/theme-demo.ts b/src/dev-app/theme/theme-demo.ts index 2bd1df53479b..1ae665f64655 100644 --- a/src/dev-app/theme/theme-demo.ts +++ b/src/dev-app/theme/theme-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, input} from '@angular/core'; +import {Component, input} from '@angular/core'; import {MatCardModule} from '@angular/material/card'; import {MatExpansionModule} from '@angular/material/expansion'; import {MatIconModule} from '@angular/material/icon'; @@ -39,7 +39,6 @@ interface Color { `, styleUrl: 'theme-demo.css', - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ThemeDemoColors { colors = input(); @@ -50,7 +49,6 @@ export class ThemeDemoColors { templateUrl: 'theme-demo.html', styleUrl: 'theme-demo.css', imports: [MatCardModule, MatExpansionModule, MatIconModule, ThemeDemoColors], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ThemeDemo { state = getAppState(); diff --git a/src/dev-app/timepicker/timepicker-demo.ts b/src/dev-app/timepicker/timepicker-demo.ts index 79fc241fb75d..e55b02f1b0c9 100644 --- a/src/dev-app/timepicker/timepicker-demo.ts +++ b/src/dev-app/timepicker/timepicker-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, inject, OnDestroy} from '@angular/core'; +import {Component, inject, OnDestroy} from '@angular/core'; import {DateAdapter} from '@angular/material/core'; import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms'; import {MatTimepickerModule} from '@angular/material/timepicker'; @@ -23,7 +23,6 @@ import {MatDatepickerModule} from '@angular/material/datepicker'; selector: 'timepicker-demo', templateUrl: 'timepicker-demo.html', styleUrl: 'timepicker-demo.css', - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ MatTimepickerModule, MatDatepickerModule, diff --git a/src/dev-app/toolbar/toolbar-demo.ts b/src/dev-app/toolbar/toolbar-demo.ts index 936d10849190..a6b76960b8c1 100644 --- a/src/dev-app/toolbar/toolbar-demo.ts +++ b/src/dev-app/toolbar/toolbar-demo.ts @@ -8,7 +8,7 @@ import {ToolbarOverviewExample} from '@angular/components-examples/material/toolbar'; import {ToolbarSimpleExample} from '@angular/components-examples/material/toolbar/toolbar-simple/toolbar-simple-example'; -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatIconModule} from '@angular/material/icon'; import {MatToolbarModule} from '@angular/material/toolbar'; @@ -24,6 +24,5 @@ import {MatToolbarModule} from '@angular/material/toolbar'; ToolbarOverviewExample, ToolbarSimpleExample, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class ToolbarDemo {} diff --git a/src/dev-app/tooltip/tooltip-demo.ts b/src/dev-app/tooltip/tooltip-demo.ts index 801cf65f25c0..736c22d0ab46 100644 --- a/src/dev-app/tooltip/tooltip-demo.ts +++ b/src/dev-app/tooltip/tooltip-demo.ts @@ -17,7 +17,7 @@ import { TooltipPositionAtOriginExample, TooltipPositionExample, } from '@angular/components-examples/material/tooltip'; -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; @Component({ selector: 'tooltip-demo', @@ -34,6 +34,5 @@ import {ChangeDetectionStrategy, Component} from '@angular/core'; TooltipPositionExample, TooltipPositionAtOriginExample, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TooltipDemo {} diff --git a/src/dev-app/tree/tree-demo.ts b/src/dev-app/tree/tree-demo.ts index 018860913d03..f886b0435b1f 100644 --- a/src/dev-app/tree/tree-demo.ts +++ b/src/dev-app/tree/tree-demo.ts @@ -25,7 +25,7 @@ import { TreeNestedChildAccessorOverviewExample, TreeFlatChildAccessorOverviewExample, } from '@angular/components-examples/material/tree'; -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatButtonModule} from '@angular/material/button'; import {MatCheckboxModule} from '@angular/material/checkbox'; @@ -67,6 +67,5 @@ import {MatTreeModule} from '@angular/material/tree'; MatTreeModule, MatProgressBarModule, ], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TreeDemo {} diff --git a/src/dev-app/typography/typography-demo.ts b/src/dev-app/typography/typography-demo.ts index d6f4ace5b4b4..721c4f47c765 100644 --- a/src/dev-app/typography/typography-demo.ts +++ b/src/dev-app/typography/typography-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component} from '@angular/core'; +import {Component} from '@angular/core'; import {FormsModule} from '@angular/forms'; import {MatCheckboxModule} from '@angular/material/checkbox'; @@ -15,6 +15,5 @@ import {MatCheckboxModule} from '@angular/material/checkbox'; templateUrl: 'typography-demo.html', styleUrl: 'typography-demo.css', imports: [MatCheckboxModule, FormsModule], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class TypographyDemo {} diff --git a/src/dev-app/virtual-scroll/virtual-scroll-demo.ts b/src/dev-app/virtual-scroll/virtual-scroll-demo.ts index 27878ad60c35..f4243af39038 100644 --- a/src/dev-app/virtual-scroll/virtual-scroll-demo.ts +++ b/src/dev-app/virtual-scroll/virtual-scroll-demo.ts @@ -6,7 +6,7 @@ * found in the LICENSE file at https://angular.dev/license */ -import {ChangeDetectionStrategy, Component, OnDestroy, ViewEncapsulation} from '@angular/core'; +import {Component, OnDestroy, ViewEncapsulation} from '@angular/core'; import {AsyncPipe} from '@angular/common'; import {CdkVirtualScrollViewport, ScrollingModule} from '@angular/cdk/scrolling'; import {ScrollingModule as ExperimentalScrollingModule} from '@angular/cdk-experimental/scrolling'; @@ -31,7 +31,6 @@ type State = { templateUrl: 'virtual-scroll-demo.html', styleUrl: 'virtual-scroll-demo.css', encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.OnPush, imports: [ AsyncPipe, ExperimentalScrollingModule, diff --git a/src/dev-app/youtube-player/youtube-player-demo.ts b/src/dev-app/youtube-player/youtube-player-demo.ts index df7eef7198be..0b2f717afde3 100644 --- a/src/dev-app/youtube-player/youtube-player-demo.ts +++ b/src/dev-app/youtube-player/youtube-player-demo.ts @@ -10,7 +10,6 @@ import { AfterViewInit, - ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, @@ -83,7 +82,6 @@ const VIDEOS: Video[] = [ templateUrl: 'youtube-player-demo.html', styleUrl: 'youtube-player-demo.css', imports: [FormsModule, MatRadioModule, MatCheckboxModule, MatButton, YouTubePlayer], - changeDetection: ChangeDetectionStrategy.OnPush, }) export class YouTubePlayerDemo implements AfterViewInit, OnDestroy { @ViewChild('demoYouTubePlayer') demoYouTubePlayer!: ElementRef; diff --git a/tslint.json b/tslint.json index 62adf6fed55b..6bb013e2abde 100644 --- a/tslint.json +++ b/tslint.json @@ -115,7 +115,7 @@ "properties": { "!changeDetection": ".*" }, - "excludeFiles": ["**/docs/**", "**/*.spec.ts", "**/dev-app/**"] + "excludeFiles": ["**/docs/**", "**/*.spec.ts"] } ], "Directive": [