@aurelia-mdc-web/all 9.3.3-au2 → 9.3.5-au2

package/dist/text-field/mdc-text-field.js

@@ -1,31 +1,28 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcTextField = void 0;
-const tslib_1 = require("tslib");
-const aurelia_1 = require("aurelia");
-const textfield_1 = require("@material/textfield");
-const events_1 = require("@material/dom/events");
-const base_1 = require("../base");
-const mdc_text_field_icon_1 = require("./mdc-text-field-icon");
-const runtime_html_1 = require("@aurelia/runtime-html");
-const mdc_text_field_html_raw_1 = tslib_1.__importDefault(require("./mdc-text-field.html?raw"));
-const mdc_configuration_1 = require("../mdc-configuration");
+import { __esDecorate, __runInitializers } from "tslib";
+import { inject, customElement, bindable } from 'aurelia';
+import { MDCTextFieldFoundation, cssClasses, helperTextStrings, characterCountStrings } from '@material/textfield';
+import { applyPassive } from '@material/dom/events';
+import { MdcComponent, booleanAttr, number } from '../base';
+import { mdcIconStrings } from './mdc-text-field-icon';
+import { processContent, IPlatform, CustomAttribute, CustomElement } from '@aurelia/runtime-html';
+import template from './mdc-text-field.html?raw';
+import { MdcConfiguration } from '../mdc-configuration';
 let textFieldId = 0;
 const leadingIconSelector = '.mdc-text-field__icon--leading';
 const trailingIconSelector = '.mdc-text-field__icon--trailing';
 let MdcTextField = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element, runtime_html_1.IPlatform, mdc_configuration_1.MdcConfiguration), (0, aurelia_1.customElement)({ name: 'mdc-text-field', template: mdc_text_field_html_raw_1.default }), (0, runtime_html_1.processContent)(function processContent(node) {
+    let _classDecorators = [inject(Element, IPlatform, MdcConfiguration), customElement({ name: 'mdc-text-field', template }), processContent(function processContent(node) {
             const element = node;
             // move icons to slots - this allows omitting slot specification
-            const leadingIcon = element.querySelector(`[${mdc_text_field_icon_1.mdcIconStrings.ATTRIBUTE}][${mdc_text_field_icon_1.mdcIconStrings.LEADING}]`);
+            const leadingIcon = element.querySelector(`[${mdcIconStrings.ATTRIBUTE}][${mdcIconStrings.LEADING}]`);
             leadingIcon?.setAttribute('au-slot', 'leading-icon');
-            const trailingIcon = element.querySelector(`[${mdc_text_field_icon_1.mdcIconStrings.ATTRIBUTE}][${mdc_text_field_icon_1.mdcIconStrings.TRAILING}]`);
+            const trailingIcon = element.querySelector(`[${mdcIconStrings.ATTRIBUTE}][${mdcIconStrings.TRAILING}]`);
             trailingIcon?.setAttribute('au-slot', 'trailing-icon');
         })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = base_1.MdcComponent;
+    let _classSuper = MdcComponent;
     let _label_decorators;
     let _label_initializers = [];
     let _label_extraInitializers = [];
@@ -96,54 +93,54 @@ let MdcTextField = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _label_decorators = [(0, aurelia_1.bindable)()];
-            _textarea_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _endAligned_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _ltrText_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _outlined_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _prefix_decorators = [(0, aurelia_1.bindable)()];
-            _suffix_decorators = [(0, aurelia_1.bindable)()];
-            _required_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _disabled_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _readonly_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _blurOnEnter_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _maxlength_decorators = [(0, aurelia_1.bindable)()];
-            _rows_decorators = [(0, aurelia_1.bindable)()];
-            _cols_decorators = [(0, aurelia_1.bindable)()];
-            _max_decorators = [(0, aurelia_1.bindable)()];
-            _min_decorators = [(0, aurelia_1.bindable)()];
-            _step_decorators = [(0, aurelia_1.bindable)()];
-            _autocomplete_decorators = [(0, aurelia_1.bindable)()];
-            _tabindex_decorators = [(0, aurelia_1.bindable)({ set: base_1.number })];
-            _type_decorators = [(0, aurelia_1.bindable)()];
-            _name_decorators = [(0, aurelia_1.bindable)()];
-            _placeholder_decorators = [(0, aurelia_1.bindable)()];
-            tslib_1.__esDecorate(null, null, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
-            tslib_1.__esDecorate(null, null, _textarea_decorators, { kind: "field", name: "textarea", static: false, private: false, access: { has: obj => "textarea" in obj, get: obj => obj.textarea, set: (obj, value) => { obj.textarea = value; } }, metadata: _metadata }, _textarea_initializers, _textarea_extraInitializers);
-            tslib_1.__esDecorate(null, null, _endAligned_decorators, { kind: "field", name: "endAligned", static: false, private: false, access: { has: obj => "endAligned" in obj, get: obj => obj.endAligned, set: (obj, value) => { obj.endAligned = value; } }, metadata: _metadata }, _endAligned_initializers, _endAligned_extraInitializers);
-            tslib_1.__esDecorate(null, null, _ltrText_decorators, { kind: "field", name: "ltrText", static: false, private: false, access: { has: obj => "ltrText" in obj, get: obj => obj.ltrText, set: (obj, value) => { obj.ltrText = value; } }, metadata: _metadata }, _ltrText_initializers, _ltrText_extraInitializers);
-            tslib_1.__esDecorate(null, null, _outlined_decorators, { kind: "field", name: "outlined", static: false, private: false, access: { has: obj => "outlined" in obj, get: obj => obj.outlined, set: (obj, value) => { obj.outlined = value; } }, metadata: _metadata }, _outlined_initializers, _outlined_extraInitializers);
-            tslib_1.__esDecorate(null, null, _prefix_decorators, { kind: "field", name: "prefix", static: false, private: false, access: { has: obj => "prefix" in obj, get: obj => obj.prefix, set: (obj, value) => { obj.prefix = value; } }, metadata: _metadata }, _prefix_initializers, _prefix_extraInitializers);
-            tslib_1.__esDecorate(null, null, _suffix_decorators, { kind: "field", name: "suffix", static: false, private: false, access: { has: obj => "suffix" in obj, get: obj => obj.suffix, set: (obj, value) => { obj.suffix = value; } }, metadata: _metadata }, _suffix_initializers, _suffix_extraInitializers);
-            tslib_1.__esDecorate(null, null, _required_decorators, { kind: "field", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
-            tslib_1.__esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
-            tslib_1.__esDecorate(null, null, _readonly_decorators, { kind: "field", name: "readonly", static: false, private: false, access: { has: obj => "readonly" in obj, get: obj => obj.readonly, set: (obj, value) => { obj.readonly = value; } }, metadata: _metadata }, _readonly_initializers, _readonly_extraInitializers);
-            tslib_1.__esDecorate(null, null, _blurOnEnter_decorators, { kind: "field", name: "blurOnEnter", static: false, private: false, access: { has: obj => "blurOnEnter" in obj, get: obj => obj.blurOnEnter, set: (obj, value) => { obj.blurOnEnter = value; } }, metadata: _metadata }, _blurOnEnter_initializers, _blurOnEnter_extraInitializers);
-            tslib_1.__esDecorate(null, null, _maxlength_decorators, { kind: "field", name: "maxlength", static: false, private: false, access: { has: obj => "maxlength" in obj, get: obj => obj.maxlength, set: (obj, value) => { obj.maxlength = value; } }, metadata: _metadata }, _maxlength_initializers, _maxlength_extraInitializers);
-            tslib_1.__esDecorate(null, null, _rows_decorators, { kind: "field", name: "rows", static: false, private: false, access: { has: obj => "rows" in obj, get: obj => obj.rows, set: (obj, value) => { obj.rows = value; } }, metadata: _metadata }, _rows_initializers, _rows_extraInitializers);
-            tslib_1.__esDecorate(null, null, _cols_decorators, { kind: "field", name: "cols", static: false, private: false, access: { has: obj => "cols" in obj, get: obj => obj.cols, set: (obj, value) => { obj.cols = value; } }, metadata: _metadata }, _cols_initializers, _cols_extraInitializers);
-            tslib_1.__esDecorate(null, null, _max_decorators, { kind: "field", name: "max", static: false, private: false, access: { has: obj => "max" in obj, get: obj => obj.max, set: (obj, value) => { obj.max = value; } }, metadata: _metadata }, _max_initializers, _max_extraInitializers);
-            tslib_1.__esDecorate(null, null, _min_decorators, { kind: "field", name: "min", static: false, private: false, access: { has: obj => "min" in obj, get: obj => obj.min, set: (obj, value) => { obj.min = value; } }, metadata: _metadata }, _min_initializers, _min_extraInitializers);
-            tslib_1.__esDecorate(null, null, _step_decorators, { kind: "field", name: "step", static: false, private: false, access: { has: obj => "step" in obj, get: obj => obj.step, set: (obj, value) => { obj.step = value; } }, metadata: _metadata }, _step_initializers, _step_extraInitializers);
-            tslib_1.__esDecorate(null, null, _autocomplete_decorators, { kind: "field", name: "autocomplete", static: false, private: false, access: { has: obj => "autocomplete" in obj, get: obj => obj.autocomplete, set: (obj, value) => { obj.autocomplete = value; } }, metadata: _metadata }, _autocomplete_initializers, _autocomplete_extraInitializers);
-            tslib_1.__esDecorate(null, null, _tabindex_decorators, { kind: "field", name: "tabindex", static: false, private: false, access: { has: obj => "tabindex" in obj, get: obj => obj.tabindex, set: (obj, value) => { obj.tabindex = value; } }, metadata: _metadata }, _tabindex_initializers, _tabindex_extraInitializers);
-            tslib_1.__esDecorate(null, null, _type_decorators, { kind: "field", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
-            tslib_1.__esDecorate(null, null, _name_decorators, { kind: "field", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
-            tslib_1.__esDecorate(null, null, _placeholder_decorators, { kind: "field", name: "placeholder", static: false, private: false, access: { has: obj => "placeholder" in obj, get: obj => obj.placeholder, set: (obj, value) => { obj.placeholder = value; } }, metadata: _metadata }, _placeholder_initializers, _placeholder_extraInitializers);
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _label_decorators = [bindable()];
+            _textarea_decorators = [bindable({ set: booleanAttr })];
+            _endAligned_decorators = [bindable({ set: booleanAttr })];
+            _ltrText_decorators = [bindable({ set: booleanAttr })];
+            _outlined_decorators = [bindable({ set: booleanAttr })];
+            _prefix_decorators = [bindable()];
+            _suffix_decorators = [bindable()];
+            _required_decorators = [bindable({ set: booleanAttr })];
+            _disabled_decorators = [bindable({ set: booleanAttr })];
+            _readonly_decorators = [bindable({ set: booleanAttr })];
+            _blurOnEnter_decorators = [bindable({ set: booleanAttr })];
+            _maxlength_decorators = [bindable()];
+            _rows_decorators = [bindable()];
+            _cols_decorators = [bindable()];
+            _max_decorators = [bindable()];
+            _min_decorators = [bindable()];
+            _step_decorators = [bindable()];
+            _autocomplete_decorators = [bindable()];
+            _tabindex_decorators = [bindable({ set: number })];
+            _type_decorators = [bindable()];
+            _name_decorators = [bindable()];
+            _placeholder_decorators = [bindable()];
+            __esDecorate(null, null, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
+            __esDecorate(null, null, _textarea_decorators, { kind: "field", name: "textarea", static: false, private: false, access: { has: obj => "textarea" in obj, get: obj => obj.textarea, set: (obj, value) => { obj.textarea = value; } }, metadata: _metadata }, _textarea_initializers, _textarea_extraInitializers);
+            __esDecorate(null, null, _endAligned_decorators, { kind: "field", name: "endAligned", static: false, private: false, access: { has: obj => "endAligned" in obj, get: obj => obj.endAligned, set: (obj, value) => { obj.endAligned = value; } }, metadata: _metadata }, _endAligned_initializers, _endAligned_extraInitializers);
+            __esDecorate(null, null, _ltrText_decorators, { kind: "field", name: "ltrText", static: false, private: false, access: { has: obj => "ltrText" in obj, get: obj => obj.ltrText, set: (obj, value) => { obj.ltrText = value; } }, metadata: _metadata }, _ltrText_initializers, _ltrText_extraInitializers);
+            __esDecorate(null, null, _outlined_decorators, { kind: "field", name: "outlined", static: false, private: false, access: { has: obj => "outlined" in obj, get: obj => obj.outlined, set: (obj, value) => { obj.outlined = value; } }, metadata: _metadata }, _outlined_initializers, _outlined_extraInitializers);
+            __esDecorate(null, null, _prefix_decorators, { kind: "field", name: "prefix", static: false, private: false, access: { has: obj => "prefix" in obj, get: obj => obj.prefix, set: (obj, value) => { obj.prefix = value; } }, metadata: _metadata }, _prefix_initializers, _prefix_extraInitializers);
+            __esDecorate(null, null, _suffix_decorators, { kind: "field", name: "suffix", static: false, private: false, access: { has: obj => "suffix" in obj, get: obj => obj.suffix, set: (obj, value) => { obj.suffix = value; } }, metadata: _metadata }, _suffix_initializers, _suffix_extraInitializers);
+            __esDecorate(null, null, _required_decorators, { kind: "field", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
+            __esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(null, null, _readonly_decorators, { kind: "field", name: "readonly", static: false, private: false, access: { has: obj => "readonly" in obj, get: obj => obj.readonly, set: (obj, value) => { obj.readonly = value; } }, metadata: _metadata }, _readonly_initializers, _readonly_extraInitializers);
+            __esDecorate(null, null, _blurOnEnter_decorators, { kind: "field", name: "blurOnEnter", static: false, private: false, access: { has: obj => "blurOnEnter" in obj, get: obj => obj.blurOnEnter, set: (obj, value) => { obj.blurOnEnter = value; } }, metadata: _metadata }, _blurOnEnter_initializers, _blurOnEnter_extraInitializers);
+            __esDecorate(null, null, _maxlength_decorators, { kind: "field", name: "maxlength", static: false, private: false, access: { has: obj => "maxlength" in obj, get: obj => obj.maxlength, set: (obj, value) => { obj.maxlength = value; } }, metadata: _metadata }, _maxlength_initializers, _maxlength_extraInitializers);
+            __esDecorate(null, null, _rows_decorators, { kind: "field", name: "rows", static: false, private: false, access: { has: obj => "rows" in obj, get: obj => obj.rows, set: (obj, value) => { obj.rows = value; } }, metadata: _metadata }, _rows_initializers, _rows_extraInitializers);
+            __esDecorate(null, null, _cols_decorators, { kind: "field", name: "cols", static: false, private: false, access: { has: obj => "cols" in obj, get: obj => obj.cols, set: (obj, value) => { obj.cols = value; } }, metadata: _metadata }, _cols_initializers, _cols_extraInitializers);
+            __esDecorate(null, null, _max_decorators, { kind: "field", name: "max", static: false, private: false, access: { has: obj => "max" in obj, get: obj => obj.max, set: (obj, value) => { obj.max = value; } }, metadata: _metadata }, _max_initializers, _max_extraInitializers);
+            __esDecorate(null, null, _min_decorators, { kind: "field", name: "min", static: false, private: false, access: { has: obj => "min" in obj, get: obj => obj.min, set: (obj, value) => { obj.min = value; } }, metadata: _metadata }, _min_initializers, _min_extraInitializers);
+            __esDecorate(null, null, _step_decorators, { kind: "field", name: "step", static: false, private: false, access: { has: obj => "step" in obj, get: obj => obj.step, set: (obj, value) => { obj.step = value; } }, metadata: _metadata }, _step_initializers, _step_extraInitializers);
+            __esDecorate(null, null, _autocomplete_decorators, { kind: "field", name: "autocomplete", static: false, private: false, access: { has: obj => "autocomplete" in obj, get: obj => obj.autocomplete, set: (obj, value) => { obj.autocomplete = value; } }, metadata: _metadata }, _autocomplete_initializers, _autocomplete_extraInitializers);
+            __esDecorate(null, null, _tabindex_decorators, { kind: "field", name: "tabindex", static: false, private: false, access: { has: obj => "tabindex" in obj, get: obj => obj.tabindex, set: (obj, value) => { obj.tabindex = value; } }, metadata: _metadata }, _tabindex_initializers, _tabindex_extraInitializers);
+            __esDecorate(null, null, _type_decorators, { kind: "field", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
+            __esDecorate(null, null, _name_decorators, { kind: "field", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
+            __esDecorate(null, null, _placeholder_decorators, { kind: "field", name: "placeholder", static: false, private: false, access: { has: obj => "placeholder" in obj, get: obj => obj.placeholder, set: (obj, value) => { obj.placeholder = value; } }, metadata: _metadata }, _placeholder_initializers, _placeholder_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcTextField = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         platform;
         configuration;
@@ -166,7 +163,7 @@ let MdcTextField = (() => {
         leadingIcon_;
         trailingIcon_;
         mutationObserver = new MutationObserver(mutations => this.mutated(mutations));
-        label = tslib_1.__runInitializers(this, _label_initializers, void 0);
+        label = __runInitializers(this, _label_initializers, void 0);
         labelChanged() {
             this.platform.domQueue.queueTask(() => {
                 if (this.foundation) {
@@ -175,31 +172,31 @@ let MdcTextField = (() => {
                 }
             });
         }
-        textarea = (tslib_1.__runInitializers(this, _label_extraInitializers), tslib_1.__runInitializers(this, _textarea_initializers, void 0));
-        endAligned = (tslib_1.__runInitializers(this, _textarea_extraInitializers), tslib_1.__runInitializers(this, _endAligned_initializers, void 0));
-        ltrText = (tslib_1.__runInitializers(this, _endAligned_extraInitializers), tslib_1.__runInitializers(this, _ltrText_initializers, void 0));
-        outlined = (tslib_1.__runInitializers(this, _ltrText_extraInitializers), tslib_1.__runInitializers(this, _outlined_initializers, void 0));
-        prefix = (tslib_1.__runInitializers(this, _outlined_extraInitializers), tslib_1.__runInitializers(this, _prefix_initializers, void 0));
-        suffix = (tslib_1.__runInitializers(this, _prefix_extraInitializers), tslib_1.__runInitializers(this, _suffix_initializers, void 0));
-        required = (tslib_1.__runInitializers(this, _suffix_extraInitializers), tslib_1.__runInitializers(this, _required_initializers, void 0));
+        textarea = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _textarea_initializers, void 0));
+        endAligned = (__runInitializers(this, _textarea_extraInitializers), __runInitializers(this, _endAligned_initializers, void 0));
+        ltrText = (__runInitializers(this, _endAligned_extraInitializers), __runInitializers(this, _ltrText_initializers, void 0));
+        outlined = (__runInitializers(this, _ltrText_extraInitializers), __runInitializers(this, _outlined_initializers, void 0));
+        prefix = (__runInitializers(this, _outlined_extraInitializers), __runInitializers(this, _prefix_initializers, void 0));
+        suffix = (__runInitializers(this, _prefix_extraInitializers), __runInitializers(this, _suffix_initializers, void 0));
+        required = (__runInitializers(this, _suffix_extraInitializers), __runInitializers(this, _required_initializers, void 0));
         requiredChanged() {
             if (this.required !== undefined) {
                 this.input_.required = this.required;
                 this.foundation?.setUseNativeValidation(true);
             }
         }
-        disabled = (tslib_1.__runInitializers(this, _required_extraInitializers), tslib_1.__runInitializers(this, _disabled_initializers, void 0));
+        disabled = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _disabled_initializers, void 0));
         disabledChanged() {
             this.input_.disabled = this.disabled;
             this.foundation?.setDisabled(this.disabled);
         }
-        readonly = (tslib_1.__runInitializers(this, _disabled_extraInitializers), tslib_1.__runInitializers(this, _readonly_initializers, void 0));
+        readonly = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _readonly_initializers, void 0));
         readonlyChanged() {
             this.input_.readOnly = this.readonly;
         }
         /** Makes the element blur on Enter key press */
-        blurOnEnter = (tslib_1.__runInitializers(this, _readonly_extraInitializers), tslib_1.__runInitializers(this, _blurOnEnter_initializers, void 0));
-        maxlength = (tslib_1.__runInitializers(this, _blurOnEnter_extraInitializers), tslib_1.__runInitializers(this, _maxlength_initializers, void 0));
+        blurOnEnter = (__runInitializers(this, _readonly_extraInitializers), __runInitializers(this, _blurOnEnter_initializers, void 0));
+        maxlength = (__runInitializers(this, _blurOnEnter_extraInitializers), __runInitializers(this, _maxlength_initializers, void 0));
         maxlengthChanged() {
             if (this.maxlength) {
                 this.input_.setAttribute('maxlength', this.maxlength);
@@ -208,7 +205,7 @@ let MdcTextField = (() => {
                 this.input_.removeAttribute('maxlength');
             }
         }
-        rows = (tslib_1.__runInitializers(this, _maxlength_extraInitializers), tslib_1.__runInitializers(this, _rows_initializers, void 0));
+        rows = (__runInitializers(this, _maxlength_extraInitializers), __runInitializers(this, _rows_initializers, void 0));
         rowsChanged() {
             if (this.rows) {
                 this.input_.setAttribute('rows', this.rows);
@@ -217,7 +214,7 @@ let MdcTextField = (() => {
                 this.input_.removeAttribute('rows');
             }
         }
-        cols = (tslib_1.__runInitializers(this, _rows_extraInitializers), tslib_1.__runInitializers(this, _cols_initializers, void 0));
+        cols = (__runInitializers(this, _rows_extraInitializers), __runInitializers(this, _cols_initializers, void 0));
         colsChanged() {
             if (this.rows) {
                 this.input_.setAttribute('cols', this.cols);
@@ -226,7 +223,7 @@ let MdcTextField = (() => {
                 this.input_.removeAttribute('cols');
             }
         }
-        max = (tslib_1.__runInitializers(this, _cols_extraInitializers), tslib_1.__runInitializers(this, _max_initializers, void 0));
+        max = (__runInitializers(this, _cols_extraInitializers), __runInitializers(this, _max_initializers, void 0));
         maxChanged() {
             if (this.max === undefined) {
                 this.input_.removeAttribute('max');
@@ -235,7 +232,7 @@ let MdcTextField = (() => {
                 this.input_.max = this.max;
             }
         }
-        min = (tslib_1.__runInitializers(this, _max_extraInitializers), tslib_1.__runInitializers(this, _min_initializers, void 0));
+        min = (__runInitializers(this, _max_extraInitializers), __runInitializers(this, _min_initializers, void 0));
         minChanged() {
             if (this.min === undefined) {
                 this.input_.removeAttribute('min');
@@ -244,7 +241,7 @@ let MdcTextField = (() => {
                 this.input_.min = this.min;
             }
         }
-        step = (tslib_1.__runInitializers(this, _min_extraInitializers), tslib_1.__runInitializers(this, _step_initializers, void 0));
+        step = (__runInitializers(this, _min_extraInitializers), __runInitializers(this, _step_initializers, void 0));
         stepChanged() {
             if (this.step === undefined) {
                 this.input_.removeAttribute('step');
@@ -253,7 +250,7 @@ let MdcTextField = (() => {
                 this.input_.step = this.step;
             }
         }
-        autocomplete = (tslib_1.__runInitializers(this, _step_extraInitializers), tslib_1.__runInitializers(this, _autocomplete_initializers, void 0));
+        autocomplete = (__runInitializers(this, _step_extraInitializers), __runInitializers(this, _autocomplete_initializers, void 0));
         autocompleteChanged() {
             if (this.autocomplete === undefined) {
                 this.input_.removeAttribute('autocomplete');
@@ -262,7 +259,7 @@ let MdcTextField = (() => {
                 this.input_.autocomplete = this.autocomplete;
             }
         }
-        tabindex = (tslib_1.__runInitializers(this, _autocomplete_extraInitializers), tslib_1.__runInitializers(this, _tabindex_initializers, void 0));
+        tabindex = (__runInitializers(this, _autocomplete_extraInitializers), __runInitializers(this, _tabindex_initializers, void 0));
         tabindexChanged() {
             if (isNaN(this.tabindex)) {
                 this.input_.removeAttribute('tabindex');
@@ -271,7 +268,7 @@ let MdcTextField = (() => {
                 this.input_.tabIndex = this.tabindex;
             }
         }
-        type = (tslib_1.__runInitializers(this, _tabindex_extraInitializers), tslib_1.__runInitializers(this, _type_initializers, void 0));
+        type = (__runInitializers(this, _tabindex_extraInitializers), __runInitializers(this, _type_initializers, void 0));
         typeChanged() {
             if (!this.textarea) {
                 if (this.type === undefined) {
@@ -282,7 +279,7 @@ let MdcTextField = (() => {
                 }
             }
         }
-        name = (tslib_1.__runInitializers(this, _type_extraInitializers), tslib_1.__runInitializers(this, _name_initializers, void 0));
+        name = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _name_initializers, void 0));
         nameChanged() {
             if (this.name === undefined) {
                 this.input_.removeAttribute('name');
@@ -291,8 +288,8 @@ let MdcTextField = (() => {
                 this.input_.name = this.name;
             }
         }
-        placeholder = (tslib_1.__runInitializers(this, _name_extraInitializers), tslib_1.__runInitializers(this, _placeholder_initializers, ' ')); // non empty placeholder solves the issue of misplaced labels in Safari
-        initialValue = tslib_1.__runInitializers(this, _placeholder_extraInitializers);
+        placeholder = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _placeholder_initializers, ' ')); // non empty placeholder solves the issue of misplaced labels in Safari
+        initialValue = __runInitializers(this, _placeholder_extraInitializers);
         get value() {
             if (this.foundation) {
                 return this.foundation.getValue();
@@ -329,18 +326,18 @@ let MdcTextField = (() => {
         renderErrors() {
             const helperLine = this.root.nextElementSibling;
             if (helperLine?.tagName === 'MDC-TEXT-FIELD-HELPER-LINE') {
-                runtime_html_1.CustomElement.for(helperLine).viewModel.errors = Array.from(this.errors.keys())
+                CustomElement.for(helperLine).viewModel.errors = Array.from(this.errors.keys())
                     .filter(x => x.message !== null).map(x => x.message);
             }
         }
         async attaching() {
             const nextSibling = this.root.nextElementSibling;
-            if (nextSibling?.tagName === textfield_1.cssClasses.HELPER_LINE.toUpperCase()) {
-                await runtime_html_1.CustomElement.for(nextSibling).viewModel.attachedPromise;
-                const helperTextEl = nextSibling.querySelector(textfield_1.helperTextStrings.ROOT_SELECTOR);
-                this.helperText_ = helperTextEl ? runtime_html_1.CustomElement.for(nextSibling).viewModel : undefined;
-                const characterCounterEl = nextSibling.querySelector(textfield_1.characterCountStrings.ROOT_SELECTOR);
-                this.characterCounter_ = characterCounterEl ? runtime_html_1.CustomElement.for(characterCounterEl).viewModel : undefined;
+            if (nextSibling?.tagName === cssClasses.HELPER_LINE.toUpperCase()) {
+                await CustomElement.for(nextSibling).viewModel.attachedPromise;
+                const helperTextEl = nextSibling.querySelector(helperTextStrings.ROOT_SELECTOR);
+                this.helperText_ = helperTextEl ? CustomElement.for(nextSibling).viewModel : undefined;
+                const characterCounterEl = nextSibling.querySelector(characterCountStrings.ROOT_SELECTOR);
+                this.characterCounter_ = characterCounterEl ? CustomElement.for(characterCounterEl).viewModel : undefined;
             }
         }
         beforeFoundationCreated() {
@@ -360,11 +357,11 @@ let MdcTextField = (() => {
         }
         trailingIconChanged() {
             const el = this.root.querySelector(trailingIconSelector);
-            this.trailingIcon_ = el ? runtime_html_1.CustomAttribute.for(el, mdc_text_field_icon_1.mdcIconStrings.ATTRIBUTE)?.viewModel : undefined;
+            this.trailingIcon_ = el ? CustomAttribute.for(el, mdcIconStrings.ATTRIBUTE)?.viewModel : undefined;
         }
         leadingIconChanged() {
             const el = this.root.querySelector(leadingIconSelector);
-            this.leadingIcon_ = el ? runtime_html_1.CustomAttribute.for(el, mdc_text_field_icon_1.mdcIconStrings.ATTRIBUTE)?.viewModel : undefined;
+            this.leadingIcon_ = el ? CustomAttribute.for(el, mdcIconStrings.ATTRIBUTE)?.viewModel : undefined;
         }
         destroy() {
             this.mutationObserver.disconnect();
@@ -397,7 +394,7 @@ let MdcTextField = (() => {
                 ...this.getLineRippleAdapterMethods_(),
                 ...this.getOutlineAdapterMethods_(),
             };
-            return new textfield_1.MDCTextFieldFoundation(adapter, this.getFoundationMap_());
+            return new MDCTextFieldFoundation(adapter, this.getFoundationMap_());
         }
         getRootAdapterMethods_() {
             return {
@@ -430,8 +427,8 @@ let MdcTextField = (() => {
                     this.input_.removeAttribute(attr);
                 },
                 isFocused: () => document.activeElement === this.input_,
-                registerInputInteractionHandler: (evtType, handler) => this.input_.addEventListener(evtType, handler, (0, events_1.applyPassive)()),
-                deregisterInputInteractionHandler: (evtType, handler) => this.input_?.removeEventListener(evtType, handler, (0, events_1.applyPassive)()),
+                registerInputInteractionHandler: (evtType, handler) => this.input_.addEventListener(evtType, handler, applyPassive()),
+                deregisterInputInteractionHandler: (evtType, handler) => this.input_?.removeEventListener(evtType, handler, applyPassive()),
             };
         }
         getLabelAdapterMethods_() {
@@ -499,7 +496,7 @@ let MdcTextField = (() => {
     };
     return MdcTextField = _classThis;
 })();
-exports.MdcTextField = MdcTextField;
+export { MdcTextField };
 function defineMdcTextFieldElementApis(element) {
     Object.defineProperties(element, {
         tagName: {
@@ -509,73 +506,73 @@ function defineMdcTextFieldElementApis(element) {
         },
         value: {
             get() {
-                return runtime_html_1.CustomElement.for(this).viewModel.value;
+                return CustomElement.for(this).viewModel.value;
             },
             set(value) {
-                runtime_html_1.CustomElement.for(this).viewModel.value = value;
+                CustomElement.for(this).viewModel.value = value;
             },
             configurable: true
         },
         disabled: {
             get() {
-                return runtime_html_1.CustomElement.for(this).viewModel.disabled;
+                return CustomElement.for(this).viewModel.disabled;
             },
             set(value) {
-                runtime_html_1.CustomElement.for(this).viewModel.disabled = value;
+                CustomElement.for(this).viewModel.disabled = value;
             },
             configurable: true
         },
         readOnly: {
             get() {
-                return runtime_html_1.CustomElement.for(this).viewModel.readonly;
+                return CustomElement.for(this).viewModel.readonly;
             },
             set(value) {
-                runtime_html_1.CustomElement.for(this).viewModel.readonly = value;
+                CustomElement.for(this).viewModel.readonly = value;
             },
             configurable: true
         },
         valid: {
             get() {
-                return runtime_html_1.CustomElement.for(this).viewModel.valid;
+                return CustomElement.for(this).viewModel.valid;
             },
             set(value) {
-                runtime_html_1.CustomElement.for(this).viewModel.valid = value;
+                CustomElement.for(this).viewModel.valid = value;
             },
             configurable: true
         },
         addError: {
             value(error) {
-                runtime_html_1.CustomElement.for(this).viewModel.addError(error);
+                CustomElement.for(this).viewModel.addError(error);
             },
             configurable: true
         },
         removeError: {
             value(error) {
-                runtime_html_1.CustomElement.for(this).viewModel.removeError(error);
+                CustomElement.for(this).viewModel.removeError(error);
             },
             configurable: true
         },
         renderErrors: {
             value() {
-                runtime_html_1.CustomElement.for(this).viewModel.renderErrors();
+                CustomElement.for(this).viewModel.renderErrors();
             },
             configurable: true
         },
         focus: {
             value() {
-                runtime_html_1.CustomElement.for(this).viewModel.focus();
+                CustomElement.for(this).viewModel.focus();
             },
             configurable: true
         },
         blur: {
             value() {
-                runtime_html_1.CustomElement.for(this).viewModel.blur();
+                CustomElement.for(this).viewModel.blur();
             },
             configurable: true
         },
         isFocused: {
             get() {
-                return document.activeElement === runtime_html_1.CustomElement.for(this).viewModel.input_;
+                return document.activeElement === CustomElement.for(this).viewModel.input_;
             },
             configurable: true
         }