Project import generated by Copybara

frontend/app/app.ts

@@ -1,4 +1,4 @@
-import {Component, OnInit} from '@angular/core';
+import {Component, OnInit, ChangeDetectionStrategy} from '@angular/core';
 import {Store} from '@ngrx/store';
 import {RunToolsMap} from 'org_xprof/frontend/app/common/interfaces/tool';
 import {DataDispatcher} from 'org_xprof/frontend/app/services/data_dispatcher/data_dispatcher';
@@ -8,7 +8,7 @@ import {firstValueFrom} from 'rxjs';
 
 /** The root component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'app',
   templateUrl: './app.ng.html',
   styleUrls: ['./app.css'],

frontend/app/components/capture_profile/capture_profile.ts

@@ -1,4 +1,4 @@
-import {Component, OnDestroy} from '@angular/core';
+import {Component, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {MatDialog} from '@angular/material/dialog';
 import {MatSnackBar} from '@angular/material/snack-bar';
 import {Store} from '@ngrx/store';
@@ -15,7 +15,7 @@ const DELAY_TIME_MS = 1000;
 
 /** A capture profile view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'capture-profile',
   templateUrl: './capture_profile.ng.html',
   styleUrls: ['./capture_profile.scss']

frontend/app/components/capture_profile/capture_profile_dialog/capture_profile_dialog.ts

@@ -1,9 +1,9 @@
-import {Component} from '@angular/core';
+import {Component, ChangeDetectionStrategy} from '@angular/core';
 import {MatDialogRef} from '@angular/material/dialog';
 
 /** A capture profile dialog component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'capture-profile-dialog',
   templateUrl: './capture_profile_dialog.ng.html',
   styleUrls: ['./capture_profile_dialog.scss']

frontend/app/components/chart/chart.ts

@@ -1,9 +1,9 @@
-import {Component, ElementRef, EventEmitter, Input, NgModule, OnChanges, OnInit, Output, SimpleChanges} from '@angular/core';
+import {Component, ElementRef, EventEmitter, Input, NgModule, OnChanges, OnInit, Output, SimpleChanges, ChangeDetectionStrategy} from '@angular/core';
 import {ChartClass, type ChartDataInfo, ChartType, CustomChartDataProcessor, DataTableOrDataView} from 'org_xprof/frontend/app/common/interfaces/chart';
 
 /** A common chart component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'chart',
   template: '',
   styles: [':host {display: block;}'],

frontend/app/components/chart/org_chart/org_chart.ts

@@ -1,8 +1,8 @@
-import {Component, ElementRef, Input, OnChanges, OnInit, SimpleChanges, ViewChild} from '@angular/core';
+import {Component, ElementRef, Input, OnChanges, OnInit, SimpleChanges, ViewChild, ChangeDetectionStrategy} from '@angular/core';
 
 /** A organization chart view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'org-chart',
   templateUrl: './org_chart.ng.html',
   styleUrls: ['./org_chart.scss']

frontend/app/components/chart/table/table.ts

@@ -1,8 +1,8 @@
-import {Component, ElementRef, HostListener, Input, OnChanges, OnInit, SimpleChanges, ViewChild} from '@angular/core';
+import {Component, ElementRef, HostListener, Input, OnChanges, OnInit, SimpleChanges, ViewChild, ChangeDetectionStrategy} from '@angular/core';
 
 /** A table view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'table',
   templateUrl: './table.ng.html',
   styleUrls: ['./table.scss']

frontend/app/components/controls/category_filter/category_filter.ts

@@ -1,4 +1,4 @@
-import {Component, EventEmitter, Input, OnChanges, Output, SimpleChanges} from '@angular/core';
+import {Component, EventEmitter, Input, OnChanges, Output, SimpleChanges, ChangeDetectionStrategy} from '@angular/core';
 
 /**
  * A category filter component.
@@ -9,7 +9,7 @@ import {Component, EventEmitter, Input, OnChanges, Output, SimpleChanges} from '
  * If all is set, it is used as a value that selects all rows.
  */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'category-filter',
   templateUrl: './category_filter.ng.html',
   styleUrls: ['./category_filter.scss']

frontend/app/components/controls/download_hlo/download_hlo.ts

@@ -1,4 +1,4 @@
-import {Component, inject, Input, OnDestroy} from '@angular/core';
+import {Component, inject, Input, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {ActivatedRoute} from '@angular/router';
 import {GRAPH_TYPE_DEFAULT} from 'org_xprof/frontend/app/common/constants/constants';
 import {FileExtensionType} from 'org_xprof/frontend/app/common/constants/enums';
@@ -22,7 +22,7 @@ const DOWNLOAD_HLO_PROTO_MENU_ITEMS: DownloadMenuItem[] = [
 
 /** A component to download hlo module in proto, text or json formats. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'download-hlo',
   templateUrl: './download_hlo.ng.html',
   styleUrls: ['./download_hlo.css'],

frontend/app/components/controls/export_as_csv/export_as_csv.ts

@@ -1,11 +1,11 @@
-import {Component, inject, Input} from '@angular/core';
+import {Component, inject, Input, ChangeDetectionStrategy} from '@angular/core';
 import {DATA_SERVICE_INTERFACE_TOKEN, DataServiceV2Interface} from 'org_xprof/frontend/app/services/data_service_v2/data_service_v2_interface';
 
 /**
  * A 'Export as CSV' button component.
  */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'export-as-csv',
   templateUrl: './export_as_csv.ng.html',
   styleUrls: ['./export_as_csv.scss'],

frontend/app/components/controls/searchable_dropdown/searchable_dropdown.ts

@@ -1,5 +1,5 @@
 import {CommonModule} from '@angular/common';
-import {AfterViewInit, Component, ElementRef, EventEmitter, Input, Output, ViewChild} from '@angular/core';
+import {AfterViewInit, Component, ElementRef, EventEmitter, Input, Output, ViewChild, ChangeDetectionStrategy} from '@angular/core';
 import {FormsModule} from '@angular/forms';
 import {MatOptionModule} from '@angular/material/core';
 import {MatFormFieldModule} from '@angular/material/form-field';
@@ -11,7 +11,7 @@ import {MatSelectModule} from '@angular/material/select';
  * A reusable standalone component for a searchable dropdown.
  */
 @Component({
-  standalone: true,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: true,
   selector: 'app-searchable-dropdown',
   templateUrl: './searchable_dropdown.ng.html',
   styleUrls: ['./searchable_dropdown.scss'],

frontend/app/components/controls/string_filter/string_filter.ts

@@ -1,12 +1,12 @@
-import {Component, EventEmitter, Input, OnChanges, Output, SimpleChanges} from '@angular/core';
+import {Component, EventEmitter, Input, OnChanges, Output, SimpleChanges, ChangeDetectionStrategy} from '@angular/core';
 
 /**
  * A string filter component.
  * Selects the rows that contain the value typed by the user.
  * If the value is empty, selects all the rows.
  */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'string-filter',
   templateUrl: './string_filter.ng.html',
 })

frontend/app/components/controls/view_architecture/view_architecture.ts

@@ -1,4 +1,4 @@
-import {Component, inject, Input, OnDestroy, OnInit} from '@angular/core';
+import {Component, inject, Input, OnDestroy, OnInit, ChangeDetectionStrategy} from '@angular/core';
 import {DATA_SERVICE_INTERFACE_TOKEN, DataServiceV2Interface, } from 'org_xprof/frontend/app/services/data_service_v2/data_service_v2_interface';
 import {ReplaySubject} from 'rxjs';
 import {takeUntil} from 'rxjs/operators';
@@ -9,7 +9,7 @@ import {takeUntil} from 'rxjs/operators';
  * architecture in the program code.
  */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'view-architecture',
   templateUrl: './view_architecture.ng.html',
   styleUrls: ['./view_architecture.scss'],

frontend/app/components/diagnostics_view/diagnostics_view.ts

@@ -1,9 +1,9 @@
-import {Component, Input} from '@angular/core';
+import {Component, Input, ChangeDetectionStrategy} from '@angular/core';
 import {type Diagnostics} from 'org_xprof/frontend/app/common/interfaces/diagnostics';
 
 /** An diagnostics view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'diagnostics-view',
   templateUrl: './diagnostics_view.ng.html',
   styleUrls: ['./diagnostics_view.scss']

frontend/app/components/empty_page/empty_page.ts

@@ -1,13 +1,13 @@
 import 'org_xprof/frontend/app/common/interfaces/window';
 
-import {Component, inject} from '@angular/core';
+import {Component, inject, ChangeDetectionStrategy} from '@angular/core';
 import {DATA_SERVICE_INTERFACE_TOKEN, DataServiceV2Interface} from 'org_xprof/frontend/app/services/data_service_v2/data_service_v2_interface';
 import {firstValueFrom, ReplaySubject} from 'rxjs';
 import {takeUntil} from 'rxjs/operators';
 
 /** An empty page component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'empty-page',
   templateUrl: './empty_page.ng.html',
   styleUrls: ['./empty_page.css']

frontend/app/components/framework_op_stats/flop_rate_chart/flop_rate_chart.ts

@@ -1,4 +1,4 @@
-import {Component, Input, OnChanges, SimpleChanges} from '@angular/core';
+import {Component, Input, OnChanges, SimpleChanges, ChangeDetectionStrategy} from '@angular/core';
 import {ChartDataInfo} from 'org_xprof/frontend/app/common/interfaces/chart';
 import {type FrameworkOpStatsData, type SimpleDataTable} from 'org_xprof/frontend/app/common/interfaces/data_table';
 import {COLUMN_CHART_OPTIONS} from 'org_xprof/frontend/app/components/chart/chart_options';
@@ -7,7 +7,7 @@ import {XyTableDataProcessor} from 'org_xprof/frontend/app/components/chart/xy_t
 
 /** A flop rate chart view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'flop-rate-chart',
   templateUrl: './flop_rate_chart.ng.html',
   styleUrls: ['./flop_rate_chart.scss']

frontend/app/components/framework_op_stats/model_properties/model_properties.ts

@@ -1,8 +1,8 @@
-import {Component, Input} from '@angular/core';
+import {Component, Input, ChangeDetectionStrategy} from '@angular/core';
 
 /** A model properties view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'model-properties',
   templateUrl: './model_properties.ng.html',
   styleUrls: ['./model_properties.scss']

frontend/app/components/framework_op_stats/operations_table/operations_table.ts

@@ -1,4 +1,4 @@
-import {Component, Input, OnChanges, SimpleChanges} from '@angular/core';
+import {Component, Input, OnChanges, SimpleChanges, ChangeDetectionStrategy} from '@angular/core';
 import {OpExecutor} from 'org_xprof/frontend/app/common/constants/enums';
 import {ChartDataInfo} from 'org_xprof/frontend/app/common/interfaces/chart';
 import {type FrameworkOpStatsData} from 'org_xprof/frontend/app/common/interfaces/data_table';
@@ -7,7 +7,7 @@ import {OperationsTableDataProvider} from './operations_table_data_provider';
 
 /** An operations table view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'operations-table',
   templateUrl: './operations_table.ng.html',
   styleUrls: ['./operations_table.scss']

frontend/app/components/framework_op_stats/stats_table/stats_table.ts

@@ -1,4 +1,4 @@
-import {Component, Input, OnChanges, OnInit, SimpleChanges} from '@angular/core';
+import {Component, Input, OnChanges, OnInit, SimpleChanges, ChangeDetectionStrategy} from '@angular/core';
 import {ChartDataInfo} from 'org_xprof/frontend/app/common/interfaces/chart';
 import {type FrameworkOpStatsData} from 'org_xprof/frontend/app/common/interfaces/data_table';
 
@@ -15,7 +15,7 @@ const TABLE_COLUMN_LABEL_OPERATION = 'Operation';
 
 /** A stats table view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'stats-table',
   templateUrl: './stats_table.ng.html',
   styleUrls: ['./stats_table.scss']

frontend/app/components/graph_viewer/graph_viewer.ts

@@ -1,6 +1,6 @@
 import 'org_xprof/frontend/app/common/interfaces/window';
 
-import {Component, ElementRef, inject, Injector, NgZone, OnDestroy, ViewChild} from '@angular/core';
+import {Component, ElementRef, inject, Injector, NgZone, OnDestroy, ViewChild, ChangeDetectionStrategy} from '@angular/core';
 import {MatSnackBar} from '@angular/material/snack-bar';
 import {ActivatedRoute, Params, Router} from '@angular/router';
 import {Store} from '@ngrx/store';
@@ -31,7 +31,7 @@ interface DefaultGraphOption {
 
 /** A graph viewer component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'graph-viewer',
   templateUrl: './graph_viewer.ng.html',
   styleUrls: ['./graph_viewer.scss'],

frontend/app/components/graph_viewer/hlo_text_view/hlo_text_view.ts

@@ -1,4 +1,4 @@
-import {Component, inject, Input, OnDestroy} from '@angular/core';
+import {Component, inject, Input, OnDestroy, ChangeDetectionStrategy} from '@angular/core';
 import {Throbber} from 'org_xprof/frontend/app/common/classes/throbber';
 import {GRAPH_TYPE_DEFAULT} from 'org_xprof/frontend/app/common/constants/constants';
 import {FileExtensionType} from 'org_xprof/frontend/app/common/constants/enums';
@@ -27,7 +27,7 @@ const TOGGLE_BUTTON_ITEMS: ToggleButtonItems[] = [
 
 /** An Hlo text view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'hlo-text-view',
   templateUrl: './hlo_text_view.ng.html',
   styleUrls: ['./hlo_text_view.scss'],

frontend/app/components/hlo_stats/hlo_stats.ts

@@ -1,4 +1,4 @@
-import {Component, ElementRef, inject, Injector, NgZone, OnDestroy, Renderer2, ViewChild} from '@angular/core';
+import {Component, ElementRef, inject, Injector, NgZone, OnDestroy, Renderer2, ViewChild, ChangeDetectionStrategy} from '@angular/core';
 import {FormControl} from '@angular/forms';
 import {ActivatedRoute, Params} from '@angular/router';
 import {Store} from '@ngrx/store';
@@ -35,7 +35,7 @@ const TOTAL_TIME_ID = 'total_time';
 
 /** A Hlo Stats component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'hlo-stats',
   templateUrl: './hlo_stats.ng.html',
   styleUrls: ['./hlo_stats.css'],

frontend/app/components/inference_profile/inference_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';
@@ -11,7 +11,7 @@ import {takeUntil} from 'rxjs/operators';
 
 /** An inference profile component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'inference-profile',
   templateUrl: './inference_profile.ng.html',
   styleUrls: ['./inference_profile.css'],

frontend/app/components/input_pipeline/analysis_summary/analysis_summary.ts

@@ -1,9 +1,9 @@
-import {Component, Input} from '@angular/core';
+import {Component, Input, ChangeDetectionStrategy} from '@angular/core';
 import {DEFAULT_SIMPLE_DATA_TABLE, type InputPipelineDeviceAnalysis} from 'org_xprof/frontend/app/common/interfaces/data_table';
 
 /** A summary of input pipeline analysis component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'analysis-summary',
   templateUrl: './analysis_summary.ng.html',
   styleUrls: ['./analysis_summary.scss']

frontend/app/components/input_pipeline/device_side_analysis_detail/device_side_analysis_detail.ts

@@ -1,4 +1,4 @@
-import {Component, Input, OnChanges, SimpleChanges} from '@angular/core';
+import {Component, Input, OnChanges, SimpleChanges, ChangeDetectionStrategy} from '@angular/core';
 import {ChartDataInfo} from 'org_xprof/frontend/app/common/interfaces/chart';
 import {DEFAULT_SIMPLE_DATA_TABLE, type InputPipelineDeviceAnalysis} from 'org_xprof/frontend/app/common/interfaces/data_table';
 
@@ -56,7 +56,7 @@ interface DeviceSideAnalysisMetrics {
 
 /** A device-side analysis detail view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'device-side-analysis-detail',
   templateUrl: './device_side_analysis_detail.ng.html',
   styleUrls: ['./device_side_analysis_detail.scss']

frontend/app/components/input_pipeline/host_op/host_op.ts

@@ -1,4 +1,4 @@
-import {Component, Input, OnChanges, SimpleChanges} from '@angular/core';
+import {Component, Input, OnChanges, SimpleChanges, ChangeDetectionStrategy} from '@angular/core';
 import {ChartDataInfo} from 'org_xprof/frontend/app/common/interfaces/chart';
 import {
   HostOpTable,
@@ -8,7 +8,7 @@ import {DefaultDataProvider} from 'org_xprof/frontend/app/components/chart/defau
 
 /** A host-op view component. */
 @Component({
-  standalone: false,
+  changeDetection: ChangeDetectionStrategy.Eager,standalone: false,
   selector: 'host-op',
   templateUrl: './host_op.ng.html',
   styleUrls: ['./host_op.scss'],