angular · leonsenft · Mar 25, 2026 · Mar 25, 2026
diff --git a/devtools/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.ts b/devtools/projects/ng-devtools/src/lib/devtools-tabs/devtools-tabs.component.ts
@@ -6,15 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {
-  ChangeDetectionStrategy,
-  Component,
-  computed,
-  inject,
-  input,
-  output,
-  signal,
-} from '@angular/core';
+import {Component, computed, inject, input, output, signal} from '@angular/core';
 import {MatIcon} from '@angular/material/icon';
 import {MatMenu, MatMenuItem, MatMenuTrigger} from '@angular/material/menu';
 import {MatSlideToggle} from '@angular/material/slide-toggle';
@@ -67,7 +59,6 @@ type Tab = 'Components' | 'Profiler' | 'Router Tree' | 'Injector Tree' | 'Transf
     ButtonComponent,
   ],
   providers: [TabUpdate],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class DevToolsTabsComponent {
   public readonly frameManager = inject(FrameManager);

diff --git a/...ects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-explorer.component.ts b/...ects/ng-devtools/src/lib/devtools-tabs/directive-explorer/directive-explorer.component.ts
@@ -15,7 +15,6 @@ import {
   output,
   signal,
   viewChild,
-  ChangeDetectionStrategy,
   computed,
   DestroyRef,
 } from '@angular/core';
@@ -37,7 +36,7 @@ import {FrameManager} from '../../application-services/frame_manager';
 import {BreadcrumbsComponent} from './directive-forest/breadcrumbs/breadcrumbs.component';
 import {FlatNode} from './directive-forest/component-data-source';
 import {DirectiveForestComponent} from './directive-forest/directive-forest.component';
-import {findNodeByPosition, IndexedNode, indexForest} from './directive-forest/index-forest';
+import {IndexedNode} from './directive-forest/index-forest';
 import {constructPathOfKeysToPropertyValue} from './property-resolver/directive-property-resolver';
 import {ElementPropertyResolver} from './property-resolver/element-property-resolver';
 import {FlatNode as PropertyFlatNode} from '../../shared/object-tree-explorer/object-tree-types';
@@ -99,7 +98,6 @@ const sameDirectives = (a: IndexedNode, b: IndexedNode) => {
     SignalGraphPaneComponent,
     ResponsiveSplitDirective,
   ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class DirectiveExplorerComponent {
   readonly showCommentNodes = input(false);

diff --git a/...ib/devtools-tabs/directive-explorer/directive-forest/breadcrumbs/breadcrumbs.component.ts b/...ib/devtools-tabs/directive-explorer/directive-forest/breadcrumbs/breadcrumbs.component.ts
@@ -7,7 +7,6 @@
  */
 
 import {
-  ChangeDetectionStrategy,
   Component,
   computed,
   effect,
@@ -26,7 +25,6 @@ import {MatIcon} from '@angular/material/icon';
   templateUrl: './breadcrumbs.component.html',
   styleUrls: ['./breadcrumbs.component.scss'],
   imports: [MatIcon],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class BreadcrumbsComponent {
   readonly parents = input.required<FlatNode[]>();

diff --git a/...s/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.ts b/...s/src/lib/devtools-tabs/directive-explorer/directive-forest/directive-forest.component.ts
@@ -14,7 +14,6 @@ import {
 import {FlatTreeControl} from '@angular/cdk/tree';
 import {
   afterRenderEffect,
-  ChangeDetectionStrategy,
   Component,
   computed,
   DestroyRef,
@@ -45,7 +44,6 @@ const RESIZE_OBSERVER_DEBOUNCE = 250; // ms
   selector: 'ng-directive-forest',
   templateUrl: './directive-forest.component.html',
   styleUrls: ['./directive-forest.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
     FilterComponent,
     CdkVirtualScrollViewport,

diff --git a/...ools/src/lib/devtools-tabs/directive-explorer/directive-forest/filter/filter.component.ts b/...ools/src/lib/devtools-tabs/directive-explorer/directive-forest/filter/filter.component.ts
@@ -6,14 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {
-  ChangeDetectionStrategy,
-  Component,
-  ElementRef,
-  input,
-  output,
-  viewChild,
-} from '@angular/core';
+import {Component, ElementRef, input, output, viewChild} from '@angular/core';
 import {MatIcon} from '@angular/material/icon';
 import {MatTooltip} from '@angular/material/tooltip';
 
@@ -52,7 +45,6 @@ const genericSearchGenerator: FilterFnGenerator = (filter: string) => {
   templateUrl: './filter.component.html',
   styleUrls: ['./filter.component.scss'],
   imports: [MatIcon, MatTooltip],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class FilterComponent {
   protected readonly input = viewChild.required<ElementRef>('input');

diff --git a/...rc/lib/devtools-tabs/directive-explorer/directive-forest/tree-node/tree-node.component.ts b/...rc/lib/devtools-tabs/directive-explorer/directive-forest/tree-node/tree-node.component.ts
@@ -8,7 +8,6 @@
 
 import {
   afterRenderEffect,
-  ChangeDetectionStrategy,
   Component,
   computed,
   ElementRef,
@@ -39,7 +38,6 @@ export type NodeTextMatch = {
   selector: 'ng-tree-node',
   templateUrl: './tree-node.component.html',
   styleUrls: ['./tree-node.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [MatIcon, MatTooltip],
   host: {
     '[style.padding-left]': 'paddingLeft()',

diff --git a/...src/lib/devtools-tabs/directive-explorer/property-pane/defer-view/defer-view.component.ts b/...src/lib/devtools-tabs/directive-explorer/property-pane/defer-view/defer-view.component.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ChangeDetectionStrategy, Component, computed, input} from '@angular/core';
+import {Component, computed, input} from '@angular/core';
 import {MatToolbar} from '@angular/material/toolbar';
 import {DeferBlock} from '../../../../../../../protocol';
 
@@ -15,7 +15,6 @@ import {DeferBlock} from '../../../../../../../protocol';
   selector: 'ng-defer-view',
   styleUrls: ['./defer-view.component.scss', '../styles/view-tab.scss'],
   imports: [MatToolbar],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class DeferViewComponent {
   readonly defer = input.required<NonNullable<DeferBlock>>();

diff --git a/...b/devtools-tabs/directive-explorer/property-pane/for-loop-view/for-loop-view.component.ts b/...b/devtools-tabs/directive-explorer/property-pane/for-loop-view/for-loop-view.component.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ChangeDetectionStrategy, Component, computed, input} from '@angular/core';
+import {Component, computed, input} from '@angular/core';
 import {MatExpansionModule} from '@angular/material/expansion';
 import {ForLoopBlock} from '../../../../../../../protocol';
 import {ObjectTreeExplorerComponent} from '../../../../shared/object-tree-explorer/object-tree-explorer.component';
@@ -19,7 +19,6 @@ import {MatToolbar} from '@angular/material/toolbar';
   selector: 'ng-for-loop-view',
   styleUrls: ['./for-loop-view.component.scss', '../styles/view-tab.scss'],
   imports: [MatExpansionModule, ObjectTreeExplorerComponent, MatToolbar],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ForLoopViewComponent {
   protected readonly forLoop = input.required<NonNullable<ForLoopBlock>>();

diff --git a/...rer/property-pane/property-pane-header/component-metadata/component-metadata.component.ts b/...rer/property-pane/property-pane-header/component-metadata/component-metadata.component.ts
@@ -6,14 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {
-  ChangeDetectionStrategy,
-  Component,
-  ɵFramework as Framework,
-  computed,
-  inject,
-  input,
-} from '@angular/core';
+import {Component, ɵFramework as Framework, computed, inject, input} from '@angular/core';
 
 import {
   AcxDirectiveMetadata,
@@ -29,7 +22,6 @@ import {ElementPropertyResolver} from '../../../property-resolver/element-proper
   templateUrl: './component-metadata.component.html',
   styleUrls: ['./component-metadata.component.scss'],
   imports: [DocsRefButtonComponent],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ComponentMetadataComponent {
   readonly currentSelectedComponent = input.required<ComponentType>();

diff --git a/...s/directive-explorer/property-pane/property-pane-header/property-pane-header.component.ts b/...s/directive-explorer/property-pane/property-pane-header/property-pane-header.component.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ChangeDetectionStrategy, Component, input, output, signal, inject} from '@angular/core';
+import {Component, input, output, signal, inject} from '@angular/core';
 import {MatExpansionModule} from '@angular/material/expansion';
 import {MatIcon} from '@angular/material/icon';
 
@@ -19,7 +19,6 @@ import {SUPPORTED_APIS} from '../../../../application-providers/supported_apis';
   templateUrl: './property-pane-header.component.html',
   selector: 'ng-property-pane-header',
   styleUrls: ['./property-pane-header.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [MatExpansionModule, MatIcon, ComponentMetadataComponent, ButtonComponent],
 })
 export class PropertyPaneHeaderComponent {

diff --git a/...evtools/src/lib/devtools-tabs/directive-explorer/property-pane/property-pane.component.ts b/...evtools/src/lib/devtools-tabs/directive-explorer/property-pane/property-pane.component.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ChangeDetectionStrategy, Component, computed, input, output} from '@angular/core';
+import {Component, computed, input, output} from '@angular/core';
 import {DirectivePosition} from '../../../../../../protocol';
 
 import {IndexedNode} from '../directive-forest/index-forest';
@@ -28,7 +28,6 @@ import {BlockType} from '../../../shared/utils/control-flow';
     DeferViewComponent,
     ForLoopViewComponent,
   ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class PropertyPaneComponent {
   readonly currentSelectedElement = input.required<IndexedNode | null>();

diff --git a/...ty-pane/property-view/property-view-body/dependency-viewer/dependency-viewer.component.ts b/...ty-pane/property-view/property-view-body/dependency-viewer/dependency-viewer.component.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 {SerializedInjectedService} from '../../../../../../../../../protocol';
 import {ResolutionPathComponent} from './resolution-path/resolution-path.component';
 import {MatTooltip} from '@angular/material/tooltip';
@@ -17,7 +17,6 @@ import {MatExpansionModule} from '@angular/material/expansion';
   templateUrl: './dependency-viewer.component.html',
   styleUrl: './dependency-viewer.component.scss',
   imports: [MatExpansionModule, MatTooltip, ResolutionPathComponent],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class DependencyViewerComponent {
   readonly dependency = input.required<SerializedInjectedService>();

diff --git a/...ty-view/property-view-body/dependency-viewer/resolution-path/resolution-path.component.ts b/...ty-view/property-view-body/dependency-viewer/resolution-path/resolution-path.component.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ChangeDetectionStrategy, Component, computed, input} from '@angular/core';
+import {Component, computed, input} from '@angular/core';
 import {SerializedInjector} from '../../../../../../../../../../protocol';
 
 export const NODE_TYPE_CLASS_MAP: {[key in SerializedInjector['type']]: string} = {
@@ -21,7 +21,6 @@ export const NODE_TYPE_CLASS_MAP: {[key in SerializedInjector['type']]: string}
   selector: 'ng-resolution-path',
   templateUrl: './resolution-path.component.html',
   styleUrl: './resolution-path.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ResolutionPathComponent {
   readonly path = input<SerializedInjector[]>([]);

diff --git a/...ty-pane/property-view/property-view-body/prop-actions-menu/prop-actions-menu.component.ts b/...ty-pane/property-view/property-view-body/prop-actions-menu/prop-actions-menu.component.ts
@@ -9,7 +9,6 @@
 import {
   afterRenderEffect,
   AfterRenderRef,
-  ChangeDetectionStrategy,
   Component,
   computed,
   effect,
@@ -83,7 +82,6 @@ interface AvailableActions {
   templateUrl: './prop-actions-menu.component.html',
   styleUrl: './prop-actions-menu.component.scss',
   imports: [MatTooltip, MatIcon, Menu, MenuContent, MenuItem, MenuTrigger, CdkConnectedOverlay],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class PropActionsMenuComponent {
   private readonly signalGraph = inject(SignalGraphManager);

diff --git a/...e-explorer/property-pane/property-view/property-view-body/property-view-body.component.ts b/...e-explorer/property-pane/property-view/property-view-body/property-view-body.component.ts
@@ -6,15 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {
-  ChangeDetectionStrategy,
-  Component,
-  ɵFramework as Framework,
-  computed,
-  input,
-  output,
-  signal,
-} from '@angular/core';
+import {Component, ɵFramework as Framework, computed, input, output, signal} from '@angular/core';
 import {MatExpansionModule} from '@angular/material/expansion';
 
 import {DirectivePosition} from '../../../../../../../../protocol';
@@ -40,7 +32,6 @@ import {PropActionsMenuComponent} from './prop-actions-menu/prop-actions-menu.co
     ObjectTreeExplorerComponent,
     PropActionsMenuComponent,
   ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class PropertyViewBodyComponent {
   readonly controller = input.required<DirectivePropertyResolver>();

diff --git a/...plorer/property-pane/property-view/property-view-header/property-view-header.component.ts b/...plorer/property-pane/property-view/property-view-header/property-view-header.component.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ChangeDetectionStrategy, Component, computed, inject, input, output} from '@angular/core';
+import {Component, computed, inject, input, output} from '@angular/core';
 import {MatIcon} from '@angular/material/icon';
 import {MatTooltip} from '@angular/material/tooltip';
 import {MatToolbar} from '@angular/material/toolbar';
@@ -18,7 +18,6 @@ import {FrameManager} from '../../../../../application-services/frame_manager';
   templateUrl: './property-view-header.component.html',
   styleUrls: ['./property-view-header.component.scss'],
   imports: [MatToolbar, MatTooltip, MatIcon],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class PropertyViewHeaderComponent {
   readonly directive = input.required<string>();

diff --git a/...b/devtools-tabs/directive-explorer/property-pane/property-view/property-view.component.ts b/...b/devtools-tabs/directive-explorer/property-pane/property-view/property-view.component.ts
@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {ChangeDetectionStrategy, Component, computed, inject, input, output} from '@angular/core';
+import {Component, computed, inject, input, output} from '@angular/core';
 import {DirectivePosition} from '../../../../../../../protocol';
 
 import {ElementPropertyResolver} from '../../property-resolver/element-property-resolver';
@@ -20,7 +20,6 @@ import {DevtoolsSignalGraphNode} from '../../../../shared/signal-graph';
   templateUrl: './property-view.component.html',
   styleUrls: ['./property-view.component.scss'],
   imports: [PropertyViewHeaderComponent, PropertyViewBodyComponent],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class PropertyViewComponent {
   readonly directive = input.required<{name: string}>();

diff --git a/...src/lib/devtools-tabs/directive-explorer/signal-graph-pane/signal-graph-pane.component.ts b/...src/lib/devtools-tabs/directive-explorer/signal-graph-pane/signal-graph-pane.component.ts
@@ -7,7 +7,6 @@
  */
 
 import {
-  ChangeDetectionStrategy,
   Component,
   computed,
   inject,
@@ -38,7 +37,6 @@ type SelectedNodeSource = {
   selector: 'ng-signal-graph-pane',
   styleUrl: './signal-graph-pane.component.scss',
   imports: [SignalsVisualizerComponent, SignalDetailsComponent, MatIcon, ButtonComponent],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class SignalGraphPaneComponent {
   protected readonly visualizer = viewChild.required<SignalsVisualizerComponent>('visualizer');

diff --git a/...ls/src/lib/devtools-tabs/injector-tree/injector-providers/injector-providers.component.ts b/...ls/src/lib/devtools-tabs/injector-tree/injector-providers/injector-providers.component.ts
@@ -6,15 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {
-  ChangeDetectionStrategy,
-  Component,
-  computed,
-  inject,
-  input,
-  output,
-  signal,
-} from '@angular/core';
+import {Component, computed, inject, input, output, signal} from '@angular/core';
 import {MatIcon} from '@angular/material/icon';
 import {MatTableModule} from '@angular/material/table';
 import {MatTooltip} from '@angular/material/tooltip';
@@ -31,7 +23,6 @@ import {ButtonComponent} from '../../../shared/button/button.component';
   templateUrl: './injector-providers.component.html',
   styleUrl: './injector-providers.component.scss',
   imports: [MatTableModule, MatIcon, MatTooltip, ButtonComponent],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class InjectorProvidersComponent {
   readonly injector = input.required<SerializedInjector>();

diff --git a/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-tree.component.ts b/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-tree.component.ts
@@ -8,7 +8,6 @@
 
 import {
   afterRenderEffect,
-  ChangeDetectionStrategy,
   Component,
   computed,
   inject,
@@ -78,7 +77,6 @@ const SNAP_ZOOM_SCALE = 0.8;
   host: {
     '[hidden]': 'hidden()',
   },
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class InjectorTreeComponent {
   private readonly elementTree = viewChild<InjectorTreeVisualizer>('elementTree');

diff --git a/...src/lib/devtools-tabs/profiler/profiler-import-dialog/profiler-import-dialog.component.ts b/...src/lib/devtools-tabs/profiler/profiler-import-dialog/profiler-import-dialog.component.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 {MAT_DIALOG_DATA, MatDialogRef, MatDialogClose} from '@angular/material/dialog';
 import {ButtonComponent} from '../../../shared/button/button.component';
 
@@ -22,7 +22,6 @@ interface DialogData {
   templateUrl: './profiler-import-dialog.component.html',
   styleUrls: ['./profiler-import-dialog.component.scss'],
   imports: [MatDialogClose, ButtonComponent],
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ProfilerImportDialogComponent {
   public dialogRef = inject<MatDialogRef<ProfilerImportDialogComponent>>(MatDialogRef);