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

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

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EnhanceMask = exports.MdcInputmaskCustomAttribute = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+// mdc-text-field needs to know when inputmask updates internal input element
+let MdcInputmaskCustomAttribute = (() => {
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customAttribute)('mdc-inputmask')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcInputmaskCustomAttribute = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcInputmaskCustomAttribute = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        element;
+        constructor(element) {
+            this.element = element;
+        }
+        attached() {
+            this.element.addEventListener('inputmask-change', this);
+            this.inputmaskChangeHandler();
+        }
+        detached() {
+            this.element.removeEventListener('inputmask-change', this);
+        }
+        handleEvent(e) {
+            if (e.type === 'inputmask-change') {
+                this.inputmaskChangeHandler();
+            }
+        }
+        inputmaskChangeHandler() {
+            const inputmask = aurelia_1.CustomAttribute.for(this.element, 'inputmask')?.viewModel;
+            const input = aurelia_1.CustomElement.for(this.element)?.viewModel;
+            if (inputmask && input) {
+                input.value = inputmask.input.value;
+                input.foundation?.setValue(inputmask.input.value);
+            }
+        }
+    };
+    return MdcInputmaskCustomAttribute = _classThis;
+})();
+exports.MdcInputmaskCustomAttribute = MdcInputmaskCustomAttribute;
+let EnhanceMask = (() => {
+    let _classDecorators = [aurelia_1.templateCompilerHooks];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var EnhanceMask = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            EnhanceMask = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        compiling(template) {
+            if (!template.content) {
+                return;
+            }
+            const inputs = template.content.querySelectorAll('[inputmask]');
+            for (const i of Array.from(inputs)) {
+                i.setAttribute('mdc-inputmask', '');
+            }
+        }
+    };
+    return EnhanceMask = _classThis;
+})();
+exports.EnhanceMask = EnhanceMask;
+//# sourceMappingURL=mdc-inputmask.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-inputmask.js","sourceRoot":"","sources":["../../src/text-field/mdc-inputmask.ts"],"names":[],"mappings":";;;;AAAA,qCAAyG;AAEzG,6EAA6E;IAGhE,2BAA2B;4BAFvC,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,yBAAe,EAAC,eAAe,CAAC;;;;;;;;YACjC,qLA0BC;;;YA1BY,+DAA2B;;QAClB,OAAO;QAA3B,YAAoB,OAAgB;YAAhB,YAAO,GAAP,OAAO,CAAS;QAAI,CAAC;QAEzC,QAAQ;YACN,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;YACxD,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAChC,CAAC;QAED,QAAQ;YACN,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;QAC7D,CAAC;QAED,WAAW,CAAC,CAAQ;YAClB,IAAI,CAAC,CAAC,IAAI,KAAK,kBAAkB,EAAE,CAAC;gBAClC,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAChC,CAAC;QACH,CAAC;QAED,sBAAsB;YACpB,MAAM,SAAS,GAAG,yBAAe,CAAC,GAAG,CAA8B,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,SAAS,CAAC;YACzG,MAAM,KAAK,GAAG,uBAAa,CAAC,GAAG,CAAoE,IAAI,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;YAC5H,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;gBACvB,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC;gBACpC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACpD,CAAC;QACH,CAAC;;;;AAzBU,kEAA2B;IA6B3B,WAAW;4BADvB,+BAAqB;;;;;;;;YACtB,qLAUC;;;YAVY,+DAAW;;QACtB,SAAS,CAAC,QAA6B;YACrC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACtB,OAAO;YACT,CAAC;YACD,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;YAChE,KAAK,MAAM,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;gBACnC,CAAC,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;YACtC,CAAC;QACH,CAAC;;;;AATU,kCAAW","sourcesContent":["import { CustomAttribute, CustomElement, customAttribute, inject, templateCompilerHooks } from 'aurelia';\r\n\r\n// mdc-text-field needs to know when inputmask updates internal input element\r\n@inject(Element)\r\n@customAttribute('mdc-inputmask')\r\nexport class MdcInputmaskCustomAttribute {\r\n  constructor(private element: Element) { }\r\n\r\n  attached() {\r\n    this.element.addEventListener('inputmask-change', this);\r\n    this.inputmaskChangeHandler();\r\n  }\r\n\r\n  detached() {\r\n    this.element.removeEventListener('inputmask-change', this);\r\n  }\r\n\r\n  handleEvent(e: Event) {\r\n    if (e.type === 'inputmask-change') {\r\n      this.inputmaskChangeHandler();\r\n    }\r\n  }\r\n\r\n  inputmaskChangeHandler() {\r\n    const inputmask = CustomAttribute.for<{ input: HTMLInputElement }>(this.element, 'inputmask')?.viewModel;\r\n    const input = CustomElement.for<{ value: string; foundation?: { setValue(value: string): void } }>(this.element)?.viewModel;\r\n    if (inputmask && input) {\r\n      input.value = inputmask.input.value;\r\n      input.foundation?.setValue(inputmask.input.value);\r\n    }\r\n  }\r\n}\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMask {\r\n  compiling(template: HTMLTemplateElement) {\r\n    if (!template.content) {\r\n      return;\r\n    }\r\n    const inputs = template.content.querySelectorAll('[inputmask]');\r\n    for (const i of Array.from(inputs)) {\r\n      i.setAttribute('mdc-inputmask', '');\r\n    }\r\n  }\r\n}\r\n"]}

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

@@ -1,21 +1,24 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { inject, customElement } from 'aurelia';
-import { MDCTextFieldCharacterCounterFoundation, characterCountCssClasses } from '@material/textfield';
-import { MdcComponent } from '../base';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcTextFieldCharacterCounter = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const textfield_1 = require("@material/textfield");
+const base_1 = require("../base");
 let MdcTextFieldCharacterCounter = (() => {
-    let _classDecorators = [inject(Element), customElement({ name: 'mdc-text-field-character-counter', template: `<template class="${characterCountCssClasses.ROOT}"></template>` })];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-text-field-character-counter', template: `<template class="${textfield_1.characterCountCssClasses.ROOT}"></template>` })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     var MdcTextFieldCharacterCounter = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcTextFieldCharacterCounter = _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);
         }
         // Provided for access by MDCTextField component
         get foundationForTextField() {
@@ -29,10 +32,10 @@ let MdcTextFieldCharacterCounter = (() => {
                     this.root.textContent = content;
                 },
             };
-            return new MDCTextFieldCharacterCounterFoundation(adapter);
+            return new textfield_1.MDCTextFieldCharacterCounterFoundation(adapter);
         }
     };
     return MdcTextFieldCharacterCounter = _classThis;
 })();
-export { MdcTextFieldCharacterCounter };
+exports.MdcTextFieldCharacterCounter = MdcTextFieldCharacterCounter;
 //# sourceMappingURL=mdc-text-field-character-counter.js.map

package/dist/text-field/mdc-text-field-character-counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-text-field-character-counter.js","sourceRoot":"","sources":["../../src/text-field/mdc-text-field-character-counter.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,sCAAsC,EAAuC,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC5I,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;IAI1B,4BAA4B;4BAFxC,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,kCAAkC,EAAE,QAAQ,EAAE,oBAAoB,wBAAwB,CAAC,IAAI,eAAe,EAAE,CAAC;;;;sBACtF,YAAY;4CAApB,SAAQ,WAAoD;;;;YAAtG,6KAgBC;;;YAhBY,uDAA4B;;QACvC,gDAAgD;QAChD,IAAI,sBAAsB;YACxB,OAAO,IAAI,CAAC,UAAW,CAAC;QAC1B,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAAwC;gBACnD,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;oBACtB,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;gBAClC,CAAC;aACF,CAAC;YACF,OAAO,IAAI,sCAAsC,CAAC,OAAO,CAAC,CAAC;QAC7D,CAAC;;;;SAfU,4BAA4B","sourcesContent":["import { inject, customElement } from 'aurelia';\nimport { MDCTextFieldCharacterCounterFoundation, MDCTextFieldCharacterCounterAdapter, characterCountCssClasses } from '@material/textfield';\nimport { MdcComponent } from '../base';\n\n@inject(Element)\n@customElement({ name: 'mdc-text-field-character-counter', template: `<template class=\"${characterCountCssClasses.ROOT}\"></template>` })\nexport class MdcTextFieldCharacterCounter extends MdcComponent<MDCTextFieldCharacterCounterFoundation> {\n  // Provided for access by MDCTextField component\n  get foundationForTextField(): MDCTextFieldCharacterCounterFoundation {\n    return this.foundation!;\n  }\n\n  getDefaultFoundation() {\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n    const adapter: MDCTextFieldCharacterCounterAdapter = {\n      setContent: (content) => {\n        this.root.textContent = content;\n      },\n    };\n    return new MDCTextFieldCharacterCounterFoundation(adapter);\n  }\n}\n\n/** @hidden */\nexport interface IMdcTextFieldCharacterCounterElement extends HTMLElement {\n  $au: {\n    'au:resource:custom-element': {\n      viewModel: MdcTextFieldCharacterCounter;\n    };\n  };\n}\n"]}
+{"version":3,"file":"mdc-text-field-character-counter.js","sourceRoot":"","sources":["../../src/text-field/mdc-text-field-character-counter.ts"],"names":[],"mappings":";;;;AAAA,qCAAgD;AAChD,mDAA4I;AAC5I,kCAAuC;IAI1B,4BAA4B;4BAFxC,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,kCAAkC,EAAE,QAAQ,EAAE,oBAAoB,oCAAwB,CAAC,IAAI,eAAe,EAAE,CAAC;;;;sBACtF,mBAAY;4CAApB,SAAQ,WAAoD;;;;YAAtG,qLAgBC;;;YAhBY,+DAA4B;;QACvC,gDAAgD;QAChD,IAAI,sBAAsB;YACxB,OAAO,IAAI,CAAC,UAAW,CAAC;QAC1B,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAAwC;gBACnD,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;oBACtB,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;gBAClC,CAAC;aACF,CAAC;YACF,OAAO,IAAI,kDAAsC,CAAC,OAAO,CAAC,CAAC;QAC7D,CAAC;;;;AAfU,oEAA4B","sourcesContent":["import { inject, customElement } from 'aurelia';\r\nimport { MDCTextFieldCharacterCounterFoundation, MDCTextFieldCharacterCounterAdapter, characterCountCssClasses } from '@material/textfield';\r\nimport { MdcComponent } from '../base';\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-text-field-character-counter', template: `<template class=\"${characterCountCssClasses.ROOT}\"></template>` })\r\nexport class MdcTextFieldCharacterCounter extends MdcComponent<MDCTextFieldCharacterCounterFoundation> {\r\n  // Provided for access by MDCTextField component\r\n  get foundationForTextField(): MDCTextFieldCharacterCounterFoundation {\r\n    return this.foundation!;\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCTextFieldCharacterCounterAdapter = {\r\n      setContent: (content) => {\r\n        this.root.textContent = content;\r\n      },\r\n    };\r\n    return new MDCTextFieldCharacterCounterFoundation(adapter);\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcTextFieldCharacterCounterElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcTextFieldCharacterCounter;\r\n    };\r\n  };\r\n}\r\n"]}

package/dist/text-field/mdc-text-field-helper-line/mdc-text-field-helper-line.html

@@ -1,7 +1,7 @@
-<template class="mdc-text-field-helper-line ${errors.length ? 'mdc-text-field-helper-line--with-errors' : ''}">
-  <au-slot></au-slot>
-  <!-- DO NOT FORMAT THIS FILE! ANY SPACE BEFORE <SLOT> BREAKS HELPER TEXT ALIGNMENT! -->
-  <!-- beautify ignore:start -->
-  <mdc-text-field-helper-text if.bind="errors.length" validation class="mdc-text-field-helper-text--errors"><span class="mdc-text-field-helper-text__error" repeat.for="e of errors">${e}<br/></span></mdc-text-field-helper-text>
-  <!-- beautify ignore:end -->
-</template>
+<template class="mdc-text-field-helper-line ${errors.length ? 'mdc-text-field-helper-line--with-errors' : ''}">
+  <au-slot></au-slot>
+  <!-- DO NOT FORMAT THIS FILE! ANY SPACE BEFORE <SLOT> BREAKS HELPER TEXT ALIGNMENT! -->
+  <!-- beautify ignore:start -->
+  <mdc-text-field-helper-text if.bind="errors.length" validation class="mdc-text-field-helper-text--errors"><span class="mdc-text-field-helper-text__error" repeat.for="e of errors">${e}<br/></span></mdc-text-field-helper-text>
+  <!-- beautify ignore:end -->
+</template>

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

@@ -1,8 +1,11 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { inject, customElement, bindable } from 'aurelia';
-import template from './mdc-text-field-helper-line.html?raw';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcTextFieldHelperLine = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const mdc_text_field_helper_line_html_raw_1 = tslib_1.__importDefault(require("./mdc-text-field-helper-line.html?raw"));
 let MdcTextFieldHelperLine = (() => {
-    let _classDecorators = [inject(Element), customElement({ name: 'mdc-text-field-helper-line', template })];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-text-field-helper-line', template: mdc_text_field_helper_line_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -13,18 +16,18 @@ let MdcTextFieldHelperLine = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _errors_decorators = [bindable()];
-            __esDecorate(null, null, _errors_decorators, { kind: "field", name: "errors", static: false, private: false, access: { has: obj => "errors" in obj, get: obj => obj.errors, set: (obj, value) => { obj.errors = value; } }, metadata: _metadata }, _errors_initializers, _errors_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _errors_decorators = [(0, aurelia_1.bindable)()];
+            tslib_1.__esDecorate(null, null, _errors_decorators, { kind: "field", name: "errors", static: false, private: false, access: { has: obj => "errors" in obj, get: obj => obj.errors, set: (obj, value) => { obj.errors = value; } }, metadata: _metadata }, _errors_initializers, _errors_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcTextFieldHelperLine = _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);
         }
         constructor() {
             this.attachedPromise = this.createAttachedPromise();
         }
-        errors = __runInitializers(this, _errors_initializers, void 0);
-        attachedPromise = __runInitializers(this, _errors_extraInitializers);
+        errors = tslib_1.__runInitializers(this, _errors_initializers, void 0);
+        attachedPromise = tslib_1.__runInitializers(this, _errors_extraInitializers);
         attachedPromiseResolve;
         async createAttachedPromise() {
             return new Promise(r => this.attachedPromiseResolve = r);
@@ -38,5 +41,5 @@ let MdcTextFieldHelperLine = (() => {
     };
     return MdcTextFieldHelperLine = _classThis;
 })();
-export { MdcTextFieldHelperLine };
+exports.MdcTextFieldHelperLine = MdcTextFieldHelperLine;
 //# sourceMappingURL=mdc-text-field-helper-line.js.map

package/dist/text-field/mdc-text-field-helper-line/mdc-text-field-helper-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-text-field-helper-line.js","sourceRoot":"","sources":["../../../src/text-field/mdc-text-field-helper-line/mdc-text-field-helper-line.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,QAAQ,MAAM,uCAAuC,CAAC;IAIhD,sBAAsB;4BAFlC,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,4BAA4B,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;kCAM7D,QAAQ,EAAE;YACX,oKAAA,MAAM,6BAAN,MAAM,uFAAW;YANnB,6KAsBC;;;YAtBY,uDAAsB;;QACjC;YACE,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QACtD,CAAC;QAGD,MAAM,yDAAW;QAEjB,eAAe,sDAAkB;QACvB,sBAAsB,CAA4B;QAEpD,KAAK,CAAC,qBAAqB;YACjC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,sBAAsB,GAAG,CAAC,CAAC,CAAC;QAC3D,CAAC;QAED,QAAQ;YACN,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAChC,CAAC;QAED,QAAQ;YACN,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QACtD,CAAC;;;;SArBU,sBAAsB","sourcesContent":["import { inject, customElement, bindable } from 'aurelia';\nimport template from './mdc-text-field-helper-line.html?raw';\n\n@inject(Element)\n@customElement({ name: 'mdc-text-field-helper-line', template })\nexport class MdcTextFieldHelperLine {\n  constructor() {\n    this.attachedPromise = this.createAttachedPromise();\n  }\n\n  @bindable()\n  errors: string[];\n\n  attachedPromise: Promise<unknown>\n  protected attachedPromiseResolve: (value?: unknown) => void;\n\n  private async createAttachedPromise() {\n    return new Promise(r => this.attachedPromiseResolve = r);\n  }\n\n  attached() {\n    this.attachedPromiseResolve();\n  }\n\n  detached() {\n    this.attachedPromise = this.createAttachedPromise();\n  }\n}\n\n/** @hidden */\nexport interface IMdcTextFieldHelperLineElement extends HTMLElement {\n  $au: {\n    'au:resource:custom-element': {\n      viewModel: MdcTextFieldHelperLine;\n    };\n  };\n}\n"]}
+{"version":3,"file":"mdc-text-field-helper-line.js","sourceRoot":"","sources":["../../../src/text-field/mdc-text-field-helper-line/mdc-text-field-helper-line.ts"],"names":[],"mappings":";;;;AAAA,qCAA0D;AAC1D,wHAA6D;IAIhD,sBAAsB;4BAFlC,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,4BAA4B,EAAE,QAAQ,EAAR,6CAAQ,EAAE,CAAC;;;;;;;;;;;kCAM7D,IAAA,kBAAQ,GAAE;YACX,4KAAA,MAAM,6BAAN,MAAM,uFAAW;YANnB,qLAsBC;;;YAtBY,+DAAsB;;QACjC;YACE,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QACtD,CAAC;QAGD,MAAM,iEAAW;QAEjB,eAAe,8DAAkB;QACvB,sBAAsB,CAA4B;QAEpD,KAAK,CAAC,qBAAqB;YACjC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,sBAAsB,GAAG,CAAC,CAAC,CAAC;QAC3D,CAAC;QAED,QAAQ;YACN,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAChC,CAAC;QAED,QAAQ;YACN,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QACtD,CAAC;;;;AArBU,wDAAsB","sourcesContent":["import { inject, customElement, bindable } from 'aurelia';\r\nimport template from './mdc-text-field-helper-line.html?raw';\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-text-field-helper-line', template })\r\nexport class MdcTextFieldHelperLine {\r\n  constructor() {\r\n    this.attachedPromise = this.createAttachedPromise();\r\n  }\r\n\r\n  @bindable()\r\n  errors: string[];\r\n\r\n  attachedPromise: Promise<unknown>\r\n  protected attachedPromiseResolve: (value?: unknown) => void;\r\n\r\n  private async createAttachedPromise() {\r\n    return new Promise(r => this.attachedPromiseResolve = r);\r\n  }\r\n\r\n  attached() {\r\n    this.attachedPromiseResolve();\r\n  }\r\n\r\n  detached() {\r\n    this.attachedPromise = this.createAttachedPromise();\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcTextFieldHelperLineElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcTextFieldHelperLine;\r\n    };\r\n  };\r\n}\r\n"]}

package/dist/text-field/mdc-text-field-helper-text/mdc-text-field-helper-text.html

@@ -1,6 +1,6 @@
-<!-- DO NOT FORMAT THIS FILE! ANY SPACE BETWEEN <TEMPLATE> BREAKS HELPER TEXT ALIGNMENT! -->
-<!-- beautify ignore:start -->
-<template class="
-    ${helperTextCssClasses.ROOT} ${persistent ? helperTextCssClasses.ROOT + '--persistent' : ''}
-    ${validation ? helperTextCssClasses.ROOT + '--validation-msg' : ''}"><au-slot></au-slot></template>
-<!-- beautify ignore:end -->
+<!-- DO NOT FORMAT THIS FILE! ANY SPACE BETWEEN <TEMPLATE> BREAKS HELPER TEXT ALIGNMENT! -->
+<!-- beautify ignore:start -->
+<template class="
+    ${helperTextCssClasses.ROOT} ${persistent ? helperTextCssClasses.ROOT + '--persistent' : ''}
+    ${validation ? helperTextCssClasses.ROOT + '--validation-msg' : ''}"><au-slot></au-slot></template>
+<!-- beautify ignore:end -->

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

@@ -1,14 +1,17 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { MdcComponent, booleanAttr } from '../../base';
-import { MDCTextFieldHelperTextFoundation, helperTextCssClasses } from '@material/textfield';
-import { inject, customElement, bindable } from 'aurelia';
-import template from './mdc-text-field-helper-text.html?raw';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcTextFieldHelperText = void 0;
+const tslib_1 = require("tslib");
+const base_1 = require("../../base");
+const textfield_1 = require("@material/textfield");
+const aurelia_1 = require("aurelia");
+const mdc_text_field_helper_text_html_raw_1 = tslib_1.__importDefault(require("./mdc-text-field-helper-text.html?raw"));
 let MdcTextFieldHelperText = (() => {
-    let _classDecorators = [inject(Element), customElement({ name: 'mdc-text-field-helper-text', template })];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-text-field-helper-text', template: mdc_text_field_helper_text_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _persistent_decorators;
     let _persistent_initializers = [];
     let _persistent_extraInitializers = [];
@@ -19,18 +22,18 @@ let MdcTextFieldHelperText = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _persistent_decorators = [bindable({ set: booleanAttr })];
-            _validation_decorators = [bindable({ set: booleanAttr })];
-            __esDecorate(null, null, _persistent_decorators, { kind: "field", name: "persistent", static: false, private: false, access: { has: obj => "persistent" in obj, get: obj => obj.persistent, set: (obj, value) => { obj.persistent = value; } }, metadata: _metadata }, _persistent_initializers, _persistent_extraInitializers);
-            __esDecorate(null, null, _validation_decorators, { kind: "field", name: "validation", static: false, private: false, access: { has: obj => "validation" in obj, get: obj => obj.validation, set: (obj, value) => { obj.validation = value; } }, metadata: _metadata }, _validation_initializers, _validation_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _persistent_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _validation_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            tslib_1.__esDecorate(null, null, _persistent_decorators, { kind: "field", name: "persistent", static: false, private: false, access: { has: obj => "persistent" in obj, get: obj => obj.persistent, set: (obj, value) => { obj.persistent = value; } }, metadata: _metadata }, _persistent_initializers, _persistent_extraInitializers);
+            tslib_1.__esDecorate(null, null, _validation_decorators, { kind: "field", name: "validation", static: false, private: false, access: { has: obj => "validation" in obj, get: obj => obj.validation, set: (obj, value) => { obj.validation = value; } }, metadata: _metadata }, _validation_initializers, _validation_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcTextFieldHelperText = _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);
         }
-        helperTextCssClasses = helperTextCssClasses;
-        persistent = __runInitializers(this, _persistent_initializers, void 0);
-        validation = (__runInitializers(this, _persistent_extraInitializers), __runInitializers(this, _validation_initializers, void 0));
+        helperTextCssClasses = textfield_1.helperTextCssClasses;
+        persistent = tslib_1.__runInitializers(this, _persistent_initializers, void 0);
+        validation = (tslib_1.__runInitializers(this, _persistent_extraInitializers), tslib_1.__runInitializers(this, _validation_initializers, void 0));
         // Provided for access by MDCTextField component
         get foundationForTextField() {
             return this.foundation;
@@ -49,14 +52,14 @@ let MdcTextFieldHelperText = (() => {
                     this.root.textContent = content;
                 },
             };
-            return new MDCTextFieldHelperTextFoundation(adapter);
+            return new textfield_1.MDCTextFieldHelperTextFoundation(adapter);
         }
         constructor() {
             super(...arguments);
-            __runInitializers(this, _validation_extraInitializers);
+            tslib_1.__runInitializers(this, _validation_extraInitializers);
         }
     };
     return MdcTextFieldHelperText = _classThis;
 })();
-export { MdcTextFieldHelperText };
+exports.MdcTextFieldHelperText = MdcTextFieldHelperText;
 //# sourceMappingURL=mdc-text-field-helper-text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mdc-text-field-helper-text.js","sourceRoot":"","sources":["../../../src/text-field/mdc-text-field-helper-text/mdc-text-field-helper-text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,gCAAgC,EAAiC,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC5H,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,QAAQ,MAAM,uCAAuC,CAAC;IAIhD,sBAAsB;4BAFlC,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,4BAA4B,EAAE,QAAQ,EAAE,CAAC;;;;sBACpB,YAAY;;;;;;;sCAApB,SAAQ,WAA8C;;;;sCAGvF,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;sCAG9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YAF/B,gLAAA,UAAU,6BAAV,UAAU,+FAAU;YAGpB,gLAAA,UAAU,6BAAV,UAAU,+FAAU;YAPtB,6KA8BC;;;YA9BY,uDAAsB;;QACjC,oBAAoB,GAAG,oBAAoB,CAAC;QAG5C,UAAU,6DAAU;QAGpB,UAAU,uHAAU;QAEpB,gDAAgD;QAChD,IAAI,sBAAsB;YACxB,OAAO,IAAI,CAAC,UAAW,CAAC;QAC1B,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAAkC;gBAC7C,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;gBAC3D,WAAW,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;gBACjE,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;gBAChE,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBAC/C,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC;gBAC7D,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;gBACrD,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;oBACtB,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;gBAClC,CAAC;aACF,CAAC;YACF,OAAO,IAAI,gCAAgC,CAAC,OAAO,CAAC,CAAC;QACvD,CAAC;;;;;;;;SA7BU,sBAAsB","sourcesContent":["import { MdcComponent, booleanAttr } from '../../base';\nimport { MDCTextFieldHelperTextFoundation, MDCTextFieldHelperTextAdapter, helperTextCssClasses } from '@material/textfield';\nimport { inject, customElement, bindable } from 'aurelia';\nimport template from './mdc-text-field-helper-text.html?raw';\n\n@inject(Element)\n@customElement({ name: 'mdc-text-field-helper-text', template })\nexport class MdcTextFieldHelperText extends MdcComponent<MDCTextFieldHelperTextFoundation> {\n  helperTextCssClasses = helperTextCssClasses;\n\n  @bindable({ set: booleanAttr })\n  persistent: boolean;\n\n  @bindable({ set: booleanAttr })\n  validation: boolean;\n\n  // Provided for access by MDCTextField component\n  get foundationForTextField(): MDCTextFieldHelperTextFoundation {\n    return this.foundation!;\n  }\n\n  getDefaultFoundation() {\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n    const adapter: MDCTextFieldHelperTextAdapter = {\n      addClass: (className) => this.root.classList.add(className),\n      removeClass: (className) => this.root.classList.remove(className),\n      hasClass: (className) => this.root.classList.contains(className),\n      getAttr: (attr) => this.root.getAttribute(attr),\n      setAttr: (attr, value) => this.root.setAttribute(attr, value),\n      removeAttr: (attr) => this.root.removeAttribute(attr),\n      setContent: (content) => {\n        this.root.textContent = content;\n      },\n    };\n    return new MDCTextFieldHelperTextFoundation(adapter);\n  }\n}\n\n/** @hidden */\nexport interface IMdcTextFieldHelperTextElement extends HTMLElement {\n  $au: {\n    'au:resource:custom-element': {\n      viewModel: MdcTextFieldHelperText;\n    };\n  };\n}\n"]}
+{"version":3,"file":"mdc-text-field-helper-text.js","sourceRoot":"","sources":["../../../src/text-field/mdc-text-field-helper-text/mdc-text-field-helper-text.ts"],"names":[],"mappings":";;;;AAAA,qCAAuD;AACvD,mDAA4H;AAC5H,qCAA0D;AAC1D,wHAA6D;IAIhD,sBAAsB;4BAFlC,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,4BAA4B,EAAE,QAAQ,EAAR,6CAAQ,EAAE,CAAC;;;;sBACpB,mBAAY;;;;;;;sCAApB,SAAQ,WAA8C;;;;sCAGvF,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;sCAG9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;YAF/B,wLAAA,UAAU,6BAAV,UAAU,+FAAU;YAGpB,wLAAA,UAAU,6BAAV,UAAU,+FAAU;YAPtB,qLA8BC;;;YA9BY,+DAAsB;;QACjC,oBAAoB,GAAG,gCAAoB,CAAC;QAG5C,UAAU,qEAAU;QAGpB,UAAU,uIAAU;QAEpB,gDAAgD;QAChD,IAAI,sBAAsB;YACxB,OAAO,IAAI,CAAC,UAAW,CAAC;QAC1B,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAAkC;gBAC7C,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;gBAC3D,WAAW,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;gBACjE,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;gBAChE,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBAC/C,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC;gBAC7D,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;gBACrD,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;oBACtB,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;gBAClC,CAAC;aACF,CAAC;YACF,OAAO,IAAI,4CAAgC,CAAC,OAAO,CAAC,CAAC;QACvD,CAAC;;;;;;;;AA7BU,wDAAsB","sourcesContent":["import { MdcComponent, booleanAttr } from '../../base';\r\nimport { MDCTextFieldHelperTextFoundation, MDCTextFieldHelperTextAdapter, helperTextCssClasses } from '@material/textfield';\r\nimport { inject, customElement, bindable } from 'aurelia';\r\nimport template from './mdc-text-field-helper-text.html?raw';\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-text-field-helper-text', template })\r\nexport class MdcTextFieldHelperText extends MdcComponent<MDCTextFieldHelperTextFoundation> {\r\n  helperTextCssClasses = helperTextCssClasses;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  persistent: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  validation: boolean;\r\n\r\n  // Provided for access by MDCTextField component\r\n  get foundationForTextField(): MDCTextFieldHelperTextFoundation {\r\n    return this.foundation!;\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCTextFieldHelperTextAdapter = {\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      hasClass: (className) => this.root.classList.contains(className),\r\n      getAttr: (attr) => this.root.getAttribute(attr),\r\n      setAttr: (attr, value) => this.root.setAttribute(attr, value),\r\n      removeAttr: (attr) => this.root.removeAttribute(attr),\r\n      setContent: (content) => {\r\n        this.root.textContent = content;\r\n      },\r\n    };\r\n    return new MDCTextFieldHelperTextFoundation(adapter);\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcTextFieldHelperTextElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcTextFieldHelperText;\r\n    };\r\n  };\r\n}\r\n"]}

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

@@ -1,36 +1,39 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { MdcComponent } from '../base';
-import { MDCTextFieldIconFoundation, iconCssClasses } from '@material/textfield';
-import { inject, customAttribute } from 'aurelia';
-import { strings } from '@material/textfield/icon/constants';
-export const mdcIconStrings = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcTextFieldIcon = exports.mdcIconStrings = void 0;
+const tslib_1 = require("tslib");
+const base_1 = require("../base");
+const textfield_1 = require("@material/textfield");
+const aurelia_1 = require("aurelia");
+const constants_1 = require("@material/textfield/icon/constants");
+exports.mdcIconStrings = {
     ATTRIBUTE: 'mdc-text-field-icon',
     LEADING: 'leading',
     TRAILING: 'trailing'
 };
-strings.ICON_EVENT = strings.ICON_EVENT.toLowerCase();
+constants_1.strings.ICON_EVENT = constants_1.strings.ICON_EVENT.toLowerCase();
 let MdcTextFieldIcon = (() => {
-    let _classDecorators = [inject(Element), customAttribute('mdc-text-field-icon')];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customAttribute)('mdc-text-field-icon')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     var MdcTextFieldIcon = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcTextFieldIcon = _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);
         }
         attaching() {
-            this.root.classList.add(iconCssClasses.ROOT);
-            if (this.root.hasAttribute(mdcIconStrings.LEADING)) {
-                this.root.classList.add(`${iconCssClasses.ROOT}--${mdcIconStrings.LEADING}`);
+            this.root.classList.add(textfield_1.iconCssClasses.ROOT);
+            if (this.root.hasAttribute(exports.mdcIconStrings.LEADING)) {
+                this.root.classList.add(`${textfield_1.iconCssClasses.ROOT}--${exports.mdcIconStrings.LEADING}`);
             }
-            if (this.root.hasAttribute(mdcIconStrings.TRAILING)) {
-                this.root.classList.add(`${iconCssClasses.ROOT}--${mdcIconStrings.TRAILING}`);
+            if (this.root.hasAttribute(exports.mdcIconStrings.TRAILING)) {
+                this.root.classList.add(`${textfield_1.iconCssClasses.ROOT}--${exports.mdcIconStrings.TRAILING}`);
             }
         }
         // Provided for access by MDCTextField component
@@ -49,12 +52,12 @@ let MdcTextFieldIcon = (() => {
                 },
                 registerInteractionHandler: (evtType, handler) => this.listen(evtType, handler),
                 deregisterInteractionHandler: (evtType, handler) => this.unlisten(evtType, handler),
-                notifyIconAction: () => this.emit(MDCTextFieldIconFoundation.strings.ICON_EVENT, {} /* evtData */, true /* shouldBubble */),
+                notifyIconAction: () => this.emit(textfield_1.MDCTextFieldIconFoundation.strings.ICON_EVENT, {} /* evtData */, true /* shouldBubble */),
             };
-            return new MDCTextFieldIconFoundation(adapter);
+            return new textfield_1.MDCTextFieldIconFoundation(adapter);
         }
     };
     return MdcTextFieldIcon = _classThis;
 })();
-export { MdcTextFieldIcon };
+exports.MdcTextFieldIcon = MdcTextFieldIcon;
 //# sourceMappingURL=mdc-text-field-icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mdc-text-field-icon.js","sourceRoot":"","sources":["../../src/text-field/mdc-text-field-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,0BAA0B,EAA2B,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1G,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAE7D,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,SAAS,EAAE,qBAAqB;IAChC,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;IAIzC,gBAAgB;4BAF5B,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,qBAAqB,CAAC;;;;sBACD,YAAY;gCAApB,SAAQ,WAAwC;;;;YAA9E,6KAkCC;;;YAlCY,uDAAgB;;QAC3B,SAAS;YACP,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;YAC7C,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC;gBACnD,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,IAAI,KAAK,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC;YAC/E,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACpD,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,IAAI,KAAK,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;YAChF,CAAC;QACH,CAAC;QAED,gDAAgD;QAChD,IAAI,sBAAsB;YACxB,OAAO,IAAI,CAAC,UAAW,CAAC;QAC1B,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAA4B;gBACvC,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBAC/C,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC;gBAC7D,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;gBACrD,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;oBACtB,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;gBAClC,CAAC;gBACD,0BAA0B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC;gBAC/E,4BAA4B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;gBACnF,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAC/B,0BAA0B,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,kBAAkB,CAAC;aAC5F,CAAC;YACF,OAAO,IAAI,0BAA0B,CAAC,OAAO,CAAC,CAAC;QACjD,CAAC;;;;SAhCU,gBAAgB","sourcesContent":["import { MdcComponent } from '../base';\nimport { MDCTextFieldIconFoundation, MDCTextFieldIconAdapter, iconCssClasses } from '@material/textfield';\nimport { inject, customAttribute } from 'aurelia';\nimport { strings } from '@material/textfield/icon/constants';\n\nexport const mdcIconStrings = {\n  ATTRIBUTE: 'mdc-text-field-icon',\n  LEADING: 'leading',\n  TRAILING: 'trailing'\n};\n\nstrings.ICON_EVENT = strings.ICON_EVENT.toLowerCase();\n\n@inject(Element)\n@customAttribute('mdc-text-field-icon')\nexport class MdcTextFieldIcon extends MdcComponent<MDCTextFieldIconFoundation> {\n  attaching() {\n    this.root.classList.add(iconCssClasses.ROOT);\n    if (this.root.hasAttribute(mdcIconStrings.LEADING)) {\n      this.root.classList.add(`${iconCssClasses.ROOT}--${mdcIconStrings.LEADING}`);\n    }\n    if (this.root.hasAttribute(mdcIconStrings.TRAILING)) {\n      this.root.classList.add(`${iconCssClasses.ROOT}--${mdcIconStrings.TRAILING}`);\n    }\n  }\n\n  // Provided for access by MDCTextField component\n  get foundationForTextField(): MDCTextFieldIconFoundation {\n    return this.foundation!;\n  }\n\n  getDefaultFoundation() {\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n    const adapter: MDCTextFieldIconAdapter = {\n      getAttr: (attr) => this.root.getAttribute(attr),\n      setAttr: (attr, value) => this.root.setAttribute(attr, value),\n      removeAttr: (attr) => this.root.removeAttribute(attr),\n      setContent: (content) => {\n        this.root.textContent = content;\n      },\n      registerInteractionHandler: (evtType, handler) => this.listen(evtType, handler),\n      deregisterInteractionHandler: (evtType, handler) => this.unlisten(evtType, handler),\n      notifyIconAction: () => this.emit(\n        MDCTextFieldIconFoundation.strings.ICON_EVENT, {} /* evtData */, true /* shouldBubble */),\n    };\n    return new MDCTextFieldIconFoundation(adapter);\n  }\n\n}\n\n/** @hidden */\nexport interface IMdcTextFieldIconElement extends HTMLElement {\n  $au: {\n    'au:resource:custom-attribute:mdc-text-field-icon': {\n      viewModel: MdcTextFieldIcon;\n    };\n  };\n}\n"]}
+{"version":3,"file":"mdc-text-field-icon.js","sourceRoot":"","sources":["../../src/text-field/mdc-text-field-icon.ts"],"names":[],"mappings":";;;;AAAA,kCAAuC;AACvC,mDAA0G;AAC1G,qCAAkD;AAClD,kEAA6D;AAEhD,QAAA,cAAc,GAAG;IAC5B,SAAS,EAAE,qBAAqB;IAChC,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,mBAAO,CAAC,UAAU,GAAG,mBAAO,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;IAIzC,gBAAgB;4BAF5B,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,yBAAe,EAAC,qBAAqB,CAAC;;;;sBACD,mBAAY;gCAApB,SAAQ,WAAwC;;;;YAA9E,qLAkCC;;;YAlCY,+DAAgB;;QAC3B,SAAS;YACP,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,0BAAc,CAAC,IAAI,CAAC,CAAC;YAC7C,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,sBAAc,CAAC,OAAO,CAAC,EAAE,CAAC;gBACnD,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,0BAAc,CAAC,IAAI,KAAK,sBAAc,CAAC,OAAO,EAAE,CAAC,CAAC;YAC/E,CAAC;YACD,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,sBAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACpD,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,0BAAc,CAAC,IAAI,KAAK,sBAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;YAChF,CAAC;QACH,CAAC;QAED,gDAAgD;QAChD,IAAI,sBAAsB;YACxB,OAAO,IAAI,CAAC,UAAW,CAAC;QAC1B,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAA4B;gBACvC,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBAC/C,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC;gBAC7D,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;gBACrD,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;oBACtB,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;gBAClC,CAAC;gBACD,0BAA0B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC;gBAC/E,4BAA4B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;gBACnF,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAC/B,sCAA0B,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,kBAAkB,CAAC;aAC5F,CAAC;YACF,OAAO,IAAI,sCAA0B,CAAC,OAAO,CAAC,CAAC;QACjD,CAAC;;;;AAhCU,4CAAgB","sourcesContent":["import { MdcComponent } from '../base';\r\nimport { MDCTextFieldIconFoundation, MDCTextFieldIconAdapter, iconCssClasses } from '@material/textfield';\r\nimport { inject, customAttribute } from 'aurelia';\r\nimport { strings } from '@material/textfield/icon/constants';\r\n\r\nexport const mdcIconStrings = {\r\n  ATTRIBUTE: 'mdc-text-field-icon',\r\n  LEADING: 'leading',\r\n  TRAILING: 'trailing'\r\n};\r\n\r\nstrings.ICON_EVENT = strings.ICON_EVENT.toLowerCase();\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-text-field-icon')\r\nexport class MdcTextFieldIcon extends MdcComponent<MDCTextFieldIconFoundation> {\r\n  attaching() {\r\n    this.root.classList.add(iconCssClasses.ROOT);\r\n    if (this.root.hasAttribute(mdcIconStrings.LEADING)) {\r\n      this.root.classList.add(`${iconCssClasses.ROOT}--${mdcIconStrings.LEADING}`);\r\n    }\r\n    if (this.root.hasAttribute(mdcIconStrings.TRAILING)) {\r\n      this.root.classList.add(`${iconCssClasses.ROOT}--${mdcIconStrings.TRAILING}`);\r\n    }\r\n  }\r\n\r\n  // Provided for access by MDCTextField component\r\n  get foundationForTextField(): MDCTextFieldIconFoundation {\r\n    return this.foundation!;\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCTextFieldIconAdapter = {\r\n      getAttr: (attr) => this.root.getAttribute(attr),\r\n      setAttr: (attr, value) => this.root.setAttribute(attr, value),\r\n      removeAttr: (attr) => this.root.removeAttribute(attr),\r\n      setContent: (content) => {\r\n        this.root.textContent = content;\r\n      },\r\n      registerInteractionHandler: (evtType, handler) => this.listen(evtType, handler),\r\n      deregisterInteractionHandler: (evtType, handler) => this.unlisten(evtType, handler),\r\n      notifyIconAction: () => this.emit(\r\n        MDCTextFieldIconFoundation.strings.ICON_EVENT, {} /* evtData */, true /* shouldBubble */),\r\n    };\r\n    return new MDCTextFieldIconFoundation(adapter);\r\n  }\r\n\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcTextFieldIconElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-attribute:mdc-text-field-icon': {\r\n      viewModel: MdcTextFieldIcon;\r\n    };\r\n  };\r\n}\r\n"]}

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

@@ -1,29 +1,29 @@
-<template class="
-    mdc-text-field
-    ${textarea ? 'mdc-text-field--textarea' : ''}
-    ${endAligned ? 'mdc-text-field--end-aligned' : ''}
-    ${ltrText ? 'mdc-text-field--ltr-text' : ''}
-    ${label ? '' : 'mdc-text-field--no-label'}
-    mdc-text-field--${outlined ? 'outlined' : 'filled'}
-    ${leadingIcon_ ? 'mdc-text-field--with-leading-icon' : ''}
-    ${trailingIcon_ ? 'mdc-text-field--with-trailing-icon' : ''}
-  " mdc-ripple="no-class.bind: true; input.bind: input_">
-  <span class="mdc-text-field__ripple"></span>
-  <au-slot name="leading-icon"></au-slot>
-  <span class="mdc-text-field__affix mdc-text-field__affix--prefix" if.bind="prefix && !textarea">${prefix}</span>
-  <mdc-notched-outline if.bind="outlined" component.ref="outline_">
-    <mdc-floating-label if.bind="label" id.bind="id" component.ref="label_">${label}</mdc-floating-label>
-  </mdc-notched-outline>
-  <input if.bind="!textarea" class="mdc-text-field__input" type="text" aria-labelledby.bind="id" ref="input_"
-    focus.trigger="onFocus()" input.trigger="onInput($event)" change.trigger="onChange($event)" blur.trigger="onBlur()"
-    placeholder.bind="placeholder" keyup.trigger="onKeyup($event)">
-  <span if.bind="textarea" class="mdc-text-field__resizer">
-    <textarea class="mdc-text-field__input" aria-labelledby.bind="id" ref="input_"
-      focus.trigger="onFocus()" input.trigger="onInput($event)" change.trigger="onChange($event)"
-      blur.trigger="onBlur()" keyup.trigger="onKeyup($event)"></textarea>
-  </span>
-  <span class="mdc-text-field__affix mdc-text-field__affix--suffix" if.bind="suffix && !textarea">${suffix}</span>
-  <au-slot name="trailing-icon"></au-slot>
-  <mdc-floating-label if.bind="label && !outlined" id.bind="id" component.ref="label_">${label}</mdc-floating-label>
-  <mdc-line-ripple if.bind="!outlined" component.ref="lineRipple_"></mdc-line-ripple>
-</template>
+<template class="
+    mdc-text-field
+    ${textarea ? 'mdc-text-field--textarea' : ''}
+    ${endAligned ? 'mdc-text-field--end-aligned' : ''}
+    ${ltrText ? 'mdc-text-field--ltr-text' : ''}
+    ${label ? '' : 'mdc-text-field--no-label'}
+    mdc-text-field--${outlined ? 'outlined' : 'filled'}
+    ${leadingIcon_ ? 'mdc-text-field--with-leading-icon' : ''}
+    ${trailingIcon_ ? 'mdc-text-field--with-trailing-icon' : ''}
+  " mdc-ripple="no-class.bind: true; input.bind: input_">
+  <span class="mdc-text-field__ripple"></span>
+  <au-slot name="leading-icon"></au-slot>
+  <span class="mdc-text-field__affix mdc-text-field__affix--prefix" if.bind="prefix && !textarea">${prefix}</span>
+  <mdc-notched-outline if.bind="outlined" component.ref="outline_">
+    <mdc-floating-label if.bind="label" id.bind="id" component.ref="label_">${label}</mdc-floating-label>
+  </mdc-notched-outline>
+  <input if.bind="!textarea" class="mdc-text-field__input" type="text" aria-labelledby.bind="id" ref="input_"
+    focus.trigger="onFocus()" input.trigger="onInput($event)" change.trigger="onChange($event)" blur.trigger="onBlur()"
+    placeholder.bind="placeholder" keyup.trigger="onKeyup($event)">
+  <span if.bind="textarea" class="mdc-text-field__resizer">
+    <textarea class="mdc-text-field__input" aria-labelledby.bind="id" ref="input_"
+      focus.trigger="onFocus()" input.trigger="onInput($event)" change.trigger="onChange($event)"
+      blur.trigger="onBlur()" keyup.trigger="onKeyup($event)"></textarea>
+  </span>
+  <span class="mdc-text-field__affix mdc-text-field__affix--suffix" if.bind="suffix && !textarea">${suffix}</span>
+  <au-slot name="trailing-icon"></au-slot>
+  <mdc-floating-label if.bind="label && !outlined" id.bind="id" component.ref="label_">${label}</mdc-floating-label>
+  <mdc-line-ripple if.bind="!outlined" component.ref="lineRipple_"></mdc-line-ripple>
+</template>