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

package/dist/tab-bar/scroller/mdc-tab-scroller.js

@@ -0,0 +1,102 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { MdcComponent } from '../../base';
+import { MDCTabScrollerFoundation, util } from '@material/tab-scroller';
+import { matches } from '@material/dom/ponyfill';
+import { inject, customElement, bindable, CustomElement, slotted } from 'aurelia';
+import template from './mdc-tab-scroller.html?raw';
+let MdcTabScroller = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-tab-scroller', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _align_decorators;
+    let _align_initializers = [];
+    let _align_extraInitializers = [];
+    let _tabElements_decorators;
+    let _tabElements_initializers = [];
+    let _tabElements_extraInitializers = [];
+    var MdcTabScroller = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _align_decorators = [bindable()];
+            _tabElements_decorators = [slotted({ query: 'mdc-tab' })];
+            __esDecorate(null, null, _align_decorators, { kind: "field", name: "align", static: false, private: false, access: { has: obj => "align" in obj, get: obj => obj.align, set: (obj, value) => { obj.align = value; } }, metadata: _metadata }, _align_initializers, _align_extraInitializers);
+            __esDecorate(null, null, _tabElements_decorators, { kind: "field", name: "tabElements", static: false, private: false, access: { has: obj => "tabElements" in obj, get: obj => obj.tabElements, set: (obj, value) => { obj.tabElements = value; } }, metadata: _metadata }, _tabElements_initializers, _tabElements_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcTabScroller = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        content_; // assigned in html
+        area_; // assigned in html
+        align = __runInitializers(this, _align_initializers, void 0);
+        tabElements = (__runInitializers(this, _align_extraInitializers), __runInitializers(this, _tabElements_initializers, void 0));
+        get tabs() {
+            return this.tabElements.map(x => CustomElement.for(x).viewModel);
+        }
+        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 = {
+                eventTargetMatchesSelector: (evtTarget, selector) => matches(evtTarget, selector),
+                addClass: (className) => this.root.classList.add(className),
+                removeClass: (className) => this.root.classList.remove(className),
+                addScrollAreaClass: (className) => this.area_.classList.add(className),
+                setScrollAreaStyleProperty: (prop, value) => this.area_.style.setProperty(prop, value),
+                setScrollContentStyleProperty: (prop, value) => this.content_.style.setProperty(prop, value),
+                getScrollContentStyleValue: (propName) => window.getComputedStyle(this.content_).getPropertyValue(propName),
+                setScrollAreaScrollLeft: (scrollX) => this.area_.scrollLeft = scrollX,
+                getScrollAreaScrollLeft: () => this.area_.scrollLeft,
+                getScrollContentOffsetWidth: () => this.content_.offsetWidth,
+                getScrollAreaOffsetWidth: () => this.area_.offsetWidth,
+                computeScrollAreaClientRect: () => this.area_.getBoundingClientRect(),
+                computeScrollContentClientRect: () => this.content_.getBoundingClientRect(),
+                computeHorizontalScrollbarHeight: () => util.computeHorizontalScrollbarHeight(document),
+            };
+            return new MDCTabScrollerFoundation(adapter);
+        }
+        handleInteraction_() {
+            this.foundation?.handleInteraction();
+            return true;
+        }
+        handleTransitionEnd_(evt) {
+            this.foundation?.handleTransitionEnd(evt);
+            return true;
+        }
+        /**
+         * Returns the current visual scroll position
+         */
+        getScrollPosition() {
+            return this.foundation.getScrollPosition();
+        }
+        /**
+         * Returns the width of the scroll content
+         */
+        getScrollContentWidth() {
+            return this.content_.offsetWidth;
+        }
+        /**
+         * Increments the scroll value by the given amount
+         * @param scrollXIncrement The pixel value by which to increment the scroll value
+         */
+        incrementScroll(scrollXIncrement) {
+            this.foundation?.incrementScroll(scrollXIncrement);
+        }
+        /**
+         * Scrolls to the given pixel position
+         * @param scrollX The pixel value to scroll to
+         */
+        scrollTo(scrollX) {
+            this.foundation?.scrollTo(scrollX);
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _tabElements_extraInitializers);
+        }
+    };
+    return MdcTabScroller = _classThis;
+})();
+export { MdcTabScroller };
+//# sourceMappingURL=mdc-tab-scroller.js.map

package/dist/tab-bar/scroller/mdc-tab-scroller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-tab-scroller.js","sourceRoot":"","sources":["../../../src/tab-bar/scroller/mdc-tab-scroller.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent } from '../../base';\nimport { MDCTabScrollerFoundation, MDCTabScrollerAdapter, util } from '@material/tab-scroller';\nimport { matches } from '@material/dom/ponyfill';\nimport { MdcTab } from '../tab/mdc-tab';\nimport { inject, customElement, bindable, CustomElement, slotted } from 'aurelia';\nimport template from './mdc-tab-scroller.html?raw';\n\n@inject(Element)\n@customElement({ name: 'mdc-tab-scroller', template })\nexport class MdcTabScroller extends MdcComponent<MDCTabScrollerFoundation> {\n  private content_: HTMLElement; // assigned in html\n  private area_: HTMLElement; // assigned in html\n\n  @bindable()\n  align: 'start' | 'end' | 'center';\n\n  @slotted({ query: 'mdc-tab' })\n  tabElements: HTMLElement[];\n\n  get tabs(): MdcTab[] {\n    return this.tabElements.map(x => CustomElement.for<MdcTab>(x).viewModel);\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: MDCTabScrollerAdapter = {\n      eventTargetMatchesSelector: (evtTarget, selector) => matches(evtTarget as Element, selector),\n      addClass: (className) => this.root.classList.add(className),\n      removeClass: (className) => this.root.classList.remove(className),\n      addScrollAreaClass: (className) => this.area_.classList.add(className),\n      setScrollAreaStyleProperty: (prop, value) => this.area_.style.setProperty(prop, value),\n      setScrollContentStyleProperty: (prop, value) => this.content_.style.setProperty(prop, value),\n      getScrollContentStyleValue: (propName) => window.getComputedStyle(this.content_).getPropertyValue(propName),\n      setScrollAreaScrollLeft: (scrollX) => this.area_.scrollLeft = scrollX,\n      getScrollAreaScrollLeft: () => this.area_.scrollLeft,\n      getScrollContentOffsetWidth: () => this.content_.offsetWidth,\n      getScrollAreaOffsetWidth: () => this.area_.offsetWidth,\n      computeScrollAreaClientRect: () => this.area_.getBoundingClientRect(),\n      computeScrollContentClientRect: () => this.content_.getBoundingClientRect(),\n      computeHorizontalScrollbarHeight: () => util.computeHorizontalScrollbarHeight(document),\n    };\n    return new MDCTabScrollerFoundation(adapter);\n  }\n\n  handleInteraction_() {\n    this.foundation?.handleInteraction();\n    return true;\n  }\n\n  handleTransitionEnd_(evt: Event) {\n    this.foundation?.handleTransitionEnd(evt);\n    return true;\n  }\n\n  /**\n   * Returns the current visual scroll position\n   */\n  getScrollPosition(): number {\n    return this.foundation!.getScrollPosition();\n  }\n\n  /**\n   * Returns the width of the scroll content\n   */\n  getScrollContentWidth(): number {\n    return this.content_.offsetWidth;\n  }\n\n  /**\n   * Increments the scroll value by the given amount\n   * @param scrollXIncrement The pixel value by which to increment the scroll value\n   */\n  incrementScroll(scrollXIncrement: number) {\n    this.foundation?.incrementScroll(scrollXIncrement);\n  }\n\n  /**\n   * Scrolls to the given pixel position\n   * @param scrollX The pixel value to scroll to\n   */\n  scrollTo(scrollX: number) {\n    this.foundation?.scrollTo(scrollX);\n  }\n}\n"]}

package/dist/tab-bar/tab/mdc-tab.html

@@ -0,0 +1,20 @@
+<template class="
+    mdc-tab
+    ${active ? 'mdc-tab--active' : ''}
+    ${minWidth ? 'mdc-tab--min-width' : ''}
+    ${stacked ? 'mdc-tab--stacked' : ''}
+  " role="tab" aria-selected="false" tabindex="-1" mdc-ripple="no-class.bind: true"
+  click.trigger="handleClick_()">
+  <span class="mdc-tab__content" element.ref="content_">
+    <span class="mdc-tab__icon material-icons" aria-hidden="true" if.bind="icon">${icon}</span>
+    <span class="mdc-tab__text-label" if.bind="label">${label}</span>
+    <au-slot></au-slot>
+    <mdc-tab-indicator if.bind="fixed" active.bind="active" fade.bind="fade" component.ref="tabIndicator_"
+      icon.bind="indicatorIcon">
+    </mdc-tab-indicator>
+  </span>
+  <mdc-tab-indicator if.bind="!fixed" active.bind="active" fade.bind="fade" component.ref="tabIndicator_"
+    icon.bind="indicatorIcon">
+  </mdc-tab-indicator>
+  <span class="mdc-tab__ripple" ref="rippleSurface"></span>
+</template>

package/dist/tab-bar/tab/mdc-tab.js

@@ -0,0 +1,143 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { MdcComponent, booleanAttr } from '../../base';
+import { MDCTabFoundation } from '@material/tab';
+import { inject, customElement, bindable } from 'aurelia';
+import template from './mdc-tab.html?raw';
+let tabId = 0;
+MDCTabFoundation.strings.INTERACTED_EVENT = MDCTabFoundation.strings.INTERACTED_EVENT.toLowerCase();
+let MdcTab = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-tab', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _id_decorators;
+    let _id_initializers = [];
+    let _id_extraInitializers = [];
+    let _fixed_decorators;
+    let _fixed_initializers = [];
+    let _fixed_extraInitializers = [];
+    let _active_decorators;
+    let _active_initializers = [];
+    let _active_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _minWidth_decorators;
+    let _minWidth_initializers = [];
+    let _minWidth_extraInitializers = [];
+    let _fade_decorators;
+    let _fade_initializers = [];
+    let _fade_extraInitializers = [];
+    let _stacked_decorators;
+    let _stacked_initializers = [];
+    let _stacked_extraInitializers = [];
+    let _indicatorIcon_decorators;
+    let _indicatorIcon_initializers = [];
+    let _indicatorIcon_extraInitializers = [];
+    var MdcTab = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _id_decorators = [bindable()];
+            _fixed_decorators = [bindable({ set: booleanAttr })];
+            _active_decorators = [bindable({ set: booleanAttr })];
+            _icon_decorators = [bindable()];
+            _label_decorators = [bindable()];
+            _minWidth_decorators = [bindable({ set: booleanAttr })];
+            _fade_decorators = [bindable({ set: booleanAttr })];
+            _stacked_decorators = [bindable({ set: booleanAttr })];
+            _indicatorIcon_decorators = [bindable()];
+            __esDecorate(null, null, _id_decorators, { kind: "field", name: "id", static: false, private: false, access: { has: obj => "id" in obj, get: obj => obj.id, set: (obj, value) => { obj.id = value; } }, metadata: _metadata }, _id_initializers, _id_extraInitializers);
+            __esDecorate(null, null, _fixed_decorators, { kind: "field", name: "fixed", static: false, private: false, access: { has: obj => "fixed" in obj, get: obj => obj.fixed, set: (obj, value) => { obj.fixed = value; } }, metadata: _metadata }, _fixed_initializers, _fixed_extraInitializers);
+            __esDecorate(null, null, _active_decorators, { kind: "field", name: "active", static: false, private: false, access: { has: obj => "active" in obj, get: obj => obj.active, set: (obj, value) => { obj.active = value; } }, metadata: _metadata }, _active_initializers, _active_extraInitializers);
+            __esDecorate(null, null, _icon_decorators, { kind: "field", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
+            __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, _minWidth_decorators, { kind: "field", name: "minWidth", static: false, private: false, access: { has: obj => "minWidth" in obj, get: obj => obj.minWidth, set: (obj, value) => { obj.minWidth = value; } }, metadata: _metadata }, _minWidth_initializers, _minWidth_extraInitializers);
+            __esDecorate(null, null, _fade_decorators, { kind: "field", name: "fade", static: false, private: false, access: { has: obj => "fade" in obj, get: obj => obj.fade, set: (obj, value) => { obj.fade = value; } }, metadata: _metadata }, _fade_initializers, _fade_extraInitializers);
+            __esDecorate(null, null, _stacked_decorators, { kind: "field", name: "stacked", static: false, private: false, access: { has: obj => "stacked" in obj, get: obj => obj.stacked, set: (obj, value) => { obj.stacked = value; } }, metadata: _metadata }, _stacked_initializers, _stacked_extraInitializers);
+            __esDecorate(null, null, _indicatorIcon_decorators, { kind: "field", name: "indicatorIcon", static: false, private: false, access: { has: obj => "indicatorIcon" in obj, get: obj => obj.indicatorIcon, set: (obj, value) => { obj.indicatorIcon = value; } }, metadata: _metadata }, _indicatorIcon_initializers, _indicatorIcon_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcTab = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        tabIndicator_; // assigned in initialize();
+        content_; // assigned in initialize();
+        id = __runInitializers(this, _id_initializers, `mdc-tab-${++tabId}`);
+        fixed = (__runInitializers(this, _id_extraInitializers), __runInitializers(this, _fixed_initializers, void 0));
+        active = (__runInitializers(this, _fixed_extraInitializers), __runInitializers(this, _active_initializers, void 0));
+        icon = (__runInitializers(this, _active_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
+        label = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _label_initializers, void 0));
+        minWidth = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _minWidth_initializers, void 0));
+        fade = (__runInitializers(this, _minWidth_extraInitializers), __runInitializers(this, _fade_initializers, void 0));
+        stacked = (__runInitializers(this, _fade_extraInitializers), __runInitializers(this, _stacked_initializers, void 0));
+        indicatorIcon = (__runInitializers(this, _stacked_extraInitializers), __runInitializers(this, _indicatorIcon_initializers, void 0));
+        handleClick_() {
+            this.foundation?.handleClick();
+            return true;
+        }
+        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 = {
+                setAttr: (attr, value) => this.root.setAttribute(attr, value),
+                addClass: (className) => this.root.classList.add(className),
+                removeClass: (className) => this.root.classList.remove(className),
+                hasClass: (className) => this.root.classList.contains(className),
+                activateIndicator: (previousIndicatorClientRect) => this.tabIndicator_.activate(previousIndicatorClientRect),
+                deactivateIndicator: () => this.tabIndicator_.deactivate(),
+                notifyInteracted: () => this.emit(MDCTabFoundation.strings.INTERACTED_EVENT, { tabId: this.id }, true /* bubble */),
+                getOffsetLeft: () => this.root.offsetLeft,
+                getOffsetWidth: () => this.root.offsetWidth,
+                getContentOffsetLeft: () => this.content_.offsetLeft,
+                getContentOffsetWidth: () => this.content_.offsetWidth,
+                focus: () => this.root.focus(),
+            };
+            return new MDCTabFoundation(adapter);
+        }
+        isActive() {
+            return this.foundation.isActive();
+        }
+        set focusOnActivate(focusOnActivate) {
+            this.foundation?.setFocusOnActivate(focusOnActivate);
+        }
+        /**
+         * Activates the tab
+         */
+        activate(computeIndicatorClientRect) {
+            this.foundation?.activate(computeIndicatorClientRect);
+        }
+        /**
+         * Deactivates the tab
+         */
+        deactivate() {
+            this.foundation?.deactivate();
+        }
+        /**
+         * Returns the indicator's client rect
+         */
+        computeIndicatorClientRect() {
+            return this.tabIndicator_.computeContentClientRect();
+        }
+        computeDimensions() {
+            return this.foundation.computeDimensions();
+        }
+        /**
+         * Focuses the tab
+         */
+        focus() {
+            this.root.focus();
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _indicatorIcon_extraInitializers);
+        }
+    };
+    return MdcTab = _classThis;
+})();
+export { MdcTab };
+//# sourceMappingURL=mdc-tab.js.map

package/dist/tab-bar/tab/mdc-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-tab.js","sourceRoot":"","sources":["../../../src/tab-bar/tab/mdc-tab.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../../base';\nimport { MDCTabFoundation, MDCTabAdapter, MDCTabInteractionEventDetail, MDCTabDimensions } from '@material/tab';\nimport { MdcTabIndicator } from '../indicator/mdc-tab-indicator';\nimport { inject, customElement, bindable } from 'aurelia';\nimport template from './mdc-tab.html?raw';\n\nlet tabId = 0;\n\nMDCTabFoundation.strings.INTERACTED_EVENT = MDCTabFoundation.strings.INTERACTED_EVENT.toLowerCase();\n\n@inject(Element)\n@customElement({ name: 'mdc-tab', template })\nexport class MdcTab extends MdcComponent<MDCTabFoundation> {\n  private tabIndicator_: MdcTabIndicator; // assigned in initialize();\n  private content_: HTMLElement; // assigned in initialize();\n\n  @bindable()\n  id: string = `mdc-tab-${++tabId}`;\n\n  @bindable({ set: booleanAttr })\n  fixed: boolean;\n\n  @bindable({ set: booleanAttr })\n  active: boolean;\n\n  @bindable()\n  icon: string;\n\n  @bindable()\n  label: string;\n\n  @bindable({ set: booleanAttr })\n  minWidth: boolean;\n\n  @bindable({ set: booleanAttr })\n  fade: boolean;\n\n  @bindable({ set: booleanAttr })\n  stacked: boolean;\n\n  @bindable()\n  indicatorIcon: string;\n\n  handleClick_() {\n    this.foundation?.handleClick();\n    return true;\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: MDCTabAdapter = {\n      setAttr: (attr, value) => this.root.setAttribute(attr, value),\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      activateIndicator: (previousIndicatorClientRect) => this.tabIndicator_.activate(previousIndicatorClientRect),\n      deactivateIndicator: () => this.tabIndicator_.deactivate(),\n      notifyInteracted: () => this.emit<MDCTabInteractionEventDetail>(MDCTabFoundation.strings.INTERACTED_EVENT, { tabId: this.id }, true /* bubble */),\n      getOffsetLeft: () => this.root.offsetLeft,\n      getOffsetWidth: () => this.root.offsetWidth,\n      getContentOffsetLeft: () => this.content_.offsetLeft,\n      getContentOffsetWidth: () => this.content_.offsetWidth,\n      focus: () => this.root.focus(),\n    };\n    return new MDCTabFoundation(adapter);\n  }\n\n  isActive(): boolean {\n    return this.foundation!.isActive();\n  }\n\n  set focusOnActivate(focusOnActivate: boolean) {\n    this.foundation?.setFocusOnActivate(focusOnActivate);\n  }\n\n  /**\n   * Activates the tab\n   */\n  activate(computeIndicatorClientRect?: ClientRect) {\n    this.foundation?.activate(computeIndicatorClientRect);\n  }\n\n  /**\n   * Deactivates the tab\n   */\n  deactivate() {\n    this.foundation?.deactivate();\n  }\n\n  /**\n   * Returns the indicator's client rect\n   */\n  computeIndicatorClientRect(): ClientRect {\n    return this.tabIndicator_.computeContentClientRect();\n  }\n\n  computeDimensions(): MDCTabDimensions {\n    return this.foundation!.computeDimensions();\n  }\n\n  /**\n   * Focuses the tab\n   */\n  focus() {\n    this.root.focus();\n  }\n\n}\n\n/** @hidden */\nexport interface IMdcTabElement extends HTMLElement {\n  au: {\n    controller: {\n      viewModel: MdcTab;\n    };\n  };\n}\n"]}

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

@@ -0,0 +1,28 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { templateCompilerHooks } from 'aurelia';
+let EnhanceMdcTextfield = (() => {
+    let _classDecorators = [templateCompilerHooks];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var EnhanceMdcTextfield = class {
+        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);
+            EnhanceMdcTextfield = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        compiling(template) {
+            if (template.innerHTML.includes('<mdc-text-field')) {
+                template.innerHTML = template.innerHTML
+                    .replaceAll('<mdc-text-field ', '<label as-element="mdc-text-field" mdc-text-field-element ')
+                    .replaceAll('</mdc-text-field>', '</label>');
+            }
+        }
+    };
+    return EnhanceMdcTextfield = _classThis;
+})();
+export { EnhanceMdcTextfield };
+//# sourceMappingURL=enhance-mdc-text-field.js.map

package/dist/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,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,mBAAmB;4BAD/B,qBAAqB;;;;;;;;YACtB,6KAQC;;;YARY,uDAAmB;;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;;;;SAPU,mBAAmB","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\n\n@templateCompilerHooks\nexport class EnhanceMdcTextfield {\n  compiling(template: HTMLElement | HTMLTemplateElement) {\n    if (template.innerHTML.includes('<mdc-text-field')) {\n      template.innerHTML = template.innerHTML\n        .replaceAll('<mdc-text-field ', '<label as-element=\"mdc-text-field\" mdc-text-field-element ')\n        .replaceAll('</mdc-text-field>', '</label>');\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,4 @@
+export class MdcDefaultTextFieldConfiguration {
+    outlined;
+}
+//# sourceMappingURL=mdc-default-text-field-configuration.js.map

package/dist/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,MAAM,OAAO,gCAAgC;IAC3C,QAAQ,CAAW;CACpB","sourcesContent":["export class MdcDefaultTextFieldConfiguration {\n  outlined?: boolean;\n}\n"]}

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

@@ -0,0 +1,38 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { inject, customElement } from 'aurelia';
+import { MDCTextFieldCharacterCounterFoundation, characterCountCssClasses } from '@material/textfield';
+import { MdcComponent } from '../base';
+let MdcTextFieldCharacterCounter = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-text-field-character-counter', template: `<template class="${characterCountCssClasses.ROOT}"></template>` })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = 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);
+            MdcTextFieldCharacterCounter = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        // 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 = {
+                setContent: (content) => {
+                    this.root.textContent = content;
+                },
+            };
+            return new MDCTextFieldCharacterCounterFoundation(adapter);
+        }
+    };
+    return MdcTextFieldCharacterCounter = _classThis;
+})();
+export { MdcTextFieldCharacterCounter };
+//# sourceMappingURL=mdc-text-field-character-counter.js.map

package/dist/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,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"]}

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

@@ -0,0 +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>

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

@@ -0,0 +1,42 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { inject, customElement, bindable } from 'aurelia';
+import template from './mdc-text-field-helper-line.html?raw';
+let MdcTextFieldHelperLine = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-text-field-helper-line', template })];
+    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 = [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);
+            MdcTextFieldHelperLine = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        constructor() {
+            this.attachedPromise = this.createAttachedPromise();
+        }
+        errors = __runInitializers(this, _errors_initializers, void 0);
+        attachedPromise = __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;
+})();
+export { 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

@@ -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,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"]}

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

@@ -0,0 +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 -->

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

@@ -0,0 +1,62 @@
+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';
+let MdcTextFieldHelperText = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-text-field-helper-text', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = 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 = [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);
+            MdcTextFieldHelperText = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        helperTextCssClasses = helperTextCssClasses;
+        persistent = __runInitializers(this, _persistent_initializers, void 0);
+        validation = (__runInitializers(this, _persistent_extraInitializers), __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 MDCTextFieldHelperTextFoundation(adapter);
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _validation_extraInitializers);
+        }
+    };
+    return MdcTextFieldHelperText = _classThis;
+})();
+export { 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

@@ -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,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"]}

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

@@ -0,0 +1,60 @@
+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 = {
+    ATTRIBUTE: 'mdc-text-field-icon',
+    LEADING: 'leading',
+    TRAILING: 'trailing'
+};
+strings.ICON_EVENT = strings.ICON_EVENT.toLowerCase();
+let MdcTextFieldIcon = (() => {
+    let _classDecorators = [inject(Element), customAttribute('mdc-text-field-icon')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = 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);
+            MdcTextFieldIcon = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        attaching() {
+            this.root.classList.add(iconCssClasses.ROOT);
+            if (this.root.hasAttribute(mdcIconStrings.LEADING)) {
+                this.root.classList.add(`${iconCssClasses.ROOT}--${mdcIconStrings.LEADING}`);
+            }
+            if (this.root.hasAttribute(mdcIconStrings.TRAILING)) {
+                this.root.classList.add(`${iconCssClasses.ROOT}--${mdcIconStrings.TRAILING}`);
+            }
+        }
+        // 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 = {
+                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;
+                },
+                registerInteractionHandler: (evtType, handler) => this.listen(evtType, handler),
+                deregisterInteractionHandler: (evtType, handler) => this.unlisten(evtType, handler),
+                notifyIconAction: () => this.emit(MDCTextFieldIconFoundation.strings.ICON_EVENT, {} /* evtData */, true /* shouldBubble */),
+            };
+            return new MDCTextFieldIconFoundation(adapter);
+        }
+    };
+    return MdcTextFieldIcon = _classThis;
+})();
+export { MdcTextFieldIcon };
+//# sourceMappingURL=mdc-text-field-icon.js.map

package/dist/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,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"]}