fix(floating-label): Use superclass properties without trailing under…

…scores

PiperOrigin-RevId: 312693498

packages/mdc-floating-label/component.ts

@@ -38,37 +38,37 @@ export class MDCFloatingLabel extends MDCComponent<MDCFloatingLabelFoundation> {
    * @param shouldShake If true, shakes the label by adding a CSS class; otherwise, stops shaking by removing the class.
    */
   shake(shouldShake: boolean) {
-    this.foundation_.shake(shouldShake);
+    this.foundation.shake(shouldShake);
   }
 
   /**
    * Styles the label to float/dock.
    * @param shouldFloat If true, floats the label by adding a CSS class; otherwise, docks it by removing the class.
    */
   float(shouldFloat: boolean) {
-    this.foundation_.float(shouldFloat);
+    this.foundation.float(shouldFloat);
   }
 
   /**
    * Styles the label as required.
    * @param isRequired If true, adds an asterisk to the label, indicating that it is required.
    */
   setRequired(isRequired: boolean) {
-    this.foundation_.setRequired(isRequired);
+    this.foundation.setRequired(isRequired);
   }
 
   getWidth(): number {
-    return this.foundation_.getWidth();
+    return this.foundation.getWidth();
   }
 
   getDefaultFoundation() {
     // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
     // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
     // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
     const adapter: MDCFloatingLabelAdapter = {
-      addClass: (className) => this.root_.classList.add(className),
-      removeClass: (className) => this.root_.classList.remove(className),
-      getWidth: () => estimateScrollWidth(this.root_),
+      addClass: (className) => this.root.classList.add(className),
+      removeClass: (className) => this.root.classList.remove(className),
+      getWidth: () => estimateScrollWidth(this.root),
       registerInteractionHandler: (evtType, handler) =>
           this.listen(evtType, handler),
       deregisterInteractionHandler: (evtType, handler) =>

packages/mdc-floating-label/foundation.ts

@@ -55,18 +55,18 @@ export class MDCFloatingLabelFoundation extends MDCFoundation<MDCFloatingLabelAd
   }
 
   init() {
-    this.adapter_.registerInteractionHandler('animationend', this.shakeAnimationEndHandler_);
+    this.adapter.registerInteractionHandler('animationend', this.shakeAnimationEndHandler_);
   }
 
   destroy() {
-    this.adapter_.deregisterInteractionHandler('animationend', this.shakeAnimationEndHandler_);
+    this.adapter.deregisterInteractionHandler('animationend', this.shakeAnimationEndHandler_);
   }
 
   /**
    * Returns the width of the label element.
    */
   getWidth(): number {
-    return this.adapter_.getWidth();
+    return this.adapter.getWidth();
   }
 
   /**
@@ -76,9 +76,9 @@ export class MDCFloatingLabelFoundation extends MDCFoundation<MDCFloatingLabelAd
   shake(shouldShake: boolean) {
     const {LABEL_SHAKE} = MDCFloatingLabelFoundation.cssClasses;
     if (shouldShake) {
-      this.adapter_.addClass(LABEL_SHAKE);
+      this.adapter.addClass(LABEL_SHAKE);
     } else {
-      this.adapter_.removeClass(LABEL_SHAKE);
+      this.adapter.removeClass(LABEL_SHAKE);
     }
   }
 
@@ -89,10 +89,10 @@ export class MDCFloatingLabelFoundation extends MDCFoundation<MDCFloatingLabelAd
   float(shouldFloat: boolean) {
     const {LABEL_FLOAT_ABOVE, LABEL_SHAKE} = MDCFloatingLabelFoundation.cssClasses;
     if (shouldFloat) {
-      this.adapter_.addClass(LABEL_FLOAT_ABOVE);
+      this.adapter.addClass(LABEL_FLOAT_ABOVE);
     } else {
-      this.adapter_.removeClass(LABEL_FLOAT_ABOVE);
-      this.adapter_.removeClass(LABEL_SHAKE);
+      this.adapter.removeClass(LABEL_FLOAT_ABOVE);
+      this.adapter.removeClass(LABEL_SHAKE);
     }
   }
 
@@ -103,15 +103,15 @@ export class MDCFloatingLabelFoundation extends MDCFoundation<MDCFloatingLabelAd
   setRequired(isRequired: boolean) {
     const {LABEL_REQUIRED} = MDCFloatingLabelFoundation.cssClasses;
     if (isRequired) {
-      this.adapter_.addClass(LABEL_REQUIRED);
+      this.adapter.addClass(LABEL_REQUIRED);
     } else {
-      this.adapter_.removeClass(LABEL_REQUIRED);
+      this.adapter.removeClass(LABEL_REQUIRED);
     }
   }
 
   private handleShakeAnimationEnd_() {
     const {LABEL_SHAKE} = MDCFloatingLabelFoundation.cssClasses;
-    this.adapter_.removeClass(LABEL_SHAKE);
+    this.adapter.removeClass(LABEL_SHAKE);
   }
 }