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

package/dist/{drawer → src/drawer}/mdc-drawer.js

@@ -1,21 +1,24 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { MdcComponent } from '../base';
-import { MDCDismissibleDrawerFoundation, cssClasses, strings, MDCModalDrawerFoundation } from '@material/drawer';
-import { customElement, bindable, inject } from 'aurelia';
-import template from './mdc-drawer.html?raw';
-strings.CLOSE_EVENT = strings.CLOSE_EVENT.toLowerCase();
-strings.OPEN_EVENT = strings.OPEN_EVENT.toLowerCase();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcDrawer = void 0;
+const tslib_1 = require("tslib");
+const base_1 = require("../base");
+const drawer_1 = require("@material/drawer");
+const aurelia_1 = require("aurelia");
+const mdc_drawer_html_raw_1 = tslib_1.__importDefault(require("./mdc-drawer.html?raw"));
+drawer_1.strings.CLOSE_EVENT = drawer_1.strings.CLOSE_EVENT.toLowerCase();
+drawer_1.strings.OPEN_EVENT = drawer_1.strings.OPEN_EVENT.toLowerCase();
 /**
  * @selector mdc-drawer
  * @emits mdcdrawer:closed | Event dispatched on drawer close
  * @emits mdcdrawer:opened | Event dispatched on drawer open
  */
 let MdcDrawer = (() => {
-    let _classDecorators = [inject(Element), customElement({ name: 'mdc-drawer', template })];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-drawer', template: mdc_drawer_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _type_decorators;
     let _type_initializers = [];
     let _type_extraInitializers = [];
@@ -23,15 +26,15 @@ let MdcDrawer = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _type_decorators = [bindable()];
-            __esDecorate(null, null, _type_decorators, { kind: "field", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _type_decorators = [(0, aurelia_1.bindable)()];
+            tslib_1.__esDecorate(null, null, _type_decorators, { kind: "field", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcDrawer = _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);
         }
         /** Set the drawer implementation */
-        type = __runInitializers(this, _type_initializers, 'standard');
+        type = tslib_1.__runInitializers(this, _type_initializers, 'standard');
         /**
          * @return boolean Proxies to the foundation's `open`/`close` methods.
          * Also returns true if drawer is in the open position.
@@ -50,7 +53,7 @@ let MdcDrawer = (() => {
                 this.foundation?.close();
             }
         }
-        previousFocus_ = __runInitializers(this, _type_extraInitializers);
+        previousFocus_ = tslib_1.__runInitializers(this, _type_extraInitializers);
         scrim_; // assigned in initialSyncWithDOM()
         mdcFocusTrap;
         attaching() {
@@ -81,7 +84,7 @@ let MdcDrawer = (() => {
             return true;
         }
         destroy() {
-            const { MODAL } = cssClasses;
+            const { MODAL } = drawer_1.cssClasses;
             if (this.scrim_ && this.handleScrimClick_ && this.root.classList.contains(MODAL)) {
                 this.scrim_.removeEventListener('click', this.handleScrimClick_);
                 // Ensure drawer is closed to hide scrim and release focus
@@ -109,16 +112,16 @@ let MdcDrawer = (() => {
                         activeNavItemEl.focus();
                     }
                 },
-                notifyClose: () => this.emit(strings.CLOSE_EVENT, {}, true /* shouldBubble */),
-                notifyOpen: () => this.emit(strings.OPEN_EVENT, {}, true /* shouldBubble */),
+                notifyClose: () => this.emit(drawer_1.strings.CLOSE_EVENT, {}, true /* shouldBubble */),
+                notifyOpen: () => this.emit(drawer_1.strings.OPEN_EVENT, {}, true /* shouldBubble */),
                 trapFocus: () => this.mdcFocusTrap.trapFocus(),
                 releaseFocus: () => this.mdcFocusTrap.releaseFocus(),
             };
             if (this.type === 'modal') {
-                return new MDCModalDrawerFoundation(adapter);
+                return new drawer_1.MDCModalDrawerFoundation(adapter);
             }
             else {
-                return new MDCDismissibleDrawerFoundation(adapter);
+                return new drawer_1.MDCDismissibleDrawerFoundation(adapter);
             }
         }
         toggle() {
@@ -127,5 +130,5 @@ let MdcDrawer = (() => {
     };
     return MdcDrawer = _classThis;
 })();
-export { MdcDrawer };
+exports.MdcDrawer = MdcDrawer;
 //# sourceMappingURL=mdc-drawer.js.map

package/dist/src/drawer/mdc-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-drawer.js","sourceRoot":"","sources":["../../../src/drawer/mdc-drawer.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, MdcFocusTrap } from '../base';\r\nimport { MDCDismissibleDrawerFoundation, cssClasses, strings, MDCModalDrawerFoundation, MDCDrawerAdapter } from '@material/drawer';\r\nimport { customElement, bindable, inject } from 'aurelia';\r\nimport template from './mdc-drawer.html?raw';\r\n\r\nstrings.CLOSE_EVENT = strings.CLOSE_EVENT.toLowerCase();\r\nstrings.OPEN_EVENT = strings.OPEN_EVENT.toLowerCase();\r\n\r\n/**\r\n * @selector mdc-drawer\r\n * @emits mdcdrawer:closed | Event dispatched on drawer close\r\n * @emits mdcdrawer:opened | Event dispatched on drawer open\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-drawer', template })\r\nexport class MdcDrawer extends MdcComponent<MDCDismissibleDrawerFoundation | MDCModalDrawerFoundation> {\r\n\r\n  /** Set the drawer implementation */\r\n  @bindable()\r\n  type: 'standard' | 'dismissible' | 'modal' = 'standard';\r\n\r\n  /**\r\n   * @return boolean Proxies to the foundation's `open`/`close` methods.\r\n   * Also returns true if drawer is in the open position.\r\n   */\r\n  get open(): boolean {\r\n    return this.foundation!.isOpen();\r\n  }\r\n\r\n  /**\r\n   * Toggles the drawer open and closed.\r\n   */\r\n  set open(isOpen: boolean) {\r\n    if (isOpen) {\r\n      this.foundation?.open();\r\n    } else {\r\n      this.foundation?.close();\r\n    }\r\n  }\r\n\r\n  private previousFocus_?: Element | null;\r\n  private scrim_?: HTMLElement | null; // assigned in initialSyncWithDOM()\r\n\r\n  mdcFocusTrap: MdcFocusTrap;\r\n\r\n  attaching() {\r\n    if (this.root.parentElement!.clientWidth < 900) {\r\n      this.type = 'modal';\r\n    }\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    if (this.type === 'modal') {\r\n      this.scrim_ = document.createElement('div');\r\n      this.scrim_.classList.add('mdc-drawer-scrim');\r\n      this.root.insertAdjacentElement('afterend', this.scrim_);\r\n\r\n      if (this.scrim_) {\r\n        this.scrim_.addEventListener('click', this.handleScrimClick_);\r\n      }\r\n    }\r\n  }\r\n\r\n  handleScrimClick_ = () => {\r\n    this.open = false;\r\n    return (this.foundation as MDCModalDrawerFoundation).handleScrimClick();\r\n  };\r\n\r\n  handleKeydown_(evt: KeyboardEvent) {\r\n    this.foundation?.handleKeydown(evt);\r\n    return true;\r\n  }\r\n\r\n  handleTransitionEnd_(evt: TransitionEvent) {\r\n    this.foundation?.handleTransitionEnd(evt);\r\n    return true;\r\n  }\r\n\r\n  destroy() {\r\n    const { MODAL } = cssClasses;\r\n    if (this.scrim_ && this.handleScrimClick_ && this.root.classList.contains(MODAL)) {\r\n      this.scrim_.removeEventListener('click', this.handleScrimClick_);\r\n      // Ensure drawer is closed to hide scrim and release focus\r\n      this.open = false;\r\n    }\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCDrawerAdapter = {\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      hasClass: (className) => this.root.classList.contains(className),\r\n      elementHasClass: (element, className) => element.classList.contains(className),\r\n      saveFocus: () => this.previousFocus_ = document.activeElement,\r\n      restoreFocus: () => {\r\n        const previousFocus = this.previousFocus_ as HTMLOrSVGElement | null;\r\n        if (previousFocus?.focus && this.root.contains(document.activeElement)) {\r\n          previousFocus.focus();\r\n        }\r\n      },\r\n      focusActiveNavigationItem: () => {\r\n        const activeNavItemEl = this.root.querySelector<HTMLElement>('.mdc-deprecated-list-item--activated');\r\n        if (activeNavItemEl) {\r\n          activeNavItemEl.focus();\r\n        }\r\n      },\r\n      notifyClose: () => this.emit(strings.CLOSE_EVENT, {}, true /* shouldBubble */),\r\n      notifyOpen: () => this.emit(strings.OPEN_EVENT, {}, true /* shouldBubble */),\r\n      trapFocus: () => this.mdcFocusTrap.trapFocus(),\r\n      releaseFocus: () => this.mdcFocusTrap.releaseFocus(),\r\n    };\r\n\r\n    if (this.type === 'modal') {\r\n      return new MDCModalDrawerFoundation(adapter);\r\n    } else {\r\n      return new MDCDismissibleDrawerFoundation(adapter);\r\n    }\r\n  }\r\n\r\n  toggle() {\r\n    this.open = !this.open;\r\n  }\r\n}\r\n"]}

package/dist/{elevation → src/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/src/elevation/mdc-elevation.js.map

@@ -0,0 +1 @@
+{"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 → src/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/src/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';\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 → src/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/src/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,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 → src/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/src/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,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/src/fab/mdc-fab.js

@@ -0,0 +1,93 @@
+"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 = [(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;
+    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 = [(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 });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            tslib_1.__runInitializers(this, _disabled_extraInitializers);
+            this.root = root;
+        }
+        /** Make the fab smaller (40 x 40 pixels) */
+        mini = tslib_1.__runInitializers(this, _mini_initializers, void 0);
+        /** Modifies the FAB to wider size which includes a text label */
+        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 = (tslib_1.__runInitializers(this, _extended_extraInitializers), tslib_1.__runInitializers(this, _touch_initializers, void 0));
+        /** Animates the FAB in or out of view */
+        exited = (tslib_1.__runInitializers(this, _touch_extraInitializers), tslib_1.__runInitializers(this, _exited_initializers, void 0));
+        /** Optional. Apply a Material Icon. */
+        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 = (tslib_1.__runInitializers(this, _icon_extraInitializers), tslib_1.__runInitializers(this, _label_initializers, void 0));
+        /** Set the button disabled */
+        disabled = (tslib_1.__runInitializers(this, _label_extraInitializers), tslib_1.__runInitializers(this, _disabled_initializers, void 0));
+        disabledChanged() {
+            if (this.disabled) {
+                this.root.setAttribute('disabled', '');
+            }
+            else {
+                this.root.removeAttribute('disabled');
+            }
+        }
+    };
+    return MdcFab = _classThis;
+})();
+exports.MdcFab = MdcFab;
+//# sourceMappingURL=mdc-fab.js.map

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

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

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcFormField = void 0;
+const tslib_1 = require("tslib");
+const form_field_1 = require("@material/form-field");
+const base_1 = require("../base");
+const aurelia_1 = require("aurelia");
+const runtime_html_1 = require("@aurelia/runtime-html");
+const mdc_form_field_html_raw_1 = tslib_1.__importDefault(require("./mdc-form-field.html?raw"));
+/**
+ * @selector mdc-form-field
+ */
+let MdcFormField = (() => {
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-form-field', template: mdc_form_field_html_raw_1.default })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = base_1.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 = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _alignEnd_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _spaceBetween_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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 });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        cssClasses = form_field_1.cssClasses;
+        ripple;
+        label;
+        /** Force label text to stay on a single line and ellipse the overflow text */
+        nowrap = tslib_1.__runInitializers(this, _nowrap_initializers, void 0);
+        /** Position the input after the label */
+        alignEnd = (tslib_1.__runInitializers(this, _nowrap_extraInitializers), tslib_1.__runInitializers(this, _alignEnd_initializers, void 0));
+        /** Distributes space between label text and control */
+        spaceBetween = (tslib_1.__runInitializers(this, _alignEnd_extraInitializers), tslib_1.__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 ? runtime_html_1.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 form_field_1.MDCFormFieldFoundation(adapter);
+        }
+        constructor() {
+            super(...arguments);
+            tslib_1.__runInitializers(this, _spaceBetween_extraInitializers);
+        }
+    };
+    return MdcFormField = _classThis;
+})();
+exports.MdcFormField = MdcFormField;
+//# sourceMappingURL=mdc-form-field.js.map

package/dist/src/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,qDAA+F;AAC/F,kCAAoD;AACpD,qCAA0D;AAC1D,wDAAwD;AACxD,gGAAiD;AAGjD;;GAEG;IAGU,YAAY;4BAFxB,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAR,iCAAQ,EAAE,CAAC;;;;sBAClB,mBAAY;;;;;;;;;;4BAApB,SAAQ,WAAoC;;;;kCAQnE,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;oCAI9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;wCAI9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;YAP/B,4KAAA,MAAM,6BAAN,MAAM,uFAAU;YAIhB,kLAAA,QAAQ,6BAAR,QAAQ,2FAAU;YAIlB,8LAAA,YAAY,6BAAZ,YAAY,mGAAU;YAjBxB,qLA+CC;;;YA/CY,+DAAY;;QACvB,UAAU,GAAG,uBAAU,CAAC;QAExB,MAAM,CAAa;QAEnB,KAAK,CAA2B;QAEhC,8EAA8E;QAE9E,MAAM,iEAAU;QAEhB,yCAAyC;QAEzC,QAAQ,iIAAU;QAElB,uDAAuD;QAEvD,YAAY,uIAAU;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,8BAAe,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,mCAAsB,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC;;;;;;;;AA7CU,oCAAY","sourcesContent":["import { cssClasses, MDCFormFieldFoundation, MDCFormFieldAdapter } from '@material/form-field';\r\nimport { MdcComponent, booleanAttr } from '../base';\r\nimport { customElement, inject, bindable } from 'aurelia';\r\nimport { CustomAttribute } from '@aurelia/runtime-html';\r\nimport template from './mdc-form-field.html?raw';\r\nimport { MdcRipple, IMdcRippleElement } from '../ripple/mdc-ripple';\r\n\r\n/**\r\n * @selector mdc-form-field\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-form-field', template })\r\nexport class MdcFormField extends MdcComponent<MDCFormFieldFoundation> {\r\n  cssClasses = cssClasses;\r\n\r\n  ripple?: MdcRipple;\r\n\r\n  label?: HTMLLabelElement | null;\r\n\r\n  /** Force label text to stay on a single line and ellipse the overflow text */\r\n  @bindable({ set: booleanAttr })\r\n  nowrap: boolean;\r\n\r\n  /** Position the input after the label */\r\n  @bindable({ set: booleanAttr })\r\n  alignEnd: boolean;\r\n\r\n  /** Distributes space between label text and control */\r\n  @bindable({ set: booleanAttr })\r\n  spaceBetween: boolean;\r\n\r\n  initialSyncWithDOM() {\r\n    let rippleUpgraded = this.root.querySelector<IMdcRippleElement>('mdc-checkbox');\r\n    if (!rippleUpgraded) {\r\n      rippleUpgraded = this.root.querySelector<IMdcRippleElement>('mdc-radio');\r\n    }\r\n    this.ripple = rippleUpgraded ? CustomAttribute.for<MdcRipple>(rippleUpgraded, 'mdc-ripple')?.viewModel : undefined;\r\n\r\n    const input = this.root.querySelector('input, button');\r\n    if (input?.hasAttribute('id')) {\r\n      this.label = this.root.querySelector('label');\r\n      if (this.label) {\r\n        this.label.setAttribute('for', input.getAttribute('id')!);\r\n      }\r\n    }\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCFormFieldAdapter = {\r\n      activateInputRipple: () => this.ripple?.activate(),\r\n      deactivateInputRipple: () => this.ripple?.deactivate(),\r\n      deregisterInteractionHandler: (evtType, handler) => this.label?.removeEventListener(evtType, handler),\r\n      registerInteractionHandler: (evtType, handler) => this.label?.addEventListener(evtType, handler),\r\n    };\r\n    return new MDCFormFieldFoundation(adapter);\r\n  }\r\n\r\n}\r\n"]}