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

package/dist/banner/mdc-banner.html

@@ -0,0 +1,21 @@
+<template class="mdc-banner ${centered ? 'mdc-banner--centered' : ''}" role="banner"
+  mdc-focus-trap="initial-focus-el.bind: primaryActionEl" mdc-focus-trap.ref="mdcFocusTrap">
+  <div class="${fixed ? 'mdc-banner__fixed' : ''}">
+    <div class="mdc-banner__content" role="alertdialog" aria-live="assertive" ref="contentEl">
+      <div class="mdc-banner__graphic-text-wrapper">
+        <div class="mdc-banner__graphic" role="img" alt="" if.bind="icon">
+          <i class="material-icons mdc-banner__icon">${icon}</i>
+        </div>
+        <div class="mdc-banner__text">
+          <au-slot></au-slot>
+        </div>
+      </div>
+      <div class="mdc-banner__actions">
+        <button mdc-button class="mdc-banner__secondary-action" if.bind="secondaryAction"
+          click.trigger="handleSecondaryActionClick()">${secondaryAction}</button>
+        <button mdc-button class="mdc-banner__primary-action" if.bind="primaryAction"
+          click.trigger="handlePrimaryActionClick()" ref="primaryActionEl">${primaryAction}</button>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/banner/mdc-banner.js

@@ -0,0 +1,151 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { booleanAttr, MdcComponent } from '../base';
+import { events, MDCBannerFoundation } from '@material/banner';
+import { inject, customElement, bindable } from 'aurelia';
+import template from './mdc-banner.html?raw';
+events.CLOSED = events.CLOSED.toLowerCase();
+events.CLOSING = events.CLOSING.toLowerCase();
+events.OPENED = events.OPENED.toLowerCase();
+events.OPENING = events.OPENING.toLowerCase();
+/**
+ * @selector mdc-banner
+ */
+let MdcBanner = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-banner', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _fixed_decorators;
+    let _fixed_initializers = [];
+    let _fixed_extraInitializers = [];
+    let _centered_decorators;
+    let _centered_initializers = [];
+    let _centered_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    let _primaryAction_decorators;
+    let _primaryAction_initializers = [];
+    let _primaryAction_extraInitializers = [];
+    let _secondaryAction_decorators;
+    let _secondaryAction_initializers = [];
+    let _secondaryAction_extraInitializers = [];
+    let _disablePrimaryAutoClose_decorators;
+    let _disablePrimaryAutoClose_initializers = [];
+    let _disablePrimaryAutoClose_extraInitializers = [];
+    let _disableSecondaryAutoClose_decorators;
+    let _disableSecondaryAutoClose_initializers = [];
+    let _disableSecondaryAutoClose_extraInitializers = [];
+    var MdcBanner = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _fixed_decorators = [bindable({ set: booleanAttr })];
+            _centered_decorators = [bindable({ set: booleanAttr })];
+            _icon_decorators = [bindable()];
+            _primaryAction_decorators = [bindable()];
+            _secondaryAction_decorators = [bindable()];
+            _disablePrimaryAutoClose_decorators = [bindable({ set: booleanAttr })];
+            _disableSecondaryAutoClose_decorators = [bindable({ set: booleanAttr })];
+            __esDecorate(null, null, _fixed_decorators, { kind: "field", name: "fixed", static: false, private: false, access: { has: obj => "fixed" in obj, get: obj => obj.fixed, set: (obj, value) => { obj.fixed = value; } }, metadata: _metadata }, _fixed_initializers, _fixed_extraInitializers);
+            __esDecorate(null, null, _centered_decorators, { kind: "field", name: "centered", static: false, private: false, access: { has: obj => "centered" in obj, get: obj => obj.centered, set: (obj, value) => { obj.centered = value; } }, metadata: _metadata }, _centered_initializers, _centered_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, _primaryAction_decorators, { kind: "field", name: "primaryAction", static: false, private: false, access: { has: obj => "primaryAction" in obj, get: obj => obj.primaryAction, set: (obj, value) => { obj.primaryAction = value; } }, metadata: _metadata }, _primaryAction_initializers, _primaryAction_extraInitializers);
+            __esDecorate(null, null, _secondaryAction_decorators, { kind: "field", name: "secondaryAction", static: false, private: false, access: { has: obj => "secondaryAction" in obj, get: obj => obj.secondaryAction, set: (obj, value) => { obj.secondaryAction = value; } }, metadata: _metadata }, _secondaryAction_initializers, _secondaryAction_extraInitializers);
+            __esDecorate(null, null, _disablePrimaryAutoClose_decorators, { kind: "field", name: "disablePrimaryAutoClose", static: false, private: false, access: { has: obj => "disablePrimaryAutoClose" in obj, get: obj => obj.disablePrimaryAutoClose, set: (obj, value) => { obj.disablePrimaryAutoClose = value; } }, metadata: _metadata }, _disablePrimaryAutoClose_initializers, _disablePrimaryAutoClose_extraInitializers);
+            __esDecorate(null, null, _disableSecondaryAutoClose_decorators, { kind: "field", name: "disableSecondaryAutoClose", static: false, private: false, access: { has: obj => "disableSecondaryAutoClose" in obj, get: obj => obj.disableSecondaryAutoClose, set: (obj, value) => { obj.disableSecondaryAutoClose = value; } }, metadata: _metadata }, _disableSecondaryAutoClose_initializers, _disableSecondaryAutoClose_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcBanner = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        contentEl;
+        mdcFocusTrap;
+        /** When used below top app bars, banners should remain fixed at the top of the screen */
+        fixed = __runInitializers(this, _fixed_initializers, void 0);
+        /** Displayed banner centered, optional */
+        centered = (__runInitializers(this, _fixed_extraInitializers), __runInitializers(this, _centered_initializers, void 0));
+        /** Sets banner icon */
+        icon = (__runInitializers(this, _centered_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
+        /** Sets the banner primary action text */
+        primaryAction = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _primaryAction_initializers, void 0));
+        /** Sets the banner secondary action text */
+        secondaryAction = (__runInitializers(this, _primaryAction_extraInitializers), __runInitializers(this, _secondaryAction_initializers, void 0));
+        disablePrimaryAutoClose = (__runInitializers(this, _secondaryAction_extraInitializers), __runInitializers(this, _disablePrimaryAutoClose_initializers, void 0));
+        disableSecondaryAutoClose = (__runInitializers(this, _disablePrimaryAutoClose_extraInitializers), __runInitializers(this, _disableSecondaryAutoClose_initializers, void 0));
+        handlePrimaryActionClick() {
+            this.foundation?.handlePrimaryActionClick(this.disablePrimaryAutoClose);
+        }
+        handleSecondaryActionClick() {
+            this.foundation?.handleSecondaryActionClick(this.disableSecondaryAutoClose);
+        }
+        /**
+         * Opens the banner and fires events.OPENING to indicate the beginning of its
+         * opening animation and then events.OPENED once the animation finishes.
+         */
+        open() {
+            this.foundation?.open();
+        }
+        /**
+         * Closes the banner and fires events.CLOSING to indicate the beginning of its
+         * closing animation and then events.CLOSED once the animation finishes.
+         * @param reason Why the banner was closed. Value will be passed to
+         *     events.CLOSING and events.CLOSED via the `event.detail.reason`
+         *     property. Standard values are CloseReason.PRIMARY and
+         *     CloseReason.SECONDARY, but CloseReason.UNSPECIFIED is provided for
+         *     custom handling of programmatic closing of the banner.
+         */
+        close(reason) {
+            this.foundation?.close(reason);
+        }
+        getDefaultFoundation() {
+            // DO NOT INLINE this variable. For backward compatibility, foundations take
+            // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any
+            // methods, we need a separate, strongly typed adapter variable.
+            const adapter = {
+                addClass: (className) => {
+                    this.root.classList.add(className);
+                },
+                getContentHeight: () => {
+                    return this.contentEl.offsetHeight;
+                },
+                notifyClosed: (reason) => {
+                    this.emit(events.CLOSED, { reason });
+                },
+                notifyClosing: (reason) => {
+                    this.emit(events.CLOSING, { reason });
+                },
+                notifyOpened: () => {
+                    this.emit(events.OPENED, {});
+                },
+                notifyOpening: () => {
+                    this.emit(events.OPENING, {});
+                },
+                notifyActionClicked: (action) => {
+                    this.emit(events.ACTION_CLICKED, { action });
+                },
+                releaseFocus: () => {
+                    this.mdcFocusTrap?.releaseFocus();
+                },
+                removeClass: (className) => {
+                    this.root.classList.remove(className);
+                },
+                setStyleProperty: (propertyName, value) => {
+                    this.root.style.setProperty(propertyName, value);
+                },
+                trapFocus: () => {
+                    this.mdcFocusTrap?.trapFocus();
+                },
+            };
+            return new MDCBannerFoundation(adapter);
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _disableSecondaryAutoClose_extraInitializers);
+        }
+    };
+    return MdcBanner = _classThis;
+})();
+export { MdcBanner };
+//# sourceMappingURL=mdc-banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-banner.js","sourceRoot":"","sources":["../../src/banner/mdc-banner.ts"],"names":[],"mappings":"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","sourcesContent":["import { booleanAttr, MdcComponent, MdcFocusTrap } from '../base';\nimport { CloseReason, events, MDCBannerActionEventDetail, MDCBannerAdapter, MDCBannerCloseEventDetail, MDCBannerFoundation } from '@material/banner';\nimport { inject, customElement, bindable } from 'aurelia';\nimport template from './mdc-banner.html?raw';\n\nevents.CLOSED = events.CLOSED.toLowerCase();\nevents.CLOSING = events.CLOSING.toLowerCase();\nevents.OPENED = events.OPENED.toLowerCase();\nevents.OPENING = events.OPENING.toLowerCase();\n\n/**\n * @selector mdc-banner\n */\n@inject(Element)\n@customElement({ name: 'mdc-banner', template })\nexport class MdcBanner extends MdcComponent<MDCBannerFoundation> {\n  private contentEl: HTMLElement;\n  private mdcFocusTrap: MdcFocusTrap;\n\n  /** When used below top app bars, banners should remain fixed at the top of the screen */\n  @bindable({ set: booleanAttr })\n  fixed: boolean;\n\n  /** Displayed banner centered, optional */\n  @bindable({ set: booleanAttr })\n  centered: boolean;\n\n  /** Sets banner icon */\n  @bindable()\n  icon: string;\n\n  /** Sets the banner primary action text */\n  @bindable()\n  primaryAction: string;\n\n  /** Sets the banner secondary action text */\n  @bindable()\n  secondaryAction: string;\n\n  @bindable({ set: booleanAttr })\n  disablePrimaryAutoClose: boolean;\n\n  @bindable({ set: booleanAttr })\n  disableSecondaryAutoClose: boolean;\n\n  handlePrimaryActionClick() {\n    this.foundation?.handlePrimaryActionClick(this.disablePrimaryAutoClose);\n  }\n\n  handleSecondaryActionClick() {\n    this.foundation?.handleSecondaryActionClick(this.disableSecondaryAutoClose);\n  }\n\n  /**\n   * Opens the banner and fires events.OPENING to indicate the beginning of its\n   * opening animation and then events.OPENED once the animation finishes.\n   */\n  open() {\n    this.foundation?.open();\n  }\n\n  /**\n   * Closes the banner and fires events.CLOSING to indicate the beginning of its\n   * closing animation and then events.CLOSED once the animation finishes.\n   * @param reason Why the banner was closed. Value will be passed to\n   *     events.CLOSING and events.CLOSED via the `event.detail.reason`\n   *     property. Standard values are CloseReason.PRIMARY and\n   *     CloseReason.SECONDARY, but CloseReason.UNSPECIFIED is provided for\n   *     custom handling of programmatic closing of the banner.\n   */\n  close(reason: CloseReason) {\n    this.foundation?.close(reason);\n  }\n\n  getDefaultFoundation() {\n    // DO NOT INLINE this variable. For backward compatibility, foundations take\n    // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\n    // methods, we need a separate, strongly typed adapter variable.\n    const adapter: MDCBannerAdapter = {\n      addClass: (className) => {\n        this.root.classList.add(className);\n      },\n      getContentHeight: () => {\n        return this.contentEl.offsetHeight;\n      },\n      notifyClosed: (reason) => {\n        this.emit<MDCBannerCloseEventDetail>(events.CLOSED, { reason });\n      },\n      notifyClosing: (reason) => {\n        this.emit<MDCBannerCloseEventDetail>(events.CLOSING, { reason });\n      },\n      notifyOpened: () => {\n        this.emit(events.OPENED, {});\n      },\n      notifyOpening: () => {\n        this.emit(events.OPENING, {});\n      },\n      notifyActionClicked: (action) => {\n        this.emit<MDCBannerActionEventDetail>(events.ACTION_CLICKED, { action });\n      },\n      releaseFocus: () => {\n        this.mdcFocusTrap?.releaseFocus();\n      },\n      removeClass: (className) => {\n        this.root.classList.remove(className);\n      },\n      setStyleProperty: (propertyName, value) => {\n        this.root.style.setProperty(propertyName, value);\n      },\n      trapFocus: () => {\n        this.mdcFocusTrap?.trapFocus();\n      },\n    };\n    return new MDCBannerFoundation(adapter);\n  }\n}\n"]}

package/dist/base/attributes/mdc-focus-trap.js

@@ -0,0 +1,68 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { FocusTrap } from '@material/dom/focus-trap';
+import { customAttribute, inject, bindable } from 'aurelia';
+import { booleanAttr } from '../interceptors';
+let MdcFocusTrap = (() => {
+    let _classDecorators = [customAttribute('mdc-focus-trap'), inject(Element)];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _delay_decorators;
+    let _delay_initializers = [];
+    let _delay_extraInitializers = [];
+    let _initialFocusEl_decorators;
+    let _initialFocusEl_initializers = [];
+    let _initialFocusEl_extraInitializers = [];
+    let _skipInitialFocus_decorators;
+    let _skipInitialFocus_initializers = [];
+    let _skipInitialFocus_extraInitializers = [];
+    let _skipRestoreFocus_decorators;
+    let _skipRestoreFocus_initializers = [];
+    let _skipRestoreFocus_extraInitializers = [];
+    var MdcFocusTrap = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _delay_decorators = [bindable({ set: booleanAttr })];
+            _initialFocusEl_decorators = [bindable()];
+            _skipInitialFocus_decorators = [bindable({ set: booleanAttr })];
+            _skipRestoreFocus_decorators = [bindable({ set: booleanAttr })];
+            __esDecorate(null, null, _delay_decorators, { kind: "field", name: "delay", static: false, private: false, access: { has: obj => "delay" in obj, get: obj => obj.delay, set: (obj, value) => { obj.delay = value; } }, metadata: _metadata }, _delay_initializers, _delay_extraInitializers);
+            __esDecorate(null, null, _initialFocusEl_decorators, { kind: "field", name: "initialFocusEl", static: false, private: false, access: { has: obj => "initialFocusEl" in obj, get: obj => obj.initialFocusEl, set: (obj, value) => { obj.initialFocusEl = value; } }, metadata: _metadata }, _initialFocusEl_initializers, _initialFocusEl_extraInitializers);
+            __esDecorate(null, null, _skipInitialFocus_decorators, { kind: "field", name: "skipInitialFocus", static: false, private: false, access: { has: obj => "skipInitialFocus" in obj, get: obj => obj.skipInitialFocus, set: (obj, value) => { obj.skipInitialFocus = value; } }, metadata: _metadata }, _skipInitialFocus_initializers, _skipInitialFocus_extraInitializers);
+            __esDecorate(null, null, _skipRestoreFocus_decorators, { kind: "field", name: "skipRestoreFocus", static: false, private: false, access: { has: obj => "skipRestoreFocus" in obj, get: obj => obj.skipRestoreFocus, set: (obj, value) => { obj.skipRestoreFocus = value; } }, metadata: _metadata }, _skipRestoreFocus_initializers, _skipRestoreFocus_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcFocusTrap = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            __runInitializers(this, _skipRestoreFocus_extraInitializers);
+            this.root = root;
+        }
+        focusTrap;
+        delay = __runInitializers(this, _delay_initializers, void 0);
+        initialFocusEl = (__runInitializers(this, _delay_extraInitializers), __runInitializers(this, _initialFocusEl_initializers, void 0));
+        skipInitialFocus = (__runInitializers(this, _initialFocusEl_extraInitializers), __runInitializers(this, _skipInitialFocus_initializers, void 0));
+        skipRestoreFocus = (__runInitializers(this, _skipInitialFocus_extraInitializers), __runInitializers(this, _skipRestoreFocus_initializers, void 0));
+        attached() {
+            if (!this.delay) {
+                this.create();
+            }
+        }
+        create() {
+            const el = this.initialFocusEl instanceof HTMLElement || this.initialFocusEl === undefined ? this.initialFocusEl : this.initialFocusEl();
+            this.focusTrap = new FocusTrap(this.root, { initialFocusEl: el, skipInitialFocus: this.skipInitialFocus, skipRestoreFocus: this.skipRestoreFocus });
+        }
+        trapFocus() {
+            this.focusTrap?.trapFocus();
+        }
+        releaseFocus() {
+            this.focusTrap?.releaseFocus();
+        }
+    };
+    return MdcFocusTrap = _classThis;
+})();
+export { MdcFocusTrap };
+//# sourceMappingURL=mdc-focus-trap.js.map

package/dist/base/attributes/mdc-focus-trap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-focus-trap.js","sourceRoot":"","sources":["../../../src/base/attributes/mdc-focus-trap.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;IAIjC,YAAY;4BAFxB,eAAe,CAAC,gBAAgB,CAAC,EACjC,MAAM,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;iCAMb,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;0CAG9B,QAAQ,EAAE;4CAGV,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;4CAG9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YAR/B,iKAAA,KAAK,6BAAL,KAAK,qFAAU;YAGf,4LAAA,cAAc,6BAAd,cAAc,uGAAqC;YAGnD,kMAAA,gBAAgB,6BAAhB,gBAAgB,2GAAU;YAG1B,kMAAA,gBAAgB,6BAAhB,gBAAgB,2GAAU;YAf5B,6KAmCC;;;YAnCY,uDAAY;;QACH,IAAI;QAAxB,YAAoB,IAAiB;;YAAjB,SAAI,GAAJ,IAAI,CAAa;SAAK;QAE1C,SAAS,CAAa;QAGtB,KAAK,wDAAU;QAGf,cAAc,sHAAqC;QAGnD,gBAAgB,iIAAU;QAG1B,gBAAgB,mIAAU;QAE1B,QAAQ;YACN,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;gBAChB,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,CAAC;QACH,CAAC;QAED,MAAM;YACJ,MAAM,EAAE,GAAG,IAAI,CAAC,cAAc,YAAY,WAAW,IAAI,IAAI,CAAC,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACzI,IAAI,CAAC,SAAS,GAAG,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;QACtJ,CAAC;QAED,SAAS;YACP,IAAI,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC;QAC9B,CAAC;QAED,YAAY;YACV,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,CAAC;QACjC,CAAC;;;;SAlCU,YAAY","sourcesContent":["import { FocusTrap } from '@material/dom/focus-trap';\nimport { customAttribute, inject, bindable } from 'aurelia';\nimport { booleanAttr } from '../interceptors';\n\n@customAttribute('mdc-focus-trap')\n@inject(Element)\nexport class MdcFocusTrap {\n  constructor(private root: HTMLElement) { }\n\n  focusTrap?: FocusTrap;\n\n  @bindable({ set: booleanAttr })\n  delay: boolean;\n\n  @bindable()\n  initialFocusEl?: HTMLElement | (() => HTMLElement);\n\n  @bindable({ set: booleanAttr })\n  skipInitialFocus: boolean;\n\n  @bindable({ set: booleanAttr })\n  skipRestoreFocus: boolean;\n\n  attached() {\n    if (!this.delay) {\n      this.create();\n    }\n  }\n\n  create() {\n    const el = this.initialFocusEl instanceof HTMLElement || this.initialFocusEl === undefined ? this.initialFocusEl : this.initialFocusEl();\n    this.focusTrap = new FocusTrap(this.root, { initialFocusEl: el, skipInitialFocus: this.skipInitialFocus, skipRestoreFocus: this.skipRestoreFocus });\n  }\n\n  trapFocus() {\n    this.focusTrap?.trapFocus();\n  }\n\n  releaseFocus() {\n    this.focusTrap?.releaseFocus();\n  }\n}\n"]}

package/dist/base/elements/i-validated-element.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=i-validated-element.js.map

package/dist/base/elements/i-validated-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i-validated-element.js","sourceRoot":"","sources":["../../../src/base/elements/i-validated-element.ts"],"names":[],"mappings":"","sourcesContent":["/** @hidden */\nexport interface IError {\n  message: string | undefined;\n}\n\n/** @hidden */\nexport interface IValidatedElement extends HTMLElement {\n  addError(error: IError): void;\n  removeError(error: IError): void;\n  renderErrors(): void;\n  valid: boolean;\n}\n"]}

package/dist/base/elements/mdc-promisify-reference.js

@@ -0,0 +1,45 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { bindable, customElement, BindingMode } from 'aurelia';
+let MdcPromisifyReference = (() => {
+    let _classDecorators = [customElement({ name: 'mdc-promisify-reference' })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _promiseRef_decorators;
+    let _promiseRef_initializers = [];
+    let _promiseRef_extraInitializers = [];
+    let _reference_decorators;
+    let _reference_initializers = [];
+    let _reference_extraInitializers = [];
+    var MdcPromisifyReference = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _promiseRef_decorators = [bindable({ mode: BindingMode.fromView })];
+            _reference_decorators = [bindable({ mode: BindingMode.toView })];
+            __esDecorate(null, null, _promiseRef_decorators, { kind: "field", name: "promiseRef", static: false, private: false, access: { has: obj => "promiseRef" in obj, get: obj => obj.promiseRef, set: (obj, value) => { obj.promiseRef = value; } }, metadata: _metadata }, _promiseRef_initializers, _promiseRef_extraInitializers);
+            __esDecorate(null, null, _reference_decorators, { kind: "field", name: "reference", static: false, private: false, access: { has: obj => "reference" in obj, get: obj => obj.reference, set: (obj, value) => { obj.reference = value; } }, metadata: _metadata }, _reference_initializers, _reference_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcPromisifyReference = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        resolve;
+        promiseRef = __runInitializers(this, _promiseRef_initializers, void 0);
+        reference = (__runInitializers(this, _promiseRef_extraInitializers), __runInitializers(this, _reference_initializers, void 0));
+        referenceChanged() {
+            if (this.reference) {
+                this.resolve(this.reference);
+            }
+        }
+        attached() {
+            this.promiseRef = new Promise(r => this.resolve = r);
+        }
+        constructor() {
+            __runInitializers(this, _reference_extraInitializers);
+        }
+    };
+    return MdcPromisifyReference = _classThis;
+})();
+export { MdcPromisifyReference };
+//# sourceMappingURL=mdc-promisify-reference.js.map

package/dist/base/elements/mdc-promisify-reference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-promisify-reference.js","sourceRoot":"","sources":["../../../src/base/elements/mdc-promisify-reference.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;IAGlD,qBAAqB;4BADjC,aAAa,CAAC,EAAE,IAAI,EAAE,yBAAyB,EAAE,CAAC;;;;;;;;;;;;;;sCAIhD,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,QAAQ,EAAE,CAAC;qCAGxC,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC;YAFvC,gLAAA,UAAU,6BAAV,UAAU,+FAAmB;YAG7B,6KAAA,SAAS,6BAAT,SAAS,6FAAU;YAPrB,6KAiBC;;;YAjBY,uDAAqB;;QAChC,OAAO,CAAkD;QAGzD,UAAU,6DAAmB;QAG7B,SAAS,sHAAU;QACnB,gBAAgB;YACd,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC;QAED,QAAQ;YACN,IAAI,CAAC,UAAU,GAAG,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;QACvD,CAAC;;;;;;;SAhBU,qBAAqB","sourcesContent":["import { bindable, customElement, BindingMode } from 'aurelia';\n\n@customElement({ name: 'mdc-promisify-reference' })\nexport class MdcPromisifyReference {\n  resolve: (value: unknown | PromiseLike<unknown>) => void;\n\n  @bindable({ mode: BindingMode.fromView })\n  promiseRef: Promise<unknown>;\n\n  @bindable({ mode: BindingMode.toView })\n  reference: unknown;\n  referenceChanged() {\n    if (this.reference) {\n      this.resolve(this.reference);\n    }\n  }\n\n  attached() {\n    this.promiseRef = new Promise(r => this.resolve = r);\n  }\n}\n"]}

package/dist/base/index.js

@@ -0,0 +1,20 @@
+import { MdcFocusTrap } from './attributes/mdc-focus-trap';
+import { MdcPromisifyReference } from './elements/mdc-promisify-reference';
+export { MdcComponent } from './mdc-component';
+export { MATERIAL_PALETTE } from './material-palette';
+export { boolean, booleanAttr, date, number, string } from './interceptors';
+export { MdcFocusTrap } from './attributes/mdc-focus-trap';
+export { nextElement } from './next-element';
+let registered = false;
+export const BaseConfiguration = {
+    register(container) {
+        if (registered) {
+            return container;
+        }
+        else {
+            registered = true;
+            return container.register(MdcPromisifyReference, MdcFocusTrap);
+        }
+    }
+};
+//# sourceMappingURL=index.js.map

package/dist/base/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/base/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAE3E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,IAAI,UAAU,GAAG,KAAK,CAAC;AAEvB,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,QAAQ,CAAC,SAAqB;QAC5B,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,SAAS,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,UAAU,GAAG,IAAI,CAAC;YAClB,OAAO,SAAS,CAAC,QAAQ,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;QACjE,CAAC;IACH,CAAC;CACF,CAAC","sourcesContent":["import { IContainer } from 'aurelia';\r\nimport { MdcFocusTrap } from './attributes/mdc-focus-trap';\r\nimport { MdcPromisifyReference } from './elements/mdc-promisify-reference';\r\n\r\nexport { MdcComponent } from './mdc-component';\r\nexport type { IValidatedElement, IError } from './elements/i-validated-element';\r\nexport { MATERIAL_PALETTE } from './material-palette';\r\nexport { boolean, booleanAttr, date, number, string } from './interceptors';\r\nexport { MdcFocusTrap } from './attributes/mdc-focus-trap';\r\nexport { nextElement } from './next-element';\r\n\r\nlet registered = false;\r\n\r\nexport const BaseConfiguration = {\r\n  register(container: IContainer): IContainer {\r\n    if (registered) {\r\n      return container;\r\n    } else {\r\n      registered = true;\r\n      return container.register(MdcPromisifyReference, MdcFocusTrap);\r\n    }\r\n  }\r\n};\r\n"]}

package/dist/base/interceptors.js

@@ -0,0 +1,22 @@
+export function number(a) {
+    return Number(a);
+}
+export function string(a) {
+    return `${a}`;
+}
+export function boolean(a) {
+    return !!a;
+}
+export function date(val) {
+    // Invalid date instances are quite problematic
+    // so we need to deal with it properly by default
+    if (val === null || val === undefined) {
+        return null;
+    }
+    const d = new Date(val);
+    return isNaN(d.getTime()) ? null : d;
+}
+export function booleanAttr(val) {
+    return val || val === '' ? true : false;
+}
+//# sourceMappingURL=interceptors.js.map

package/dist/base/interceptors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interceptors.js","sourceRoot":"","sources":["../../src/base/interceptors.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM,CAAC,CAAU;IAC/B,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,CAAU;IAC/B,OAAO,GAAG,CAAC,EAAE,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,CAAU;IAChC,OAAO,CAAC,CAAC,CAAC,CAAC;AACb,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,GAAuC;IAC1D,+CAA+C;IAC/C,iDAAiD;IACjD,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;IACxB,OAAO,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,GAAY;IACtC,OAAO,GAAG,IAAI,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;AAC1C,CAAC","sourcesContent":["export function number(a: unknown): number {\n  return Number(a);\n}\n\nexport function string(a: unknown): string {\n  return `${a}`;\n}\n\nexport function boolean(a: unknown): boolean {\n  return !!a;\n}\n\nexport function date(val: string | number | undefined | null): Date | null {\n  // Invalid date instances are quite problematic\n  // so we need to deal with it properly by default\n  if (val === null || val === undefined) {\n    return null;\n  }\n  const d = new Date(val);\n  return isNaN(d.getTime()) ? null : d;\n}\n\nexport function booleanAttr(val: unknown): boolean {\n  return val || val === '' ? true : false;\n}\n"]}

package/dist/base/material-palette.js

@@ -0,0 +1,23 @@
+/** @hidden */
+export const MATERIAL_PALETTE = {
+    red: { b50: '#FFEBEE', b100: '#FFCDD2', b200: '#EF9A9A', b300: '#E57373', b400: '#EF5350', b500: '#F44336', b600: '#E53935', b700: '#D32F2F', b800: '#C62828', b900: '#B71C1C', a100: '#FF8A80', a200: '#FF5252', a400: '#FF1744', a700: '#D50000' },
+    pink: { b50: '#FCE4EC', b100: '#F8BBD0', b200: '#F48FB1', b300: '#F06292', b400: '#EC407A', b500: '#E91E63', b600: '#D81B60', b700: '#C2185B', b800: '#AD1457', b900: '#880E4F', a100: '#FF80AB', a200: '#FF4081', a400: '#F50057', a700: '#C51162' },
+    purple: { b50: '#F3E5F5', b100: '#E1BEE7', b200: '#CE93D8', b300: '#BA68C8', b400: '#AB47BC', b500: '#9C27B0', b600: '#8E24AA', b700: '#7B1FA2', b800: '#6A1B9A', b900: '#4A148C', a100: '#EA80FC', a200: '#E040FB', a400: '#D500F9', a700: '#AA00FF' },
+    deepPurple: { b50: '#EDE7F6', b100: '#D1C4E9', b200: '#B39DDB', b300: '#9575CD', b400: '#7E57C2', b500: '#673AB7', b600: '#5E35B1', b700: '#512DA8', b800: '#4527A0', b900: '#311B92', a100: '#B388FF', a200: '#7C4DFF', a400: '#651FFF', a700: '#6200EA' },
+    indigo: { b50: '#E8EAF6', b100: '#C5CAE9', b200: '#9FA8DA', b300: '#7986CB', b400: '#5C6BC0', b500: '#3F51B5', b600: '#3949AB', b700: '#303F9F', b800: '#283593', b900: '#1A237E', a100: '#8C9EFF', a200: '#536DFE', a400: '#3D5AFE', a700: '#304FFE' },
+    blue: { b50: '#E3F2FD', b100: '#BBDEFB', b200: '#90CAF9', b300: '#64B5F6', b400: '#42A5F5', b500: '#2196F3', b600: '#1E88E5', b700: '#1976D2', b800: '#1565C0', b900: '#0D47A1', a100: '#82B1FF', a200: '#448AFF', a400: '#2979FF', a700: '#2962FF' },
+    lightBlue: { b50: '#E1F5FE', b100: '#B3E5FC', b200: '#81D4FA', b300: '#4FC3F7', b400: '#29B6F6', b500: '#03A9F4', b600: '#039BE5', b700: '#0288D1', b800: '#0277BD', b900: '#01579B', a100: '#80D8FF', a200: '#40C4FF', a400: '#00B0FF', a700: '#0091EA' },
+    cyan: { b50: '#E0F7FA', b100: '#B2EBF2', b200: '#80DEEA', b300: '#4DD0E1', b400: '#26C6DA', b500: '#00BCD4', b600: '#00ACC1', b700: '#0097A7', b800: '#00838F', b900: '#006064', a100: '#84FFFF', a200: '#18FFFF', a400: '#00E5FF', a700: '#00B8D4' },
+    teal: { b50: '#E0F2F1', b100: '#B2DFDB', b200: '#80CBC4', b300: '#4DB6AC', b400: '#26A69A', b500: '#009688', b600: '#00897B', b700: '#00796B', b800: '#00695C', b900: '#004D40', a100: '#A7FFEB', a200: '#64FFDA', a400: '#1DE9B6', a700: '#00BFA5' },
+    green: { b50: '#E8F5E9', b100: '#C8E6C9', b200: '#A5D6A7', b300: '#81C784', b400: '#66BB6A', b500: '#4CAF50', b600: '#43A047', b700: '#388E3C', b800: '#2E7D32', b900: '#1B5E20', a100: '#B9F6CA', a200: '#69F0AE', a400: '#00E676', a700: '#00C853' },
+    lightGreen: { b50: '#F1F8E9', b100: '#DCEDC8', b200: '#C5E1A5', b300: '#AED581', b400: '#9CCC65', b500: '#8BC34A', b600: '#7CB342', b700: '#689F38', b800: '#558B2F', b900: '#33691E', a100: '#CCFF90', a200: '#B2FF59', a400: '#76FF03', a700: '#64DD17' },
+    lime: { b50: '#F9FBE7', b100: '#F0F4C3', b200: '#E6EE9C', b300: '#DCE775', b400: '#D4E157', b500: '#CDDC39', b600: '#C0CA33', b700: '#AFB42B', b800: '#9E9D24', b900: '#827717', a100: '#F4FF81', a200: '#EEFF41', a400: '#C6FF00', a700: '#AEEA00' },
+    yellow: { b50: '#FFFDE7', b100: '#FFF9C4', b200: '#FFF59D', b300: '#FFF176', b400: '#FFEE58', b500: '#FFEB3B', b600: '#FDD835', b700: '#FBC02D', b800: '#F9A825', b900: '#F57F17', a100: '#FFFF8D', a200: '#FFFF00', a400: '#FFEA00', a700: '#FFD600' },
+    amber: { b50: '#FFF8E1', b100: '#FFECB3', b200: '#FFE082', b300: '#FFD54F', b400: '#FFCA28', b500: '#FFC107', b600: '#FFB300', b700: '#FFA000', b800: '#FF8F00', b900: '#FF6F00', a100: '#FFE57F', a200: '#FFD740', a400: '#FFC400', a700: '#FFAB00' },
+    orange: { b50: '#FFF3E0', b100: '#FFE0B2', b200: '#FFCC80', b300: '#FFB74D', b400: '#FFA726', b500: '#FF9800', b600: '#FB8C00', b700: '#F57C00', b800: '#EF6C00', b900: '#E65100', a100: '#FFD180', a200: '#FFAB40', a400: '#FF9100', a700: '#FF6D00' },
+    deepOrange: { b50: '#FBE9E7', b100: '#FFCCBC', b200: '#FFAB91', b300: '#FF8A65', b400: '#FF7043', b500: '#FF5722', b600: '#F4511E', b700: '#E64A19', b800: '#D84315', b900: '#BF360C', a100: '#FF9E80', a200: '#FF6E40', a400: '#FF3D00', a700: '#DD2C00' },
+    brown: { b50: '#EFEBE9', b100: '#D7CCC8', b200: '#BCAAA4', b300: '#A1887F', b400: '#8D6E63', b500: '#795548', b600: '#6D4C41', b700: '#5D4037', b800: '#4E342E', b900: '#3E2723' },
+    grey: { b50: '#FAFAFA', b100: '#F5F5F5', b200: '#EEEEEE', b300: '#E0E0E0', b400: '#BDBDBD', b500: '#9E9E9E', b600: '#757575', b700: '#616161', b800: '#424242', b900: '#212121' },
+    blueGrey: { b50: '#ECEFF1', b100: '#CFD8DC', b200: '#B0BEC5', b300: '#90A4AE', b400: '#78909C', b500: '#607D8B', b600: '#546E7A', b700: '#455A64', b800: '#37474F', b900: '#263238' }
+};
+//# sourceMappingURL=material-palette.js.map

package/dist/base/material-palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"material-palette.js","sourceRoot":"","sources":["../../src/base/material-palette.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,GAAG,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IACpP,IAAI,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IACrP,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IACvP,UAAU,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3P,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IACvP,IAAI,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IACrP,SAAS,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IAC1P,IAAI,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IACrP,IAAI,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IACrP,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IACtP,UAAU,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3P,IAAI,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IACrP,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IACvP,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IACtP,MAAM,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IACvP,UAAU,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3P,KAAK,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IAClL,IAAI,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;IACjL,QAAQ,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;CACtL,CAAC","sourcesContent":["/** @hidden */\nexport const MATERIAL_PALETTE = {\n  red: { b50: '#FFEBEE', b100: '#FFCDD2', b200: '#EF9A9A', b300: '#E57373', b400: '#EF5350', b500: '#F44336', b600: '#E53935', b700: '#D32F2F', b800: '#C62828', b900: '#B71C1C', a100: '#FF8A80', a200: '#FF5252', a400: '#FF1744', a700: '#D50000' },\n  pink: { b50: '#FCE4EC', b100: '#F8BBD0', b200: '#F48FB1', b300: '#F06292', b400: '#EC407A', b500: '#E91E63', b600: '#D81B60', b700: '#C2185B', b800: '#AD1457', b900: '#880E4F', a100: '#FF80AB', a200: '#FF4081', a400: '#F50057', a700: '#C51162' },\n  purple: { b50: '#F3E5F5', b100: '#E1BEE7', b200: '#CE93D8', b300: '#BA68C8', b400: '#AB47BC', b500: '#9C27B0', b600: '#8E24AA', b700: '#7B1FA2', b800: '#6A1B9A', b900: '#4A148C', a100: '#EA80FC', a200: '#E040FB', a400: '#D500F9', a700: '#AA00FF' },\n  deepPurple: { b50: '#EDE7F6', b100: '#D1C4E9', b200: '#B39DDB', b300: '#9575CD', b400: '#7E57C2', b500: '#673AB7', b600: '#5E35B1', b700: '#512DA8', b800: '#4527A0', b900: '#311B92', a100: '#B388FF', a200: '#7C4DFF', a400: '#651FFF', a700: '#6200EA' },\n  indigo: { b50: '#E8EAF6', b100: '#C5CAE9', b200: '#9FA8DA', b300: '#7986CB', b400: '#5C6BC0', b500: '#3F51B5', b600: '#3949AB', b700: '#303F9F', b800: '#283593', b900: '#1A237E', a100: '#8C9EFF', a200: '#536DFE', a400: '#3D5AFE', a700: '#304FFE' },\n  blue: { b50: '#E3F2FD', b100: '#BBDEFB', b200: '#90CAF9', b300: '#64B5F6', b400: '#42A5F5', b500: '#2196F3', b600: '#1E88E5', b700: '#1976D2', b800: '#1565C0', b900: '#0D47A1', a100: '#82B1FF', a200: '#448AFF', a400: '#2979FF', a700: '#2962FF' },\n  lightBlue: { b50: '#E1F5FE', b100: '#B3E5FC', b200: '#81D4FA', b300: '#4FC3F7', b400: '#29B6F6', b500: '#03A9F4', b600: '#039BE5', b700: '#0288D1', b800: '#0277BD', b900: '#01579B', a100: '#80D8FF', a200: '#40C4FF', a400: '#00B0FF', a700: '#0091EA' },\n  cyan: { b50: '#E0F7FA', b100: '#B2EBF2', b200: '#80DEEA', b300: '#4DD0E1', b400: '#26C6DA', b500: '#00BCD4', b600: '#00ACC1', b700: '#0097A7', b800: '#00838F', b900: '#006064', a100: '#84FFFF', a200: '#18FFFF', a400: '#00E5FF', a700: '#00B8D4' },\n  teal: { b50: '#E0F2F1', b100: '#B2DFDB', b200: '#80CBC4', b300: '#4DB6AC', b400: '#26A69A', b500: '#009688', b600: '#00897B', b700: '#00796B', b800: '#00695C', b900: '#004D40', a100: '#A7FFEB', a200: '#64FFDA', a400: '#1DE9B6', a700: '#00BFA5' },\n  green: { b50: '#E8F5E9', b100: '#C8E6C9', b200: '#A5D6A7', b300: '#81C784', b400: '#66BB6A', b500: '#4CAF50', b600: '#43A047', b700: '#388E3C', b800: '#2E7D32', b900: '#1B5E20', a100: '#B9F6CA', a200: '#69F0AE', a400: '#00E676', a700: '#00C853' },\n  lightGreen: { b50: '#F1F8E9', b100: '#DCEDC8', b200: '#C5E1A5', b300: '#AED581', b400: '#9CCC65', b500: '#8BC34A', b600: '#7CB342', b700: '#689F38', b800: '#558B2F', b900: '#33691E', a100: '#CCFF90', a200: '#B2FF59', a400: '#76FF03', a700: '#64DD17' },\n  lime: { b50: '#F9FBE7', b100: '#F0F4C3', b200: '#E6EE9C', b300: '#DCE775', b400: '#D4E157', b500: '#CDDC39', b600: '#C0CA33', b700: '#AFB42B', b800: '#9E9D24', b900: '#827717', a100: '#F4FF81', a200: '#EEFF41', a400: '#C6FF00', a700: '#AEEA00' },\n  yellow: { b50: '#FFFDE7', b100: '#FFF9C4', b200: '#FFF59D', b300: '#FFF176', b400: '#FFEE58', b500: '#FFEB3B', b600: '#FDD835', b700: '#FBC02D', b800: '#F9A825', b900: '#F57F17', a100: '#FFFF8D', a200: '#FFFF00', a400: '#FFEA00', a700: '#FFD600' },\n  amber: { b50: '#FFF8E1', b100: '#FFECB3', b200: '#FFE082', b300: '#FFD54F', b400: '#FFCA28', b500: '#FFC107', b600: '#FFB300', b700: '#FFA000', b800: '#FF8F00', b900: '#FF6F00', a100: '#FFE57F', a200: '#FFD740', a400: '#FFC400', a700: '#FFAB00' },\n  orange: { b50: '#FFF3E0', b100: '#FFE0B2', b200: '#FFCC80', b300: '#FFB74D', b400: '#FFA726', b500: '#FF9800', b600: '#FB8C00', b700: '#F57C00', b800: '#EF6C00', b900: '#E65100', a100: '#FFD180', a200: '#FFAB40', a400: '#FF9100', a700: '#FF6D00' },\n  deepOrange: { b50: '#FBE9E7', b100: '#FFCCBC', b200: '#FFAB91', b300: '#FF8A65', b400: '#FF7043', b500: '#FF5722', b600: '#F4511E', b700: '#E64A19', b800: '#D84315', b900: '#BF360C', a100: '#FF9E80', a200: '#FF6E40', a400: '#FF3D00', a700: '#DD2C00' },\n  brown: { b50: '#EFEBE9', b100: '#D7CCC8', b200: '#BCAAA4', b300: '#A1887F', b400: '#8D6E63', b500: '#795548', b600: '#6D4C41', b700: '#5D4037', b800: '#4E342E', b900: '#3E2723' },\n  grey: { b50: '#FAFAFA', b100: '#F5F5F5', b200: '#EEEEEE', b300: '#E0E0E0', b400: '#BDBDBD', b500: '#9E9E9E', b600: '#757575', b700: '#616161', b800: '#424242', b900: '#212121' },\n  blueGrey: { b50: '#ECEFF1', b100: '#CFD8DC', b200: '#B0BEC5', b300: '#90A4AE', b400: '#78909C', b500: '#607D8B', b600: '#546E7A', b700: '#455A64', b800: '#37474F', b900: '#263238' }\n};\n"]}

package/dist/base/mdc-component.js

@@ -0,0 +1,57 @@
+export class MdcComponent {
+    root;
+    constructor(root) {
+        this.root = root;
+        this.initialised = this.createInitiliasedPromise();
+    }
+    foundation;
+    initialised;
+    initialisedResolve;
+    async createInitiliasedPromise() {
+        return new Promise(r => this.initialisedResolve = r);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    initialSyncWithDOM() { }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    beforeFoundationCreated() { }
+    attached() {
+        this.beforeFoundationCreated();
+        this.foundation = this.getDefaultFoundation();
+        this.foundation.init();
+        this.initialisedResolve?.();
+        this.initialSyncWithDOM();
+    }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    destroy() { }
+    detaching() {
+        this.destroy();
+        this.foundation?.destroy();
+        this.foundation = undefined;
+        this.initialised = this.createInitiliasedPromise();
+    }
+    listen(evtType, handler, options) {
+        this.root.addEventListener(evtType, handler, options);
+    }
+    unlisten(evtType, handler, options) {
+        this.root.removeEventListener(evtType, handler, options);
+    }
+    /**
+     * @hidden
+     * Fires a cross-browser-compatible custom event from the component root of the given type, with the given data.
+     */
+    emit(evtType, evtData, shouldBubble = false) {
+        let evt;
+        if (typeof CustomEvent === 'function') {
+            evt = new CustomEvent(evtType, {
+                bubbles: shouldBubble,
+                detail: evtData,
+            });
+        }
+        else {
+            evt = document.createEvent('CustomEvent');
+            evt.initCustomEvent(evtType, shouldBubble, false, evtData);
+        }
+        this.root.dispatchEvent(evt);
+    }
+}
+//# sourceMappingURL=mdc-component.js.map

package/dist/base/mdc-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-component.js","sourceRoot":"","sources":["../../src/base/mdc-component.ts"],"names":[],"mappings":"AAEA,MAAM,OAAgB,YAAY;IACb;IAAnB,YAAmB,IAAiB;QAAjB,SAAI,GAAJ,IAAI,CAAa;QAClC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,wBAAwB,EAAE,CAAC;IACrD,CAAC;IAED,UAAU,CAAkB;IAE5B,WAAW,CAAmB;IACpB,kBAAkB,CAA4B;IAEhD,KAAK,CAAC,wBAAwB;QACpC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,gEAAgE;IAChE,kBAAkB,KAAK,CAAC;IAExB,gEAAgE;IAChE,uBAAuB,KAAK,CAAC;IAE7B,QAAQ;QACN,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAC/B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC9C,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;QAC5B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED,gEAAgE;IAChE,OAAO,KAAK,CAAC;IAEb,SAAS;QACP,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,wBAAwB,EAAE,CAAC;IACrD,CAAC;IAID,MAAM,CAAC,OAAe,EAAE,OAA4C,EAAE,OAA2C;QAC/G,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACxD,CAAC;IAED,QAAQ,CAAC,OAAe,EAAE,OAA4C,EAAE,OAA2C;QACjH,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAC3D,CAAC;IAED;;;OAGG;IACH,IAAI,CAAI,OAAe,EAAE,OAAU,EAAE,YAAY,GAAG,KAAK;QACvD,IAAI,GAAmB,CAAC;QACxB,IAAI,OAAO,WAAW,KAAK,UAAU,EAAE,CAAC;YACtC,GAAG,GAAG,IAAI,WAAW,CAAI,OAAO,EAAE;gBAChC,OAAO,EAAE,YAAY;gBACrB,MAAM,EAAE,OAAO;aAChB,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,GAAG,GAAG,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YAC1C,GAAG,CAAC,eAAe,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAC7D,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC/B,CAAC;CACF","sourcesContent":["import { MDCFoundation } from '@material/base';\n\nexport abstract class MdcComponent<FoundationType extends MDCFoundation> {\n  constructor(public root: HTMLElement) {\n    this.initialised = this.createInitiliasedPromise();\n  }\n\n  foundation?: FoundationType;\n\n  initialised: Promise<unknown>;\n  protected initialisedResolve: (value?: unknown) => void;\n\n  private async createInitiliasedPromise() {\n    return new Promise(r => this.initialisedResolve = r);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  initialSyncWithDOM() { }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  beforeFoundationCreated() { }\n\n  attached() {\n    this.beforeFoundationCreated();\n    this.foundation = this.getDefaultFoundation();\n    this.foundation.init();\n    this.initialisedResolve?.();\n    this.initialSyncWithDOM();\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  destroy() { }\n\n  detaching() {\n    this.destroy();\n    this.foundation?.destroy();\n    this.foundation = undefined;\n    this.initialised = this.createInitiliasedPromise();\n  }\n\n  abstract getDefaultFoundation(): FoundationType;\n\n  listen(evtType: string, handler: EventListener | EventListenerObject, options?: AddEventListenerOptions | boolean) {\n    this.root.addEventListener(evtType, handler, options);\n  }\n\n  unlisten(evtType: string, handler: EventListener | EventListenerObject, options?: AddEventListenerOptions | boolean) {\n    this.root.removeEventListener(evtType, handler, options);\n  }\n\n  /**\n   * @hidden\n   * Fires a cross-browser-compatible custom event from the component root of the given type, with the given data.\n   */\n  emit<T>(evtType: string, evtData: T, shouldBubble = false) {\n    let evt: CustomEvent<T>;\n    if (typeof CustomEvent === 'function') {\n      evt = new CustomEvent<T>(evtType, {\n        bubbles: shouldBubble,\n        detail: evtData,\n      });\n    } else {\n      evt = document.createEvent('CustomEvent');\n      evt.initCustomEvent(evtType, shouldBubble, false, evtData);\n    }\n\n    this.root.dispatchEvent(evt);\n  }\n}\n"]}

package/dist/base/next-element.js

@@ -0,0 +1,35 @@
+export function nextElement(element, reverse) {
+    /*check if an element is defined or use activeElement*/
+    const activeElem = element instanceof HTMLElement ? element : document.activeElement;
+    if (!activeElem) {
+        return;
+    }
+    let queryString = [
+        'a:not([disabled]):not([tabindex="-1"])',
+        'button:not([disabled]):not([tabindex="-1"])',
+        'input:not([disabled]):not([tabindex="-1"]):not(.mdc-text-field__input)',
+        '.mdc-text-field',
+        'select:not([disabled]):not([tabindex="-1"])',
+        '[tabindex]:not([disabled]):not([tabindex="-1"])'
+        /* add custom queries here */
+    ].join(','), queryResult = Array.from(document.querySelectorAll(queryString)).filter(elem => {
+        /*check for visibility while always include the current activeElement*/
+        return elem.offsetWidth > 0 || elem.offsetHeight > 0 || elem === activeElem;
+    }), indexedList = queryResult.slice().filter(elem => {
+        /* filter out all indexes not greater than 0 */
+        return elem.tabIndex == 0 || elem.tabIndex == -1 ? false : true;
+    }).sort((a, b) => {
+        /* sort the array by index from smallest to largest */
+        return a.tabIndex != 0 && b.tabIndex != 0
+            ? (a.tabIndex < b.tabIndex ? -1 : b.tabIndex < a.tabIndex ? 1 : 0)
+            : a.tabIndex != 0 ? -1 : b.tabIndex != 0 ? 1 : 0;
+    }), focusable = [...indexedList, ...queryResult.filter(elem => {
+            /* filter out all indexes above 0 */
+            return elem.tabIndex == 0 || elem.tabIndex == -1 ? true : false;
+        })];
+    /* if reverse is true return the previous focusable element
+       if reverse is false return the next focusable element */
+    return reverse ? (focusable[focusable.indexOf(activeElem) - 1] || focusable[focusable.length - 1])
+        : (focusable[focusable.indexOf(activeElem) + 1] || focusable[0]);
+}
+//# sourceMappingURL=next-element.js.map

package/dist/base/next-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"next-element.js","sourceRoot":"","sources":["../../src/base/next-element.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CAAC,OAAqB,EAAE,OAAiB;IAClE,uDAAuD;IACvD,MAAM,UAAU,GAAG,OAAO,YAAY,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,aAA4B,CAAC;IACpG,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO;IACT,CAAC;IAED,IAAI,WAAW,GAAG;QAChB,wCAAwC;QACxC,6CAA6C;QAC7C,wEAAwE;QACxE,iBAAiB;QACjB,6CAA6C;QAC7C,iDAAiD;QACjD,6BAA6B;KAC9B,CAAC,IAAI,CAAC,GAAG,CAAC,EACT,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAc,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;QAC1F,uEAAuE;QACvE,OAAO,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,IAAI,KAAK,UAAU,CAAC;IAC9E,CAAC,CAAC,EACF,WAAW,GAAG,WAAW,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;QAC9C,+CAA+C;QAC/C,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAClE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACf,sDAAsD;QACtD,OAAO,CAAC,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC;YACvC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAClE,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,CAAC,CAAC,EACF,SAAS,GAAG,CAAC,GAAG,WAAW,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;YACxD,oCAAoC;YACpC,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QAClE,CAAC,CAAC,CAAC,CAAC;IAEN;+DAC2D;IAC3D,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAChG,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AACrE,CAAC","sourcesContent":["export function nextElement(element?: HTMLElement, reverse?: boolean) {\n  /*check if an element is defined or use activeElement*/\n  const activeElem = element instanceof HTMLElement ? element : document.activeElement as HTMLElement;\n  if (!activeElem) {\n    return;\n  }\n\n  let queryString = [\n    'a:not([disabled]):not([tabindex=\"-1\"])',\n    'button:not([disabled]):not([tabindex=\"-1\"])',\n    'input:not([disabled]):not([tabindex=\"-1\"]):not(.mdc-text-field__input)',\n    '.mdc-text-field',\n    'select:not([disabled]):not([tabindex=\"-1\"])',\n    '[tabindex]:not([disabled]):not([tabindex=\"-1\"])'\n    /* add custom queries here */\n  ].join(','),\n    queryResult = Array.from(document.querySelectorAll<HTMLElement>(queryString)).filter(elem => {\n      /*check for visibility while always include the current activeElement*/\n      return elem.offsetWidth > 0 || elem.offsetHeight > 0 || elem === activeElem;\n    }),\n    indexedList = queryResult.slice().filter(elem => {\n      /* filter out all indexes not greater than 0 */\n      return elem.tabIndex == 0 || elem.tabIndex == -1 ? false : true;\n    }).sort((a, b) => {\n      /* sort the array by index from smallest to largest */\n      return a.tabIndex != 0 && b.tabIndex != 0\n        ? (a.tabIndex < b.tabIndex ? -1 : b.tabIndex < a.tabIndex ? 1 : 0)\n        : a.tabIndex != 0 ? -1 : b.tabIndex != 0 ? 1 : 0;\n    }),\n    focusable = [...indexedList, ...queryResult.filter(elem => {\n      /* filter out all indexes above 0 */\n      return elem.tabIndex == 0 || elem.tabIndex == -1 ? true : false;\n    })];\n\n  /* if reverse is true return the previous focusable element\n     if reverse is false return the next focusable element */\n  return reverse ? (focusable[focusable.indexOf(activeElem) - 1] || focusable[focusable.length - 1])\n    : (focusable[focusable.indexOf(activeElem) + 1] || focusable[0]);\n}\n"]}

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

@@ -0,0 +1,24 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { templateCompilerHooks } from 'aurelia';
+let EnhanceMdcButton = (() => {
+    let _classDecorators = [templateCompilerHooks];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var EnhanceMdcButton = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            EnhanceMdcButton = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        compiling(template) {
+            template.innerHTML = template.innerHTML.replaceAll('mdc-button=""', 'as-element="mdc-button"');
+        }
+    };
+    return EnhanceMdcButton = _classThis;
+})();
+export { EnhanceMdcButton };
+//# sourceMappingURL=enhance-mdc-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"enhance-mdc-button.js","sourceRoot":"","sources":["../../src/button/enhance-mdc-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,gBAAgB;4BAD5B,qBAAqB;;;;;;;;YACtB,6KAIC;;;YAJY,uDAAgB;;QAC3B,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,eAAe,EAAE,yBAAyB,CAAC,CAAC;QACjG,CAAC;;;;SAHU,gBAAgB","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\n\n@templateCompilerHooks\nexport class EnhanceMdcButton {\n  compiling(template: HTMLElement | HTMLTemplateElement) {\n    template.innerHTML = template.innerHTML.replaceAll('mdc-button=\"\"', 'as-element=\"mdc-button\"');\n  }\n}\n"]}