fix(tabs): change indicator symbol to method

This is needed for the TS es2022 upgrade.

PiperOrigin-RevId: 776253988

Author: asyncliz

tabs/internal/tab.ts

@@ -25,7 +25,7 @@ import {mixinFocusable} from '../../labs/behaviors/focusable.js';
  * Symbol for tabs to use to animate their indicators based off another tab's
  * indicator.
  */
-const INDICATOR = Symbol('indicator');
+const GET_INDICATOR = Symbol('indicator');
 
 /**
  * Symbol used by the tab bar to request a tab to animate its indicator from a
@@ -74,7 +74,7 @@ export class Tab extends tabBaseClass {
    */
   @property({type: Boolean, attribute: 'icon-only'}) iconOnly = false;
 
-  @query('.indicator') readonly [INDICATOR]!: HTMLElement | null;
+  @query('.indicator') private readonly indicator!: HTMLElement | null;
   @state() protected fullWidthIndicator = false;
   @queryAssignedNodes({flatten: true})
   private readonly assignedDefaultNodes!: Node[];
@@ -144,17 +144,21 @@ export class Tab extends tabBaseClass {
     this.click();
   }
 
+  [GET_INDICATOR](): HTMLElement | null {
+    return this.indicator;
+  }
+
   [ANIMATE_INDICATOR](previousTab: Tab) {
-    if (!this[INDICATOR]) {
+    if (!this.indicator) {
       return;
     }
 
-    this[INDICATOR].getAnimations().forEach((a) => {
+    this.indicator.getAnimations().forEach((a) => {
       a.cancel();
     });
     const frames = this.getKeyframes(previousTab);
     if (frames !== null) {
-      this[INDICATOR].animate(frames, {
+      this.indicator.animate(frames, {
         duration: 250,
         easing: EASING.EMPHASIZED,
       });
@@ -169,10 +173,10 @@ export class Tab extends tabBaseClass {
 
     const from: Keyframe = {};
     const fromRect =
-      previousTab[INDICATOR]?.getBoundingClientRect() ?? ({} as DOMRect);
+      previousTab[GET_INDICATOR]()?.getBoundingClientRect() ?? ({} as DOMRect);
     const fromPos = fromRect.left;
     const fromExtent = fromRect.width;
-    const toRect = this[INDICATOR]!.getBoundingClientRect();
+    const toRect = this.indicator!.getBoundingClientRect();
     const toPos = toRect.left;
     const toExtent = toRect.width;
     const scale = fromExtent / toExtent;