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

package/dist/elevation/mdc-elevation.js

@@ -0,0 +1,40 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customAttribute, inject } from 'aurelia';
+/**
+ * @selector [mdc-elevation]
+ */
+let MdcElevation = (() => {
+    let _classDecorators = [inject(Element), customAttribute('mdc-elevation')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcElevation = 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);
+            MdcElevation = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            this.root = root;
+        }
+        value;
+        valueChanged(newValue, oldValue) {
+            if (oldValue) {
+                this.root.classList.add(`mdc-elevation--z${oldValue}`);
+            }
+            else {
+                this.root.classList.add(`mdc-elevation--z${newValue}`);
+            }
+        }
+        attached() {
+            this.valueChanged(this.value, undefined);
+        }
+    };
+    return MdcElevation = _classThis;
+})();
+export { MdcElevation };
+//# sourceMappingURL=mdc-elevation.js.map

package/dist/elevation/mdc-elevation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-elevation.js","sourceRoot":"","sources":["../../src/elevation/mdc-elevation.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAElD;;GAEG;IAGU,YAAY;4BAFxB,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,eAAe,CAAC;;;;;;;;YACjC,6KAeC;;;YAfY,uDAAY;;QACH,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,KAAK,CAAS;QACd,YAAY,CAAC,QAAgB,EAAE,QAAiB;YAC9C,IAAI,QAAQ,EAAE,CAAC;gBACb,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,QAAQ,EAAE,CAAC,CAAC;YACzD,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,QAAQ,EAAE,CAAC,CAAC;YACzD,CAAC;QACH,CAAC;QAED,QAAQ;YACN,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAC3C,CAAC;;;;SAdU,YAAY","sourcesContent":["import { customAttribute, inject } from 'aurelia';\n\n/**\n * @selector [mdc-elevation]\n */\n@inject(Element)\n@customAttribute('mdc-elevation')\nexport class MdcElevation {\n  constructor(private root: HTMLElement) { }\n\n  value: string;\n  valueChanged(newValue: string, oldValue?: string) {\n    if (oldValue) {\n      this.root.classList.add(`mdc-elevation--z${oldValue}`);\n    } else {\n      this.root.classList.add(`mdc-elevation--z${newValue}`);\n    }\n  }\n\n  attached() {\n    this.valueChanged(this.value, undefined);\n  }\n}\n"]}

package/dist/expandable/mdc-expandable.html

@@ -0,0 +1,28 @@
+<template
+  class="mdc-expandable mdc-expandable--${open ? 'open' : 'closed'} ${accordion === undefined ? '' : 'mdc-expandable--accordion__' + accordion}">
+  <div class="
+      mdc-expandable__header
+      mdc-expandable__header--${open ? 'open' : 'closed'}
+      ${focused ? 'mdc-expandable__header--focused' : ''}
+    " ref="header" click.trigger="toggle()" focus.trigger="handleFocus()" blur.trigger="handleBlur()"
+    mdc-ripple="no-class.bind: true;" tabindex="0" keydown.trigger="handleKeydown($event)">
+    <div class="mdc-expandable__caption">
+      <au-slot name="caption"></au-slot>
+    </div>
+    <span class="mdc-expandable__dropdown-icon">
+      <svg class="mdc-expandable__dropdown-icon-graphic" viewBox="7 10 10 5">
+        <polygon class="mdc-expandable__dropdown-icon-inactive" stroke="none" fill-rule="evenodd"
+          points="7 10 12 15 17 10">
+        </polygon>
+        <polygon class="mdc-expandable__dropdown-icon-active" stroke="none" fill-rule="evenodd"
+          points="7 15 12 10 17 15">
+        </polygon>
+      </svg>
+    </span>
+  </div>
+  <div class="mdc-expandable__content-container" ref="contentContainer">
+    <div class="mdc-expandable__content" ref="content">
+      <au-slot></au-slot>
+    </div>
+  </div>
+</template>

package/dist/expandable/mdc-expandable.js

@@ -0,0 +1,109 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, inject, bindable, IPlatform } from 'aurelia';
+import { booleanAttr } from '../base';
+import { CustomElement } from '@aurelia/runtime-html';
+import template from './mdc-expandable.html?raw';
+const OPEN_CHANGED_EVENT = 'mdcexpandable:open-changed';
+const ENTER = 13;
+const SPACE = 32;
+/** @selector mdc-expandable */
+let MdcExpandable = (() => {
+    let _classDecorators = [inject(Element, IPlatform), customElement({ name: 'mdc-expandable', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _open_decorators;
+    let _open_initializers = [];
+    let _open_extraInitializers = [];
+    let _accordion_decorators;
+    let _accordion_initializers = [];
+    let _accordion_extraInitializers = [];
+    var MdcExpandable = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _open_decorators = [bindable({ set: booleanAttr })];
+            _accordion_decorators = [bindable()];
+            __esDecorate(null, null, _open_decorators, { kind: "field", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
+            __esDecorate(null, null, _accordion_decorators, { kind: "field", name: "accordion", static: false, private: false, access: { has: obj => "accordion" in obj, get: obj => obj.accordion, set: (obj, value) => { obj.accordion = value; } }, metadata: _metadata }, _accordion_initializers, _accordion_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcExpandable = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        element;
+        platform;
+        constructor(element, platform) {
+            __runInitializers(this, _accordion_extraInitializers);
+            this.element = element;
+            this.platform = platform;
+        }
+        header = undefined;
+        content = undefined;
+        contentContainer = undefined;
+        focused;
+        /** Toggles the expandable open and closed */
+        open = __runInitializers(this, _open_initializers, void 0);
+        openChanged() {
+            this.updateContainerHeight();
+            this.element.dispatchEvent(new CustomEvent(OPEN_CHANGED_EVENT, { detail: { component: this, open: this.open } }));
+        }
+        /** Set the expandable to be in an accordion group */
+        accordion = (__runInitializers(this, _open_extraInitializers), __runInitializers(this, _accordion_initializers, void 0));
+        handleEvent(e) {
+            switch (e.type) {
+                case 'transitionend':
+                    this.setContentContainerHeightToAuto();
+                    break;
+            }
+        }
+        setContentContainerHeightToAuto() {
+            this.contentContainer.style.overflow = 'visible';
+            this.contentContainer.style.height = 'auto';
+            this.contentContainer.removeEventListener('transitionend', this);
+        }
+        attached() {
+            this.openChanged();
+        }
+        updateContainerHeight() {
+            if (this.open) {
+                // after transition set body height to auto so that expandable children are visible
+                this.contentContainer.addEventListener('transitionend', this);
+                this.contentContainer.style.height = `${this.content.clientHeight}px`;
+            }
+            else {
+                // the following line is needed because height has been restored to auto'
+                this.contentContainer.style.height = `${this.content.clientHeight}px`;
+                this.platform.taskQueue.queueTask(() => {
+                    this.contentContainer.style.overflow = 'hidden';
+                    this.contentContainer.style.height = '0';
+                });
+            }
+        }
+        /** Toggles the expandable open and closed */
+        toggle() {
+            if (!this.open && this.accordion !== undefined) {
+                const otherAccordions = Array.from(this.element.parentElement.querySelectorAll(`.mdc-expandable--accordion__${this.accordion}.mdc-expandable--open`));
+                otherAccordions.filter(x => x !== this.element)
+                    .map(x => CustomElement.for(x).viewModel)
+                    .forEach(x => x.toggle());
+            }
+            this.open = !this.open;
+        }
+        handleFocus() {
+            this.focused = true;
+        }
+        handleBlur() {
+            this.focused = false;
+        }
+        handleKeydown(evt) {
+            if ((evt.keyCode === ENTER || evt.keyCode === SPACE)) {
+                this.toggle();
+            }
+            return true;
+        }
+    };
+    return MdcExpandable = _classThis;
+})();
+export { MdcExpandable };
+//# sourceMappingURL=mdc-expandable.js.map

package/dist/expandable/mdc-expandable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-expandable.js","sourceRoot":"","sources":["../../src/expandable/mdc-expandable.ts"],"names":[],"mappings":"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","sourcesContent":["import { customElement, inject, bindable, IPlatform } from 'aurelia';\nimport { booleanAttr } from '../base';\nimport { CustomElement } from '@aurelia/runtime-html';\nimport template from './mdc-expandable.html?raw';\n\nconst OPEN_CHANGED_EVENT = 'mdcexpandable:open-changed';\nconst ENTER = 13;\nconst SPACE = 32;\n\n/** @selector mdc-expandable */\n@inject(Element, IPlatform)\n@customElement({ name: 'mdc-expandable', template })\nexport class MdcExpandable {\n  constructor(public element: HTMLElement, private platform: IPlatform) { }\n\n  header?: HTMLElement = undefined;\n  content?: HTMLElement = undefined;\n  contentContainer?: HTMLElement = undefined;\n  focused: boolean;\n\n  /** Toggles the expandable open and closed */\n  @bindable({ set: booleanAttr })\n  open: boolean;\n  openChanged() {\n    this.updateContainerHeight();\n    this.element.dispatchEvent(new CustomEvent(\n      OPEN_CHANGED_EVENT,\n      { detail: { component: this, open: this.open } }\n    ));\n  }\n\n  /** Set the expandable to be in an accordion group */\n  @bindable()\n  accordion?: string;\n\n  handleEvent(e: Event) {\n    switch (e.type) {\n      case 'transitionend':\n        this.setContentContainerHeightToAuto();\n        break;\n    }\n  }\n\n  setContentContainerHeightToAuto() {\n    this.contentContainer!.style.overflow = 'visible';\n    this.contentContainer!.style.height = 'auto';\n    this.contentContainer!.removeEventListener('transitionend', this);\n  }\n\n  attached() {\n    this.openChanged();\n  }\n\n  updateContainerHeight() {\n    if (this.open) {\n      // after transition set body height to auto so that expandable children are visible\n      this.contentContainer!.addEventListener('transitionend', this);\n      this.contentContainer!.style.height = `${this.content!.clientHeight}px`;\n    } else {\n      // the following line is needed because height has been restored to auto'\n      this.contentContainer!.style.height = `${this.content!.clientHeight}px`;\n      this.platform.taskQueue.queueTask(() => {\n        this.contentContainer!.style.overflow = 'hidden';\n        this.contentContainer!.style.height = '0';\n      });\n    }\n  }\n\n  /** Toggles the expandable open and closed */\n  toggle() {\n    if (!this.open && this.accordion !== undefined) {\n      const otherAccordions = Array.from(this.element.parentElement!.querySelectorAll(`.mdc-expandable--accordion__${this.accordion}.mdc-expandable--open`));\n      otherAccordions.filter(x => x !== this.element)\n        .map(x => CustomElement.for<MdcExpandable>(x).viewModel)\n        .forEach(x => x.toggle());\n    }\n    this.open = !this.open;\n  }\n\n  handleFocus() {\n    this.focused = true;\n  }\n\n  handleBlur() {\n    this.focused = false;\n  }\n\n  handleKeydown(evt: KeyboardEvent) {\n    if ((evt.keyCode === ENTER || evt.keyCode === SPACE)) {\n      this.toggle();\n    }\n    return true;\n  }\n}\n\n/** @hidden */\nexport interface IMdcExpandableElement extends HTMLElement {\n  $au: {\n    'au:resource:custom-element': {\n      viewModel: MdcExpandable;\n    };\n  };\n}\n\n"]}

package/dist/fab/enhance-mdc-fab.js

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

package/dist/fab/enhance-mdc-fab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enhance-mdc-fab.js","sourceRoot":"","sources":["../../src/fab/enhance-mdc-fab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,aAAa;4BADzB,qBAAqB;;;;;;;;YACtB,6KAIC;;;YAJY,uDAAa;;QACxB,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,YAAY,EAAC,sBAAsB,CAAC,CAAC;QAC1F,CAAC;;;;SAHU,aAAa","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\n\n@templateCompilerHooks\nexport class EnhanceMdcFab {\n  compiling(template: HTMLElement | HTMLTemplateElement) {\n    template.innerHTML = template.innerHTML.replaceAll('mdc-fab=\"\"','as-element=\"mdc-fab\"');\n  }\n}\n"]}

package/dist/fab/mdc-fab-icon.js

@@ -0,0 +1,32 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { inject, customAttribute } from 'aurelia';
+/**
+ * Optional. Can be used with SVG icons, for example.
+ * @selector [mdc-fab-icon]
+ */
+let MdcFabIcon = (() => {
+    let _classDecorators = [inject(Element), customAttribute('mdc-fab-icon')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcFabIcon = 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);
+            MdcFabIcon = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            this.root = root;
+        }
+        attached() {
+            this.root.classList.add('mdc-fab__icon');
+        }
+    };
+    return MdcFabIcon = _classThis;
+})();
+export { MdcFabIcon };
+//# sourceMappingURL=mdc-fab-icon.js.map

package/dist/fab/mdc-fab-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-fab-icon.js","sourceRoot":"","sources":["../../src/fab/mdc-fab-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAElD;;;GAGG;IAGU,UAAU;4BAFtB,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,cAAc,CAAC;;;;;;;;YAChC,6KAMC;;;YANY,uDAAU;;QACD,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,QAAQ;YACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QAC3C,CAAC;;;;SALU,UAAU","sourcesContent":["import { inject, customAttribute } from 'aurelia';\n\n/**\n * Optional. Can be used with SVG icons, for example.\n * @selector [mdc-fab-icon]\n */\n@inject(Element)\n@customAttribute('mdc-fab-icon')\nexport class MdcFabIcon {\n  constructor(private root: HTMLElement) { }\n\n  attached() {\n    this.root.classList.add('mdc-fab__icon');\n  }\n}\n"]}

package/dist/fab/mdc-fab.html

@@ -0,0 +1,13 @@
+<template class="
+    mdc-fab
+    ${mini ? 'mdc-fab--mini' : ''}
+    ${extended ? 'mdc-fab--extended' : ''}
+    ${exited ? 'mdc-fab--exited' : ''}
+    ${touch ? 'mdc-fab--touch' : ''}
+  " tabindex.bind="disabled ? -1 : 0" mdc-ripple="no-class.bind: true;">
+  <div class="mdc-fab__ripple"></div>
+  <au-slot></au-slot>
+  <span class="material-icons mdc-fab__icon" if.bind="icon">${icon}</span>
+  <span class="mdc-fab__label" if.bind="label">${label}</span>
+  <div class="mdc-fab__touch" if.bind="touch"></div>
+</template>

package/dist/fab/mdc-fab.js

@@ -0,0 +1,90 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, bindable, inject } from 'aurelia';
+import { booleanAttr } from '../base';
+import template from './mdc-fab.html?raw';
+/**
+ * @selector mdc-fab
+ * @selector a[mdc-fab]
+ * @selector button[mdc-fab]
+ */
+let MdcFab = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-fab', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _mini_decorators;
+    let _mini_initializers = [];
+    let _mini_extraInitializers = [];
+    let _extended_decorators;
+    let _extended_initializers = [];
+    let _extended_extraInitializers = [];
+    let _touch_decorators;
+    let _touch_initializers = [];
+    let _touch_extraInitializers = [];
+    let _exited_decorators;
+    let _exited_initializers = [];
+    let _exited_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    var MdcFab = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _mini_decorators = [bindable({ set: booleanAttr })];
+            _extended_decorators = [bindable({ set: booleanAttr })];
+            _touch_decorators = [bindable({ set: booleanAttr })];
+            _exited_decorators = [bindable({ set: booleanAttr })];
+            _icon_decorators = [bindable()];
+            _label_decorators = [bindable()];
+            _disabled_decorators = [bindable({ set: booleanAttr })];
+            __esDecorate(null, null, _mini_decorators, { kind: "field", name: "mini", static: false, private: false, access: { has: obj => "mini" in obj, get: obj => obj.mini, set: (obj, value) => { obj.mini = value; } }, metadata: _metadata }, _mini_initializers, _mini_extraInitializers);
+            __esDecorate(null, null, _extended_decorators, { kind: "field", name: "extended", static: false, private: false, access: { has: obj => "extended" in obj, get: obj => obj.extended, set: (obj, value) => { obj.extended = value; } }, metadata: _metadata }, _extended_initializers, _extended_extraInitializers);
+            __esDecorate(null, null, _touch_decorators, { kind: "field", name: "touch", static: false, private: false, access: { has: obj => "touch" in obj, get: obj => obj.touch, set: (obj, value) => { obj.touch = value; } }, metadata: _metadata }, _touch_initializers, _touch_extraInitializers);
+            __esDecorate(null, null, _exited_decorators, { kind: "field", name: "exited", static: false, private: false, access: { has: obj => "exited" in obj, get: obj => obj.exited, set: (obj, value) => { obj.exited = value; } }, metadata: _metadata }, _exited_initializers, _exited_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, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcFab = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            __runInitializers(this, _disabled_extraInitializers);
+            this.root = root;
+        }
+        /** Make the fab smaller (40 x 40 pixels) */
+        mini = __runInitializers(this, _mini_initializers, void 0);
+        /** Modifies the FAB to wider size which includes a text label */
+        extended = (__runInitializers(this, _mini_extraInitializers), __runInitializers(this, _extended_initializers, void 0));
+        /** Set the mini fab touch target to 48 x 48 px. Only applies if FAB is set to mini as well. */
+        touch = (__runInitializers(this, _extended_extraInitializers), __runInitializers(this, _touch_initializers, void 0));
+        /** Animates the FAB in or out of view */
+        exited = (__runInitializers(this, _touch_extraInitializers), __runInitializers(this, _exited_initializers, void 0));
+        /** Optional. Apply a Material Icon. */
+        icon = (__runInitializers(this, _exited_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
+        /** Optional, for the text label. Applicable only for Extended FAB. */
+        label = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _label_initializers, void 0));
+        /** Set the button disabled */
+        disabled = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _disabled_initializers, void 0));
+        disabledChanged() {
+            if (this.disabled) {
+                this.root.setAttribute('disabled', '');
+            }
+            else {
+                this.root.removeAttribute('disabled');
+            }
+        }
+    };
+    return MdcFab = _classThis;
+})();
+export { MdcFab };
+//# sourceMappingURL=mdc-fab.js.map

package/dist/fab/mdc-fab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-fab.js","sourceRoot":"","sources":["../../src/fab/mdc-fab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAE1C;;;;GAIG;IAGU,MAAM;4BAFlB,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAK1C,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;oCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;iCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;kCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;gCAI9B,QAAQ,EAAE;iCAIV,QAAQ,EAAE;oCAKV,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YAxB/B,8JAAA,IAAI,6BAAJ,IAAI,mFAAU;YAId,0KAAA,QAAQ,6BAAR,QAAQ,2FAAU;YAIlB,iKAAA,KAAK,6BAAL,KAAK,qFAAU;YAIf,oKAAA,MAAM,6BAAN,MAAM,uFAAU;YAIhB,8JAAA,IAAI,6BAAJ,IAAI,mFAAS;YAIb,iKAAA,KAAK,6BAAL,KAAK,qFAAS;YAKd,0KAAA,QAAQ,6BAAR,QAAQ,2FAAU;YA9BpB,6KAsCC;;;YAtCY,uDAAM;;QACG,IAAI;QAAxB,YAAoB,IAAiB;;YAAjB,SAAI,GAAJ,IAAI,CAAa;SAAK;QAE1C,4CAA4C;QAE5C,IAAI,uDAAU;QAEd,iEAAiE;QAEjE,QAAQ,+GAAU;QAElB,+FAA+F;QAE/F,KAAK,gHAAU;QAEf,yCAAyC;QAEzC,MAAM,8GAAU;QAEhB,uCAAuC;QAEvC,IAAI,6GAAS;QAEb,sEAAsE;QAEtE,KAAK,4GAAS;QAGd,8BAA8B;QAE9B,QAAQ,gHAAU;QAClB,eAAe;YACb,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;YACzC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YACxC,CAAC;QACH,CAAC;;;;SArCU,MAAM","sourcesContent":["import { customElement, bindable, inject } from 'aurelia';\nimport { booleanAttr } from '../base';\nimport template from './mdc-fab.html?raw';\n\n/**\n * @selector mdc-fab\n * @selector a[mdc-fab]\n * @selector button[mdc-fab]\n */\n@inject(Element)\n@customElement({ name: 'mdc-fab', template })\nexport class MdcFab {\n  constructor(private root: HTMLElement) { }\n\n  /** Make the fab smaller (40 x 40 pixels) */\n  @bindable({ set: booleanAttr })\n  mini: boolean;\n\n  /** Modifies the FAB to wider size which includes a text label */\n  @bindable({ set: booleanAttr })\n  extended: boolean;\n\n  /** Set the mini fab touch target to 48 x 48 px. Only applies if FAB is set to mini as well. */\n  @bindable({ set: booleanAttr })\n  touch: boolean;\n\n  /** Animates the FAB in or out of view */\n  @bindable({ set: booleanAttr })\n  exited: boolean;\n\n  /** Optional. Apply a Material Icon. */\n  @bindable()\n  icon: string;\n\n  /** Optional, for the text label. Applicable only for Extended FAB. */\n  @bindable()\n  label: string;\n\n\n  /** Set the button disabled */\n  @bindable({ set: booleanAttr })\n  disabled: boolean;\n  disabledChanged() {\n    if (this.disabled) {\n      this.root.setAttribute('disabled', '');\n    } else {\n      this.root.removeAttribute('disabled');\n    }\n  }\n}\n"]}

package/dist/floating-label/mdc-floating-label.html

@@ -0,0 +1 @@
+<template class="mdc-floating-label"><au-slot></au-slot></template>

package/dist/floating-label/mdc-floating-label.js

@@ -0,0 +1,56 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { inject, customElement } from 'aurelia';
+import { MDCFloatingLabelFoundation } from '@material/floating-label';
+import { MdcComponent } from '../base';
+import { estimateScrollWidth } from '@material/dom/ponyfill';
+import template from './mdc-floating-label.html?raw';
+let MdcFloatingLabel = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-floating-label', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    var MdcFloatingLabel = 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);
+            MdcFloatingLabel = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        shake(shouldShake) {
+            this.foundation?.shake(shouldShake);
+        }
+        /**
+         * Styles the label to float/dock.
+         * @param shouldFloat If true, floats the label by adding a CSS class; otherwise, docks it by removing the class.
+         */
+        float(shouldFloat) {
+            this.foundation?.float(shouldFloat);
+        }
+        /**
+         * Styles the label as required.
+         * @param isRequired If true, adds an asterisk to the label, indicating that it is required.
+         */
+        setRequired(isRequired) {
+            this.foundation?.setRequired(isRequired);
+        }
+        getWidth() {
+            return this.foundation.getWidth();
+        }
+        getDefaultFoundation() {
+            const adapter = {
+                addClass: (className) => this.root.classList.add(className),
+                removeClass: (className) => this.root.classList.remove(className),
+                getWidth: () => estimateScrollWidth(this.root),
+                registerInteractionHandler: (evtType, handler) => this.listen(evtType, handler),
+                deregisterInteractionHandler: (evtType, handler) => this.unlisten(evtType, handler),
+            };
+            return new MDCFloatingLabelFoundation(adapter);
+        }
+    };
+    return MdcFloatingLabel = _classThis;
+})();
+export { MdcFloatingLabel };
+//# sourceMappingURL=mdc-floating-label.js.map

package/dist/floating-label/mdc-floating-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-floating-label.js","sourceRoot":"","sources":["../../src/floating-label/mdc-floating-label.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,0BAA0B,EAA2B,MAAM,0BAA0B,CAAC;AAC/F,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,QAAQ,MAAM,+BAA+B,CAAC;IAIxC,gBAAgB;4BAF5B,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC;;;;sBAClB,YAAY;gCAApB,SAAQ,WAAwC;;;;YAA9E,6KAmCC;;;YAnCY,uDAAgB;;QAC3B,KAAK,CAAC,WAAoB;YACxB,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;QAED;;;WAGG;QACH,KAAK,CAAC,WAAoB;YACxB,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;QAED;;;WAGG;QACH,WAAW,CAAC,UAAmB;YAC7B,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;QAC3C,CAAC;QAED,QAAQ;YACN,OAAO,IAAI,CAAC,UAAW,CAAC,QAAQ,EAAE,CAAC;QACrC,CAAC;QAED,oBAAoB;YAClB,MAAM,OAAO,GAA4B;gBACvC,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,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC;gBAC9C,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;aACpF,CAAC;YACF,OAAO,IAAI,0BAA0B,CAAC,OAAO,CAAC,CAAC;QACjD,CAAC;;;;SAlCU,gBAAgB","sourcesContent":["import { inject, customElement } from 'aurelia';\nimport { MDCFloatingLabelFoundation, MDCFloatingLabelAdapter } from '@material/floating-label';\nimport { MdcComponent } from '../base';\nimport { estimateScrollWidth } from '@material/dom/ponyfill';\nimport template from './mdc-floating-label.html?raw';\n\n@inject(Element)\n@customElement({ name: 'mdc-floating-label', template })\nexport class MdcFloatingLabel extends MdcComponent<MDCFloatingLabelFoundation> {\n  shake(shouldShake: boolean) {\n    this.foundation?.shake(shouldShake);\n  }\n\n  /**\n   * Styles the label to float/dock.\n   * @param shouldFloat If true, floats the label by adding a CSS class; otherwise, docks it by removing the class.\n   */\n  float(shouldFloat: boolean) {\n    this.foundation?.float(shouldFloat);\n  }\n\n  /**\n   * Styles the label as required.\n   * @param isRequired If true, adds an asterisk to the label, indicating that it is required.\n   */\n  setRequired(isRequired: boolean) {\n    this.foundation?.setRequired(isRequired);\n  }\n\n  getWidth(): number {\n    return this.foundation!.getWidth();\n  }\n\n  getDefaultFoundation() {\n    const adapter: MDCFloatingLabelAdapter = {\n      addClass: (className) => this.root.classList.add(className),\n      removeClass: (className) => this.root.classList.remove(className),\n      getWidth: () => estimateScrollWidth(this.root),\n      registerInteractionHandler: (evtType, handler) => this.listen(evtType, handler),\n      deregisterInteractionHandler: (evtType, handler) => this.unlisten(evtType, handler),\n    };\n    return new MDCFloatingLabelFoundation(adapter);\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+<template class="mdc-form-field
+    ${cssClasses.ROOT}--au ${nowrap ? cssClasses.ROOT + '--nowrap' : ''}
+    ${alignEnd ? cssClasses.ROOT + '--align-end' : ''}
+    ${spaceBetween ? cssClasses.ROOT + '--space-between' : ''}">
+  <au-slot></au-slot>
+</template>

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

@@ -0,0 +1,82 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { cssClasses, MDCFormFieldFoundation } from '@material/form-field';
+import { MdcComponent, booleanAttr } from '../base';
+import { customElement, inject, bindable } from 'aurelia';
+import { CustomAttribute } from '@aurelia/runtime-html';
+import template from './mdc-form-field.html?raw';
+/**
+ * @selector mdc-form-field
+ */
+let MdcFormField = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-form-field', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _nowrap_decorators;
+    let _nowrap_initializers = [];
+    let _nowrap_extraInitializers = [];
+    let _alignEnd_decorators;
+    let _alignEnd_initializers = [];
+    let _alignEnd_extraInitializers = [];
+    let _spaceBetween_decorators;
+    let _spaceBetween_initializers = [];
+    let _spaceBetween_extraInitializers = [];
+    var MdcFormField = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _nowrap_decorators = [bindable({ set: booleanAttr })];
+            _alignEnd_decorators = [bindable({ set: booleanAttr })];
+            _spaceBetween_decorators = [bindable({ set: booleanAttr })];
+            __esDecorate(null, null, _nowrap_decorators, { kind: "field", name: "nowrap", static: false, private: false, access: { has: obj => "nowrap" in obj, get: obj => obj.nowrap, set: (obj, value) => { obj.nowrap = value; } }, metadata: _metadata }, _nowrap_initializers, _nowrap_extraInitializers);
+            __esDecorate(null, null, _alignEnd_decorators, { kind: "field", name: "alignEnd", static: false, private: false, access: { has: obj => "alignEnd" in obj, get: obj => obj.alignEnd, set: (obj, value) => { obj.alignEnd = value; } }, metadata: _metadata }, _alignEnd_initializers, _alignEnd_extraInitializers);
+            __esDecorate(null, null, _spaceBetween_decorators, { kind: "field", name: "spaceBetween", static: false, private: false, access: { has: obj => "spaceBetween" in obj, get: obj => obj.spaceBetween, set: (obj, value) => { obj.spaceBetween = value; } }, metadata: _metadata }, _spaceBetween_initializers, _spaceBetween_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcFormField = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        cssClasses = cssClasses;
+        ripple;
+        label;
+        /** Force label text to stay on a single line and ellipse the overflow text */
+        nowrap = __runInitializers(this, _nowrap_initializers, void 0);
+        /** Position the input after the label */
+        alignEnd = (__runInitializers(this, _nowrap_extraInitializers), __runInitializers(this, _alignEnd_initializers, void 0));
+        /** Distributes space between label text and control */
+        spaceBetween = (__runInitializers(this, _alignEnd_extraInitializers), __runInitializers(this, _spaceBetween_initializers, void 0));
+        initialSyncWithDOM() {
+            let rippleUpgraded = this.root.querySelector('mdc-checkbox');
+            if (!rippleUpgraded) {
+                rippleUpgraded = this.root.querySelector('mdc-radio');
+            }
+            this.ripple = rippleUpgraded ? CustomAttribute.for(rippleUpgraded, 'mdc-ripple')?.viewModel : undefined;
+            const input = this.root.querySelector('input, button');
+            if (input?.hasAttribute('id')) {
+                this.label = this.root.querySelector('label');
+                if (this.label) {
+                    this.label.setAttribute('for', input.getAttribute('id'));
+                }
+            }
+        }
+        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 = {
+                activateInputRipple: () => this.ripple?.activate(),
+                deactivateInputRipple: () => this.ripple?.deactivate(),
+                deregisterInteractionHandler: (evtType, handler) => this.label?.removeEventListener(evtType, handler),
+                registerInteractionHandler: (evtType, handler) => this.label?.addEventListener(evtType, handler),
+            };
+            return new MDCFormFieldFoundation(adapter);
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _spaceBetween_extraInitializers);
+        }
+    };
+    return MdcFormField = _classThis;
+})();
+export { MdcFormField };
+//# sourceMappingURL=mdc-form-field.js.map

package/dist/form-field/mdc-form-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-form-field.js","sourceRoot":"","sources":["../../src/form-field/mdc-form-field.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAuB,MAAM,sBAAsB,CAAC;AAC/F,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AAGjD;;GAEG;IAGU,YAAY;4BAFxB,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;;;;sBAClB,YAAY;;;;;;;;;;4BAApB,SAAQ,WAAoC;;;;kCAQnE,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;oCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;wCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YAP/B,oKAAA,MAAM,6BAAN,MAAM,uFAAU;YAIhB,0KAAA,QAAQ,6BAAR,QAAQ,2FAAU;YAIlB,sLAAA,YAAY,6BAAZ,YAAY,mGAAU;YAjBxB,6KA+CC;;;YA/CY,uDAAY;;QACvB,UAAU,GAAG,UAAU,CAAC;QAExB,MAAM,CAAa;QAEnB,KAAK,CAA2B;QAEhC,8EAA8E;QAE9E,MAAM,yDAAU;QAEhB,yCAAyC;QAEzC,QAAQ,iHAAU;QAElB,uDAAuD;QAEvD,YAAY,uHAAU;QAEtB,kBAAkB;YAChB,IAAI,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAoB,cAAc,CAAC,CAAC;YAChF,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAoB,WAAW,CAAC,CAAC;YAC3E,CAAC;YACD,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,CAAY,cAAc,EAAE,YAAY,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;YAEnH,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;YACvD,IAAI,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC9B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC9C,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACf,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAE,CAAC,CAAC;gBAC5D,CAAC;YACH,CAAC;QACH,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAAwB;gBACnC,mBAAmB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE;gBAClD,qBAAqB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE;gBACtD,4BAA4B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC;gBACrG,0BAA0B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC;aACjG,CAAC;YACF,OAAO,IAAI,sBAAsB,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC;;;;;;;;SA7CU,YAAY","sourcesContent":["import { cssClasses, MDCFormFieldFoundation, MDCFormFieldAdapter } from '@material/form-field';\nimport { MdcComponent, booleanAttr } from '../base';\nimport { customElement, inject, bindable } from 'aurelia';\nimport { CustomAttribute } from '@aurelia/runtime-html';\nimport template from './mdc-form-field.html?raw';\nimport { MdcRipple, IMdcRippleElement } from '../ripple/mdc-ripple';\n\n/**\n * @selector mdc-form-field\n */\n@inject(Element)\n@customElement({ name: 'mdc-form-field', template })\nexport class MdcFormField extends MdcComponent<MDCFormFieldFoundation> {\n  cssClasses = cssClasses;\n\n  ripple?: MdcRipple;\n\n  label?: HTMLLabelElement | null;\n\n  /** Force label text to stay on a single line and ellipse the overflow text */\n  @bindable({ set: booleanAttr })\n  nowrap: boolean;\n\n  /** Position the input after the label */\n  @bindable({ set: booleanAttr })\n  alignEnd: boolean;\n\n  /** Distributes space between label text and control */\n  @bindable({ set: booleanAttr })\n  spaceBetween: boolean;\n\n  initialSyncWithDOM() {\n    let rippleUpgraded = this.root.querySelector<IMdcRippleElement>('mdc-checkbox');\n    if (!rippleUpgraded) {\n      rippleUpgraded = this.root.querySelector<IMdcRippleElement>('mdc-radio');\n    }\n    this.ripple = rippleUpgraded ? CustomAttribute.for<MdcRipple>(rippleUpgraded, 'mdc-ripple')?.viewModel : undefined;\n\n    const input = this.root.querySelector('input, button');\n    if (input?.hasAttribute('id')) {\n      this.label = this.root.querySelector('label');\n      if (this.label) {\n        this.label.setAttribute('for', input.getAttribute('id')!);\n      }\n    }\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: MDCFormFieldAdapter = {\n      activateInputRipple: () => this.ripple?.activate(),\n      deactivateInputRipple: () => this.ripple?.deactivate(),\n      deregisterInteractionHandler: (evtType, handler) => this.label?.removeEventListener(evtType, handler),\n      registerInteractionHandler: (evtType, handler) => this.label?.addEventListener(evtType, handler),\n    };\n    return new MDCFormFieldFoundation(adapter);\n  }\n\n}\n"]}

package/dist/icon/mdc-icon.html

@@ -0,0 +1,3 @@
+<template class="material-icons">
+  <au-slot></au-slot>
+</template>

package/dist/icon/mdc-icon.js

@@ -0,0 +1,29 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, inject } from 'aurelia';
+import template from './mdc-icon.html?raw';
+/**
+ * @selector mdc-icon
+ */
+let MdcIcon = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-icon', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcIcon = 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);
+            MdcIcon = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            this.root = root;
+        }
+    };
+    return MdcIcon = _classThis;
+})();
+export { MdcIcon };
+//# sourceMappingURL=mdc-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-icon.js","sourceRoot":"","sources":["../../src/icon/mdc-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAE3C;;GAEG;IAGU,OAAO;4BAFnB,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;;;;;;;;YAC9C,6KAEC;;;YAFY,uDAAO;;QACC,IAAI;QAAvB,YAAmB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;;;;SAD9B,OAAO","sourcesContent":["import { customElement, inject } from 'aurelia';\nimport template from './mdc-icon.html?raw';\n\n/**\n * @selector mdc-icon\n */\n@inject(Element)\n@customElement({ name: 'mdc-icon', template })\nexport class MdcIcon {\n  constructor(public root: HTMLElement) { }\n}\n"]}

package/dist/icon-button/enhance-mdc-icon-button.js

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

package/dist/icon-button/enhance-mdc-icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enhance-mdc-icon-button.js","sourceRoot":"","sources":["../../src/icon-button/enhance-mdc-icon-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,oBAAoB;4BADhC,qBAAqB;;;;;;;;YACtB,6KAIC;;;YAJY,uDAAoB;;QAC/B,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,oBAAoB,EAAC,8BAA8B,CAAC,CAAC;QAC1G,CAAC;;;;SAHU,oBAAoB","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\n\n@templateCompilerHooks\nexport class EnhanceMdcIconButton {\n  compiling(template: HTMLElement | HTMLTemplateElement) {\n    template.innerHTML = template.innerHTML.replaceAll('mdc-icon-button=\"\"','as-element=\"mdc-icon-button\"');\n  }\n}\n"]}

package/dist/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.html

@@ -0,0 +1,4 @@
+<template class="mdc-icon-button__icon ${on ? 'mdc-icon-button__icon--on' : ''} material-icons">
+  <au-slot></au-slot>
+  <span class="material-icons" if.bind="icon">${icon}</span>
+</template>