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

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

@@ -1,28 +1,31 @@
-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 { MdcDefaultTextFieldConfiguration } from './mdc-default-text-field-configuration';
-import template from './mdc-text-field.html?raw';
+"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");
 let textFieldId = 0;
 const leadingIconSelector = '.mdc-text-field__icon--leading';
 const trailingIconSelector = '.mdc-text-field__icon--trailing';
 let MdcTextField = (() => {
-    let _classDecorators = [inject(Element, IPlatform, MdcDefaultTextFieldConfiguration), customElement({ name: 'mdc-text-field', template }), processContent(function processContent(node) {
+    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) {
             const element = node;
             // move icons to slots - this allows omitting slot specification
-            const leadingIcon = element.querySelector(`[${mdcIconStrings.ATTRIBUTE}][${mdcIconStrings.LEADING}]`);
+            const leadingIcon = element.querySelector(`[${mdc_text_field_icon_1.mdcIconStrings.ATTRIBUTE}][${mdc_text_field_icon_1.mdcIconStrings.LEADING}]`);
             leadingIcon?.setAttribute('au-slot', 'leading-icon');
-            const trailingIcon = element.querySelector(`[${mdcIconStrings.ATTRIBUTE}][${mdcIconStrings.TRAILING}]`);
+            const trailingIcon = element.querySelector(`[${mdc_text_field_icon_1.mdcIconStrings.ATTRIBUTE}][${mdc_text_field_icon_1.mdcIconStrings.TRAILING}]`);
             trailingIcon?.setAttribute('au-slot', 'trailing-icon');
         })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _label_decorators;
     let _label_initializers = [];
     let _label_extraInitializers = [];
@@ -93,62 +96,62 @@ let MdcTextField = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _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);
+            _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);
             MdcTextField = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         platform;
-        defaultConfiguration;
-        constructor(root, platform, defaultConfiguration) {
+        configuration;
+        constructor(root, platform, configuration) {
             super(root);
             this.platform = platform;
-            this.defaultConfiguration = defaultConfiguration;
-            this.outlined = this.defaultConfiguration.outlined;
+            this.configuration = configuration;
+            this.outlined = this.configuration.textField.outlined;
             defineMdcTextFieldElementApis(this.root);
         }
         id = `mdc-text-field-${++textFieldId}`;
@@ -163,7 +166,7 @@ let MdcTextField = (() => {
         leadingIcon_;
         trailingIcon_;
         mutationObserver = new MutationObserver(mutations => this.mutated(mutations));
-        label = __runInitializers(this, _label_initializers, void 0);
+        label = tslib_1.__runInitializers(this, _label_initializers, void 0);
         labelChanged() {
             this.platform.domQueue.queueTask(() => {
                 if (this.foundation) {
@@ -172,31 +175,31 @@ let MdcTextField = (() => {
                 }
             });
         }
-        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));
+        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));
         requiredChanged() {
             if (this.required !== undefined) {
                 this.input_.required = this.required;
                 this.foundation?.setUseNativeValidation(true);
             }
         }
-        disabled = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _disabled_initializers, void 0));
+        disabled = (tslib_1.__runInitializers(this, _required_extraInitializers), tslib_1.__runInitializers(this, _disabled_initializers, void 0));
         disabledChanged() {
             this.input_.disabled = this.disabled;
             this.foundation?.setDisabled(this.disabled);
         }
-        readonly = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _readonly_initializers, void 0));
+        readonly = (tslib_1.__runInitializers(this, _disabled_extraInitializers), tslib_1.__runInitializers(this, _readonly_initializers, void 0));
         readonlyChanged() {
             this.input_.readOnly = this.readonly;
         }
         /** Makes the element blur on Enter key press */
-        blurOnEnter = (__runInitializers(this, _readonly_extraInitializers), __runInitializers(this, _blurOnEnter_initializers, void 0));
-        maxlength = (__runInitializers(this, _blurOnEnter_extraInitializers), __runInitializers(this, _maxlength_initializers, void 0));
+        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));
         maxlengthChanged() {
             if (this.maxlength) {
                 this.input_.setAttribute('maxlength', this.maxlength);
@@ -205,7 +208,7 @@ let MdcTextField = (() => {
                 this.input_.removeAttribute('maxlength');
             }
         }
-        rows = (__runInitializers(this, _maxlength_extraInitializers), __runInitializers(this, _rows_initializers, void 0));
+        rows = (tslib_1.__runInitializers(this, _maxlength_extraInitializers), tslib_1.__runInitializers(this, _rows_initializers, void 0));
         rowsChanged() {
             if (this.rows) {
                 this.input_.setAttribute('rows', this.rows);
@@ -214,7 +217,7 @@ let MdcTextField = (() => {
                 this.input_.removeAttribute('rows');
             }
         }
-        cols = (__runInitializers(this, _rows_extraInitializers), __runInitializers(this, _cols_initializers, void 0));
+        cols = (tslib_1.__runInitializers(this, _rows_extraInitializers), tslib_1.__runInitializers(this, _cols_initializers, void 0));
         colsChanged() {
             if (this.rows) {
                 this.input_.setAttribute('cols', this.cols);
@@ -223,7 +226,7 @@ let MdcTextField = (() => {
                 this.input_.removeAttribute('cols');
             }
         }
-        max = (__runInitializers(this, _cols_extraInitializers), __runInitializers(this, _max_initializers, void 0));
+        max = (tslib_1.__runInitializers(this, _cols_extraInitializers), tslib_1.__runInitializers(this, _max_initializers, void 0));
         maxChanged() {
             if (this.max === undefined) {
                 this.input_.removeAttribute('max');
@@ -232,7 +235,7 @@ let MdcTextField = (() => {
                 this.input_.max = this.max;
             }
         }
-        min = (__runInitializers(this, _max_extraInitializers), __runInitializers(this, _min_initializers, void 0));
+        min = (tslib_1.__runInitializers(this, _max_extraInitializers), tslib_1.__runInitializers(this, _min_initializers, void 0));
         minChanged() {
             if (this.min === undefined) {
                 this.input_.removeAttribute('min');
@@ -241,7 +244,7 @@ let MdcTextField = (() => {
                 this.input_.min = this.min;
             }
         }
-        step = (__runInitializers(this, _min_extraInitializers), __runInitializers(this, _step_initializers, void 0));
+        step = (tslib_1.__runInitializers(this, _min_extraInitializers), tslib_1.__runInitializers(this, _step_initializers, void 0));
         stepChanged() {
             if (this.step === undefined) {
                 this.input_.removeAttribute('step');
@@ -250,7 +253,7 @@ let MdcTextField = (() => {
                 this.input_.step = this.step;
             }
         }
-        autocomplete = (__runInitializers(this, _step_extraInitializers), __runInitializers(this, _autocomplete_initializers, void 0));
+        autocomplete = (tslib_1.__runInitializers(this, _step_extraInitializers), tslib_1.__runInitializers(this, _autocomplete_initializers, void 0));
         autocompleteChanged() {
             if (this.autocomplete === undefined) {
                 this.input_.removeAttribute('autocomplete');
@@ -259,7 +262,7 @@ let MdcTextField = (() => {
                 this.input_.autocomplete = this.autocomplete;
             }
         }
-        tabindex = (__runInitializers(this, _autocomplete_extraInitializers), __runInitializers(this, _tabindex_initializers, void 0));
+        tabindex = (tslib_1.__runInitializers(this, _autocomplete_extraInitializers), tslib_1.__runInitializers(this, _tabindex_initializers, void 0));
         tabindexChanged() {
             if (isNaN(this.tabindex)) {
                 this.input_.removeAttribute('tabindex');
@@ -268,7 +271,7 @@ let MdcTextField = (() => {
                 this.input_.tabIndex = this.tabindex;
             }
         }
-        type = (__runInitializers(this, _tabindex_extraInitializers), __runInitializers(this, _type_initializers, void 0));
+        type = (tslib_1.__runInitializers(this, _tabindex_extraInitializers), tslib_1.__runInitializers(this, _type_initializers, void 0));
         typeChanged() {
             if (!this.textarea) {
                 if (this.type === undefined) {
@@ -279,7 +282,7 @@ let MdcTextField = (() => {
                 }
             }
         }
-        name = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _name_initializers, void 0));
+        name = (tslib_1.__runInitializers(this, _type_extraInitializers), tslib_1.__runInitializers(this, _name_initializers, void 0));
         nameChanged() {
             if (this.name === undefined) {
                 this.input_.removeAttribute('name');
@@ -288,8 +291,8 @@ let MdcTextField = (() => {
                 this.input_.name = this.name;
             }
         }
-        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);
+        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);
         get value() {
             if (this.foundation) {
                 return this.foundation.getValue();
@@ -326,18 +329,18 @@ let MdcTextField = (() => {
         renderErrors() {
             const helperLine = this.root.nextElementSibling;
             if (helperLine?.tagName === 'MDC-TEXT-FIELD-HELPER-LINE') {
-                CustomElement.for(helperLine).viewModel.errors = Array.from(this.errors.keys())
+                runtime_html_1.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 === 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;
+            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;
             }
         }
         beforeFoundationCreated() {
@@ -357,11 +360,11 @@ let MdcTextField = (() => {
         }
         trailingIconChanged() {
             const el = this.root.querySelector(trailingIconSelector);
-            this.trailingIcon_ = el ? CustomAttribute.for(el, mdcIconStrings.ATTRIBUTE)?.viewModel : undefined;
+            this.trailingIcon_ = el ? runtime_html_1.CustomAttribute.for(el, mdc_text_field_icon_1.mdcIconStrings.ATTRIBUTE)?.viewModel : undefined;
         }
         leadingIconChanged() {
             const el = this.root.querySelector(leadingIconSelector);
-            this.leadingIcon_ = el ? CustomAttribute.for(el, mdcIconStrings.ATTRIBUTE)?.viewModel : undefined;
+            this.leadingIcon_ = el ? runtime_html_1.CustomAttribute.for(el, mdc_text_field_icon_1.mdcIconStrings.ATTRIBUTE)?.viewModel : undefined;
         }
         destroy() {
             this.mutationObserver.disconnect();
@@ -394,7 +397,7 @@ let MdcTextField = (() => {
                 ...this.getLineRippleAdapterMethods_(),
                 ...this.getOutlineAdapterMethods_(),
             };
-            return new MDCTextFieldFoundation(adapter, this.getFoundationMap_());
+            return new textfield_1.MDCTextFieldFoundation(adapter, this.getFoundationMap_());
         }
         getRootAdapterMethods_() {
             return {
@@ -427,8 +430,8 @@ let MdcTextField = (() => {
                     this.input_.removeAttribute(attr);
                 },
                 isFocused: () => document.activeElement === this.input_,
-                registerInputInteractionHandler: (evtType, handler) => this.input_.addEventListener(evtType, handler, applyPassive()),
-                deregisterInputInteractionHandler: (evtType, handler) => this.input_?.removeEventListener(evtType, handler, applyPassive()),
+                registerInputInteractionHandler: (evtType, handler) => this.input_.addEventListener(evtType, handler, (0, events_1.applyPassive)()),
+                deregisterInputInteractionHandler: (evtType, handler) => this.input_?.removeEventListener(evtType, handler, (0, events_1.applyPassive)()),
             };
         }
         getLabelAdapterMethods_() {
@@ -496,7 +499,7 @@ let MdcTextField = (() => {
     };
     return MdcTextField = _classThis;
 })();
-export { MdcTextField };
+exports.MdcTextField = MdcTextField;
 function defineMdcTextFieldElementApis(element) {
     Object.defineProperties(element, {
         tagName: {
@@ -506,73 +509,73 @@ function defineMdcTextFieldElementApis(element) {
         },
         value: {
             get() {
-                return CustomElement.for(this).viewModel.value;
+                return runtime_html_1.CustomElement.for(this).viewModel.value;
             },
             set(value) {
-                CustomElement.for(this).viewModel.value = value;
+                runtime_html_1.CustomElement.for(this).viewModel.value = value;
             },
             configurable: true
         },
         disabled: {
             get() {
-                return CustomElement.for(this).viewModel.disabled;
+                return runtime_html_1.CustomElement.for(this).viewModel.disabled;
             },
             set(value) {
-                CustomElement.for(this).viewModel.disabled = value;
+                runtime_html_1.CustomElement.for(this).viewModel.disabled = value;
             },
             configurable: true
         },
         readOnly: {
             get() {
-                return CustomElement.for(this).viewModel.readonly;
+                return runtime_html_1.CustomElement.for(this).viewModel.readonly;
             },
             set(value) {
-                CustomElement.for(this).viewModel.readonly = value;
+                runtime_html_1.CustomElement.for(this).viewModel.readonly = value;
             },
             configurable: true
         },
         valid: {
             get() {
-                return CustomElement.for(this).viewModel.valid;
+                return runtime_html_1.CustomElement.for(this).viewModel.valid;
             },
             set(value) {
-                CustomElement.for(this).viewModel.valid = value;
+                runtime_html_1.CustomElement.for(this).viewModel.valid = value;
             },
             configurable: true
         },
         addError: {
             value(error) {
-                CustomElement.for(this).viewModel.addError(error);
+                runtime_html_1.CustomElement.for(this).viewModel.addError(error);
             },
             configurable: true
         },
         removeError: {
             value(error) {
-                CustomElement.for(this).viewModel.removeError(error);
+                runtime_html_1.CustomElement.for(this).viewModel.removeError(error);
             },
             configurable: true
         },
         renderErrors: {
             value() {
-                CustomElement.for(this).viewModel.renderErrors();
+                runtime_html_1.CustomElement.for(this).viewModel.renderErrors();
             },
             configurable: true
         },
         focus: {
             value() {
-                CustomElement.for(this).viewModel.focus();
+                runtime_html_1.CustomElement.for(this).viewModel.focus();
             },
             configurable: true
         },
         blur: {
             value() {
-                CustomElement.for(this).viewModel.blur();
+                runtime_html_1.CustomElement.for(this).viewModel.blur();
             },
             configurable: true
         },
         isFocused: {
             get() {
-                return document.activeElement === CustomElement.for(this).viewModel.input_;
+                return document.activeElement === runtime_html_1.CustomElement.for(this).viewModel.input_;
             },
             configurable: true
         }