@limetech/lime-elements 35.0.0-next.9 → 35.0.0

package/dist/cjs/{component-ed21410d.js → component-ae3bfacf.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const component = require('./component-f532119f.js');
-const component$2 = require('./component-2faaa141.js');
+const component = require('./component-67144c1c.js');
+const component$2 = require('./component-cf490570.js');
 const ponyfill = require('./ponyfill-98ca4766.js');
-const component$1 = require('./component-10dbdd60.js');
+const component$1 = require('./component-dd795ff0.js');
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -45,7 +45,19 @@ var __assign$2 = function() {
         return t;
     };
     return __assign$2.apply(this, arguments);
-};
+};
+
+function __values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -142,7 +154,9 @@ var MDCLineRippleFoundation = /** @class */ (function (_super) {
     __extends$1(MDCLineRippleFoundation, _super);
     function MDCLineRippleFoundation(adapter) {
         var _this = _super.call(this, __assign$1(__assign$1({}, MDCLineRippleFoundation.defaultAdapter), adapter)) || this;
-        _this.transitionEndHandler_ = function (evt) { return _this.handleTransitionEnd(evt); };
+        _this.transitionEndHandler = function (evt) {
+            _this.handleTransitionEnd(evt);
+        };
         return _this;
     }
     Object.defineProperty(MDCLineRippleFoundation, "cssClasses", {
@@ -172,10 +186,10 @@ var MDCLineRippleFoundation = /** @class */ (function (_super) {
         configurable: true
     });
     MDCLineRippleFoundation.prototype.init = function () {
-        this.adapter.registerEventHandler('transitionend', this.transitionEndHandler_);
+        this.adapter.registerEventHandler('transitionend', this.transitionEndHandler);
     };
     MDCLineRippleFoundation.prototype.destroy = function () {
-        this.adapter.deregisterEventHandler('transitionend', this.transitionEndHandler_);
+        this.adapter.deregisterEventHandler('transitionend', this.transitionEndHandler);
     };
     MDCLineRippleFoundation.prototype.activate = function () {
         this.adapter.removeClass(cssClasses$5.LINE_RIPPLE_DEACTIVATING);
@@ -464,7 +478,7 @@ var MDCNotchedOutline = /** @class */ (function (_super) {
         return new MDCNotchedOutline(root);
     };
     MDCNotchedOutline.prototype.initialSyncWithDOM = function () {
-        this.notchElement_ =
+        this.notchElement =
             this.root.querySelector(strings$4.NOTCH_ELEMENT_SELECTOR);
         var label = this.root.querySelector('.' + component$1.MDCFloatingLabelFoundation.cssClasses.ROOT);
         if (label) {
@@ -500,10 +514,10 @@ var MDCNotchedOutline = /** @class */ (function (_super) {
             addClass: function (className) { return _this.root.classList.add(className); },
             removeClass: function (className) { return _this.root.classList.remove(className); },
             setNotchWidthProperty: function (width) {
-                return _this.notchElement_.style.setProperty('width', width + 'px');
+                _this.notchElement.style.setProperty('width', width + 'px');
             },
             removeNotchWidthProperty: function () {
-                return _this.notchElement_.style.removeProperty('width');
+                _this.notchElement.style.removeProperty('width');
             },
         };
         // tslint:enable:object-literal-sort-keys
@@ -699,22 +713,37 @@ var cssClasses$2 = {
     TEXTAREA: 'mdc-text-field--textarea',
     WITH_LEADING_ICON: 'mdc-text-field--with-leading-icon',
     WITH_TRAILING_ICON: 'mdc-text-field--with-trailing-icon',
+    WITH_INTERNAL_COUNTER: 'mdc-text-field--with-internal-counter',
 };
 var numbers = {
     LABEL_SCALE: 0.75,
 };
 /**
- * Whitelist based off of https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation
+ * Whitelist based off of
+ * https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation
  * under the "Validation-related attributes" section.
  */
 var VALIDATION_ATTR_WHITELIST = [
-    'pattern', 'min', 'max', 'required', 'step', 'minlength', 'maxlength',
+    'pattern',
+    'min',
+    'max',
+    'required',
+    'step',
+    'minlength',
+    'maxlength',
 ];
 /**
- * Label should always float for these types as they show some UI even if value is empty.
+ * Label should always float for these types as they show some UI even if value
+ * is empty.
  */
 var ALWAYS_FLOAT_TYPES = [
-    'color', 'date', 'datetime-local', 'month', 'range', 'time', 'week',
+    'color',
+    'date',
+    'datetime-local',
+    'month',
+    'range',
+    'time',
+    'week',
 ];
 
 /**
@@ -750,22 +779,32 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
     function MDCTextFieldFoundation(adapter, foundationMap) {
         if (foundationMap === void 0) { foundationMap = {}; }
         var _this = _super.call(this, __assign$2(__assign$2({}, MDCTextFieldFoundation.defaultAdapter), adapter)) || this;
-        _this.isFocused_ = false;
-        _this.receivedUserInput_ = false;
-        _this.isValid_ = true;
-        _this.useNativeValidation_ = true;
-        _this.validateOnValueChange_ = true;
-        _this.helperText_ = foundationMap.helperText;
-        _this.characterCounter_ = foundationMap.characterCounter;
-        _this.leadingIcon_ = foundationMap.leadingIcon;
-        _this.trailingIcon_ = foundationMap.trailingIcon;
-        _this.inputFocusHandler_ = function () { return _this.activateFocus(); };
-        _this.inputBlurHandler_ = function () { return _this.deactivateFocus(); };
-        _this.inputInputHandler_ = function () { return _this.handleInput(); };
-        _this.setPointerXOffset_ = function (evt) { return _this.setTransformOrigin(evt); };
-        _this.textFieldInteractionHandler_ = function () { return _this.handleTextFieldInteraction(); };
-        _this.validationAttributeChangeHandler_ = function (attributesList) {
-            return _this.handleValidationAttributeChange(attributesList);
+        _this.isFocused = false;
+        _this.receivedUserInput = false;
+        _this.valid = true;
+        _this.useNativeValidation = true;
+        _this.validateOnValueChange = true;
+        _this.helperText = foundationMap.helperText;
+        _this.characterCounter = foundationMap.characterCounter;
+        _this.leadingIcon = foundationMap.leadingIcon;
+        _this.trailingIcon = foundationMap.trailingIcon;
+        _this.inputFocusHandler = function () {
+            _this.activateFocus();
+        };
+        _this.inputBlurHandler = function () {
+            _this.deactivateFocus();
+        };
+        _this.inputInputHandler = function () {
+            _this.handleInput();
+        };
+        _this.setPointerXOffset = function (evt) {
+            _this.setTransformOrigin(evt);
+        };
+        _this.textFieldInteractionHandler = function () {
+            _this.handleTextFieldInteraction();
+        };
+        _this.validationAttributeChangeHandler = function (attributesList) {
+            _this.handleValidationAttributeChange(attributesList);
         };
         return _this;
     }
@@ -790,9 +829,9 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(MDCTextFieldFoundation.prototype, "shouldAlwaysFloat_", {
+    Object.defineProperty(MDCTextFieldFoundation.prototype, "shouldAlwaysFloat", {
         get: function () {
-            var type = this.getNativeInput_().type;
+            var type = this.getNativeInput().type;
             return ALWAYS_FLOAT_TYPES.indexOf(type) >= 0;
         },
         enumerable: false,
@@ -800,15 +839,15 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
     });
     Object.defineProperty(MDCTextFieldFoundation.prototype, "shouldFloat", {
         get: function () {
-            return this.shouldAlwaysFloat_ || this.isFocused_ || !!this.getValue() ||
-                this.isBadInput_();
+            return this.shouldAlwaysFloat || this.isFocused || !!this.getValue() ||
+                this.isBadInput();
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(MDCTextFieldFoundation.prototype, "shouldShake", {
         get: function () {
-            return !this.isFocused_ && !this.isValid() && !!this.getValue();
+            return !this.isFocused && !this.isValid() && !!this.getValue();
         },
         enumerable: false,
         configurable: true
@@ -854,43 +893,83 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
         configurable: true
     });
     MDCTextFieldFoundation.prototype.init = function () {
-        var _this = this;
-        if (this.adapter.hasLabel() && this.getNativeInput_().required) {
+        var e_1, _a, e_2, _b;
+        if (this.adapter.hasLabel() && this.getNativeInput().required) {
             this.adapter.setLabelRequired(true);
         }
         if (this.adapter.isFocused()) {
-            this.inputFocusHandler_();
+            this.inputFocusHandler();
         }
         else if (this.adapter.hasLabel() && this.shouldFloat) {
             this.notchOutline(true);
             this.adapter.floatLabel(true);
-            this.styleFloating_(true);
+            this.styleFloating(true);
         }
-        this.adapter.registerInputInteractionHandler('focus', this.inputFocusHandler_);
-        this.adapter.registerInputInteractionHandler('blur', this.inputBlurHandler_);
-        this.adapter.registerInputInteractionHandler('input', this.inputInputHandler_);
-        POINTERDOWN_EVENTS.forEach(function (evtType) {
-            _this.adapter.registerInputInteractionHandler(evtType, _this.setPointerXOffset_);
-        });
-        INTERACTION_EVENTS$1.forEach(function (evtType) {
-            _this.adapter.registerTextFieldInteractionHandler(evtType, _this.textFieldInteractionHandler_);
-        });
-        this.validationObserver_ =
-            this.adapter.registerValidationAttributeChangeHandler(this.validationAttributeChangeHandler_);
-        this.setCharacterCounter_(this.getValue().length);
+        this.adapter.registerInputInteractionHandler('focus', this.inputFocusHandler);
+        this.adapter.registerInputInteractionHandler('blur', this.inputBlurHandler);
+        this.adapter.registerInputInteractionHandler('input', this.inputInputHandler);
+        try {
+            for (var POINTERDOWN_EVENTS_1 = __values(POINTERDOWN_EVENTS), POINTERDOWN_EVENTS_1_1 = POINTERDOWN_EVENTS_1.next(); !POINTERDOWN_EVENTS_1_1.done; POINTERDOWN_EVENTS_1_1 = POINTERDOWN_EVENTS_1.next()) {
+                var evtType = POINTERDOWN_EVENTS_1_1.value;
+                this.adapter.registerInputInteractionHandler(evtType, this.setPointerXOffset);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (POINTERDOWN_EVENTS_1_1 && !POINTERDOWN_EVENTS_1_1.done && (_a = POINTERDOWN_EVENTS_1.return)) _a.call(POINTERDOWN_EVENTS_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        try {
+            for (var INTERACTION_EVENTS_1 = __values(INTERACTION_EVENTS$1), INTERACTION_EVENTS_1_1 = INTERACTION_EVENTS_1.next(); !INTERACTION_EVENTS_1_1.done; INTERACTION_EVENTS_1_1 = INTERACTION_EVENTS_1.next()) {
+                var evtType = INTERACTION_EVENTS_1_1.value;
+                this.adapter.registerTextFieldInteractionHandler(evtType, this.textFieldInteractionHandler);
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (INTERACTION_EVENTS_1_1 && !INTERACTION_EVENTS_1_1.done && (_b = INTERACTION_EVENTS_1.return)) _b.call(INTERACTION_EVENTS_1);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        this.validationObserver =
+            this.adapter.registerValidationAttributeChangeHandler(this.validationAttributeChangeHandler);
+        this.setcharacterCounter(this.getValue().length);
     };
     MDCTextFieldFoundation.prototype.destroy = function () {
-        var _this = this;
-        this.adapter.deregisterInputInteractionHandler('focus', this.inputFocusHandler_);
-        this.adapter.deregisterInputInteractionHandler('blur', this.inputBlurHandler_);
-        this.adapter.deregisterInputInteractionHandler('input', this.inputInputHandler_);
-        POINTERDOWN_EVENTS.forEach(function (evtType) {
-            _this.adapter.deregisterInputInteractionHandler(evtType, _this.setPointerXOffset_);
-        });
-        INTERACTION_EVENTS$1.forEach(function (evtType) {
-            _this.adapter.deregisterTextFieldInteractionHandler(evtType, _this.textFieldInteractionHandler_);
-        });
-        this.adapter.deregisterValidationAttributeChangeHandler(this.validationObserver_);
+        var e_3, _a, e_4, _b;
+        this.adapter.deregisterInputInteractionHandler('focus', this.inputFocusHandler);
+        this.adapter.deregisterInputInteractionHandler('blur', this.inputBlurHandler);
+        this.adapter.deregisterInputInteractionHandler('input', this.inputInputHandler);
+        try {
+            for (var POINTERDOWN_EVENTS_2 = __values(POINTERDOWN_EVENTS), POINTERDOWN_EVENTS_2_1 = POINTERDOWN_EVENTS_2.next(); !POINTERDOWN_EVENTS_2_1.done; POINTERDOWN_EVENTS_2_1 = POINTERDOWN_EVENTS_2.next()) {
+                var evtType = POINTERDOWN_EVENTS_2_1.value;
+                this.adapter.deregisterInputInteractionHandler(evtType, this.setPointerXOffset);
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (POINTERDOWN_EVENTS_2_1 && !POINTERDOWN_EVENTS_2_1.done && (_a = POINTERDOWN_EVENTS_2.return)) _a.call(POINTERDOWN_EVENTS_2);
+            }
+            finally { if (e_3) throw e_3.error; }
+        }
+        try {
+            for (var INTERACTION_EVENTS_2 = __values(INTERACTION_EVENTS$1), INTERACTION_EVENTS_2_1 = INTERACTION_EVENTS_2.next(); !INTERACTION_EVENTS_2_1.done; INTERACTION_EVENTS_2_1 = INTERACTION_EVENTS_2.next()) {
+                var evtType = INTERACTION_EVENTS_2_1.value;
+                this.adapter.deregisterTextFieldInteractionHandler(evtType, this.textFieldInteractionHandler);
+            }
+        }
+        catch (e_4_1) { e_4 = { error: e_4_1 }; }
+        finally {
+            try {
+                if (INTERACTION_EVENTS_2_1 && !INTERACTION_EVENTS_2_1.done && (_b = INTERACTION_EVENTS_2.return)) _b.call(INTERACTION_EVENTS_2);
+            }
+            finally { if (e_4) throw e_4.error; }
+        }
+        this.adapter.deregisterValidationAttributeChangeHandler(this.validationObserver);
     };
     /**
      * Handles user interactions with the Text Field.
@@ -900,7 +979,7 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
         if (nativeInput && nativeInput.disabled) {
             return;
         }
-        this.receivedUserInput_ = true;
+        this.receivedUserInput = true;
     };
     /**
      * Handles validation attribute changes
@@ -909,14 +988,14 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
         var _this = this;
         attributesList.some(function (attributeName) {
             if (VALIDATION_ATTR_WHITELIST.indexOf(attributeName) > -1) {
-                _this.styleValidity_(true);
-                _this.adapter.setLabelRequired(_this.getNativeInput_().required);
+                _this.styleValidity(true);
+                _this.adapter.setLabelRequired(_this.getNativeInput().required);
                 return true;
             }
             return false;
         });
         if (attributesList.indexOf('maxlength') > -1) {
-            this.setCharacterCounter_(this.getValue().length);
+            this.setcharacterCounter(this.getValue().length);
         }
     };
     /**
@@ -938,19 +1017,19 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
      * Activates the text field focus state.
      */
     MDCTextFieldFoundation.prototype.activateFocus = function () {
-        this.isFocused_ = true;
-        this.styleFocused_(this.isFocused_);
+        this.isFocused = true;
+        this.styleFocused(this.isFocused);
         this.adapter.activateLineRipple();
         if (this.adapter.hasLabel()) {
             this.notchOutline(this.shouldFloat);
             this.adapter.floatLabel(this.shouldFloat);
-            this.styleFloating_(this.shouldFloat);
+            this.styleFloating(this.shouldFloat);
             this.adapter.shakeLabel(this.shouldShake);
         }
-        if (this.helperText_ &&
-            (this.helperText_.isPersistent() || !this.helperText_.isValidation() ||
-                !this.isValid_)) {
-            this.helperText_.showToScreenReader();
+        if (this.helperText &&
+            (this.helperText.isPersistent() || !this.helperText.isValidation() ||
+                !this.valid)) {
+            this.helperText.showToScreenReader();
         }
     };
     /**
@@ -972,14 +1051,14 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
      */
     MDCTextFieldFoundation.prototype.handleInput = function () {
         this.autoCompleteFocus();
-        this.setCharacterCounter_(this.getValue().length);
+        this.setcharacterCounter(this.getValue().length);
     };
     /**
      * Activates the Text Field's focus state in cases when the input value
      * changes without user input (e.g. programmatically).
      */
     MDCTextFieldFoundation.prototype.autoCompleteFocus = function () {
-        if (!this.receivedUserInput_) {
+        if (!this.receivedUserInput) {
             this.activateFocus();
         }
     };
@@ -987,23 +1066,23 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
      * Deactivates the Text Field's focus state.
      */
     MDCTextFieldFoundation.prototype.deactivateFocus = function () {
-        this.isFocused_ = false;
+        this.isFocused = false;
         this.adapter.deactivateLineRipple();
         var isValid = this.isValid();
-        this.styleValidity_(isValid);
-        this.styleFocused_(this.isFocused_);
+        this.styleValidity(isValid);
+        this.styleFocused(this.isFocused);
         if (this.adapter.hasLabel()) {
             this.notchOutline(this.shouldFloat);
             this.adapter.floatLabel(this.shouldFloat);
-            this.styleFloating_(this.shouldFloat);
+            this.styleFloating(this.shouldFloat);
             this.adapter.shakeLabel(this.shouldShake);
         }
         if (!this.shouldFloat) {
-            this.receivedUserInput_ = false;
+            this.receivedUserInput = false;
         }
     };
     MDCTextFieldFoundation.prototype.getValue = function () {
-        return this.getNativeInput_().value;
+        return this.getNativeInput().value;
     };
     /**
      * @param value The value to set on the input Element.
@@ -1012,18 +1091,18 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
         // Prevent Safari from moving the caret to the end of the input when the
         // value has not changed.
         if (this.getValue() !== value) {
-            this.getNativeInput_().value = value;
+            this.getNativeInput().value = value;
         }
-        this.setCharacterCounter_(value.length);
-        if (this.validateOnValueChange_) {
+        this.setcharacterCounter(value.length);
+        if (this.validateOnValueChange) {
             var isValid = this.isValid();
-            this.styleValidity_(isValid);
+            this.styleValidity(isValid);
         }
         if (this.adapter.hasLabel()) {
             this.notchOutline(this.shouldFloat);
             this.adapter.floatLabel(this.shouldFloat);
-            this.styleFloating_(this.shouldFloat);
-            if (this.validateOnValueChange_) {
+            this.styleFloating(this.shouldFloat);
+            if (this.validateOnValueChange) {
                 this.adapter.shakeLabel(this.shouldShake);
             }
         }
@@ -1033,16 +1112,15 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
      *     native validity check.
      */
     MDCTextFieldFoundation.prototype.isValid = function () {
-        return this.useNativeValidation_ ? this.isNativeInputValid_() :
-            this.isValid_;
+        return this.useNativeValidation ? this.isNativeInputValid() : this.valid;
     };
     /**
      * @param isValid Sets the custom validity state of the Text Field.
      */
     MDCTextFieldFoundation.prototype.setValid = function (isValid) {
-        this.isValid_ = isValid;
-        this.styleValidity_(isValid);
-        var shouldShake = !isValid && !this.isFocused_ && !!this.getValue();
+        this.valid = isValid;
+        this.styleValidity(isValid);
+        var shouldShake = !isValid && !this.isFocused && !!this.getValue();
         if (this.adapter.hasLabel()) {
             this.adapter.shakeLabel(shouldShake);
         }
@@ -1052,14 +1130,14 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
      *     value change.
      */
     MDCTextFieldFoundation.prototype.setValidateOnValueChange = function (shouldValidate) {
-        this.validateOnValueChange_ = shouldValidate;
+        this.validateOnValueChange = shouldValidate;
     };
     /**
      * @return Whether or not validity should be updated on value change. `true`
      *     by default.
      */
     MDCTextFieldFoundation.prototype.getValidateOnValueChange = function () {
-        return this.validateOnValueChange_;
+        return this.validateOnValueChange;
     };
     /**
      * Enables or disables the use of native validation. Use this for custom
@@ -1068,90 +1146,90 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
      *     validation.
      */
     MDCTextFieldFoundation.prototype.setUseNativeValidation = function (useNativeValidation) {
-        this.useNativeValidation_ = useNativeValidation;
+        this.useNativeValidation = useNativeValidation;
     };
     MDCTextFieldFoundation.prototype.isDisabled = function () {
-        return this.getNativeInput_().disabled;
+        return this.getNativeInput().disabled;
     };
     /**
      * @param disabled Sets the text-field disabled or enabled.
      */
     MDCTextFieldFoundation.prototype.setDisabled = function (disabled) {
-        this.getNativeInput_().disabled = disabled;
-        this.styleDisabled_(disabled);
+        this.getNativeInput().disabled = disabled;
+        this.styleDisabled(disabled);
     };
     /**
      * @param content Sets the content of the helper text.
      */
     MDCTextFieldFoundation.prototype.setHelperTextContent = function (content) {
-        if (this.helperText_) {
-            this.helperText_.setContent(content);
+        if (this.helperText) {
+            this.helperText.setContent(content);
         }
     };
     /**
      * Sets the aria label of the leading icon.
      */
     MDCTextFieldFoundation.prototype.setLeadingIconAriaLabel = function (label) {
-        if (this.leadingIcon_) {
-            this.leadingIcon_.setAriaLabel(label);
+        if (this.leadingIcon) {
+            this.leadingIcon.setAriaLabel(label);
         }
     };
     /**
      * Sets the text content of the leading icon.
      */
     MDCTextFieldFoundation.prototype.setLeadingIconContent = function (content) {
-        if (this.leadingIcon_) {
-            this.leadingIcon_.setContent(content);
+        if (this.leadingIcon) {
+            this.leadingIcon.setContent(content);
         }
     };
     /**
      * Sets the aria label of the trailing icon.
      */
     MDCTextFieldFoundation.prototype.setTrailingIconAriaLabel = function (label) {
-        if (this.trailingIcon_) {
-            this.trailingIcon_.setAriaLabel(label);
+        if (this.trailingIcon) {
+            this.trailingIcon.setAriaLabel(label);
         }
     };
     /**
      * Sets the text content of the trailing icon.
      */
     MDCTextFieldFoundation.prototype.setTrailingIconContent = function (content) {
-        if (this.trailingIcon_) {
-            this.trailingIcon_.setContent(content);
+        if (this.trailingIcon) {
+            this.trailingIcon.setContent(content);
         }
     };
     /**
      * Sets character counter values that shows characters used and the total
      * character limit.
      */
-    MDCTextFieldFoundation.prototype.setCharacterCounter_ = function (currentLength) {
-        if (!this.characterCounter_) {
+    MDCTextFieldFoundation.prototype.setcharacterCounter = function (currentLength) {
+        if (!this.characterCounter) {
             return;
         }
-        var maxLength = this.getNativeInput_().maxLength;
+        var maxLength = this.getNativeInput().maxLength;
         if (maxLength === -1) {
             throw new Error('MDCTextFieldFoundation: Expected maxlength html property on text input or textarea.');
         }
-        this.characterCounter_.setCounterValue(currentLength, maxLength);
+        this.characterCounter.setCounterValue(currentLength, maxLength);
     };
     /**
      * @return True if the Text Field input fails in converting the user-supplied
      *     value.
      */
-    MDCTextFieldFoundation.prototype.isBadInput_ = function () {
+    MDCTextFieldFoundation.prototype.isBadInput = function () {
         // The badInput property is not supported in IE 11 💩.
-        return this.getNativeInput_().validity.badInput || false;
+        return this.getNativeInput().validity.badInput || false;
     };
     /**
      * @return The result of native validity checking (ValidityState.valid).
      */
-    MDCTextFieldFoundation.prototype.isNativeInputValid_ = function () {
-        return this.getNativeInput_().validity.valid;
+    MDCTextFieldFoundation.prototype.isNativeInputValid = function () {
+        return this.getNativeInput().validity.valid;
     };
     /**
      * Styles the component based on the validity state.
      */
-    MDCTextFieldFoundation.prototype.styleValidity_ = function (isValid) {
+    MDCTextFieldFoundation.prototype.styleValidity = function (isValid) {
         var INVALID = MDCTextFieldFoundation.cssClasses.INVALID;
         if (isValid) {
             this.adapter.removeClass(INVALID);
@@ -1159,16 +1237,16 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
         else {
             this.adapter.addClass(INVALID);
         }
-        if (this.helperText_) {
-            this.helperText_.setValidity(isValid);
+        if (this.helperText) {
+            this.helperText.setValidity(isValid);
             // We dynamically set or unset aria-describedby for validation helper text
             // only, based on whether the field is valid
-            var helperTextValidation = this.helperText_.isValidation();
+            var helperTextValidation = this.helperText.isValidation();
             if (!helperTextValidation) {
                 return;
             }
-            var helperTextVisible = this.helperText_.isVisible();
-            var helperTextId = this.helperText_.getId();
+            var helperTextVisible = this.helperText.isVisible();
+            var helperTextId = this.helperText.getId();
             if (helperTextVisible && helperTextId) {
                 this.adapter.setInputAttr(strings$2.ARIA_DESCRIBEDBY, helperTextId);
             }
@@ -1180,7 +1258,7 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
     /**
      * Styles the component based on the focused state.
      */
-    MDCTextFieldFoundation.prototype.styleFocused_ = function (isFocused) {
+    MDCTextFieldFoundation.prototype.styleFocused = function (isFocused) {
         var FOCUSED = MDCTextFieldFoundation.cssClasses.FOCUSED;
         if (isFocused) {
             this.adapter.addClass(FOCUSED);
@@ -1192,7 +1270,7 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
     /**
      * Styles the component based on the disabled state.
      */
-    MDCTextFieldFoundation.prototype.styleDisabled_ = function (isDisabled) {
+    MDCTextFieldFoundation.prototype.styleDisabled = function (isDisabled) {
         var _a = MDCTextFieldFoundation.cssClasses, DISABLED = _a.DISABLED, INVALID = _a.INVALID;
         if (isDisabled) {
             this.adapter.addClass(DISABLED);
@@ -1201,17 +1279,17 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
         else {
             this.adapter.removeClass(DISABLED);
         }
-        if (this.leadingIcon_) {
-            this.leadingIcon_.setDisabled(isDisabled);
+        if (this.leadingIcon) {
+            this.leadingIcon.setDisabled(isDisabled);
         }
-        if (this.trailingIcon_) {
-            this.trailingIcon_.setDisabled(isDisabled);
+        if (this.trailingIcon) {
+            this.trailingIcon.setDisabled(isDisabled);
         }
     };
     /**
      * Styles the component based on the label floating state.
      */
-    MDCTextFieldFoundation.prototype.styleFloating_ = function (isFloating) {
+    MDCTextFieldFoundation.prototype.styleFloating = function (isFloating) {
         var LABEL_FLOATING = MDCTextFieldFoundation.cssClasses.LABEL_FLOATING;
         if (isFloating) {
             this.adapter.addClass(LABEL_FLOATING);
@@ -1224,7 +1302,7 @@ var MDCTextFieldFoundation = /** @class */ (function (_super) {
      * @return The native text input element from the host environment, or an
      *     object with the same shape for unit tests.
      */
-    MDCTextFieldFoundation.prototype.getNativeInput_ = function () {
+    MDCTextFieldFoundation.prototype.getNativeInput = function () {
         // this.adapter may be undefined in foundation unit tests. This happens when
         // testdouble is creating a mock object and invokes the
         // shouldShake/shouldFloat getters (which in turn call getValue(), which
@@ -1398,21 +1476,35 @@ var MDCTextFieldHelperTextFoundation = /** @class */ (function (_super) {
         var validationMsgNeedsDisplay = helperTextIsValidationMsg && !inputIsValid;
         if (validationMsgNeedsDisplay) {
             this.showToScreenReader();
-            this.adapter.setAttr(strings$1.ROLE, 'alert');
+            // If role is already alert, refresh it to trigger another announcement
+            // from screenreader.
+            if (this.adapter.getAttr(strings$1.ROLE) === 'alert') {
+                this.refreshAlertRole();
+            }
+            else {
+                this.adapter.setAttr(strings$1.ROLE, 'alert');
+            }
         }
         else {
             this.adapter.removeAttr(strings$1.ROLE);
         }
         if (!helperTextIsPersistent && !validationMsgNeedsDisplay) {
-            this.hide_();
+            this.hide();
         }
     };
     /**
      * Hides the help text from screen readers.
      */
-    MDCTextFieldHelperTextFoundation.prototype.hide_ = function () {
+    MDCTextFieldHelperTextFoundation.prototype.hide = function () {
         this.adapter.setAttr(strings$1.ARIA_HIDDEN, 'true');
     };
+    MDCTextFieldHelperTextFoundation.prototype.refreshAlertRole = function () {
+        var _this = this;
+        this.adapter.removeAttr(strings$1.ROLE);
+        requestAnimationFrame(function () {
+            _this.adapter.setAttr(strings$1.ROLE, 'alert');
+        });
+    };
     return MDCTextFieldHelperTextFoundation;
 }(component.MDCFoundation));
 
@@ -1533,8 +1625,10 @@ var MDCTextFieldIconFoundation = /** @class */ (function (_super) {
     __extends$2(MDCTextFieldIconFoundation, _super);
     function MDCTextFieldIconFoundation(adapter) {
         var _this = _super.call(this, __assign$2(__assign$2({}, MDCTextFieldIconFoundation.defaultAdapter), adapter)) || this;
-        _this.savedTabIndex_ = null;
-        _this.interactionHandler_ = function (evt) { return _this.handleInteraction(evt); };
+        _this.savedTabIndex = null;
+        _this.interactionHandler = function (evt) {
+            _this.handleInteraction(evt);
+        };
         return _this;
     }
     Object.defineProperty(MDCTextFieldIconFoundation, "strings", {
@@ -1572,20 +1666,40 @@ var MDCTextFieldIconFoundation = /** @class */ (function (_super) {
         configurable: true
     });
     MDCTextFieldIconFoundation.prototype.init = function () {
-        var _this = this;
-        this.savedTabIndex_ = this.adapter.getAttr('tabindex');
-        INTERACTION_EVENTS.forEach(function (evtType) {
-            _this.adapter.registerInteractionHandler(evtType, _this.interactionHandler_);
-        });
+        var e_1, _a;
+        this.savedTabIndex = this.adapter.getAttr('tabindex');
+        try {
+            for (var INTERACTION_EVENTS_1 = __values(INTERACTION_EVENTS), INTERACTION_EVENTS_1_1 = INTERACTION_EVENTS_1.next(); !INTERACTION_EVENTS_1_1.done; INTERACTION_EVENTS_1_1 = INTERACTION_EVENTS_1.next()) {
+                var evtType = INTERACTION_EVENTS_1_1.value;
+                this.adapter.registerInteractionHandler(evtType, this.interactionHandler);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (INTERACTION_EVENTS_1_1 && !INTERACTION_EVENTS_1_1.done && (_a = INTERACTION_EVENTS_1.return)) _a.call(INTERACTION_EVENTS_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
     };
     MDCTextFieldIconFoundation.prototype.destroy = function () {
-        var _this = this;
-        INTERACTION_EVENTS.forEach(function (evtType) {
-            _this.adapter.deregisterInteractionHandler(evtType, _this.interactionHandler_);
-        });
+        var e_2, _a;
+        try {
+            for (var INTERACTION_EVENTS_2 = __values(INTERACTION_EVENTS), INTERACTION_EVENTS_2_1 = INTERACTION_EVENTS_2.next(); !INTERACTION_EVENTS_2_1.done; INTERACTION_EVENTS_2_1 = INTERACTION_EVENTS_2.next()) {
+                var evtType = INTERACTION_EVENTS_2_1.value;
+                this.adapter.deregisterInteractionHandler(evtType, this.interactionHandler);
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (INTERACTION_EVENTS_2_1 && !INTERACTION_EVENTS_2_1.done && (_a = INTERACTION_EVENTS_2.return)) _a.call(INTERACTION_EVENTS_2);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
     };
     MDCTextFieldIconFoundation.prototype.setDisabled = function (disabled) {
-        if (!this.savedTabIndex_) {
+        if (!this.savedTabIndex) {
             return;
         }
         if (disabled) {
@@ -1593,7 +1707,7 @@ var MDCTextFieldIconFoundation = /** @class */ (function (_super) {
             this.adapter.removeAttr('role');
         }
         else {
-            this.adapter.setAttr('tabindex', this.savedTabIndex_);
+            this.adapter.setAttr('tabindex', this.savedTabIndex);
             this.adapter.setAttr('role', strings.ICON_ROLE);
         }
     };
@@ -1707,24 +1821,30 @@ var MDCTextField = /** @class */ (function (_super) {
     MDCTextField.prototype.initialize = function (rippleFactory, lineRippleFactory, helperTextFactory, characterCounterFactory, iconFactory, labelFactory, outlineFactory) {
         if (rippleFactory === void 0) { rippleFactory = function (el, foundation) { return new component$2.MDCRipple(el, foundation); }; }
         if (lineRippleFactory === void 0) { lineRippleFactory = function (el) { return new MDCLineRipple(el); }; }
-        if (helperTextFactory === void 0) { helperTextFactory = function (el) { return new MDCTextFieldHelperText(el); }; }
-        if (characterCounterFactory === void 0) { characterCounterFactory = function (el) { return new MDCTextFieldCharacterCounter(el); }; }
+        if (helperTextFactory === void 0) { helperTextFactory = function (el) {
+            return new MDCTextFieldHelperText(el);
+        }; }
+        if (characterCounterFactory === void 0) { characterCounterFactory = function (el) {
+            return new MDCTextFieldCharacterCounter(el);
+        }; }
         if (iconFactory === void 0) { iconFactory = function (el) { return new MDCTextFieldIcon(el); }; }
         if (labelFactory === void 0) { labelFactory = function (el) { return new component$1.MDCFloatingLabel(el); }; }
         if (outlineFactory === void 0) { outlineFactory = function (el) { return new MDCNotchedOutline(el); }; }
-        this.input_ = this.root.querySelector(strings$2.INPUT_SELECTOR);
+        this.input =
+            this.root.querySelector(strings$2.INPUT_SELECTOR);
         var labelElement = this.root.querySelector(strings$2.LABEL_SELECTOR);
-        this.label_ = labelElement ? labelFactory(labelElement) : null;
+        this.label = labelElement ? labelFactory(labelElement) : null;
         var lineRippleElement = this.root.querySelector(strings$2.LINE_RIPPLE_SELECTOR);
-        this.lineRipple_ = lineRippleElement ? lineRippleFactory(lineRippleElement) : null;
+        this.lineRipple =
+            lineRippleElement ? lineRippleFactory(lineRippleElement) : null;
         var outlineElement = this.root.querySelector(strings$2.OUTLINE_SELECTOR);
-        this.outline_ = outlineElement ? outlineFactory(outlineElement) : null;
+        this.outline = outlineElement ? outlineFactory(outlineElement) : null;
         // Helper text
         var helperTextStrings = MDCTextFieldHelperTextFoundation.strings;
         var nextElementSibling = this.root.nextElementSibling;
         var hasHelperLine = (nextElementSibling && nextElementSibling.classList.contains(cssClasses$2.HELPER_LINE));
         var helperTextEl = hasHelperLine && nextElementSibling && nextElementSibling.querySelector(helperTextStrings.ROOT_SELECTOR);
-        this.helperText_ = helperTextEl ? helperTextFactory(helperTextEl) : null;
+        this.helperText = helperTextEl ? helperTextFactory(helperTextEl) : null;
         // Character counter
         var characterCounterStrings = MDCTextFieldCharacterCounterFoundation.strings;
         var characterCounterEl = this.root.querySelector(characterCounterStrings.ROOT_SELECTOR);
@@ -1732,42 +1852,43 @@ var MDCTextField = /** @class */ (function (_super) {
         if (!characterCounterEl && hasHelperLine && nextElementSibling) {
             characterCounterEl = nextElementSibling.querySelector(characterCounterStrings.ROOT_SELECTOR);
         }
-        this.characterCounter_ = characterCounterEl ? characterCounterFactory(characterCounterEl) : null;
+        this.characterCounter =
+            characterCounterEl ? characterCounterFactory(characterCounterEl) : null;
         // Leading icon
         var leadingIconEl = this.root.querySelector(strings$2.LEADING_ICON_SELECTOR);
-        this.leadingIcon_ = leadingIconEl ? iconFactory(leadingIconEl) : null;
+        this.leadingIcon = leadingIconEl ? iconFactory(leadingIconEl) : null;
         // Trailing icon
         var trailingIconEl = this.root.querySelector(strings$2.TRAILING_ICON_SELECTOR);
-        this.trailingIcon_ = trailingIconEl ? iconFactory(trailingIconEl) : null;
+        this.trailingIcon = trailingIconEl ? iconFactory(trailingIconEl) : null;
         // Prefix and Suffix
-        this.prefix_ = this.root.querySelector(strings$2.PREFIX_SELECTOR);
-        this.suffix_ = this.root.querySelector(strings$2.SUFFIX_SELECTOR);
-        this.ripple = this.createRipple_(rippleFactory);
+        this.prefix = this.root.querySelector(strings$2.PREFIX_SELECTOR);
+        this.suffix = this.root.querySelector(strings$2.SUFFIX_SELECTOR);
+        this.ripple = this.createRipple(rippleFactory);
     };
     MDCTextField.prototype.destroy = function () {
         if (this.ripple) {
             this.ripple.destroy();
         }
-        if (this.lineRipple_) {
-            this.lineRipple_.destroy();
+        if (this.lineRipple) {
+            this.lineRipple.destroy();
         }
-        if (this.helperText_) {
-            this.helperText_.destroy();
+        if (this.helperText) {
+            this.helperText.destroy();
         }
-        if (this.characterCounter_) {
-            this.characterCounter_.destroy();
+        if (this.characterCounter) {
+            this.characterCounter.destroy();
         }
-        if (this.leadingIcon_) {
-            this.leadingIcon_.destroy();
+        if (this.leadingIcon) {
+            this.leadingIcon.destroy();
         }
-        if (this.trailingIcon_) {
-            this.trailingIcon_.destroy();
+        if (this.trailingIcon) {
+            this.trailingIcon.destroy();
         }
-        if (this.label_) {
-            this.label_.destroy();
+        if (this.label) {
+            this.label.destroy();
         }
-        if (this.outline_) {
-            this.outline_.destroy();
+        if (this.outline) {
+            this.outline.destroy();
         }
         _super.prototype.destroy.call(this);
     };
@@ -1776,7 +1897,7 @@ var MDCTextField = /** @class */ (function (_super) {
      * state.
      */
     MDCTextField.prototype.initialSyncWithDOM = function () {
-        this.disabled = this.input_.disabled;
+        this.disabled = this.input.disabled;
     };
     Object.defineProperty(MDCTextField.prototype, "value", {
         get: function () {
@@ -1819,46 +1940,46 @@ var MDCTextField = /** @class */ (function (_super) {
     });
     Object.defineProperty(MDCTextField.prototype, "required", {
         get: function () {
-            return this.input_.required;
+            return this.input.required;
         },
         /**
          * @param required Sets the Text Field to required.
          */
         set: function (required) {
-            this.input_.required = required;
+            this.input.required = required;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(MDCTextField.prototype, "pattern", {
         get: function () {
-            return this.input_.pattern;
+            return this.input.pattern;
         },
         /**
          * @param pattern Sets the input element's validation pattern.
          */
         set: function (pattern) {
-            this.input_.pattern = pattern;
+            this.input.pattern = pattern;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(MDCTextField.prototype, "minLength", {
         get: function () {
-            return this.input_.minLength;
+            return this.input.minLength;
         },
         /**
          * @param minLength Sets the input element's minLength.
          */
         set: function (minLength) {
-            this.input_.minLength = minLength;
+            this.input.minLength = minLength;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(MDCTextField.prototype, "maxLength", {
         get: function () {
-            return this.input_.maxLength;
+            return this.input.maxLength;
         },
         /**
          * @param maxLength Sets the input element's maxLength.
@@ -1866,10 +1987,10 @@ var MDCTextField = /** @class */ (function (_super) {
         set: function (maxLength) {
             // Chrome throws exception if maxLength is set to a value less than zero
             if (maxLength < 0) {
-                this.input_.removeAttribute('maxLength');
+                this.input.removeAttribute('maxLength');
             }
             else {
-                this.input_.maxLength = maxLength;
+                this.input.maxLength = maxLength;
             }
         },
         enumerable: false,
@@ -1877,39 +1998,39 @@ var MDCTextField = /** @class */ (function (_super) {
     });
     Object.defineProperty(MDCTextField.prototype, "min", {
         get: function () {
-            return this.input_.min;
+            return this.input.min;
         },
         /**
          * @param min Sets the input element's min.
          */
         set: function (min) {
-            this.input_.min = min;
+            this.input.min = min;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(MDCTextField.prototype, "max", {
         get: function () {
-            return this.input_.max;
+            return this.input.max;
         },
         /**
          * @param max Sets the input element's max.
          */
         set: function (max) {
-            this.input_.max = max;
+            this.input.max = max;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(MDCTextField.prototype, "step", {
         get: function () {
-            return this.input_.step;
+            return this.input.step;
         },
         /**
          * @param step Sets the input element's step.
          */
         set: function (step) {
-            this.input_.step = step;
+            this.input.step = step;
         },
         enumerable: false,
         configurable: true
@@ -1980,14 +2101,14 @@ var MDCTextField = /** @class */ (function (_super) {
          * Gets the text content of the prefix, or null if it does not exist.
          */
         get: function () {
-            return this.prefix_ ? this.prefix_.textContent : null;
+            return this.prefix ? this.prefix.textContent : null;
         },
         /**
          * Sets the text content of the prefix, if it exists.
          */
         set: function (prefixText) {
-            if (this.prefix_) {
-                this.prefix_.textContent = prefixText;
+            if (this.prefix) {
+                this.prefix.textContent = prefixText;
             }
         },
         enumerable: false,
@@ -1998,14 +2119,14 @@ var MDCTextField = /** @class */ (function (_super) {
          * Gets the text content of the suffix, or null if it does not exist.
          */
         get: function () {
-            return this.suffix_ ? this.suffix_.textContent : null;
+            return this.suffix ? this.suffix.textContent : null;
         },
         /**
          * Sets the text content of the suffix, if it exists.
          */
         set: function (suffixText) {
-            if (this.suffix_) {
-                this.suffix_.textContent = suffixText;
+            if (this.suffix) {
+                this.suffix.textContent = suffixText;
             }
         },
         enumerable: false,
@@ -2015,7 +2136,7 @@ var MDCTextField = /** @class */ (function (_super) {
      * Focuses the input element.
      */
     MDCTextField.prototype.focus = function () {
-        this.input_.focus();
+        this.input.focus();
     };
     /**
      * Recomputes the outline SVG path for the outline element.
@@ -2028,11 +2149,11 @@ var MDCTextField = /** @class */ (function (_super) {
         // 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.
-        var adapter = __assign$2(__assign$2(__assign$2(__assign$2(__assign$2({}, this.getRootAdapterMethods_()), this.getInputAdapterMethods_()), this.getLabelAdapterMethods_()), this.getLineRippleAdapterMethods_()), this.getOutlineAdapterMethods_());
+        var adapter = __assign$2(__assign$2(__assign$2(__assign$2(__assign$2({}, this.getRootAdapterMethods()), this.getInputAdapterMethods()), this.getLabelAdapterMethods()), this.getLineRippleAdapterMethods()), this.getOutlineAdapterMethods());
         // tslint:enable:object-literal-sort-keys
-        return new MDCTextFieldFoundation(adapter, this.getFoundationMap_());
+        return new MDCTextFieldFoundation(adapter, this.getFoundationMap());
     };
-    MDCTextField.prototype.getRootAdapterMethods_ = function () {
+    MDCTextField.prototype.getRootAdapterMethods = function () {
         var _this = this;
         // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
         return {
@@ -2053,7 +2174,7 @@ var MDCTextField = /** @class */ (function (_super) {
                 };
                 var observer = new MutationObserver(function (mutationsList) { return handler(getAttributesList(mutationsList)); });
                 var config = { attributes: true };
-                observer.observe(_this.input_, config);
+                observer.observe(_this.input, config);
                 return observer;
             },
             deregisterValidationAttributeChangeHandler: function (observer) {
@@ -2062,84 +2183,93 @@ var MDCTextField = /** @class */ (function (_super) {
         };
         // tslint:enable:object-literal-sort-keys
     };
-    MDCTextField.prototype.getInputAdapterMethods_ = function () {
+    MDCTextField.prototype.getInputAdapterMethods = function () {
         var _this = this;
         // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
         return {
-            getNativeInput: function () { return _this.input_; },
+            getNativeInput: function () { return _this.input; },
             setInputAttr: function (attr, value) {
-                _this.input_.setAttribute(attr, value);
+                _this.input.setAttribute(attr, value);
             },
             removeInputAttr: function (attr) {
-                _this.input_.removeAttribute(attr);
+                _this.input.removeAttribute(attr);
             },
-            isFocused: function () { return document.activeElement === _this.input_; },
+            isFocused: function () { return document.activeElement === _this.input; },
             registerInputInteractionHandler: function (evtType, handler) {
-                _this.input_.addEventListener(evtType, handler, component$2.applyPassive());
+                _this.input.addEventListener(evtType, handler, component$2.applyPassive());
             },
             deregisterInputInteractionHandler: function (evtType, handler) {
-                _this.input_.removeEventListener(evtType, handler, component$2.applyPassive());
+                _this.input.removeEventListener(evtType, handler, component$2.applyPassive());
             },
         };
         // tslint:enable:object-literal-sort-keys
     };
-    MDCTextField.prototype.getLabelAdapterMethods_ = function () {
+    MDCTextField.prototype.getLabelAdapterMethods = function () {
         var _this = this;
         return {
-            floatLabel: function (shouldFloat) { return _this.label_ && _this.label_.float(shouldFloat); },
-            getLabelWidth: function () { return _this.label_ ? _this.label_.getWidth() : 0; },
-            hasLabel: function () { return Boolean(_this.label_); },
-            shakeLabel: function (shouldShake) { return _this.label_ && _this.label_.shake(shouldShake); },
-            setLabelRequired: function (isRequired) { return _this.label_ && _this.label_.setRequired(isRequired); },
+            floatLabel: function (shouldFloat) {
+                _this.label && _this.label.float(shouldFloat);
+            },
+            getLabelWidth: function () { return _this.label ? _this.label.getWidth() : 0; },
+            hasLabel: function () { return Boolean(_this.label); },
+            shakeLabel: function (shouldShake) {
+                _this.label && _this.label.shake(shouldShake);
+            },
+            setLabelRequired: function (isRequired) {
+                _this.label && _this.label.setRequired(isRequired);
+            },
         };
     };
-    MDCTextField.prototype.getLineRippleAdapterMethods_ = function () {
+    MDCTextField.prototype.getLineRippleAdapterMethods = function () {
         var _this = this;
         return {
             activateLineRipple: function () {
-                if (_this.lineRipple_) {
-                    _this.lineRipple_.activate();
+                if (_this.lineRipple) {
+                    _this.lineRipple.activate();
                 }
             },
             deactivateLineRipple: function () {
-                if (_this.lineRipple_) {
-                    _this.lineRipple_.deactivate();
+                if (_this.lineRipple) {
+                    _this.lineRipple.deactivate();
                 }
             },
             setLineRippleTransformOrigin: function (normalizedX) {
-                if (_this.lineRipple_) {
-                    _this.lineRipple_.setRippleCenter(normalizedX);
+                if (_this.lineRipple) {
+                    _this.lineRipple.setRippleCenter(normalizedX);
                 }
             },
         };
     };
-    MDCTextField.prototype.getOutlineAdapterMethods_ = function () {
+    MDCTextField.prototype.getOutlineAdapterMethods = function () {
         var _this = this;
         return {
-            closeOutline: function () { return _this.outline_ && _this.outline_.closeNotch(); },
-            hasOutline: function () { return Boolean(_this.outline_); },
-            notchOutline: function (labelWidth) { return _this.outline_ && _this.outline_.notch(labelWidth); },
+            closeOutline: function () {
+                _this.outline && _this.outline.closeNotch();
+            },
+            hasOutline: function () { return Boolean(_this.outline); },
+            notchOutline: function (labelWidth) {
+                _this.outline && _this.outline.notch(labelWidth);
+            },
         };
     };
     /**
      * @return A map of all subcomponents to subfoundations.
      */
-    MDCTextField.prototype.getFoundationMap_ = function () {
+    MDCTextField.prototype.getFoundationMap = function () {
         return {
-            characterCounter: this.characterCounter_ ?
-                this.characterCounter_.foundationForTextField :
+            characterCounter: this.characterCounter ?
+                this.characterCounter.foundationForTextField :
                 undefined,
-            helperText: this.helperText_ ? this.helperText_.foundationForTextField :
+            helperText: this.helperText ? this.helperText.foundationForTextField :
                 undefined,
-            leadingIcon: this.leadingIcon_ ?
-                this.leadingIcon_.foundationForTextField :
+            leadingIcon: this.leadingIcon ? this.leadingIcon.foundationForTextField :
                 undefined,
-            trailingIcon: this.trailingIcon_ ?
-                this.trailingIcon_.foundationForTextField :
+            trailingIcon: this.trailingIcon ?
+                this.trailingIcon.foundationForTextField :
                 undefined,
         };
     };
-    MDCTextField.prototype.createRipple_ = function (rippleFactory) {
+    MDCTextField.prototype.createRipple = function (rippleFactory) {
         var _this = this;
         var isTextArea = this.root.classList.contains(cssClasses$2.TEXTAREA);
         var isOutlined = this.root.classList.contains(cssClasses$2.OUTLINED);
@@ -2149,8 +2279,10 @@ var MDCTextField = /** @class */ (function (_super) {
         // 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.
-        var adapter = __assign$2(__assign$2({}, component$2.MDCRipple.createAdapter(this)), { isSurfaceActive: function () { return ponyfill.matches(_this.input_, ':active'); }, registerInteractionHandler: function (evtType, handler) { return _this.input_.addEventListener(evtType, handler, component$2.applyPassive()); }, deregisterInteractionHandler: function (evtType, handler) {
-                return _this.input_.removeEventListener(evtType, handler, component$2.applyPassive());
+        var adapter = __assign$2(__assign$2({}, component$2.MDCRipple.createAdapter(this)), { isSurfaceActive: function () { return ponyfill.matches(_this.input, ':active'); }, registerInteractionHandler: function (evtType, handler) {
+                _this.input.addEventListener(evtType, handler, component$2.applyPassive());
+            }, deregisterInteractionHandler: function (evtType, handler) {
+                _this.input.removeEventListener(evtType, handler, component$2.applyPassive());
             } });
         // tslint:enable:object-literal-sort-keys
         return rippleFactory(this.root, new component$2.MDCRippleFoundation(adapter));