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

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-dialog-service.js","sourceRoot":"","sources":["../../src/dialog/mdc-dialog-service.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcDialog } from './mdc-dialog';\nimport Aurelia, { CustomAttribute, IAurelia, resolve } from 'aurelia';\nimport { MDCDialogCloseEvent, strings } from '@material/dialog';\nimport { CustomElement } from '@aurelia/runtime-html';\nimport { Constructable } from '@aurelia/kernel';\nimport { IMdcRippleElement, MdcRipple } from '../ripple/mdc-ripple';\n\n/** Dialog service open method options */\nexport interface IMdcDialogOptions<T extends { loading: (params: any) => any }> {\n  /** A class represeting the dialog content view model */\n  viewModel: Constructable<T>;\n\n  /** Data to pass to the view model's loading method */\n  model?: unknown;\n}\n\ninterface IMdcDialogBindingContext {\n  handleClosed(evt: MDCDialogCloseEvent): void;\n  handleOpened(): void;\n}\n\n/** Service to open MDC dialogs */\nexport class MdcDialogService {\n  constructor(private readonly au: Aurelia = resolve(IAurelia)) { }\n\n  /** Opens the dialog specified in the options */\n  async open<T extends { loading: (params: any) => any }>(options: IMdcDialogOptions<T>) {\n    let closedResolver: (action?: string | PromiseLike<string> | undefined) => void;\n    const closedPromise = new Promise<string>(r => closedResolver = r);\n    let openedResolver: (value?: unknown) => void;\n    const openedPromise = new Promise(r => openedResolver = r);\n    let opened = false;\n    const bindingContext: IMdcDialogBindingContext = {\n      handleOpened: () => {\n        opened = true;\n        openedResolver();\n      },\n      handleClosed: (evt: MDCDialogCloseEvent) => {\n        if (!opened) {\n          // The dialog was closed before it was opened, need to prevent an unresolved open promise.\n          openedResolver();\n        }\n        closedResolver(evt.detail.action);\n        controller.deactivate();\n        dialogVm.root.removeEventListener(strings.CLOSED_EVENT, bindingContext.handleClosed);\n        dialogVm.root.removeEventListener(strings.OPENED_EVENT, bindingContext.handleOpened);\n        dialogContainer.remove();\n      }\n    };\n\n    const dialogContainer = document.createElement('div');\n    const def = CustomElement.getDefinition(options.viewModel);\n    dialogContainer.innerHTML = `<${def.name}></${def.name}>`;\n    document.body.appendChild(dialogContainer);\n\n    const controller = await this.au.enhance({ host: dialogContainer, component: {} });\n    const dialogVm = CustomElement.for<MdcDialog>(dialogContainer.querySelector('mdc-dialog') as HTMLElement).viewModel;\n    dialogVm.root.addEventListener(strings.CLOSED_EVENT, bindingContext.handleClosed);\n    dialogVm.root.addEventListener(strings.OPENED_EVENT, bindingContext.handleOpened);\n    const vm = CustomElement.for<T>(dialogContainer.firstChild as HTMLElement).viewModel;\n    if (vm.loading) {\n      const loadingResult = vm.loading(options.model);\n      if (loadingResult instanceof Promise) {\n        await loadingResult;\n      }\n    }\n    await dialogVm.initialised;\n    dialogVm.open();\n\n    await openedPromise;\n    // re-layout ripple elements because dialogs use `transform: scale(.8)` and initial layout is incorrect\n    const ripples = Array.from(dialogVm.root.querySelectorAll<IMdcRippleElement>('.mdc-ripple-upgraded'));\n    await Promise.all(ripples.map(async x => {\n      const ripple = CustomAttribute.for<MdcRipple>(x, 'mdc-ripple');\n      await ripple?.viewModel.initialised;\n      ripple?.viewModel.foundation?.layout();\n    }));\n    return await closedPromise;\n  }\n}\n"]}

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

@@ -0,0 +1,25 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'aurelia';
+/**
+ * Optional. The area containing the dialog's title.
+ * @selector mdc-dialog-title
+ */
+let MdcDialogTitle = (() => {
+    let _classDecorators = [customElement({ name: 'mdc-dialog-title', template: '<template class="mdc-dialog__title"><au-slot></au-slot></template>' })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcDialogTitle = 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);
+            MdcDialogTitle = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return MdcDialogTitle = _classThis;
+})();
+export { MdcDialogTitle };
+//# sourceMappingURL=mdc-dialog-title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-dialog-title.js","sourceRoot":"","sources":["../../src/dialog/mdc-dialog-title.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;GAGG;IAEU,cAAc;4BAD1B,aAAa,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAE,oEAAoE,EAAE,CAAC;;;;;;;;YAC5H,6KAA+B;;;YAAlB,uDAAc;;;;;SAAd,cAAc","sourcesContent":["import { customElement } from 'aurelia';\n\n/**\n * Optional. The area containing the dialog's title.\n * @selector mdc-dialog-title\n */\n@customElement({ name: 'mdc-dialog-title', template: '<template class=\"mdc-dialog__title\"><au-slot></au-slot></template>' })\nexport class MdcDialogTitle { }\n"]}

package/dist/dialog/mdc-dialog.html

@@ -0,0 +1,14 @@
+<template class="mdc-dialog ${fullscreen ? 'mdc-dialog--fullscreen' : ''} ${sheet ? 'mdc-dialog--sheet' : ''}"
+  click.trigger="handleClick_($event)" keydown.trigger="handleKeydown_($event)"
+  mdcdialog:opening.trigger="handleOpening_()" mdcdialog:closing.trigger="handleClosing_()" aria-modal="true"
+  mdc-focus-trap="initial-focus-el.bind: getInitialFocusEl" mdc-focus-trap.ref="mdcFocusTrap">
+  <div class="mdc-dialog__container">
+    <div class="mdc-dialog__surface" role="alertdialog" aria-modal="true" aria-labelledby="${titleId}"
+      aria-describedby="${contentId}">
+      <button if.bind="sheet" class="mdc-icon-button material-icons mdc-dialog__close"
+        data-mdc-dialog-action="close">close</button>
+      <au-slot></au-slot>
+    </div>
+  </div>
+  <div class="mdc-dialog__scrim"></div>
+</template>

package/dist/dialog/mdc-dialog.js

@@ -0,0 +1,225 @@
+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';
+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();
+/**
+ * @selector mdc-dialog
+ */
+let MdcDialog = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-dialog', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _scrimClickAction_decorators;
+    let _scrimClickAction_initializers = [];
+    let _scrimClickAction_extraInitializers = [];
+    let _escapeKeyAction_decorators;
+    let _escapeKeyAction_initializers = [];
+    let _escapeKeyAction_extraInitializers = [];
+    let _fullscreen_decorators;
+    let _fullscreen_initializers = [];
+    let _fullscreen_extraInitializers = [];
+    let _sheet_decorators;
+    let _sheet_initializers = [];
+    let _sheet_extraInitializers = [];
+    var MdcDialog = class extends _classSuper {
+        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);
+            MdcDialog = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        id = ++dialogId;
+        contentId = `mdc-dialog-content-${this.id}`;
+        titleId = `mdc-dialog-title-${this.id}`;
+        buttons; // assigned in initialize()
+        mdcFocusTrap;
+        /** Action returned when the dialog is closed via the scrim click */
+        scrimClickAction = __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));
+        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));
+        get defaultButton() {
+            return this.root.querySelector(`[${strings.BUTTON_DEFAULT_ATTRIBUTE}]`);
+        }
+        get content() {
+            return this.root.querySelector(`${strings.CONTENT_SELECTOR}`);
+        }
+        beforeFoundationCreated() {
+            this.buttons = [].slice.call(this.root.querySelectorAll(strings.BUTTON_SELECTOR));
+            const content = this.root.querySelector('mdc-dialog-content');
+            content?.setAttribute('id', this.contentId);
+            const title = this.root.querySelector('mdc-dialog-title');
+            title?.setAttribute('id', this.titleId);
+        }
+        destroy() {
+            this.handleClosing_();
+            super.destroy();
+        }
+        handleClick_(evt) {
+            this.foundation?.handleClick(evt);
+            return true;
+        }
+        handleKeydown_(evt) {
+            this.foundation?.handleKeydown(evt);
+            return true;
+        }
+        handleEvent(evt) {
+            switch (evt.currentTarget) {
+                case window:
+                    switch (evt.type) {
+                        case 'resize':
+                        case 'orientationchange':
+                            this.foundation?.layout();
+                            break;
+                    }
+                    break;
+                case document:
+                    switch (evt.type) {
+                        case 'keydown':
+                            this.foundation?.handleDocumentKeydown(evt);
+                            break;
+                    }
+                    break;
+            }
+        }
+        handleOpening_() {
+            LAYOUT_EVENTS.forEach((evtType) => window.addEventListener(evtType, this));
+            document.addEventListener('keydown', this);
+        }
+        handleClosing_() {
+            LAYOUT_EVENTS.forEach((evtType) => window.removeEventListener(evtType, this));
+            document.removeEventListener('keydown', this);
+        }
+        /** Opens the dialog */
+        open() {
+            this.foundation?.open();
+        }
+        /**
+         * Closes the dialog
+         * @param action Action to close the dialog with
+         */
+        close(action = '') {
+            this.foundation?.close(action);
+        }
+        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 = {
+                addBodyClass: (className) => document.body.classList.add(className),
+                addClass: (className) => this.root.classList.add(className),
+                areButtonsStacked: () => util.areTopsMisaligned(this.buttons),
+                clickDefaultButton: () => {
+                    if (this.defaultButton) {
+                        this.defaultButton.click();
+                    }
+                },
+                eventTargetMatches: (target, selector) => target ? 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;
+                },
+                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, {}),
+                releaseFocus: () => {
+                    this.mdcFocusTrap?.releaseFocus();
+                },
+                removeBodyClass: (className) => document.body.classList.remove(className),
+                removeClass: (className) => this.root.classList.remove(className),
+                reverseButtons: () => {
+                    this.buttons.reverse();
+                    this.buttons.forEach((button) => {
+                        button.parentElement.appendChild(button);
+                    });
+                },
+                trapFocus: () => {
+                    this.mdcFocusTrap?.trapFocus();
+                },
+                registerContentEventHandler: (evt, handler) => {
+                    if (this.content instanceof HTMLElement) {
+                        this.content.addEventListener(evt, handler);
+                    }
+                },
+                deregisterContentEventHandler: (evt, handler) => {
+                    if (this.content instanceof HTMLElement) {
+                        this.content.removeEventListener(evt, handler);
+                    }
+                },
+                isScrollableContentAtTop: () => {
+                    return util.isScrollAtTop(this.content);
+                },
+                isScrollableContentAtBottom: () => {
+                    return util.isScrollAtBottom(this.content);
+                },
+                registerWindowEventHandler: (evt, handler) => {
+                    window.addEventListener(evt, handler);
+                },
+                deregisterWindowEventHandler: (evt, handler) => {
+                    window.removeEventListener(evt, handler);
+                },
+            };
+            return new MDCDialogFoundation(adapter);
+        }
+        getInitialFocusEl = (__runInitializers(this, _sheet_extraInitializers), () => {
+            return this.root.querySelector(`[${strings.INITIAL_FOCUS_ATTRIBUTE}] input, [${strings.INITIAL_FOCUS_ATTRIBUTE}] .mdc-select__anchor`);
+        });
+    };
+    return MdcDialog = _classThis;
+})();
+export { MdcDialog };
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+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' ||
+            el.getAttribute('disabled') !== null ||
+            el.getAttribute('hidden') !== null ||
+            el.getAttribute('aria-hidden') === 'true';
+        const isTabbableAndVisible = (el.tabIndex >= 0 || el.classList.contains('mdc-select__anchor')) &&
+            el.getBoundingClientRect().width > 0 &&
+            !el.classList.contains('mdc-dom-focus-sentinel') && !isDisabledOrHidden;
+        let isProgrammaticallyHidden = false;
+        if (isTabbableAndVisible) {
+            const style = getComputedStyle(el);
+            isProgrammaticallyHidden =
+                style.display === 'none' || style.visibility === 'hidden';
+        }
+        return isTabbableAndVisible && !isProgrammaticallyHidden;
+    });
+};
+//# sourceMappingURL=mdc-dialog.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,28 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from '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({
+            name: 'mdc-drawer-app-content',
+            template: '<template class="mdc-drawer-app-content"><au-slot></au-slot></template>'
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcDrawerAppContent = 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);
+            MdcDrawerAppContent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return MdcDrawerAppContent = _classThis;
+})();
+export { MdcDrawerAppContent };
+//# sourceMappingURL=mdc-drawer-app-content.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,28 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'aurelia';
+/**
+ * Scrollable content area of the drawer
+ * @selector mdc-drawer-content
+ */
+let MdcDrawerContent = (() => {
+    let _classDecorators = [customElement({
+            name: 'mdc-drawer-content',
+            template: '<template class="mdc-drawer__content"><au-slot></au-slot></template>'
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcDrawerContent = 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);
+            MdcDrawerContent = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return MdcDrawerContent = _classThis;
+})();
+export { MdcDrawerContent };
+//# sourceMappingURL=mdc-drawer-content.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +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>

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

@@ -0,0 +1,43 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, bindable } from 'aurelia';
+import template from './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 _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _title_decorators;
+    let _title_initializers = [];
+    let _title_extraInitializers = [];
+    let _subtitle_decorators;
+    let _subtitle_initializers = [];
+    let _subtitle_extraInitializers = [];
+    var MdcDrawerHeader = class {
+        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);
+            MdcDrawerHeader = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /** Optional. Title text element of the drawer. */
+        title = __runInitializers(this, _title_initializers, void 0);
+        /** Optional. Subtitle text element of the drawer. */
+        subtitle = (__runInitializers(this, _title_extraInitializers), __runInitializers(this, _subtitle_initializers, void 0));
+        constructor() {
+            __runInitializers(this, _subtitle_extraInitializers);
+        }
+    };
+    return MdcDrawerHeader = _classThis;
+})();
+export { MdcDrawerHeader };
+//# sourceMappingURL=mdc-drawer-header.js.map

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

@@ -0,0 +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"]}

package/dist/drawer/mdc-drawer.html

@@ -0,0 +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>

package/dist/drawer/mdc-drawer.js

@@ -0,0 +1,131 @@
+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();
+/**
+ * @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 _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _type_decorators;
+    let _type_initializers = [];
+    let _type_extraInitializers = [];
+    var MdcDrawer = class extends _classSuper {
+        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);
+            MdcDrawer = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /** Set the drawer implementation */
+        type = __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.
+         */
+        get open() {
+            return this.foundation.isOpen();
+        }
+        /**
+         * Toggles the drawer open and closed.
+         */
+        set open(isOpen) {
+            if (isOpen) {
+                this.foundation?.open();
+            }
+            else {
+                this.foundation?.close();
+            }
+        }
+        previousFocus_ = __runInitializers(this, _type_extraInitializers);
+        scrim_; // assigned in initialSyncWithDOM()
+        mdcFocusTrap;
+        attaching() {
+            if (this.root.parentElement.clientWidth < 900) {
+                this.type = 'modal';
+            }
+        }
+        initialSyncWithDOM() {
+            if (this.type === 'modal') {
+                this.scrim_ = document.createElement('div');
+                this.scrim_.classList.add('mdc-drawer-scrim');
+                this.root.insertAdjacentElement('afterend', this.scrim_);
+                if (this.scrim_) {
+                    this.scrim_.addEventListener('click', this.handleScrimClick_);
+                }
+            }
+        }
+        handleScrimClick_ = () => {
+            this.open = false;
+            return this.foundation.handleScrimClick();
+        };
+        handleKeydown_(evt) {
+            this.foundation?.handleKeydown(evt);
+            return true;
+        }
+        handleTransitionEnd_(evt) {
+            this.foundation?.handleTransitionEnd(evt);
+            return true;
+        }
+        destroy() {
+            const { MODAL } = 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
+                this.open = false;
+            }
+        }
+        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),
+                removeClass: (className) => this.root.classList.remove(className),
+                hasClass: (className) => this.root.classList.contains(className),
+                elementHasClass: (element, className) => element.classList.contains(className),
+                saveFocus: () => this.previousFocus_ = document.activeElement,
+                restoreFocus: () => {
+                    const previousFocus = this.previousFocus_;
+                    if (previousFocus?.focus && this.root.contains(document.activeElement)) {
+                        previousFocus.focus();
+                    }
+                },
+                focusActiveNavigationItem: () => {
+                    const activeNavItemEl = this.root.querySelector('.mdc-deprecated-list-item--activated');
+                    if (activeNavItemEl) {
+                        activeNavItemEl.focus();
+                    }
+                },
+                notifyClose: () => this.emit(strings.CLOSE_EVENT, {}, true /* shouldBubble */),
+                notifyOpen: () => this.emit(strings.OPEN_EVENT, {}, true /* shouldBubble */),
+                trapFocus: () => this.mdcFocusTrap.trapFocus(),
+                releaseFocus: () => this.mdcFocusTrap.releaseFocus(),
+            };
+            if (this.type === 'modal') {
+                return new MDCModalDrawerFoundation(adapter);
+            }
+            else {
+                return new MDCDismissibleDrawerFoundation(adapter);
+            }
+        }
+        toggle() {
+            this.open = !this.open;
+        }
+    };
+    return MdcDrawer = _classThis;
+})();
+export { MdcDrawer };
+//# sourceMappingURL=mdc-drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-drawer.js","sourceRoot":"","sources":["../../src/drawer/mdc-drawer.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, MdcFocusTrap } from '../base';\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"]}