diff --git a/frontend/app/components/framework_op_stats/framework_op_stats.ts b/frontend/app/components/framework_op_stats/framework_op_stats.ts index 7908ecda..27d5fd54 100644 --- a/frontend/app/components/framework_op_stats/framework_op_stats.ts +++ b/frontend/app/components/framework_op_stats/framework_op_stats.ts @@ -1,4 +1,4 @@ -import {Component, Input} from '@angular/core'; +import {Component, Input, ChangeDetectionStrategy} from '@angular/core'; import {Store} from '@ngrx/store'; import {IdleOption, OpExecutor, OpKind, OpType} from 'org_xprof/frontend/app/common/constants/enums'; import {ChartDataInfo} from 'org_xprof/frontend/app/common/interfaces/chart'; @@ -17,7 +17,7 @@ const MEASURED_FLOP_RATE_ID = 'measured_flop_rate'; /** A TensorFlow Stats component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'framework-op-stats', templateUrl: './framework_op_stats.ng.html', styleUrls: ['./framework_op_stats.css'] diff --git a/frontend/app/components/framework_op_stats/framework_op_stats_adapter.ts b/frontend/app/components/framework_op_stats/framework_op_stats_adapter.ts index b2239295..5a65dc38 100644 --- a/frontend/app/components/framework_op_stats/framework_op_stats_adapter.ts +++ b/frontend/app/components/framework_op_stats/framework_op_stats_adapter.ts @@ -1,4 +1,4 @@ -import {Component, inject, NgModule, OnDestroy} from '@angular/core'; +import {Component, inject, NgModule, OnDestroy, ChangeDetectionStrategy} from '@angular/core'; import {ActivatedRoute, Params} from '@angular/router'; import {Store} from '@ngrx/store'; import {DataRequestType} from 'org_xprof/frontend/app/common/constants/enums'; @@ -11,7 +11,7 @@ import {takeUntil} from 'rxjs/operators'; /** An overview adapter component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'framework-op-stats-adapter', template: '', diff --git a/frontend/app/components/kernel_stats/kernel_stats.ts b/frontend/app/components/kernel_stats/kernel_stats.ts index 814e4e1d..d2b3af0b 100644 --- a/frontend/app/components/kernel_stats/kernel_stats.ts +++ b/frontend/app/components/kernel_stats/kernel_stats.ts @@ -1,11 +1,11 @@ -import {Component, Input} from '@angular/core'; +import {Component, Input, ChangeDetectionStrategy} from '@angular/core'; import {Store} from '@ngrx/store'; import {SimpleDataTable} from 'org_xprof/frontend/app/common/interfaces/data_table'; import {getKernelStatsDataState} from 'org_xprof/frontend/app/store/common_data_store/selectors'; /** A Kernel Stats component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'kernel-stats', templateUrl: './kernel_stats.ng.html', styleUrls: ['./kernel_stats.css'] diff --git a/frontend/app/components/kernel_stats/kernel_stats_adapter.ts b/frontend/app/components/kernel_stats/kernel_stats_adapter.ts index 16277543..06301cde 100644 --- a/frontend/app/components/kernel_stats/kernel_stats_adapter.ts +++ b/frontend/app/components/kernel_stats/kernel_stats_adapter.ts @@ -1,4 +1,4 @@ -import {Component, NgModule, OnDestroy} from '@angular/core'; +import {Component, NgModule, OnDestroy, ChangeDetectionStrategy} from '@angular/core'; import {ActivatedRoute, Params} from '@angular/router'; import {Store} from '@ngrx/store'; import {DataRequestType} from 'org_xprof/frontend/app/common/constants/enums'; @@ -10,7 +10,7 @@ import {KernelStatsModule} from './kernel_stats_module'; /** A kernel stats adapter component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'kernel-stats-adapter', template: '', diff --git a/frontend/app/components/op_profile/op_profile.ts b/frontend/app/components/op_profile/op_profile.ts index 0508bf91..b2b474eb 100644 --- a/frontend/app/components/op_profile/op_profile.ts +++ b/frontend/app/components/op_profile/op_profile.ts @@ -1,4 +1,4 @@ -import {Component, inject, OnDestroy} from '@angular/core'; +import {Component, inject, OnDestroy, ChangeDetectionStrategy} from '@angular/core'; import {ActivatedRoute, Params} from '@angular/router'; import {Store} from '@ngrx/store'; import {Throbber} from 'org_xprof/frontend/app/common/classes/throbber'; @@ -13,7 +13,7 @@ const GROUP_BY_RULES = ['program', 'category', 'provenance']; /** An op profile component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'op-profile', templateUrl: './op_profile.ng.html', styleUrls: ['./op_profile_common.scss'] diff --git a/frontend/app/components/op_profile/op_profile_base.ts b/frontend/app/components/op_profile/op_profile_base.ts index 2460cd4f..36dc9d3c 100644 --- a/frontend/app/components/op_profile/op_profile_base.ts +++ b/frontend/app/components/op_profile/op_profile_base.ts @@ -1,4 +1,4 @@ -import {Component, EventEmitter, inject, Injector, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges} from '@angular/core'; +import {Component, EventEmitter, inject, Injector, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges, ChangeDetectionStrategy} from '@angular/core'; import {Params} from '@angular/router'; import {Store} from '@ngrx/store'; import {type OpProfileProto} from 'org_xprof/frontend/app/common/interfaces/data_table'; @@ -18,7 +18,7 @@ const GROUP_BY_RULES = ['program', 'category', 'provenance']; /** Base class of Op Profile component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'op-profile-base', templateUrl: './op_profile_base.ng.html', styleUrls: ['./op_profile_common.scss'] diff --git a/frontend/app/components/overview_page/run_environment_view/run_environment_view.ts b/frontend/app/components/overview_page/run_environment_view/run_environment_view.ts index 6e6db6d3..2d7c7038 100644 --- a/frontend/app/components/overview_page/run_environment_view/run_environment_view.ts +++ b/frontend/app/components/overview_page/run_environment_view/run_environment_view.ts @@ -1,9 +1,9 @@ -import {Component, Input} from '@angular/core'; +import {Component, Input, ChangeDetectionStrategy} from '@angular/core'; import {type RunEnvironment} from 'org_xprof/frontend/app/common/interfaces/data_table'; /** A run environment view component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'run-environment-view', templateUrl: './run_environment_view.ng.html', styleUrls: ['./run_environment_view.scss'] diff --git a/frontend/app/components/overview_page/step_time_graph/step_time_graph.ts b/frontend/app/components/overview_page/step_time_graph/step_time_graph.ts index 7350d377..6b18b119 100644 --- a/frontend/app/components/overview_page/step_time_graph/step_time_graph.ts +++ b/frontend/app/components/overview_page/step_time_graph/step_time_graph.ts @@ -1,4 +1,4 @@ -import {AfterViewInit, Component, ElementRef, HostListener, Input, OnChanges, SimpleChanges, ViewChild} from '@angular/core'; +import {AfterViewInit, Component, ElementRef, HostListener, Input, OnChanges, SimpleChanges, ViewChild, ChangeDetectionStrategy} from '@angular/core'; import {STACK_CHART_FILL_COLORS} from 'org_xprof/frontend/app/common/constants/constants'; import {type InputPipelineAnalysis} from 'org_xprof/frontend/app/common/interfaces/data_table'; @@ -17,7 +17,7 @@ const COLORS_FOR_GPU = [ /** A step-time graph view component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'step-time-graph', templateUrl: './step_time_graph.ng.html', styleUrls: ['./step_time_graph.scss'] diff --git a/frontend/app/components/perf_counters/perf_counters.ts b/frontend/app/components/perf_counters/perf_counters.ts index 8e779269..51904164 100644 --- a/frontend/app/components/perf_counters/perf_counters.ts +++ b/frontend/app/components/perf_counters/perf_counters.ts @@ -1,4 +1,4 @@ -import {Component, inject, OnDestroy} from '@angular/core'; +import {Component, inject, OnDestroy, ChangeDetectionStrategy} from '@angular/core'; import {ActivatedRoute, Params} from '@angular/router'; import {Store} from '@ngrx/store'; import {Throbber} from 'org_xprof/frontend/app/common/classes/throbber'; @@ -12,7 +12,7 @@ import {takeUntil} from 'rxjs/operators'; /** A perf counters component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'perf-counters', templateUrl: './perf_counters.ng.html', styleUrls: ['./perf_counters.scss'], diff --git a/frontend/app/components/pod_viewer/pod_viewer.ts b/frontend/app/components/pod_viewer/pod_viewer.ts index 7461e34b..db861fdc 100644 --- a/frontend/app/components/pod_viewer/pod_viewer.ts +++ b/frontend/app/components/pod_viewer/pod_viewer.ts @@ -1,4 +1,4 @@ -import {Component, inject, OnDestroy} from '@angular/core'; +import {Component, inject, OnDestroy, ChangeDetectionStrategy} from '@angular/core'; import {ActivatedRoute} from '@angular/router'; import {Store} from '@ngrx/store'; import {PodViewerDatabase} from 'org_xprof/frontend/app/common/interfaces/data_table'; @@ -12,7 +12,7 @@ import {PodViewerCommon} from './pod_viewer_common'; /** A pod viewer component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'pod-viewer', templateUrl: './pod_viewer.ng.html', styleUrls: ['./pod_viewer.css'] diff --git a/frontend/app/components/pod_viewer/pod_viewer_details/pod_viewer_details.ts b/frontend/app/components/pod_viewer/pod_viewer_details/pod_viewer_details.ts index b6a3b0a2..a6f2659c 100644 --- a/frontend/app/components/pod_viewer/pod_viewer_details/pod_viewer_details.ts +++ b/frontend/app/components/pod_viewer/pod_viewer_details/pod_viewer_details.ts @@ -1,4 +1,4 @@ -import {Component, OnDestroy} from '@angular/core'; +import {Component, OnDestroy, ChangeDetectionStrategy} from '@angular/core'; import {Store} from '@ngrx/store'; import {AllReduceOpInfo, ChannelInfo, PodStatsRecord} from 'org_xprof/frontend/app/common/interfaces/data_table'; @@ -14,7 +14,7 @@ interface DetailInfo { /** A pod viewer details view component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'pod-viewer-details', templateUrl: './pod_viewer_details.ng.html', styleUrls: ['./pod_viewer_details.scss'] diff --git a/frontend/app/components/pod_viewer/stack_bar_chart/stack_bar_chart.ts b/frontend/app/components/pod_viewer/stack_bar_chart/stack_bar_chart.ts index 5c58f564..b3c769d0 100644 --- a/frontend/app/components/pod_viewer/stack_bar_chart/stack_bar_chart.ts +++ b/frontend/app/components/pod_viewer/stack_bar_chart/stack_bar_chart.ts @@ -1,4 +1,4 @@ -import {Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, ViewChild} from '@angular/core'; +import {Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, ViewChild, ChangeDetectionStrategy} from '@angular/core'; import {KELLY_COLORS} from 'org_xprof/frontend/app/common/constants/constants'; import {PrimitiveTypeNumberStringOrUndefined} from 'org_xprof/frontend/app/common/interfaces/data_table'; @@ -7,7 +7,7 @@ const DEFAULT_CHART_WIDTH = 500; /** A stack bar chart view component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'stack-bar-chart', templateUrl: './stack_bar_chart.ng.html', styleUrls: ['./stack_bar_chart.scss'] diff --git a/frontend/app/components/pod_viewer/topology_graph/topology_graph.ts b/frontend/app/components/pod_viewer/topology_graph/topology_graph.ts index 8ce839c6..eb6de2e9 100644 --- a/frontend/app/components/pod_viewer/topology_graph/topology_graph.ts +++ b/frontend/app/components/pod_viewer/topology_graph/topology_graph.ts @@ -1,4 +1,4 @@ -import {Component, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, Output} from '@angular/core'; +import {Component, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, Output, ChangeDetectionStrategy} from '@angular/core'; import {Store} from '@ngrx/store'; import {KELLY_COLORS} from 'org_xprof/frontend/app/common/constants/constants'; import {AllReduceOpInfo, ChannelInfo, PodStatsRecord, type PodViewerTopology, StepBreakdownEvent} from 'org_xprof/frontend/app/common/interfaces/data_table'; @@ -46,7 +46,7 @@ const NODE_COLORS = [ /** A topology graph view component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'topology-graph', templateUrl: './topology_graph.ng.html', styleUrls: ['./topology_graph.scss'] diff --git a/frontend/app/components/roofline_model/operation_level_analysis/operation_level_analysis.ts b/frontend/app/components/roofline_model/operation_level_analysis/operation_level_analysis.ts index 66677f39..fd26bdde 100644 --- a/frontend/app/components/roofline_model/operation_level_analysis/operation_level_analysis.ts +++ b/frontend/app/components/roofline_model/operation_level_analysis/operation_level_analysis.ts @@ -1,4 +1,4 @@ -import {Component, ElementRef, EventEmitter, inject, Input, NgZone, OnChanges, OnInit, Output, Renderer2, SimpleChanges, ViewChild} from '@angular/core'; +import {Component, ElementRef, EventEmitter, inject, Input, NgZone, OnChanges, OnInit, Output, Renderer2, SimpleChanges, ViewChild, ChangeDetectionStrategy} from '@angular/core'; import {PIE_CHART_PALETTE} from 'org_xprof/frontend/app/common/constants/roofline_model_constants'; import {ChartDataInfo} from 'org_xprof/frontend/app/common/interfaces/chart'; import {SimpleDataTable} from 'org_xprof/frontend/app/common/interfaces/data_table'; @@ -14,7 +14,7 @@ type ColumnIdxArr = Array; * An operation level analysis table view component (step appregation: total). */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'operation-level-analysis', templateUrl: './operation_level_analysis.ng.html', styleUrls: ['./operation_level_analysis.scss'], diff --git a/frontend/app/components/roofline_model/program_level_analysis/program_level_analysis.ts b/frontend/app/components/roofline_model/program_level_analysis/program_level_analysis.ts index 57a229e0..95f8d110 100644 --- a/frontend/app/components/roofline_model/program_level_analysis/program_level_analysis.ts +++ b/frontend/app/components/roofline_model/program_level_analysis/program_level_analysis.ts @@ -5,7 +5,7 @@ import { OnChanges, OnInit, Output, - SimpleChanges, + SimpleChanges, ChangeDetectionStrategy, } from '@angular/core'; import {ChartDataInfo} from 'org_xprof/frontend/app/common/interfaces/chart'; import {SimpleDataTable} from 'org_xprof/frontend/app/common/interfaces/data_table'; @@ -17,7 +17,7 @@ type ColumnIdxArr = Array; /** An program level analysis table view component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'program-level-analysis', templateUrl: './program_level_analysis.ng.html', styleUrls: ['./program_level_analysis.scss'], diff --git a/frontend/app/components/roofline_model/roofline_model.ts b/frontend/app/components/roofline_model/roofline_model.ts index 935fd0b4..d4306acd 100644 --- a/frontend/app/components/roofline_model/roofline_model.ts +++ b/frontend/app/components/roofline_model/roofline_model.ts @@ -1,4 +1,4 @@ -import {Component, inject, OnDestroy, ViewChild} from '@angular/core'; +import {Component, inject, OnDestroy, ViewChild, ChangeDetectionStrategy} from '@angular/core'; import {ActivatedRoute, Params} from '@angular/router'; import {Store} from '@ngrx/store'; import {Throbber} from 'org_xprof/frontend/app/common/classes/throbber'; @@ -42,7 +42,7 @@ const NVIDIA_GPU_TYPE_PREFIX = 'Nvidia GPU'; /** A roofline model component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'roofline-model', templateUrl: './roofline_model.ng.html', styleUrls: ['./roofline_model.scss'], diff --git a/frontend/app/components/sidenav/sidenav.ts b/frontend/app/components/sidenav/sidenav.ts index 4ade772f..7eca4913 100644 --- a/frontend/app/components/sidenav/sidenav.ts +++ b/frontend/app/components/sidenav/sidenav.ts @@ -1,4 +1,4 @@ -import {Component, OnDestroy, OnInit} from '@angular/core'; +import {Component, OnDestroy, OnInit, ChangeDetectionStrategy} from '@angular/core'; import {MatCheckboxChange} from '@angular/material/checkbox'; import {ActivatedRouteSnapshot, Router} from '@angular/router'; import {Store} from '@ngrx/store'; @@ -14,7 +14,7 @@ import {takeUntil} from 'rxjs/operators'; /** A side navigation component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'sidenav', templateUrl: './sidenav.ng.html', styleUrls: ['./sidenav.scss'] diff --git a/frontend/app/components/smart_suggestion/smart_suggestion_view.ts b/frontend/app/components/smart_suggestion/smart_suggestion_view.ts index 98762365..9ad5b215 100644 --- a/frontend/app/components/smart_suggestion/smart_suggestion_view.ts +++ b/frontend/app/components/smart_suggestion/smart_suggestion_view.ts @@ -1,5 +1,5 @@ import {CommonModule} from '@angular/common'; -import {Component, HostBinding, Input, OnChanges, OnInit, SimpleChanges, inject, OnDestroy} from '@angular/core'; +import {Component, HostBinding, Input, OnChanges, OnInit, SimpleChanges, inject, OnDestroy, ChangeDetectionStrategy} from '@angular/core'; import {MatButtonModule} from '@angular/material/button'; import {MatCardModule} from '@angular/material/card'; import {MatExpansionModule} from '@angular/material/expansion'; @@ -29,7 +29,7 @@ const FEEDBACK_STORAGE_KEY_PREFIX = 'smartSuggestionFeedback'; /** A component for displaying smart suggestions. */ @Component({ - selector: 'smart-suggestion-view', + changeDetection: ChangeDetectionStrategy.Eager,selector: 'smart-suggestion-view', templateUrl: './smart_suggestion_view.ng.html', styleUrls: ['./smart_suggestion_view.scss'], standalone: true, diff --git a/frontend/app/components/source_mapper/source_mapper.ts b/frontend/app/components/source_mapper/source_mapper.ts index aefc553d..6410cebe 100644 --- a/frontend/app/components/source_mapper/source_mapper.ts +++ b/frontend/app/components/source_mapper/source_mapper.ts @@ -1,4 +1,4 @@ -import {Component, inject, Input, OnChanges, OnDestroy, SimpleChanges} from '@angular/core'; +import {Component, inject, Input, OnChanges, OnDestroy, SimpleChanges, ChangeDetectionStrategy} from '@angular/core'; import {Store} from '@ngrx/store'; import {GRAPH_TYPE_DEFAULT, GRAPH_TYPE_ORIGINAL_HLO} from 'org_xprof/frontend/app/common/constants/constants'; import {FileExtensionType} from 'org_xprof/frontend/app/common/constants/enums'; @@ -24,7 +24,7 @@ enum CompilerPass { * TPU operations can be HLO or LLO. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'source-mapper', templateUrl: './source_mapper.ng.html', styleUrls: ['./source_mapper.css'], diff --git a/frontend/app/components/stack_trace_page/stack_trace_page.ts b/frontend/app/components/stack_trace_page/stack_trace_page.ts index daad8898..7b099db7 100644 --- a/frontend/app/components/stack_trace_page/stack_trace_page.ts +++ b/frontend/app/components/stack_trace_page/stack_trace_page.ts @@ -1,4 +1,4 @@ -import {Component, inject, Injector, OnDestroy} from '@angular/core'; +import {Component, inject, Injector, OnDestroy, ChangeDetectionStrategy} from '@angular/core'; import {ActivatedRoute, Params} from '@angular/router'; import {SOURCE_CODE_SERVICE_INTERFACE_TOKEN} from 'org_xprof/frontend/app/services/source_code_service/source_code_service_interface'; import {combineLatest, ReplaySubject} from 'rxjs'; @@ -17,7 +17,7 @@ import {takeUntil} from 'rxjs/operators'; * various IR text mapping. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'stack-trace-page', templateUrl: './stack_trace_page.ng.html', styleUrls: ['./stack_trace_page.css'], diff --git a/frontend/app/components/trace_viewer/trace_viewer.ts b/frontend/app/components/trace_viewer/trace_viewer.ts index a04ad165..44bfeeaf 100644 --- a/frontend/app/components/trace_viewer/trace_viewer.ts +++ b/frontend/app/components/trace_viewer/trace_viewer.ts @@ -1,5 +1,5 @@ import {PlatformLocation} from '@angular/common'; -import {Component, inject, Injector, OnDestroy} from '@angular/core'; +import {Component, inject, Injector, OnDestroy, ChangeDetectionStrategy} from '@angular/core'; import {ActivatedRoute} from '@angular/router'; import {Store} from '@ngrx/store'; import {API_PREFIX, DATA_API, PLUGIN_NAME} from 'org_xprof/frontend/app/common/constants/constants'; @@ -12,7 +12,7 @@ import {takeUntil} from 'rxjs/operators'; /** A trace viewer component. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'trace-viewer', templateUrl: './trace_viewer.ng.html', styleUrls: ['./trace_viewer.css'] diff --git a/frontend/app/components/trace_viewer_container/trace_viewer_container.ts b/frontend/app/components/trace_viewer_container/trace_viewer_container.ts index e97947dc..a8948262 100644 --- a/frontend/app/components/trace_viewer_container/trace_viewer_container.ts +++ b/frontend/app/components/trace_viewer_container/trace_viewer_container.ts @@ -1,5 +1,5 @@ import {CommonModule} from '@angular/common'; -import {Component, ElementRef, Input, OnDestroy, OnInit, ViewChild} from '@angular/core'; +import {Component, ElementRef, Input, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy} from '@angular/core'; import {MatIconModule} from '@angular/material/icon'; import {MatProgressBarModule} from '@angular/material/progress-bar'; import {LOADING_STATUS_UPDATE_EVENT_NAME, TraceViewerV2LoadingStatus, type TraceViewerV2Module} from 'org_xprof/frontend/app/components/trace_viewer_v2/main'; @@ -45,7 +45,7 @@ function isLoadingStatusUpdateEvent( /** A trace viewer container component. */ @Component({ - standalone: true, + changeDetection: ChangeDetectionStrategy.Eager,standalone: true, selector: 'trace-viewer-container', templateUrl: './trace_viewer_container.ng.html', styleUrls: ['./trace_viewer_container.css'], diff --git a/frontend/app/components/utilization_viewer/utilization_viewer.ts b/frontend/app/components/utilization_viewer/utilization_viewer.ts index dd772018..8bab4438 100644 --- a/frontend/app/components/utilization_viewer/utilization_viewer.ts +++ b/frontend/app/components/utilization_viewer/utilization_viewer.ts @@ -1,4 +1,4 @@ -import {Component, inject, OnDestroy} from '@angular/core'; +import {Component, inject, OnDestroy, ChangeDetectionStrategy} from '@angular/core'; import {ActivatedRoute, Params} from '@angular/router'; import {Store} from '@ngrx/store'; import {Throbber} from 'org_xprof/frontend/app/common/classes/throbber'; @@ -58,7 +58,7 @@ declare interface NodeFilterDataProcessorMap { * node in a TPU chip. */ @Component({ - standalone: false, + changeDetection: ChangeDetectionStrategy.Eager,standalone: false, selector: 'utilization-viewer', templateUrl: './utilization_viewer.ng.html', styleUrls: ['./utilization_viewer.scss'],