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

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,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"]}
+{"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';\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,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcDrawerContent = void 0;
-const tslib_1 = require("tslib");
-const aurelia_1 = require("aurelia");
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'aurelia';
 /**
  * Scrollable content area of the drawer
  * @selector mdc-drawer-content
  */
 let MdcDrawerContent = (() => {
-    let _classDecorators = [(0, aurelia_1.customElement)({
+    let _classDecorators = [customElement({
             name: 'mdc-drawer-content',
             template: '<template class="mdc-drawer__content"><au-slot></au-slot></template>'
         })];
@@ -19,13 +16,13 @@ let MdcDrawerContent = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            __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 });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
     };
     return MdcDrawerContent = _classThis;
 })();
-exports.MdcDrawerContent = MdcDrawerContent;
+export { 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,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"]}
+{"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';\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.js

@@ -1,15 +1,12 @@
-"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"));
+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 = [(0, aurelia_1.customElement)({ name: 'mdc-drawer-header', template: mdc_drawer_header_html_raw_1.default })];
+    let _classDecorators = [customElement({ name: 'mdc-drawer-header', template })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -23,24 +20,24 @@ let MdcDrawerHeader = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _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);
+            _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 });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         /** Optional. Title text element of the drawer. */
-        title = tslib_1.__runInitializers(this, _title_initializers, void 0);
+        title = __runInitializers(this, _title_initializers, void 0);
         /** Optional. Subtitle text element of the drawer. */
-        subtitle = (tslib_1.__runInitializers(this, _title_extraInitializers), tslib_1.__runInitializers(this, _subtitle_initializers, void 0));
+        subtitle = (__runInitializers(this, _title_extraInitializers), __runInitializers(this, _subtitle_initializers, void 0));
         constructor() {
-            tslib_1.__runInitializers(this, _subtitle_extraInitializers);
+            __runInitializers(this, _subtitle_extraInitializers);
         }
     };
     return MdcDrawerHeader = _classThis;
 })();
-exports.MdcDrawerHeader = MdcDrawerHeader;
+export { 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,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"]}
+{"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';\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.js

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

package/dist/drawer/styles/_index.scss

@@ -0,0 +1 @@
+@forward './mdc-drawer.scss';

package/dist/drawer/styles/mdc-drawer.import.scss

@@ -0,0 +1 @@
+@forward './mdc-drawer.scss';

package/dist/elevation/mdc-elevation.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"mdc-elevation.js","sourceRoot":"","sources":["../../src/elevation/mdc-elevation.ts"],"names":[],"mappings":";;;;AAAA,qCAAkD;AAElD;;GAEG;IAGU,YAAY;4BAFxB,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,yBAAe,EAAC,eAAe,CAAC;;;;;;;;YACjC,qLAeC;;;YAfY,+DAAY;;QACH,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,KAAK,CAAS;QACd,YAAY,CAAC,QAAgB,EAAE,QAAiB;YAC9C,IAAI,QAAQ,EAAE,CAAC;gBACb,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,QAAQ,EAAE,CAAC,CAAC;YACzD,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,QAAQ,EAAE,CAAC,CAAC;YACzD,CAAC;QACH,CAAC;QAED,QAAQ;YACN,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAC3C,CAAC;;;;AAdU,oCAAY","sourcesContent":["import { customAttribute, inject } from 'aurelia';\r\n\r\n/**\r\n * @selector [mdc-elevation]\r\n */\r\n@inject(Element)\r\n@customAttribute('mdc-elevation')\r\nexport class MdcElevation {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  value: string;\r\n  valueChanged(newValue: string, oldValue?: string) {\r\n    if (oldValue) {\r\n      this.root.classList.add(`mdc-elevation--z${oldValue}`);\r\n    } else {\r\n      this.root.classList.add(`mdc-elevation--z${newValue}`);\r\n    }\r\n  }\r\n\r\n  attached() {\r\n    this.valueChanged(this.value, undefined);\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"mdc-elevation.js","sourceRoot":"","sources":["../../src/elevation/mdc-elevation.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAElD;;GAEG;IAGU,YAAY;4BAFxB,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,eAAe,CAAC;;;;;;;;YACjC,6KAeC;;;YAfY,uDAAY;;QACH,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,KAAK,CAAS;QACd,YAAY,CAAC,QAAgB,EAAE,QAAiB;YAC9C,IAAI,QAAQ,EAAE,CAAC;gBACb,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,QAAQ,EAAE,CAAC,CAAC;YACzD,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,QAAQ,EAAE,CAAC,CAAC;YACzD,CAAC;QACH,CAAC;QAED,QAAQ;YACN,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAC3C,CAAC;;;;SAdU,YAAY","sourcesContent":["import { customAttribute, inject } from 'aurelia';\r\n\r\n/**\r\n * @selector [mdc-elevation]\r\n */\r\n@inject(Element)\r\n@customAttribute('mdc-elevation')\r\nexport class MdcElevation {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  value: string;\r\n  valueChanged(newValue: string, oldValue?: string) {\r\n    if (oldValue) {\r\n      this.root.classList.add(`mdc-elevation--z${oldValue}`);\r\n    } else {\r\n      this.root.classList.add(`mdc-elevation--z${newValue}`);\r\n    }\r\n  }\r\n\r\n  attached() {\r\n    this.valueChanged(this.value, undefined);\r\n  }\r\n}\r\n"]}

package/dist/expandable/mdc-expandable.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcExpandable = void 0;
-const tslib_1 = require("tslib");
-const aurelia_1 = require("aurelia");
-const base_1 = require("../base");
-const runtime_html_1 = require("@aurelia/runtime-html");
-const mdc_expandable_html_raw_1 = tslib_1.__importDefault(require("./mdc-expandable.html?raw"));
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, inject, bindable, IPlatform } from 'aurelia';
+import { booleanAttr } from '../base';
+import { CustomElement } from '@aurelia/runtime-html';
+import template from './mdc-expandable.html?raw';
 const OPEN_CHANGED_EVENT = 'mdcexpandable:open-changed';
 const ENTER = 13;
 const SPACE = 32;
 /** @selector mdc-expandable */
 let MdcExpandable = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element, aurelia_1.IPlatform), (0, aurelia_1.customElement)({ name: 'mdc-expandable', template: mdc_expandable_html_raw_1.default })];
+    let _classDecorators = [inject(Element, IPlatform), customElement({ name: 'mdc-expandable', template })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -25,19 +22,19 @@ let MdcExpandable = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _open_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _accordion_decorators = [(0, aurelia_1.bindable)()];
-            tslib_1.__esDecorate(null, null, _open_decorators, { kind: "field", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
-            tslib_1.__esDecorate(null, null, _accordion_decorators, { kind: "field", name: "accordion", static: false, private: false, access: { has: obj => "accordion" in obj, get: obj => obj.accordion, set: (obj, value) => { obj.accordion = value; } }, metadata: _metadata }, _accordion_initializers, _accordion_extraInitializers);
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _open_decorators = [bindable({ set: booleanAttr })];
+            _accordion_decorators = [bindable()];
+            __esDecorate(null, null, _open_decorators, { kind: "field", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
+            __esDecorate(null, null, _accordion_decorators, { kind: "field", name: "accordion", static: false, private: false, access: { has: obj => "accordion" in obj, get: obj => obj.accordion, set: (obj, value) => { obj.accordion = value; } }, metadata: _metadata }, _accordion_initializers, _accordion_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcExpandable = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         element;
         platform;
         constructor(element, platform) {
-            tslib_1.__runInitializers(this, _accordion_extraInitializers);
+            __runInitializers(this, _accordion_extraInitializers);
             this.element = element;
             this.platform = platform;
         }
@@ -46,13 +43,13 @@ let MdcExpandable = (() => {
         contentContainer = undefined;
         focused;
         /** Toggles the expandable open and closed */
-        open = tslib_1.__runInitializers(this, _open_initializers, void 0);
+        open = __runInitializers(this, _open_initializers, void 0);
         openChanged() {
             this.updateContainerHeight();
             this.element.dispatchEvent(new CustomEvent(OPEN_CHANGED_EVENT, { detail: { component: this, open: this.open } }));
         }
         /** Set the expandable to be in an accordion group */
-        accordion = (tslib_1.__runInitializers(this, _open_extraInitializers), tslib_1.__runInitializers(this, _accordion_initializers, void 0));
+        accordion = (__runInitializers(this, _open_extraInitializers), __runInitializers(this, _accordion_initializers, void 0));
         handleEvent(e) {
             switch (e.type) {
                 case 'transitionend':
@@ -88,7 +85,7 @@ let MdcExpandable = (() => {
             if (!this.open && this.accordion !== undefined) {
                 const otherAccordions = Array.from(this.element.parentElement.querySelectorAll(`.mdc-expandable--accordion__${this.accordion}.mdc-expandable--open`));
                 otherAccordions.filter(x => x !== this.element)
-                    .map(x => runtime_html_1.CustomElement.for(x).viewModel)
+                    .map(x => CustomElement.for(x).viewModel)
                     .forEach(x => x.toggle());
             }
             this.open = !this.open;
@@ -108,5 +105,5 @@ let MdcExpandable = (() => {
     };
     return MdcExpandable = _classThis;
 })();
-exports.MdcExpandable = MdcExpandable;
+export { MdcExpandable };
 //# sourceMappingURL=mdc-expandable.js.map

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

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

package/dist/expandable/styles/_icon-variables.scss

@@ -0,0 +1,3 @@
+$icon-size: 24px !default;
+$dense-icon-size: 20px !default;
+$icon-horizontal-margin: 12px !default;

package/dist/expandable/styles/_index.scss

@@ -0,0 +1 @@
+@forward './mdc-expandable.scss';