Explicitly set standalone for all Angular components (#6912)

Angular v19 is going to change the default value for `standalone` from
`false` to `true`. Even though tensorboard is on an older version of
Angular on GitHub, the version inside Google runs at HEAD. We're in the
process of changing existing code in google to explicitly set
`standalone: false` for existing code, so I'm sending this change to the
source of truth here.

Author: jelbourn

tensorboard/plugins/debugger_v2/tf_debugger_v2_plugin/debugger_component.ts

@@ -16,6 +16,7 @@ import {ChangeDetectionStrategy, Component, Input} from '@angular/core';
 import {DebuggerRunListing} from './store/debugger_types';
 
 @Component({
+  standalone: false,
   selector: 'debugger-component',
   templateUrl: './debugger_component.ng.html',
   styleUrls: ['./debugger_component.css'],

tensorboard/plugins/debugger_v2/tf_debugger_v2_plugin/debugger_container.ts

@@ -19,6 +19,7 @@ import {getActiveRunId, getDebuggerRunListing} from './store';
 import {State} from './store/debugger_types';
 
 @Component({
+  standalone: false,
   selector: 'tf-debugger-v2',
   template: `
     <debugger-component

tensorboard/plugins/debugger_v2/tf_debugger_v2_plugin/testing/index.ts

@@ -354,6 +354,7 @@ export function createState(
 // that use it.
 
 @Component({
+  standalone: false,
   selector: 'tf-debugger-v2',
   template: ``,
 })

tensorboard/plugins/debugger_v2/tf_debugger_v2_plugin/views/alerts/alerts_component.ts

@@ -23,6 +23,7 @@ export interface AlertTypeDisplay {
 }
 
 @Component({
+  standalone: false,
   selector: 'alerts-component',
   templateUrl: './alerts_component.ng.html',
   styleUrls: ['./alerts_component.css'],

tensorboard/plugins/debugger_v2/tf_debugger_v2_plugin/views/alerts/alerts_container.ts

@@ -45,6 +45,7 @@ const ALERT_TYPE_TO_DISPLAY_NAME_AND_SYMBOL: {
 };
 
 @Component({
+  standalone: false,
   selector: 'tf-debugger-v2-alerts',
   template: `
     <alerts-component

tensorboard/plugins/debugger_v2/tf_debugger_v2_plugin/views/debug_tensor_value/debug_tensor_value_component.ts

@@ -30,6 +30,7 @@ const basicDebugInfoStyle = `
 `;
 
 @Component({
+  standalone: false,
   selector: 'debug-tensor-dtype',
   template: ` {{ dtype }} `,
   styles: [basicDebugInfoStyle],
@@ -40,6 +41,7 @@ export class DebugTensorDTypeComponent {
 }
 
 @Component({
+  standalone: false,
   selector: 'debug-tensor-rank',
   template: ` {{ rank }}D `,
   styles: [basicDebugInfoStyle],
@@ -50,6 +52,7 @@ export class DebugTensorRankComponent {
 }
 
 @Component({
+  standalone: false,
   selector: 'debug-tensor-shape',
   template: ` shape:{{ shapeString }} `,
   styles: [basicDebugInfoStyle],
@@ -72,6 +75,7 @@ export class DebugTensorShapeComponent {
 }
 
 @Component({
+  standalone: false,
   selector: 'debug-tensor-numeric-breakdown',
   template: `
     <div class="size">
@@ -205,6 +209,7 @@ export class DebugTensorNumericBreakdownComponent {
 }
 
 @Component({
+  standalone: false,
   selector: 'debug-tensor-has-inf-or-nan',
   template: `
     <div [ngClass]="['container', hasInfOrNaN ? 'has-inf-or-nan' : '']">
@@ -242,6 +247,7 @@ export class DebugTensorHasInfOrNaNComponent {
 }
 
 @Component({
+  standalone: false,
   selector: 'debug-tensor-value',
   template: `
     <debug-tensor-dtype

tensorboard/plugins/debugger_v2/tf_debugger_v2_plugin/views/execution_data/execution_data_component.ts

@@ -17,6 +17,7 @@ import {Execution, TensorDebugMode} from '../../store/debugger_types';
 import {parseDebugTensorValue} from '../../store/debug_tensor_value';
 
 @Component({
+  standalone: false,
   selector: 'execution-data-component',
   templateUrl: './execution_data_component.ng.html',
   styleUrls: ['./execution_data_component.css'],

tensorboard/plugins/debugger_v2/tf_debugger_v2_plugin/views/execution_data/execution_data_container.ts

@@ -21,6 +21,7 @@ import {DTYPE_ENUM_TO_NAME} from '../../tf_dtypes';
 const UNKNOWN_DTYPE_NAME = 'Unknown dtype';
 
 @Component({
+  standalone: false,
   selector: 'tf-debugger-v2-execution-data',
   template: `
     <execution-data-component

tensorboard/plugins/debugger_v2/tf_debugger_v2_plugin/views/graph/graph_component.ts

@@ -27,6 +27,7 @@ import {
 } from '../../store/debugger_types';
 
 @Component({
+  standalone: false,
   selector: 'graph-component',
   templateUrl: './graph_component.ng.html',
   styleUrls: ['./graph_component.css'],

tensorboard/plugins/debugger_v2/tf_debugger_v2_plugin/views/graph/graph_container.ts

@@ -23,6 +23,7 @@ import {
 import {State} from '../../store/debugger_types';
 
 @Component({
+  standalone: false,
   selector: 'tf-debugger-v2-graph',
   template: `
     <graph-component