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

package/dist/dialog/mdc-dialog.js

@@ -1,25 +1,28 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { MdcComponent, booleanAttr } from '../base';
-import { MDCDialogFoundation, strings, util } from '@material/dialog';
-import { customElement, inject, bindable } from 'aurelia';
-import { closest, matches } from '@material/dom/ponyfill';
-import template from './mdc-dialog.html?raw';
-import { FocusTrap } from '@material/dom/focus-trap';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcDialog = void 0;
+const tslib_1 = require("tslib");
+const base_1 = require("../base");
+const dialog_1 = require("@material/dialog");
+const aurelia_1 = require("aurelia");
+const ponyfill_1 = require("@material/dom/ponyfill");
+const mdc_dialog_html_raw_1 = tslib_1.__importDefault(require("./mdc-dialog.html?raw"));
+const focus_trap_1 = require("@material/dom/focus-trap");
 const LAYOUT_EVENTS = ['resize', 'orientationchange'];
 let dialogId = 0;
-strings.OPENING_EVENT = strings.OPENING_EVENT.toLowerCase();
-strings.CLOSING_EVENT = strings.CLOSING_EVENT.toLowerCase();
-strings.OPENED_EVENT = strings.OPENED_EVENT.toLowerCase();
-strings.CLOSED_EVENT = strings.CLOSED_EVENT.toLowerCase();
+dialog_1.strings.OPENING_EVENT = dialog_1.strings.OPENING_EVENT.toLowerCase();
+dialog_1.strings.CLOSING_EVENT = dialog_1.strings.CLOSING_EVENT.toLowerCase();
+dialog_1.strings.OPENED_EVENT = dialog_1.strings.OPENED_EVENT.toLowerCase();
+dialog_1.strings.CLOSED_EVENT = dialog_1.strings.CLOSED_EVENT.toLowerCase();
 /**
  * @selector mdc-dialog
  */
 let MdcDialog = (() => {
-    let _classDecorators = [inject(Element), customElement({ name: 'mdc-dialog', template })];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-dialog', template: mdc_dialog_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _scrimClickAction_decorators;
     let _scrimClickAction_initializers = [];
     let _scrimClickAction_extraInitializers = [];
@@ -36,18 +39,18 @@ let MdcDialog = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _scrimClickAction_decorators = [bindable()];
-            _escapeKeyAction_decorators = [bindable()];
-            _fullscreen_decorators = [bindable({ set: booleanAttr })];
-            _sheet_decorators = [bindable({ set: booleanAttr })];
-            __esDecorate(null, null, _scrimClickAction_decorators, { kind: "field", name: "scrimClickAction", static: false, private: false, access: { has: obj => "scrimClickAction" in obj, get: obj => obj.scrimClickAction, set: (obj, value) => { obj.scrimClickAction = value; } }, metadata: _metadata }, _scrimClickAction_initializers, _scrimClickAction_extraInitializers);
-            __esDecorate(null, null, _escapeKeyAction_decorators, { kind: "field", name: "escapeKeyAction", static: false, private: false, access: { has: obj => "escapeKeyAction" in obj, get: obj => obj.escapeKeyAction, set: (obj, value) => { obj.escapeKeyAction = value; } }, metadata: _metadata }, _escapeKeyAction_initializers, _escapeKeyAction_extraInitializers);
-            __esDecorate(null, null, _fullscreen_decorators, { kind: "field", name: "fullscreen", static: false, private: false, access: { has: obj => "fullscreen" in obj, get: obj => obj.fullscreen, set: (obj, value) => { obj.fullscreen = value; } }, metadata: _metadata }, _fullscreen_initializers, _fullscreen_extraInitializers);
-            __esDecorate(null, null, _sheet_decorators, { kind: "field", name: "sheet", static: false, private: false, access: { has: obj => "sheet" in obj, get: obj => obj.sheet, set: (obj, value) => { obj.sheet = value; } }, metadata: _metadata }, _sheet_initializers, _sheet_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _scrimClickAction_decorators = [(0, aurelia_1.bindable)()];
+            _escapeKeyAction_decorators = [(0, aurelia_1.bindable)()];
+            _fullscreen_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _sheet_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            tslib_1.__esDecorate(null, null, _scrimClickAction_decorators, { kind: "field", name: "scrimClickAction", static: false, private: false, access: { has: obj => "scrimClickAction" in obj, get: obj => obj.scrimClickAction, set: (obj, value) => { obj.scrimClickAction = value; } }, metadata: _metadata }, _scrimClickAction_initializers, _scrimClickAction_extraInitializers);
+            tslib_1.__esDecorate(null, null, _escapeKeyAction_decorators, { kind: "field", name: "escapeKeyAction", static: false, private: false, access: { has: obj => "escapeKeyAction" in obj, get: obj => obj.escapeKeyAction, set: (obj, value) => { obj.escapeKeyAction = value; } }, metadata: _metadata }, _escapeKeyAction_initializers, _escapeKeyAction_extraInitializers);
+            tslib_1.__esDecorate(null, null, _fullscreen_decorators, { kind: "field", name: "fullscreen", static: false, private: false, access: { has: obj => "fullscreen" in obj, get: obj => obj.fullscreen, set: (obj, value) => { obj.fullscreen = value; } }, metadata: _metadata }, _fullscreen_initializers, _fullscreen_extraInitializers);
+            tslib_1.__esDecorate(null, null, _sheet_decorators, { kind: "field", name: "sheet", static: false, private: false, access: { has: obj => "sheet" in obj, get: obj => obj.sheet, set: (obj, value) => { obj.sheet = value; } }, metadata: _metadata }, _sheet_initializers, _sheet_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcDialog = _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);
         }
         id = ++dialogId;
         contentId = `mdc-dialog-content-${this.id}`;
@@ -55,25 +58,25 @@ let MdcDialog = (() => {
         buttons; // assigned in initialize()
         mdcFocusTrap;
         /** Action returned when the dialog is closed via the scrim click */
-        scrimClickAction = __runInitializers(this, _scrimClickAction_initializers, void 0);
+        scrimClickAction = tslib_1.__runInitializers(this, _scrimClickAction_initializers, void 0);
         scrimClickActionChanged() {
             this.foundation?.setScrimClickAction(this.scrimClickAction);
         }
         /** Action returned when the dialog is closed via the ESC key */
-        escapeKeyAction = (__runInitializers(this, _scrimClickAction_extraInitializers), __runInitializers(this, _escapeKeyAction_initializers, void 0));
+        escapeKeyAction = (tslib_1.__runInitializers(this, _scrimClickAction_extraInitializers), tslib_1.__runInitializers(this, _escapeKeyAction_initializers, void 0));
         escapeKeyActionChanged() {
             this.foundation?.setEscapeKeyAction(this.escapeKeyAction);
         }
-        fullscreen = (__runInitializers(this, _escapeKeyAction_extraInitializers), __runInitializers(this, _fullscreen_initializers, void 0));
-        sheet = (__runInitializers(this, _fullscreen_extraInitializers), __runInitializers(this, _sheet_initializers, void 0));
+        fullscreen = (tslib_1.__runInitializers(this, _escapeKeyAction_extraInitializers), tslib_1.__runInitializers(this, _fullscreen_initializers, void 0));
+        sheet = (tslib_1.__runInitializers(this, _fullscreen_extraInitializers), tslib_1.__runInitializers(this, _sheet_initializers, void 0));
         get defaultButton() {
-            return this.root.querySelector(`[${strings.BUTTON_DEFAULT_ATTRIBUTE}]`);
+            return this.root.querySelector(`[${dialog_1.strings.BUTTON_DEFAULT_ATTRIBUTE}]`);
         }
         get content() {
-            return this.root.querySelector(`${strings.CONTENT_SELECTOR}`);
+            return this.root.querySelector(`${dialog_1.strings.CONTENT_SELECTOR}`);
         }
         beforeFoundationCreated() {
-            this.buttons = [].slice.call(this.root.querySelectorAll(strings.BUTTON_SELECTOR));
+            this.buttons = [].slice.call(this.root.querySelectorAll(dialog_1.strings.BUTTON_SELECTOR));
             const content = this.root.querySelector('mdc-dialog-content');
             content?.setAttribute('id', this.contentId);
             const title = this.root.querySelector('mdc-dialog-title');
@@ -135,27 +138,27 @@ let MdcDialog = (() => {
             const adapter = {
                 addBodyClass: (className) => document.body.classList.add(className),
                 addClass: (className) => this.root.classList.add(className),
-                areButtonsStacked: () => util.areTopsMisaligned(this.buttons),
+                areButtonsStacked: () => dialog_1.util.areTopsMisaligned(this.buttons),
                 clickDefaultButton: () => {
                     if (this.defaultButton) {
                         this.defaultButton.click();
                     }
                 },
-                eventTargetMatches: (target, selector) => target ? matches(target, selector) : false,
+                eventTargetMatches: (target, selector) => target ? (0, ponyfill_1.matches)(target, selector) : false,
                 getActionFromEvent: (evt) => {
                     if (!evt.target) {
                         return '';
                     }
-                    const element = closest(evt.target, `[${strings.ACTION_ATTRIBUTE}]`);
-                    return element?.getAttribute(strings.ACTION_ATTRIBUTE) ?? null;
+                    const element = (0, ponyfill_1.closest)(evt.target, `[${dialog_1.strings.ACTION_ATTRIBUTE}]`);
+                    return element?.getAttribute(dialog_1.strings.ACTION_ATTRIBUTE) ?? null;
                 },
                 getInitialFocusEl: () => this.getInitialFocusEl(),
                 hasClass: (className) => this.root.classList.contains(className),
-                isContentScrollable: () => util.isScrollable(this.content),
-                notifyClosed: (action) => this.emit(strings.CLOSED_EVENT, action ? { action } : {}),
-                notifyClosing: (action) => this.emit(strings.CLOSING_EVENT, action ? { action } : {}),
-                notifyOpened: () => this.emit(strings.OPENED_EVENT, {}),
-                notifyOpening: () => this.emit(strings.OPENING_EVENT, {}),
+                isContentScrollable: () => dialog_1.util.isScrollable(this.content),
+                notifyClosed: (action) => this.emit(dialog_1.strings.CLOSED_EVENT, action ? { action } : {}),
+                notifyClosing: (action) => this.emit(dialog_1.strings.CLOSING_EVENT, action ? { action } : {}),
+                notifyOpened: () => this.emit(dialog_1.strings.OPENED_EVENT, {}),
+                notifyOpening: () => this.emit(dialog_1.strings.OPENING_EVENT, {}),
                 releaseFocus: () => {
                     this.mdcFocusTrap?.releaseFocus();
                 },
@@ -181,10 +184,10 @@ let MdcDialog = (() => {
                     }
                 },
                 isScrollableContentAtTop: () => {
-                    return util.isScrollAtTop(this.content);
+                    return dialog_1.util.isScrollAtTop(this.content);
                 },
                 isScrollableContentAtBottom: () => {
-                    return util.isScrollAtBottom(this.content);
+                    return dialog_1.util.isScrollAtBottom(this.content);
                 },
                 registerWindowEventHandler: (evt, handler) => {
                     window.addEventListener(evt, handler);
@@ -193,17 +196,17 @@ let MdcDialog = (() => {
                     window.removeEventListener(evt, handler);
                 },
             };
-            return new MDCDialogFoundation(adapter);
+            return new dialog_1.MDCDialogFoundation(adapter);
         }
-        getInitialFocusEl = (__runInitializers(this, _sheet_extraInitializers), () => {
-            return this.root.querySelector(`[${strings.INITIAL_FOCUS_ATTRIBUTE}] input, [${strings.INITIAL_FOCUS_ATTRIBUTE}] .mdc-select__anchor`);
+        getInitialFocusEl = (tslib_1.__runInitializers(this, _sheet_extraInitializers), () => {
+            return this.root.querySelector(`[${dialog_1.strings.INITIAL_FOCUS_ATTRIBUTE}] input, [${dialog_1.strings.INITIAL_FOCUS_ATTRIBUTE}] .mdc-select__anchor, button[${dialog_1.strings.INITIAL_FOCUS_ATTRIBUTE}], .mdc-button[${dialog_1.strings.INITIAL_FOCUS_ATTRIBUTE}]`);
         });
     };
     return MdcDialog = _classThis;
 })();
-export { MdcDialog };
+exports.MdcDialog = MdcDialog;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-FocusTrap.prototype.getFocusableElements = function (root) {
+focus_trap_1.FocusTrap.prototype.getFocusableElements = function (root) {
     const focusableEls = [].slice.call(root.querySelectorAll('[autofocus], [tabindex], a, input, textarea, select, button, .mdc-select__anchor'));
     return focusableEls.filter((el) => {
         const isDisabledOrHidden = el.getAttribute('aria-disabled') === 'true' ||

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

@@ -1 +1 @@
-{"version":3,"file":"mdc-dialog.js","sourceRoot":"","sources":["../../src/dialog/mdc-dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr, MdcFocusTrap } from '../base';\nimport { MDCDialogFoundation, strings, MDCDialogAdapter, util, MDCDialogCloseEventDetail } from '@material/dialog';\nimport { customElement, inject, bindable } from 'aurelia';\nimport { closest, matches } from '@material/dom/ponyfill';\nimport template from './mdc-dialog.html?raw';\nimport { FocusTrap } from '@material/dom/focus-trap';\n\nconst LAYOUT_EVENTS = ['resize', 'orientationchange'];\nlet dialogId = 0;\n\nstrings.OPENING_EVENT = strings.OPENING_EVENT.toLowerCase();\nstrings.CLOSING_EVENT = strings.CLOSING_EVENT.toLowerCase();\nstrings.OPENED_EVENT = strings.OPENED_EVENT.toLowerCase();\nstrings.CLOSED_EVENT = strings.CLOSED_EVENT.toLowerCase();\n\n/**\n * @selector mdc-dialog\n */\n@inject(Element)\n@customElement({ name: 'mdc-dialog', template })\nexport class MdcDialog extends MdcComponent<MDCDialogFoundation> implements EventListenerObject {\n\n  id = ++dialogId;\n  contentId = `mdc-dialog-content-${this.id}`;\n  titleId = `mdc-dialog-title-${this.id}`;\n  private buttons!: HTMLElement[]; // assigned in initialize()\n  mdcFocusTrap: MdcFocusTrap;\n\n  /** Action returned when the dialog is closed via the scrim click */\n  @bindable()\n  scrimClickAction: string;\n  scrimClickActionChanged() {\n    this.foundation?.setScrimClickAction(this.scrimClickAction);\n  }\n\n  /** Action returned when the dialog is closed via the ESC key */\n  @bindable()\n  escapeKeyAction: string;\n  escapeKeyActionChanged() {\n    this.foundation?.setEscapeKeyAction(this.escapeKeyAction);\n  }\n\n  @bindable({ set: booleanAttr })\n  fullscreen: boolean;\n\n  @bindable({ set: booleanAttr })\n  sheet: boolean;\n\n  get defaultButton(): HTMLElement | null {\n    return this.root.querySelector<HTMLElement>(`[${strings.BUTTON_DEFAULT_ATTRIBUTE}]`);\n  }\n\n  get content(): HTMLElement | null {\n    return this.root.querySelector<HTMLElement>(`${strings.CONTENT_SELECTOR}`);\n  }\n\n  beforeFoundationCreated() {\n    this.buttons = [].slice.call(this.root.querySelectorAll<HTMLElement>(strings.BUTTON_SELECTOR));\n    const content = this.root.querySelector('mdc-dialog-content');\n    content?.setAttribute('id', this.contentId);\n    const title = this.root.querySelector('mdc-dialog-title');\n    title?.setAttribute('id', this.titleId);\n  }\n\n  destroy() {\n    this.handleClosing_();\n    super.destroy();\n  }\n\n  handleClick_(evt: MouseEvent) {\n    this.foundation?.handleClick(evt);\n    return true;\n  }\n\n  handleKeydown_(evt: KeyboardEvent) {\n    this.foundation?.handleKeydown(evt);\n    return true;\n  }\n\n  handleEvent(evt: Event): void {\n    switch (evt.currentTarget) {\n      case window:\n        switch (evt.type) {\n          case 'resize':\n          case 'orientationchange': this.foundation?.layout(); break;\n        }\n        break;\n      case document:\n        switch (evt.type) {\n          case 'keydown': this.foundation?.handleDocumentKeydown(evt as KeyboardEvent); break;\n        }\n        break;\n    }\n  }\n\n  handleOpening_() {\n    LAYOUT_EVENTS.forEach((evtType) => window.addEventListener(evtType, this));\n    document.addEventListener('keydown', this);\n  }\n\n  handleClosing_() {\n    LAYOUT_EVENTS.forEach((evtType) => window.removeEventListener(evtType, this));\n    document.removeEventListener('keydown', this);\n  }\n\n  /** Opens the dialog */\n  open() {\n    this.foundation?.open();\n  }\n\n  /**\n   * Closes the dialog\n   * @param action Action to close the dialog with\n   */\n  close(action = '') {\n    this.foundation?.close(action);\n  }\n\n  getDefaultFoundation() {\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n    const adapter: MDCDialogAdapter = {\n      addBodyClass: (className) => document.body.classList.add(className),\n      addClass: (className) => this.root.classList.add(className),\n      areButtonsStacked: () => util.areTopsMisaligned(this.buttons),\n      clickDefaultButton: () => {\n        if (this.defaultButton) {\n          this.defaultButton.click();\n        }\n      },\n      eventTargetMatches: (target, selector) =>\n        target ? matches(target as Element, selector) : false,\n      getActionFromEvent: (evt: Event) => {\n        if (!evt.target) {\n          return '';\n        }\n        const element = closest(evt.target as Element, `[${strings.ACTION_ATTRIBUTE}]`);\n        return element?.getAttribute(strings.ACTION_ATTRIBUTE) ?? null;\n      },\n      getInitialFocusEl: () => this.getInitialFocusEl(),\n      hasClass: (className) => this.root.classList.contains(className),\n      isContentScrollable: () => util.isScrollable(this.content),\n      notifyClosed: (action) => this.emit<MDCDialogCloseEventDetail>(strings.CLOSED_EVENT, action ? { action } : {}),\n      notifyClosing: (action) => this.emit<MDCDialogCloseEventDetail>(strings.CLOSING_EVENT, action ? { action } : {}),\n      notifyOpened: () => this.emit(strings.OPENED_EVENT, {}),\n      notifyOpening: () => this.emit(strings.OPENING_EVENT, {}),\n      releaseFocus: () => {\n        this.mdcFocusTrap?.releaseFocus();\n      },\n      removeBodyClass: (className) => document.body.classList.remove(className),\n      removeClass: (className) => this.root.classList.remove(className),\n      reverseButtons: () => {\n        this.buttons.reverse();\n        this.buttons.forEach((button) => {\n          button.parentElement!.appendChild(button);\n        });\n      },\n      trapFocus: () => {\n        this.mdcFocusTrap?.trapFocus();\n      },\n      registerContentEventHandler: (evt, handler) => {\n        if (this.content instanceof HTMLElement) {\n          this.content.addEventListener(evt, handler);\n        }\n      },\n      deregisterContentEventHandler: (evt, handler) => {\n        if (this.content instanceof HTMLElement) {\n          this.content.removeEventListener(evt, handler);\n        }\n      },\n      isScrollableContentAtTop: () => {\n        return util.isScrollAtTop(this.content);\n      },\n      isScrollableContentAtBottom: () => {\n        return util.isScrollAtBottom(this.content);\n      },\n      registerWindowEventHandler: (evt, handler) => {\n        window.addEventListener(evt, handler);\n      },\n      deregisterWindowEventHandler: (evt, handler) => {\n        window.removeEventListener(evt, handler);\n      },\n    };\n    return new MDCDialogFoundation(adapter);\n  }\n\n  getInitialFocusEl = (): HTMLElement | null => {\n    return this.root.querySelector(`[${strings.INITIAL_FOCUS_ATTRIBUTE}] input, [${strings.INITIAL_FOCUS_ATTRIBUTE}] .mdc-select__anchor`);\n  };\n}\n\n/** @hidden */\nexport interface IMdcDialogElement extends HTMLElement {\n  $au: {\n    'au:resource:custom-element': {\n      viewModel: MdcDialog;\n    };\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n(FocusTrap.prototype as any).getFocusableElements = function (root: HTMLElement): HTMLElement[] {\n  const focusableEls =\n    [].slice.call(root.querySelectorAll(\n      '[autofocus], [tabindex], a, input, textarea, select, button, .mdc-select__anchor')) as\n    HTMLElement[];\n  return focusableEls.filter((el) => {\n    const isDisabledOrHidden = el.getAttribute('aria-disabled') === 'true' ||\n      el.getAttribute('disabled') !== null ||\n      el.getAttribute('hidden') !== null ||\n      el.getAttribute('aria-hidden') === 'true';\n    const isTabbableAndVisible = (el.tabIndex >= 0 || el.classList.contains('mdc-select__anchor')) &&\n      el.getBoundingClientRect().width > 0 &&\n      !el.classList.contains('mdc-dom-focus-sentinel') && !isDisabledOrHidden;\n\n    let isProgrammaticallyHidden = false;\n    if (isTabbableAndVisible) {\n      const style = getComputedStyle(el);\n      isProgrammaticallyHidden =\n        style.display === 'none' || style.visibility === 'hidden';\n    }\n    return isTabbableAndVisible && !isProgrammaticallyHidden;\n  });\n};\n"]}
+{"version":3,"file":"mdc-dialog.js","sourceRoot":"","sources":["../../src/dialog/mdc-dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr, MdcFocusTrap } from '../base';\r\nimport { MDCDialogFoundation, strings, MDCDialogAdapter, util, MDCDialogCloseEventDetail } from '@material/dialog';\r\nimport { customElement, inject, bindable } from 'aurelia';\r\nimport { closest, matches } from '@material/dom/ponyfill';\r\nimport template from './mdc-dialog.html?raw';\r\nimport { FocusTrap } from '@material/dom/focus-trap';\r\n\r\nconst LAYOUT_EVENTS = ['resize', 'orientationchange'];\r\nlet dialogId = 0;\r\n\r\nstrings.OPENING_EVENT = strings.OPENING_EVENT.toLowerCase();\r\nstrings.CLOSING_EVENT = strings.CLOSING_EVENT.toLowerCase();\r\nstrings.OPENED_EVENT = strings.OPENED_EVENT.toLowerCase();\r\nstrings.CLOSED_EVENT = strings.CLOSED_EVENT.toLowerCase();\r\n\r\n/**\r\n * @selector mdc-dialog\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-dialog', template })\r\nexport class MdcDialog extends MdcComponent<MDCDialogFoundation> implements EventListenerObject {\r\n\r\n  id = ++dialogId;\r\n  contentId = `mdc-dialog-content-${this.id}`;\r\n  titleId = `mdc-dialog-title-${this.id}`;\r\n  private buttons!: HTMLElement[]; // assigned in initialize()\r\n  mdcFocusTrap: MdcFocusTrap;\r\n\r\n  /** Action returned when the dialog is closed via the scrim click */\r\n  @bindable()\r\n  scrimClickAction: string;\r\n  scrimClickActionChanged() {\r\n    this.foundation?.setScrimClickAction(this.scrimClickAction);\r\n  }\r\n\r\n  /** Action returned when the dialog is closed via the ESC key */\r\n  @bindable()\r\n  escapeKeyAction: string;\r\n  escapeKeyActionChanged() {\r\n    this.foundation?.setEscapeKeyAction(this.escapeKeyAction);\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  fullscreen: boolean;\r\n\r\n  @bindable({ set: booleanAttr })\r\n  sheet: boolean;\r\n\r\n  get defaultButton(): HTMLElement | null {\r\n    return this.root.querySelector<HTMLElement>(`[${strings.BUTTON_DEFAULT_ATTRIBUTE}]`);\r\n  }\r\n\r\n  get content(): HTMLElement | null {\r\n    return this.root.querySelector<HTMLElement>(`${strings.CONTENT_SELECTOR}`);\r\n  }\r\n\r\n  beforeFoundationCreated() {\r\n    this.buttons = [].slice.call(this.root.querySelectorAll<HTMLElement>(strings.BUTTON_SELECTOR));\r\n    const content = this.root.querySelector('mdc-dialog-content');\r\n    content?.setAttribute('id', this.contentId);\r\n    const title = this.root.querySelector('mdc-dialog-title');\r\n    title?.setAttribute('id', this.titleId);\r\n  }\r\n\r\n  destroy() {\r\n    this.handleClosing_();\r\n    super.destroy();\r\n  }\r\n\r\n  handleClick_(evt: MouseEvent) {\r\n    this.foundation?.handleClick(evt);\r\n    return true;\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  handleEvent(evt: Event): void {\r\n    switch (evt.currentTarget) {\r\n      case window:\r\n        switch (evt.type) {\r\n          case 'resize':\r\n          case 'orientationchange': this.foundation?.layout(); break;\r\n        }\r\n        break;\r\n      case document:\r\n        switch (evt.type) {\r\n          case 'keydown': this.foundation?.handleDocumentKeydown(evt as KeyboardEvent); break;\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  handleOpening_() {\r\n    LAYOUT_EVENTS.forEach((evtType) => window.addEventListener(evtType, this));\r\n    document.addEventListener('keydown', this);\r\n  }\r\n\r\n  handleClosing_() {\r\n    LAYOUT_EVENTS.forEach((evtType) => window.removeEventListener(evtType, this));\r\n    document.removeEventListener('keydown', this);\r\n  }\r\n\r\n  /** Opens the dialog */\r\n  open() {\r\n    this.foundation?.open();\r\n  }\r\n\r\n  /**\r\n   * Closes the dialog\r\n   * @param action Action to close the dialog with\r\n   */\r\n  close(action = '') {\r\n    this.foundation?.close(action);\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: MDCDialogAdapter = {\r\n      addBodyClass: (className) => document.body.classList.add(className),\r\n      addClass: (className) => this.root.classList.add(className),\r\n      areButtonsStacked: () => util.areTopsMisaligned(this.buttons),\r\n      clickDefaultButton: () => {\r\n        if (this.defaultButton) {\r\n          this.defaultButton.click();\r\n        }\r\n      },\r\n      eventTargetMatches: (target, selector) =>\r\n        target ? matches(target as Element, selector) : false,\r\n      getActionFromEvent: (evt: Event) => {\r\n        if (!evt.target) {\r\n          return '';\r\n        }\r\n        const element = closest(evt.target as Element, `[${strings.ACTION_ATTRIBUTE}]`);\r\n        return element?.getAttribute(strings.ACTION_ATTRIBUTE) ?? null;\r\n      },\r\n      getInitialFocusEl: () => this.getInitialFocusEl(),\r\n      hasClass: (className) => this.root.classList.contains(className),\r\n      isContentScrollable: () => util.isScrollable(this.content),\r\n      notifyClosed: (action) => this.emit<MDCDialogCloseEventDetail>(strings.CLOSED_EVENT, action ? { action } : {}),\r\n      notifyClosing: (action) => this.emit<MDCDialogCloseEventDetail>(strings.CLOSING_EVENT, action ? { action } : {}),\r\n      notifyOpened: () => this.emit(strings.OPENED_EVENT, {}),\r\n      notifyOpening: () => this.emit(strings.OPENING_EVENT, {}),\r\n      releaseFocus: () => {\r\n        this.mdcFocusTrap?.releaseFocus();\r\n      },\r\n      removeBodyClass: (className) => document.body.classList.remove(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      reverseButtons: () => {\r\n        this.buttons.reverse();\r\n        this.buttons.forEach((button) => {\r\n          button.parentElement!.appendChild(button);\r\n        });\r\n      },\r\n      trapFocus: () => {\r\n        this.mdcFocusTrap?.trapFocus();\r\n      },\r\n      registerContentEventHandler: (evt, handler) => {\r\n        if (this.content instanceof HTMLElement) {\r\n          this.content.addEventListener(evt, handler);\r\n        }\r\n      },\r\n      deregisterContentEventHandler: (evt, handler) => {\r\n        if (this.content instanceof HTMLElement) {\r\n          this.content.removeEventListener(evt, handler);\r\n        }\r\n      },\r\n      isScrollableContentAtTop: () => {\r\n        return util.isScrollAtTop(this.content);\r\n      },\r\n      isScrollableContentAtBottom: () => {\r\n        return util.isScrollAtBottom(this.content);\r\n      },\r\n      registerWindowEventHandler: (evt, handler) => {\r\n        window.addEventListener(evt, handler);\r\n      },\r\n      deregisterWindowEventHandler: (evt, handler) => {\r\n        window.removeEventListener(evt, handler);\r\n      },\r\n    };\r\n    return new MDCDialogFoundation(adapter);\r\n  }\r\n\r\n  getInitialFocusEl = (): HTMLElement | null => {\r\n    return this.root.querySelector(`[${strings.INITIAL_FOCUS_ATTRIBUTE}] input, [${strings.INITIAL_FOCUS_ATTRIBUTE}] .mdc-select__anchor, button[${strings.INITIAL_FOCUS_ATTRIBUTE}], .mdc-button[${strings.INITIAL_FOCUS_ATTRIBUTE}]`);\r\n  };\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcDialogElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcDialog;\r\n    };\r\n  };\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n(FocusTrap.prototype as any).getFocusableElements = function (root: HTMLElement): HTMLElement[] {\r\n  const focusableEls =\r\n    [].slice.call(root.querySelectorAll(\r\n      '[autofocus], [tabindex], a, input, textarea, select, button, .mdc-select__anchor')) as\r\n    HTMLElement[];\r\n  return focusableEls.filter((el) => {\r\n    const isDisabledOrHidden = el.getAttribute('aria-disabled') === 'true' ||\r\n      el.getAttribute('disabled') !== null ||\r\n      el.getAttribute('hidden') !== null ||\r\n      el.getAttribute('aria-hidden') === 'true';\r\n    const isTabbableAndVisible = (el.tabIndex >= 0 || el.classList.contains('mdc-select__anchor')) &&\r\n      el.getBoundingClientRect().width > 0 &&\r\n      !el.classList.contains('mdc-dom-focus-sentinel') && !isDisabledOrHidden;\r\n\r\n    let isProgrammaticallyHidden = false;\r\n    if (isTabbableAndVisible) {\r\n      const style = getComputedStyle(el);\r\n      isProgrammaticallyHidden =\r\n        style.display === 'none' || style.visibility === 'hidden';\r\n    }\r\n    return isTabbableAndVisible && !isProgrammaticallyHidden;\r\n  });\r\n};\r\n"]}

package/dist/drawer/mdc-drawer-app-content.js

@@ -1,11 +1,14 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcDrawerAppContent = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 /**
  * Mandatory for dismissible variant only. Sibling element that is resized when the drawer opens/closes.
  * @selector mdc-drawer-app-content
  */
 let MdcDrawerAppContent = (() => {
-    let _classDecorators = [customElement({
+    let _classDecorators = [(0, aurelia_1.customElement)({
             name: 'mdc-drawer-app-content',
             template: '<template class="mdc-drawer-app-content"><au-slot></au-slot></template>'
         })];
@@ -16,13 +19,13 @@ let MdcDrawerAppContent = (() => {
         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);
             MdcDrawerAppContent = _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);
         }
     };
     return MdcDrawerAppContent = _classThis;
 })();
-export { MdcDrawerAppContent };
+exports.MdcDrawerAppContent = MdcDrawerAppContent;
 //# sourceMappingURL=mdc-drawer-app-content.js.map

package/dist/drawer/mdc-drawer-app-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdc-drawer-app-content.js","sourceRoot":"","sources":["../../src/drawer/mdc-drawer-app-content.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;GAGG;IAKU,mBAAmB;4BAJ/B,aAAa,CAAC;YACb,IAAI,EAAE,wBAAwB;YAC9B,QAAQ,EAAE,yEAAyE;SACpF,CAAC;;;;;;;;YACF,6KAAoC;;;YAAvB,uDAAmB;;;;;SAAnB,mBAAmB","sourcesContent":["import { customElement } from 'aurelia';\n\n/**\n * Mandatory for dismissible variant only. Sibling element that is resized when the drawer opens/closes.\n * @selector mdc-drawer-app-content\n */\n@customElement({\n  name: 'mdc-drawer-app-content',\n  template: '<template class=\"mdc-drawer-app-content\"><au-slot></au-slot></template>'\n})\nexport class MdcDrawerAppContent { }\n"]}
+{"version":3,"file":"mdc-drawer-app-content.js","sourceRoot":"","sources":["../../src/drawer/mdc-drawer-app-content.ts"],"names":[],"mappings":";;;;AAAA,qCAAwC;AAExC;;;GAGG;IAKU,mBAAmB;4BAJ/B,IAAA,uBAAa,EAAC;YACb,IAAI,EAAE,wBAAwB;YAC9B,QAAQ,EAAE,yEAAyE;SACpF,CAAC;;;;;;;;YACF,qLAAoC;;;YAAvB,+DAAmB;;;;;AAAnB,kDAAmB","sourcesContent":["import { customElement } from 'aurelia';\r\n\r\n/**\r\n * Mandatory for dismissible variant only. Sibling element that is resized when the drawer opens/closes.\r\n * @selector mdc-drawer-app-content\r\n */\r\n@customElement({\r\n  name: 'mdc-drawer-app-content',\r\n  template: '<template class=\"mdc-drawer-app-content\"><au-slot></au-slot></template>'\r\n})\r\nexport class MdcDrawerAppContent { }\r\n"]}

package/dist/drawer/mdc-drawer-content.js

@@ -1,11 +1,14 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcDrawerContent = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 /**
  * Scrollable content area of the drawer
  * @selector mdc-drawer-content
  */
 let MdcDrawerContent = (() => {
-    let _classDecorators = [customElement({
+    let _classDecorators = [(0, aurelia_1.customElement)({
             name: 'mdc-drawer-content',
             template: '<template class="mdc-drawer__content"><au-slot></au-slot></template>'
         })];
@@ -16,13 +19,13 @@ let MdcDrawerContent = (() => {
         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);
             MdcDrawerContent = _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);
         }
     };
     return MdcDrawerContent = _classThis;
 })();
-export { MdcDrawerContent };
+exports.MdcDrawerContent = MdcDrawerContent;
 //# sourceMappingURL=mdc-drawer-content.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mdc-drawer-content.js","sourceRoot":"","sources":["../../src/drawer/mdc-drawer-content.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;GAGG;IAKU,gBAAgB;4BAJ5B,aAAa,CAAC;YACb,IAAI,EAAE,oBAAoB;YAC1B,QAAQ,EAAE,sEAAsE;SACjF,CAAC;;;;;;;;YACF,6KAAiC;;;YAApB,uDAAgB;;;;;SAAhB,gBAAgB","sourcesContent":["import { customElement } from 'aurelia';\n\n/**\n * Scrollable content area of the drawer\n * @selector mdc-drawer-content\n */\n@customElement({\n  name: 'mdc-drawer-content',\n  template: '<template class=\"mdc-drawer__content\"><au-slot></au-slot></template>'\n})\nexport class MdcDrawerContent { }\n"]}
+{"version":3,"file":"mdc-drawer-content.js","sourceRoot":"","sources":["../../src/drawer/mdc-drawer-content.ts"],"names":[],"mappings":";;;;AAAA,qCAAwC;AAExC;;;GAGG;IAKU,gBAAgB;4BAJ5B,IAAA,uBAAa,EAAC;YACb,IAAI,EAAE,oBAAoB;YAC1B,QAAQ,EAAE,sEAAsE;SACjF,CAAC;;;;;;;;YACF,qLAAiC;;;YAApB,+DAAgB;;;;;AAAhB,4CAAgB","sourcesContent":["import { customElement } from 'aurelia';\r\n\r\n/**\r\n * Scrollable content area of the drawer\r\n * @selector mdc-drawer-content\r\n */\r\n@customElement({\r\n  name: 'mdc-drawer-content',\r\n  template: '<template class=\"mdc-drawer__content\"><au-slot></au-slot></template>'\r\n})\r\nexport class MdcDrawerContent { }\r\n"]}

package/dist/drawer/mdc-drawer-header/mdc-drawer-header.html

@@ -1,5 +1,5 @@
-<template class="mdc-drawer__header">
-  <h3 class="mdc-drawer__title" if.bind="title">${title}</h3>
-  <h6 class="mdc-drawer__subtitle" if.bind="subtitle">${subtitle}</h6>
-  <au-slot></au-slot>
-</template>
+<template class="mdc-drawer__header">
+  <h3 class="mdc-drawer__title" if.bind="title">${title}</h3>
+  <h6 class="mdc-drawer__subtitle" if.bind="subtitle">${subtitle}</h6>
+  <au-slot></au-slot>
+</template>

package/dist/drawer/mdc-drawer-header/mdc-drawer-header.js

@@ -1,12 +1,15 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement, bindable } from 'aurelia';
-import template from './mdc-drawer-header.html?raw';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcDrawerHeader = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const mdc_drawer_header_html_raw_1 = tslib_1.__importDefault(require("./mdc-drawer-header.html?raw"));
 /**
  * Optional. Non-scrollable element that exists at the top of the drawer.
  * @selector mdc-drawer-header
  */
 let MdcDrawerHeader = (() => {
-    let _classDecorators = [customElement({ name: 'mdc-drawer-header', template })];
+    let _classDecorators = [(0, aurelia_1.customElement)({ name: 'mdc-drawer-header', template: mdc_drawer_header_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -20,24 +23,24 @@ let MdcDrawerHeader = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _title_decorators = [bindable()];
-            _subtitle_decorators = [bindable()];
-            __esDecorate(null, null, _title_decorators, { kind: "field", name: "title", static: false, private: false, access: { has: obj => "title" in obj, get: obj => obj.title, set: (obj, value) => { obj.title = value; } }, metadata: _metadata }, _title_initializers, _title_extraInitializers);
-            __esDecorate(null, null, _subtitle_decorators, { kind: "field", name: "subtitle", static: false, private: false, access: { has: obj => "subtitle" in obj, get: obj => obj.subtitle, set: (obj, value) => { obj.subtitle = value; } }, metadata: _metadata }, _subtitle_initializers, _subtitle_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _title_decorators = [(0, aurelia_1.bindable)()];
+            _subtitle_decorators = [(0, aurelia_1.bindable)()];
+            tslib_1.__esDecorate(null, null, _title_decorators, { kind: "field", name: "title", static: false, private: false, access: { has: obj => "title" in obj, get: obj => obj.title, set: (obj, value) => { obj.title = value; } }, metadata: _metadata }, _title_initializers, _title_extraInitializers);
+            tslib_1.__esDecorate(null, null, _subtitle_decorators, { kind: "field", name: "subtitle", static: false, private: false, access: { has: obj => "subtitle" in obj, get: obj => obj.subtitle, set: (obj, value) => { obj.subtitle = value; } }, metadata: _metadata }, _subtitle_initializers, _subtitle_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcDrawerHeader = _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);
         }
         /** Optional. Title text element of the drawer. */
-        title = __runInitializers(this, _title_initializers, void 0);
+        title = tslib_1.__runInitializers(this, _title_initializers, void 0);
         /** Optional. Subtitle text element of the drawer. */
-        subtitle = (__runInitializers(this, _title_extraInitializers), __runInitializers(this, _subtitle_initializers, void 0));
+        subtitle = (tslib_1.__runInitializers(this, _title_extraInitializers), tslib_1.__runInitializers(this, _subtitle_initializers, void 0));
         constructor() {
-            __runInitializers(this, _subtitle_extraInitializers);
+            tslib_1.__runInitializers(this, _subtitle_extraInitializers);
         }
     };
     return MdcDrawerHeader = _classThis;
 })();
-export { MdcDrawerHeader };
+exports.MdcDrawerHeader = MdcDrawerHeader;
 //# sourceMappingURL=mdc-drawer-header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mdc-drawer-header.js","sourceRoot":"","sources":["../../../src/drawer/mdc-drawer-header/mdc-drawer-header.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AAEpD;;;GAGG;IAEU,eAAe;4BAD3B,aAAa,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;iCAIpD,QAAQ,EAAE;oCAIV,QAAQ,EAAE;YAHX,iKAAA,KAAK,6BAAL,KAAK,qFAAS;YAId,0KAAA,QAAQ,6BAAR,QAAQ,2FAAS;YARnB,6KASC;;;YATY,uDAAe;;QAE1B,kDAAkD;QAElD,KAAK,wDAAS;QAEd,qDAAqD;QAErD,QAAQ,gHAAS;;;;;;;SARN,eAAe","sourcesContent":["import { customElement, bindable } from 'aurelia';\nimport template from './mdc-drawer-header.html?raw';\n\n/**\n * Optional. Non-scrollable element that exists at the top of the drawer.\n * @selector mdc-drawer-header\n */\n@customElement({ name: 'mdc-drawer-header', template })\nexport class MdcDrawerHeader {\n\n  /** Optional. Title text element of the drawer. */\n  @bindable()\n  title: string;\n\n  /** Optional. Subtitle text element of the drawer. */\n  @bindable()\n  subtitle: string;\n}\n"]}
+{"version":3,"file":"mdc-drawer-header.js","sourceRoot":"","sources":["../../../src/drawer/mdc-drawer-header/mdc-drawer-header.ts"],"names":[],"mappings":";;;;AAAA,qCAAkD;AAClD,sGAAoD;AAEpD;;;GAGG;IAEU,eAAe;4BAD3B,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAR,oCAAQ,EAAE,CAAC;;;;;;;;;;;;;;iCAIpD,IAAA,kBAAQ,GAAE;oCAIV,IAAA,kBAAQ,GAAE;YAHX,yKAAA,KAAK,6BAAL,KAAK,qFAAS;YAId,kLAAA,QAAQ,6BAAR,QAAQ,2FAAS;YARnB,qLASC;;;YATY,+DAAe;;QAE1B,kDAAkD;QAElD,KAAK,gEAAS;QAEd,qDAAqD;QAErD,QAAQ,gIAAS;;;;;;;AARN,0CAAe","sourcesContent":["import { customElement, bindable } from 'aurelia';\r\nimport template from './mdc-drawer-header.html?raw';\r\n\r\n/**\r\n * Optional. Non-scrollable element that exists at the top of the drawer.\r\n * @selector mdc-drawer-header\r\n */\r\n@customElement({ name: 'mdc-drawer-header', template })\r\nexport class MdcDrawerHeader {\r\n\r\n  /** Optional. Title text element of the drawer. */\r\n  @bindable()\r\n  title: string;\r\n\r\n  /** Optional. Subtitle text element of the drawer. */\r\n  @bindable()\r\n  subtitle: string;\r\n}\r\n"]}

package/dist/drawer/mdc-drawer.html

@@ -1,6 +1,6 @@
-<template class="mdc-drawer
-  ${type === 'dismissible' ? 'mdc-drawer--dismissible' : ''}
-  ${ type === 'modal' ? 'mdc-drawer--modal' : ''}" transitionend.trigger="handleTransitionEnd_($event)"
-  keydown.trigger="handleKeydown_($event)" mdc-focus-trap mdc-focus-trap.ref="mdcFocusTrap">
-  <au-slot></au-slot>
-</template>
+<template class="mdc-drawer
+  ${type === 'dismissible' ? 'mdc-drawer--dismissible' : ''}
+  ${ type === 'modal' ? 'mdc-drawer--modal' : ''}" transitionend.trigger="handleTransitionEnd_($event)"
+  keydown.trigger="handleKeydown_($event)" mdc-focus-trap mdc-focus-trap.ref="mdcFocusTrap">
+  <au-slot></au-slot>
+</template>

package/dist/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/drawer/mdc-drawer.js.map

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