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

package/dist/elevation/mdc-elevation.js

@@ -1,10 +1,13 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customAttribute, inject } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcElevation = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 /**
  * @selector [mdc-elevation]
  */
 let MdcElevation = (() => {
-    let _classDecorators = [inject(Element), customAttribute('mdc-elevation')];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customAttribute)('mdc-elevation')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -12,10 +15,10 @@ let MdcElevation = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcElevation = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         root;
         constructor(root) {
@@ -36,5 +39,5 @@ let MdcElevation = (() => {
     };
     return MdcElevation = _classThis;
 })();
-export { MdcElevation };
+exports.MdcElevation = MdcElevation;
 //# sourceMappingURL=mdc-elevation.js.map

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

@@ -1 +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"]}
+{"version":3,"file":"mdc-elevation.js","sourceRoot":"","sources":["../../src/elevation/mdc-elevation.ts"],"names":[],"mappings":";;;;AAAA,qCAAkD;AAElD;;GAEG;IAGU,YAAY;4BAFxB,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,yBAAe,EAAC,eAAe,CAAC;;;;;;;;YACjC,qLAeC;;;YAfY,+DAAY;;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;;;;AAdU,oCAAY","sourcesContent":["import { customAttribute, inject } from 'aurelia';\r\n\r\n/**\r\n * @selector [mdc-elevation]\r\n */\r\n@inject(Element)\r\n@customAttribute('mdc-elevation')\r\nexport class MdcElevation {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  value: string;\r\n  valueChanged(newValue: string, oldValue?: string) {\r\n    if (oldValue) {\r\n      this.root.classList.add(`mdc-elevation--z${oldValue}`);\r\n    } else {\r\n      this.root.classList.add(`mdc-elevation--z${newValue}`);\r\n    }\r\n  }\r\n\r\n  attached() {\r\n    this.valueChanged(this.value, undefined);\r\n  }\r\n}\r\n"]}

package/dist/expandable/mdc-expandable.html

@@ -1,28 +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>
+<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

@@ -1,14 +1,17 @@
-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';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcExpandable = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const base_1 = require("../base");
+const runtime_html_1 = require("@aurelia/runtime-html");
+const mdc_expandable_html_raw_1 = tslib_1.__importDefault(require("./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 _classDecorators = [(0, aurelia_1.inject)(Element, aurelia_1.IPlatform), (0, aurelia_1.customElement)({ name: 'mdc-expandable', template: mdc_expandable_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -22,19 +25,19 @@ let MdcExpandable = (() => {
         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);
+            _open_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _accordion_decorators = [(0, aurelia_1.bindable)()];
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         element;
         platform;
         constructor(element, platform) {
-            __runInitializers(this, _accordion_extraInitializers);
+            tslib_1.__runInitializers(this, _accordion_extraInitializers);
             this.element = element;
             this.platform = platform;
         }
@@ -43,13 +46,13 @@ let MdcExpandable = (() => {
         contentContainer = undefined;
         focused;
         /** Toggles the expandable open and closed */
-        open = __runInitializers(this, _open_initializers, void 0);
+        open = tslib_1.__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));
+        accordion = (tslib_1.__runInitializers(this, _open_extraInitializers), tslib_1.__runInitializers(this, _accordion_initializers, void 0));
         handleEvent(e) {
             switch (e.type) {
                 case 'transitionend':
@@ -85,7 +88,7 @@ let MdcExpandable = (() => {
             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)
+                    .map(x => runtime_html_1.CustomElement.for(x).viewModel)
                     .forEach(x => x.toggle());
             }
             this.open = !this.open;
@@ -105,5 +108,5 @@ let MdcExpandable = (() => {
     };
     return MdcExpandable = _classThis;
 })();
-export { MdcExpandable };
+exports.MdcExpandable = MdcExpandable;
 //# sourceMappingURL=mdc-expandable.js.map

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

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

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

@@ -1,7 +1,10 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { templateCompilerHooks } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EnhanceMdcFab = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 let EnhanceMdcFab = (() => {
-    let _classDecorators = [templateCompilerHooks];
+    let _classDecorators = [aurelia_1.templateCompilerHooks];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -9,10 +12,10 @@ let EnhanceMdcFab = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             EnhanceMdcFab = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         compiling(template) {
             template.innerHTML = template.innerHTML.replaceAll('mdc-fab=""', 'as-element="mdc-fab"');
@@ -20,5 +23,5 @@ let EnhanceMdcFab = (() => {
     };
     return EnhanceMdcFab = _classThis;
 })();
-export { EnhanceMdcFab };
+exports.EnhanceMdcFab = EnhanceMdcFab;
 //# sourceMappingURL=enhance-mdc-fab.js.map

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

@@ -1 +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"]}
+{"version":3,"file":"enhance-mdc-fab.js","sourceRoot":"","sources":["../../src/fab/enhance-mdc-fab.ts"],"names":[],"mappings":";;;;AAAA,qCAAgD;IAGnC,aAAa;4BADzB,+BAAqB;;;;;;;;YACtB,qLAIC;;;YAJY,+DAAa;;QACxB,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,YAAY,EAAC,sBAAsB,CAAC,CAAC;QAC1F,CAAC;;;;AAHU,sCAAa","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMdcFab {\r\n  compiling(template: HTMLElement | HTMLTemplateElement) {\r\n    template.innerHTML = template.innerHTML.replaceAll('mdc-fab=\"\"','as-element=\"mdc-fab\"');\r\n  }\r\n}\r\n"]}

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

@@ -1,11 +1,14 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { inject, customAttribute } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcFabIcon = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("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 _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customAttribute)('mdc-fab-icon')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -13,10 +16,10 @@ let MdcFabIcon = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcFabIcon = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         root;
         constructor(root) {
@@ -28,5 +31,5 @@ let MdcFabIcon = (() => {
     };
     return MdcFabIcon = _classThis;
 })();
-export { MdcFabIcon };
+exports.MdcFabIcon = MdcFabIcon;
 //# sourceMappingURL=mdc-fab-icon.js.map

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

@@ -1 +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"]}
+{"version":3,"file":"mdc-fab-icon.js","sourceRoot":"","sources":["../../src/fab/mdc-fab-icon.ts"],"names":[],"mappings":";;;;AAAA,qCAAkD;AAElD;;;GAGG;IAGU,UAAU;4BAFtB,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,yBAAe,EAAC,cAAc,CAAC;;;;;;;;YAChC,qLAMC;;;YANY,+DAAU;;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;;;;AALU,gCAAU","sourcesContent":["import { inject, customAttribute } from 'aurelia';\r\n\r\n/**\r\n * Optional. Can be used with SVG icons, for example.\r\n * @selector [mdc-fab-icon]\r\n */\r\n@inject(Element)\r\n@customAttribute('mdc-fab-icon')\r\nexport class MdcFabIcon {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  attached() {\r\n    this.root.classList.add('mdc-fab__icon');\r\n  }\r\n}\r\n"]}

package/dist/fab/mdc-fab.html

@@ -1,13 +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>
+<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

@@ -1,14 +1,17 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement, bindable, inject } from 'aurelia';
-import { booleanAttr } from '../base';
-import template from './mdc-fab.html?raw';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcFab = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const base_1 = require("../base");
+const mdc_fab_html_raw_1 = tslib_1.__importDefault(require("./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 _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-fab', template: mdc_fab_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -37,44 +40,44 @@ let MdcFab = (() => {
         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);
+            _mini_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _extended_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _touch_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _exited_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _icon_decorators = [(0, aurelia_1.bindable)()];
+            _label_decorators = [(0, aurelia_1.bindable)()];
+            _disabled_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__esDecorate(null, null, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
+            tslib_1.__esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            tslib_1.__esDecorate(null, _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);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         root;
         constructor(root) {
-            __runInitializers(this, _disabled_extraInitializers);
+            tslib_1.__runInitializers(this, _disabled_extraInitializers);
             this.root = root;
         }
         /** Make the fab smaller (40 x 40 pixels) */
-        mini = __runInitializers(this, _mini_initializers, void 0);
+        mini = tslib_1.__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));
+        extended = (tslib_1.__runInitializers(this, _mini_extraInitializers), tslib_1.__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));
+        touch = (tslib_1.__runInitializers(this, _extended_extraInitializers), tslib_1.__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));
+        exited = (tslib_1.__runInitializers(this, _touch_extraInitializers), tslib_1.__runInitializers(this, _exited_initializers, void 0));
         /** Optional. Apply a Material Icon. */
-        icon = (__runInitializers(this, _exited_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
+        icon = (tslib_1.__runInitializers(this, _exited_extraInitializers), tslib_1.__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));
+        label = (tslib_1.__runInitializers(this, _icon_extraInitializers), tslib_1.__runInitializers(this, _label_initializers, void 0));
         /** Set the button disabled */
-        disabled = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _disabled_initializers, void 0));
+        disabled = (tslib_1.__runInitializers(this, _label_extraInitializers), tslib_1.__runInitializers(this, _disabled_initializers, void 0));
         disabledChanged() {
             if (this.disabled) {
                 this.root.setAttribute('disabled', '');
@@ -86,5 +89,5 @@ let MdcFab = (() => {
     };
     return MdcFab = _classThis;
 })();
-export { MdcFab };
+exports.MdcFab = MdcFab;
 //# sourceMappingURL=mdc-fab.js.map

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

@@ -1 +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"]}
+{"version":3,"file":"mdc-fab.js","sourceRoot":"","sources":["../../src/fab/mdc-fab.ts"],"names":[],"mappings":";;;;AAAA,qCAA0D;AAC1D,kCAAsC;AACtC,kFAA0C;AAE1C;;;;GAIG;IAGU,MAAM;4BAFlB,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAR,0BAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAK1C,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;oCAI9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;iCAI9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;kCAI9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;gCAI9B,IAAA,kBAAQ,GAAE;iCAIV,IAAA,kBAAQ,GAAE;oCAKV,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;YAxB/B,sKAAA,IAAI,6BAAJ,IAAI,mFAAU;YAId,kLAAA,QAAQ,6BAAR,QAAQ,2FAAU;YAIlB,yKAAA,KAAK,6BAAL,KAAK,qFAAU;YAIf,4KAAA,MAAM,6BAAN,MAAM,uFAAU;YAIhB,sKAAA,IAAI,6BAAJ,IAAI,mFAAS;YAIb,yKAAA,KAAK,6BAAL,KAAK,qFAAS;YAKd,kLAAA,QAAQ,6BAAR,QAAQ,2FAAU;YA9BpB,qLAsCC;;;YAtCY,+DAAM;;QACG,IAAI;QAAxB,YAAoB,IAAiB;;YAAjB,SAAI,GAAJ,IAAI,CAAa;SAAK;QAE1C,4CAA4C;QAE5C,IAAI,+DAAU;QAEd,iEAAiE;QAEjE,QAAQ,+HAAU;QAElB,+FAA+F;QAE/F,KAAK,gIAAU;QAEf,yCAAyC;QAEzC,MAAM,8HAAU;QAEhB,uCAAuC;QAEvC,IAAI,6HAAS;QAEb,sEAAsE;QAEtE,KAAK,4HAAS;QAGd,8BAA8B;QAE9B,QAAQ,gIAAU;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;;;;AArCU,wBAAM","sourcesContent":["import { customElement, bindable, inject } from 'aurelia';\r\nimport { booleanAttr } from '../base';\r\nimport template from './mdc-fab.html?raw';\r\n\r\n/**\r\n * @selector mdc-fab\r\n * @selector a[mdc-fab]\r\n * @selector button[mdc-fab]\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-fab', template })\r\nexport class MdcFab {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  /** Make the fab smaller (40 x 40 pixels) */\r\n  @bindable({ set: booleanAttr })\r\n  mini: boolean;\r\n\r\n  /** Modifies the FAB to wider size which includes a text label */\r\n  @bindable({ set: booleanAttr })\r\n  extended: boolean;\r\n\r\n  /** Set the mini fab touch target to 48 x 48 px. Only applies if FAB is set to mini as well. */\r\n  @bindable({ set: booleanAttr })\r\n  touch: boolean;\r\n\r\n  /** Animates the FAB in or out of view */\r\n  @bindable({ set: booleanAttr })\r\n  exited: boolean;\r\n\r\n  /** Optional. Apply a Material Icon. */\r\n  @bindable()\r\n  icon: string;\r\n\r\n  /** Optional, for the text label. Applicable only for Extended FAB. */\r\n  @bindable()\r\n  label: string;\r\n\r\n\r\n  /** Set the button disabled */\r\n  @bindable({ set: booleanAttr })\r\n  disabled: boolean;\r\n  disabledChanged() {\r\n    if (this.disabled) {\r\n      this.root.setAttribute('disabled', '');\r\n    } else {\r\n      this.root.removeAttribute('disabled');\r\n    }\r\n  }\r\n}\r\n"]}

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

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

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

@@ -1,23 +1,26 @@
-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';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcFloatingLabel = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const floating_label_1 = require("@material/floating-label");
+const base_1 = require("../base");
+const ponyfill_1 = require("@material/dom/ponyfill");
+const mdc_floating_label_html_raw_1 = tslib_1.__importDefault(require("./mdc-floating-label.html?raw"));
 let MdcFloatingLabel = (() => {
-    let _classDecorators = [inject(Element), customElement({ name: 'mdc-floating-label', template })];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-floating-label', template: mdc_floating_label_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.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);
+            tslib_1.__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);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         shake(shouldShake) {
             this.foundation?.shake(shouldShake);
@@ -43,14 +46,14 @@ let MdcFloatingLabel = (() => {
             const adapter = {
                 addClass: (className) => this.root.classList.add(className),
                 removeClass: (className) => this.root.classList.remove(className),
-                getWidth: () => estimateScrollWidth(this.root),
+                getWidth: () => (0, ponyfill_1.estimateScrollWidth)(this.root),
                 registerInteractionHandler: (evtType, handler) => this.listen(evtType, handler),
                 deregisterInteractionHandler: (evtType, handler) => this.unlisten(evtType, handler),
             };
-            return new MDCFloatingLabelFoundation(adapter);
+            return new floating_label_1.MDCFloatingLabelFoundation(adapter);
         }
     };
     return MdcFloatingLabel = _classThis;
 })();
-export { MdcFloatingLabel };
+exports.MdcFloatingLabel = MdcFloatingLabel;
 //# sourceMappingURL=mdc-floating-label.js.map

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

@@ -1 +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"]}
+{"version":3,"file":"mdc-floating-label.js","sourceRoot":"","sources":["../../src/floating-label/mdc-floating-label.ts"],"names":[],"mappings":";;;;AAAA,qCAAgD;AAChD,6DAA+F;AAC/F,kCAAuC;AACvC,qDAA6D;AAC7D,wGAAqD;IAIxC,gBAAgB;4BAF5B,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,oBAAoB,EAAE,QAAQ,EAAR,qCAAQ,EAAE,CAAC;;;;sBAClB,mBAAY;gCAApB,SAAQ,WAAwC;;;;YAA9E,qLAmCC;;;YAnCY,+DAAgB;;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,IAAA,8BAAmB,EAAC,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,2CAA0B,CAAC,OAAO,CAAC,CAAC;QACjD,CAAC;;;;AAlCU,4CAAgB","sourcesContent":["import { inject, customElement } from 'aurelia';\r\nimport { MDCFloatingLabelFoundation, MDCFloatingLabelAdapter } from '@material/floating-label';\r\nimport { MdcComponent } from '../base';\r\nimport { estimateScrollWidth } from '@material/dom/ponyfill';\r\nimport template from './mdc-floating-label.html?raw';\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-floating-label', template })\r\nexport class MdcFloatingLabel extends MdcComponent<MDCFloatingLabelFoundation> {\r\n  shake(shouldShake: boolean) {\r\n    this.foundation?.shake(shouldShake);\r\n  }\r\n\r\n  /**\r\n   * Styles the label to float/dock.\r\n   * @param shouldFloat If true, floats the label by adding a CSS class; otherwise, docks it by removing the class.\r\n   */\r\n  float(shouldFloat: boolean) {\r\n    this.foundation?.float(shouldFloat);\r\n  }\r\n\r\n  /**\r\n   * Styles the label as required.\r\n   * @param isRequired If true, adds an asterisk to the label, indicating that it is required.\r\n   */\r\n  setRequired(isRequired: boolean) {\r\n    this.foundation?.setRequired(isRequired);\r\n  }\r\n\r\n  getWidth(): number {\r\n    return this.foundation!.getWidth();\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    const adapter: MDCFloatingLabelAdapter = {\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      getWidth: () => estimateScrollWidth(this.root),\r\n      registerInteractionHandler: (evtType, handler) => this.listen(evtType, handler),\r\n      deregisterInteractionHandler: (evtType, handler) => this.unlisten(evtType, handler),\r\n    };\r\n    return new MDCFloatingLabelFoundation(adapter);\r\n  }\r\n}\r\n"]}

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

@@ -1,6 +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>
+<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>