@aurelia-mdc-web/all 9.3.0-au2 → 9.3.2-au2

package/dist/{text-field → src/text-field}/enhance-mdc-text-field.js

@@ -1,7 +1,10 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { templateCompilerHooks } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EnhanceMdcTextfield = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 let EnhanceMdcTextfield = (() => {
-    let _classDecorators = [templateCompilerHooks];
+    let _classDecorators = [aurelia_1.templateCompilerHooks];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -9,10 +12,10 @@ let EnhanceMdcTextfield = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(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);
             EnhanceMdcTextfield = _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);
         }
         compiling(template) {
             if (template.innerHTML.includes('<mdc-text-field')) {
@@ -24,5 +27,5 @@ let EnhanceMdcTextfield = (() => {
     };
     return EnhanceMdcTextfield = _classThis;
 })();
-export { EnhanceMdcTextfield };
+exports.EnhanceMdcTextfield = EnhanceMdcTextfield;
 //# sourceMappingURL=enhance-mdc-text-field.js.map

package/dist/src/text-field/enhance-mdc-text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enhance-mdc-text-field.js","sourceRoot":"","sources":["../../../src/text-field/enhance-mdc-text-field.ts"],"names":[],"mappings":";;;;AAAA,qCAAgD;IAGnC,mBAAmB;4BAD/B,+BAAqB;;;;;;;;YACtB,qLAQC;;;YARY,+DAAmB;;QAC9B,SAAS,CAAC,QAA2C;YACnD,IAAI,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;gBACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS;qBACpC,UAAU,CAAC,kBAAkB,EAAE,4DAA4D,CAAC;qBAC5F,UAAU,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;YACjD,CAAC;QACH,CAAC;;;;AAPU,kDAAmB","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMdcTextfield {\r\n  compiling(template: HTMLElement | HTMLTemplateElement) {\r\n    if (template.innerHTML.includes('<mdc-text-field')) {\r\n      template.innerHTML = template.innerHTML\r\n        .replaceAll('<mdc-text-field ', '<label as-element=\"mdc-text-field\" mdc-text-field-element ')\r\n        .replaceAll('</mdc-text-field>', '</label>');\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/src/text-field/mdc-default-text-field-configuration.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcDefaultTextFieldConfiguration = void 0;
+class MdcDefaultTextFieldConfiguration {
+    outlined;
+}
+exports.MdcDefaultTextFieldConfiguration = MdcDefaultTextFieldConfiguration;
+//# sourceMappingURL=mdc-default-text-field-configuration.js.map

package/dist/src/text-field/mdc-default-text-field-configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-default-text-field-configuration.js","sourceRoot":"","sources":["../../../src/text-field/mdc-default-text-field-configuration.ts"],"names":[],"mappings":";;;AAAA,MAAa,gCAAgC;IAC3C,QAAQ,CAAW;CACpB;AAFD,4EAEC","sourcesContent":["export class MdcDefaultTextFieldConfiguration {\r\n  outlined?: boolean;\r\n}\r\n"]}

package/dist/src/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/src/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 → src/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/src/text-field/mdc-text-field-character-counter.js.map

@@ -0,0 +1 @@
+{"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/src/text-field/mdc-text-field-helper-line/mdc-text-field-helper-line.js

@@ -0,0 +1,45 @@
+"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 = [(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;
+    let _errors_decorators;
+    let _errors_initializers = [];
+    let _errors_extraInitializers = [];
+    var MdcTextFieldHelperLine = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _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 });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        constructor() {
+            this.attachedPromise = this.createAttachedPromise();
+        }
+        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);
+        }
+        attached() {
+            this.attachedPromiseResolve();
+        }
+        detached() {
+            this.attachedPromise = this.createAttachedPromise();
+        }
+    };
+    return MdcTextFieldHelperLine = _classThis;
+})();
+exports.MdcTextFieldHelperLine = MdcTextFieldHelperLine;
+//# sourceMappingURL=mdc-text-field-helper-line.js.map

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

@@ -0,0 +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,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/src/text-field/mdc-text-field-helper-text/mdc-text-field-helper-text.js

@@ -0,0 +1,65 @@
+"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 = [(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 = base_1.MdcComponent;
+    let _persistent_decorators;
+    let _persistent_initializers = [];
+    let _persistent_extraInitializers = [];
+    let _validation_decorators;
+    let _validation_initializers = [];
+    let _validation_extraInitializers = [];
+    var MdcTextFieldHelperText = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _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 });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        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;
+        }
+        getDefaultFoundation() {
+            // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
+            // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
+            const adapter = {
+                addClass: (className) => this.root.classList.add(className),
+                removeClass: (className) => this.root.classList.remove(className),
+                hasClass: (className) => this.root.classList.contains(className),
+                getAttr: (attr) => this.root.getAttribute(attr),
+                setAttr: (attr, value) => this.root.setAttribute(attr, value),
+                removeAttr: (attr) => this.root.removeAttribute(attr),
+                setContent: (content) => {
+                    this.root.textContent = content;
+                },
+            };
+            return new textfield_1.MDCTextFieldHelperTextFoundation(adapter);
+        }
+        constructor() {
+            super(...arguments);
+            tslib_1.__runInitializers(this, _validation_extraInitializers);
+        }
+    };
+    return MdcTextFieldHelperText = _classThis;
+})();
+exports.MdcTextFieldHelperText = MdcTextFieldHelperText;
+//# sourceMappingURL=mdc-text-field-helper-text.js.map

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

@@ -0,0 +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,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 → src/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/src/text-field/mdc-text-field-icon.js.map

@@ -0,0 +1 @@
+{"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"]}