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

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":";AAAA,OAAO,EAAE,YAAY,EAAgB,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,8BAA8B,EAAE,UAAU,EAAE,OAAO,EAAE,wBAAwB,EAAoB,MAAM,kBAAkB,CAAC;AACnI,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;AACxD,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;AAEtD;;;;GAIG;IAGU,SAAS;4BAFrB,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;;;;sBACjB,YAAY;;;;yBAApB,SAAQ,WAAuE;;;;gCAGnG,QAAQ,EAAE;YACX,8JAAA,IAAI,6BAAJ,IAAI,mFAAoD;YAJ1D,6KA6GC;;;YA7GY,uDAAS;;QAEpB,oCAAoC;QAEpC,IAAI,+CAAyC,UAAU,EAAC;QAExD;;;WAGG;QACH,IAAI,IAAI;YACN,OAAO,IAAI,CAAC,UAAW,CAAC,MAAM,EAAE,CAAC;QACnC,CAAC;QAED;;WAEG;QACH,IAAI,IAAI,CAAC,MAAe;YACtB,IAAI,MAAM,EAAE,CAAC;gBACX,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC;QAEO,cAAc,oDAAkB;QAChC,MAAM,CAAsB,CAAC,mCAAmC;QAExE,YAAY,CAAe;QAE3B,SAAS;YACP,IAAI,IAAI,CAAC,IAAI,CAAC,aAAc,CAAC,WAAW,GAAG,GAAG,EAAE,CAAC;gBAC/C,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;YACtB,CAAC;QACH,CAAC;QAED,kBAAkB;YAChB,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBAC1B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAC5C,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;gBAC9C,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;gBAEzD,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;oBAChB,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBAChE,CAAC;YACH,CAAC;QACH,CAAC;QAED,iBAAiB,GAAG,GAAG,EAAE;YACvB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,OAAQ,IAAI,CAAC,UAAuC,CAAC,gBAAgB,EAAE,CAAC;QAC1E,CAAC,CAAC;QAEF,cAAc,CAAC,GAAkB;YAC/B,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;YACpC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,oBAAoB,CAAC,GAAoB;YACvC,IAAI,CAAC,UAAU,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC;YAC1C,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO;YACL,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC;YAC7B,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBACjF,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBACjE,0DAA0D;gBAC1D,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YACpB,CAAC;QACH,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAAqB;gBAChC,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;gBAC3D,WAAW,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;gBACjE,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;gBAChE,eAAe,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;gBAC9E,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,aAAa;gBAC7D,YAAY,EAAE,GAAG,EAAE;oBACjB,MAAM,aAAa,GAAG,IAAI,CAAC,cAAyC,CAAC;oBACrE,IAAI,aAAa,EAAE,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;wBACvE,aAAa,CAAC,KAAK,EAAE,CAAC;oBACxB,CAAC;gBACH,CAAC;gBACD,yBAAyB,EAAE,GAAG,EAAE;oBAC9B,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAc,sCAAsC,CAAC,CAAC;oBACrG,IAAI,eAAe,EAAE,CAAC;wBACpB,eAAe,CAAC,KAAK,EAAE,CAAC;oBAC1B,CAAC;gBACH,CAAC;gBACD,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,EAAE,IAAI,CAAC,kBAAkB,CAAC;gBAC9E,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,CAAC,kBAAkB,CAAC;gBAC5E,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE;gBAC9C,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE;aACrD,CAAC;YAEF,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBAC1B,OAAO,IAAI,wBAAwB,CAAC,OAAO,CAAC,CAAC;YAC/C,CAAC;iBAAM,CAAC;gBACN,OAAO,IAAI,8BAA8B,CAAC,OAAO,CAAC,CAAC;YACrD,CAAC;QACH,CAAC;QAED,MAAM;YACJ,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QACzB,CAAC;;;;SA5GU,SAAS","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/{src/elevation → 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

@@ -0,0 +1 @@
+{"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/{src/expandable → 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

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

package/dist/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';

package/dist/expandable/styles/_mixins.scss

@@ -0,0 +1,287 @@
+@use 'sass:math';
+@use "@material/feature-targeting/functions"as feature-targeting-functions;
+@use "@material/feature-targeting/mixins"as feature-targeting-mixins;
+@use "@material/theme/mixins"as theme-mixins;
+@use "@material/theme/variables"as theme-variables;
+@use "@material/rtl/mixins"as rtl-mixins;
+@use "@material/ripple/mixins"as ripple-mixins;
+@use "@material/ripple/functions"as ripple-functions;
+@use "@material/elevation/mixins"as elevation-mixins;
+@use "@material/shape/mixins"as shape-mixins;
+
+@use "./variables";
+@use "./icon-variables";
+
+@mixin core-styles($query: feature-targeting-functions.all()) {
+  @include ripple($query);
+  @include without-ripple($query);
+}
+
+@mixin without-ripple($query: feature-targeting-functions.all()) {
+  $feat-animation: feature-targeting-functions.create-target($query, animation);
+  $feat-color: feature-targeting-functions.create-target($query, color);
+  $feat-structure: feature-targeting-functions.create-target($query, structure);
+
+  @include elevation-mixins.overlay-common($query); // COPYBARA_COMMENT_THIS_LINE
+
+  .mdc-expandable {
+    @include shape-radius(variables.$shape-radius, $query: $query);
+    @include fill-color(surface, $query);
+    @include elevation-mixins.overlay-surface-position($query: $query);
+    @include elevation-mixins.overlay-dimensions(100%, $query: $query);
+    @include elevation-mixins.elevation(1, $query: $query);
+
+    @include dropdown-icon-color(variables.$dropdown-icon-color, $query: $query);
+    @include focused-dropdown-icon-color(primary, $query: $query);
+
+    @include _dropdown-icon-size(icon-variables.$icon-size, $query: $query);
+
+
+    display: block;
+
+    &.mdc-expandable--open {
+      margin: 16px 0;
+    }
+
+    transition: {
+      duration: variables.$duration;
+      timing-function: variables.$fast-out-slow-in-timing-function;
+      property: margin;
+    }
+
+    .mdc-expandable__header {
+      cursor: pointer;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      padding: 0 24px;
+      border-radius: inherit;
+      position: relative;
+      overflow: hidden;
+
+      &:focus {
+        outline: none;
+      }
+
+      &.mdc-expandable__header--open {
+        height: 64px;
+      }
+
+      &.mdc-expandable__header--closed {
+        height: 48px;
+      }
+
+      transition: {
+        duration: variables.$duration;
+        timing-function: variables.$timing-function;
+        property: height;
+      }
+
+      .mdc-expandable__caption {
+        flex: 1;
+      }
+    }
+
+    &__dropdown-icon {
+      @include _dropdown-icon-base($query: $query);
+      @include _dropdown-icon-inactive($query: $query);
+
+      @include feature-targeting-mixins.targets($feat-structure) {
+        @include rtl-mixins.reflexive-property(margin,
+          icon-variables.$icon-horizontal-margin,
+          icon-variables.$icon-horizontal-margin);
+        display: inline-flex;
+        position: relative;
+        align-self: center;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        pointer-events: none;
+      }
+
+      .mdc-expandable--open & {
+        @include _dropdown-icon-active($query: $query);
+      }
+    }
+
+    .mdc-expandable__content-container {
+      height: 0;
+      overflow: hidden;
+
+      transition: {
+        duration: variables.$duration;
+        timing-function: variables.$timing-function;
+        property: height;
+      }
+
+      .mdc-expandable__content {
+        padding: 0 24px 16px;
+      }
+    }
+  }
+}
+
+@mixin ripple($query: feature-targeting-functions.all()) {
+  @include ripple-mixins.common($query); // COPYBARA_COMMENT_THIS_LINE
+
+  .mdc-expandable__header {
+    @include ripple-mixins.surface($query);
+    @include ripple-mixins.radius-bounded($query: $query);
+    @include ripple-mixins.states($query: $query);
+  }
+}
+
+@mixin dropdown-icon-color($color, $query: feature-targeting-functions.all()) {
+  @include _dropdown-icon-color($color, $query: $query);
+}
+
+@mixin focused-dropdown-icon-color($color,
+  $query: feature-targeting-functions.all()) {
+  .mdc-expandable__header--focused {
+    @include _dropdown-icon-color($color, $query: $query);
+  }
+}
+
+///
+/// Sets the dropdown icon to the specified size.
+/// @access private
+///
+@mixin _dropdown-icon-size($size, $query: feature-targeting-functions.all()) {
+  $feat-structure: feature-targeting-functions.create-target($query, structure);
+
+  .mdc-expandable__dropdown-icon {
+    @include feature-targeting-mixins.targets($feat-structure) {
+      width: $size;
+      height: $size;
+    }
+  }
+}
+
+///
+/// Sets the dropdown icon to the specified color.
+/// @access private
+///
+@mixin _dropdown-icon-color($color, $query: feature-targeting-functions.all()) {
+  $feat-color: feature-targeting-functions.create-target($query, color);
+
+  @include feature-targeting-mixins.targets($feat-color) {
+    .mdc-expandable__dropdown-icon {
+      @include theme-mixins.prop(fill, $color);
+    }
+  }
+}
+
+///
+/// Sets base dropdown icon styles.
+/// @access private
+///
+@mixin _dropdown-icon-base($query: feature-targeting-functions.all()) {
+  $feat-structure: feature-targeting-functions.create-target($query, structure);
+
+  .mdc-expandable__dropdown-icon-active,
+  .mdc-expandable__dropdown-icon-inactive {
+    @include feature-targeting-mixins.targets($feat-structure) {
+      position: absolute;
+      top: 0;
+      left: 0;
+    }
+  }
+
+  .mdc-expandable__dropdown-icon-graphic {
+    $svg-natural-width: 10px;
+    $svg-natural-height: 5px;
+
+    @include feature-targeting-mixins.targets($feat-structure) {
+      width: math.div($svg-natural-width, icon-variables.$icon-size) * 100%;
+      height: math.div($svg-natural-height, icon-variables.$icon-size) * 100%;
+    }
+  }
+}
+
+///
+/// Sets styles for transitioning the dropdown icon to inactive state.
+/// @access private
+///
+@mixin _dropdown-icon-inactive($query: feature-targeting-functions.all()) {
+  $feat-structure: feature-targeting-functions.create-target($query, structure);
+  $feat-animation: feature-targeting-functions.create-target($query, animation);
+
+  .mdc-expandable__dropdown-icon-inactive {
+    @include feature-targeting-mixins.targets($feat-structure) {
+      opacity: 1;
+    }
+
+    @include feature-targeting-mixins.targets($feat-animation) {
+      transition: opacity variables.$icon-inactive-fade-in-duration linear variables.$icon-inactive-fade-out-duration;
+    }
+  }
+
+  .mdc-expandable__dropdown-icon-active {
+    @include feature-targeting-mixins.targets($feat-structure) {
+      opacity: 0;
+    }
+
+    @include feature-targeting-mixins.targets($feat-animation) {
+      transition: opacity variables.$icon-inactive-fade-out-duration linear;
+    }
+  }
+}
+
+///
+/// Sets styles for transitioning the dropdown icon to activated state.
+/// @access private
+///
+@mixin _dropdown-icon-active($query: feature-targeting-functions.all()) {
+  $feat-structure: feature-targeting-functions.create-target($query, structure);
+  $feat-animation: feature-targeting-functions.create-target($query, animation);
+
+  .mdc-expandable__dropdown-icon-inactive {
+    @include feature-targeting-mixins.targets($feat-structure) {
+      opacity: 0;
+    }
+
+    @include feature-targeting-mixins.targets($feat-animation) {
+      transition: opacity variables.$icon-active-fade-out-duration linear;
+    }
+  }
+
+  .mdc-expandable__dropdown-icon-active {
+    @include feature-targeting-mixins.targets($feat-structure) {
+      opacity: 1;
+    }
+
+    @include feature-targeting-mixins.targets($feat-animation) {
+      transition: opacity variables.$icon-active-fade-in-duration linear variables.$icon-active-fade-out-duration;
+    }
+  }
+}
+
+@mixin fill-color($color, $query: functions.all()) {
+  $feat-color: feature-targeting-functions.create-target($query, color);
+
+  @include feature-targeting-mixins.targets($feat-color) {
+    @include theme-mixins.prop(background-color, $color);
+  }
+}
+
+@mixin shape-radius($radius, $rtl-reflexive: false, $query: functions.all()) {
+  &:first-of-type {
+    @include shape-mixins.radius($radius $radius 0 0, $rtl-reflexive, $query);
+  }
+
+  &:last-of-type {
+    @include shape-mixins.radius(0 0 $radius $radius, $rtl-reflexive, $query);
+  }
+
+  &:first-of-type:last-of-type {
+    @include shape-mixins.radius($radius, $rtl-reflexive, $query);
+  }
+
+  &.mdc-expandable--open {
+    @include shape-mixins.radius($radius, $rtl-reflexive, $query);
+
+    .mdc-expandable__header {
+      @include shape-mixins.radius($radius $radius 0 0, $rtl-reflexive, $query);
+    }
+  }
+}

package/dist/expandable/styles/_variables.scss

@@ -0,0 +1,17 @@
+@use "@material/theme/variables";
+
+$dropdown-icon-color: rgba(variables.prop-value(on-surface), 0.54) !default;
+$dropdown-transition-duration: 150ms !default;
+// Transition durartions to active state
+$icon-active-fade-out-duration: 0.33 * $dropdown-transition-duration !default;
+$icon-active-fade-in-duration: 0.67 * $dropdown-transition-duration !default;
+// Transition durartions to inactive state
+$icon-inactive-fade-out-duration: 0.5 * $dropdown-transition-duration !default;
+$icon-inactive-fade-in-duration: 0.5 * $dropdown-transition-duration !default;
+
+
+$duration: 225ms;
+$timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
+$fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;
+
+$shape-radius: small !default;

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

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

package/dist/expandable/styles/mdc-expandable.scss

@@ -0,0 +1,3 @@
+@use "./mixins";
+
+@include mixins.core-styles;

package/dist/{src/fab → fab}/enhance-mdc-fab.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhanceMdcFab = void 0;
-const tslib_1 = require("tslib");
-const aurelia_1 = require("aurelia");
+import { __esDecorate, __runInitializers } from "tslib";
+import { templateCompilerHooks } from 'aurelia';
 let EnhanceMdcFab = (() => {
-    let _classDecorators = [aurelia_1.templateCompilerHooks];
+    let _classDecorators = [templateCompilerHooks];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -12,10 +9,10 @@ let EnhanceMdcFab = (() => {
         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);
             EnhanceMdcFab = _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);
         }
         compiling(template) {
             template.innerHTML = template.innerHTML.replaceAll('mdc-fab=""', 'as-element="mdc-fab"');
@@ -23,5 +20,5 @@ let EnhanceMdcFab = (() => {
     };
     return EnhanceMdcFab = _classThis;
 })();
-exports.EnhanceMdcFab = EnhanceMdcFab;
+export { EnhanceMdcFab };
 //# sourceMappingURL=enhance-mdc-fab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"enhance-mdc-fab.js","sourceRoot":"","sources":["../../src/fab/enhance-mdc-fab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,aAAa;4BADzB,qBAAqB;;;;;;;;YACtB,6KAIC;;;YAJY,uDAAa;;QACxB,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,YAAY,EAAC,sBAAsB,CAAC,CAAC;QAC1F,CAAC;;;;SAHU,aAAa","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMdcFab {\r\n  compiling(template: HTMLElement | HTMLTemplateElement) {\r\n    template.innerHTML = template.innerHTML.replaceAll('mdc-fab=\"\"','as-element=\"mdc-fab\"');\r\n  }\r\n}\r\n"]}

package/dist/{src/fab → fab}/mdc-fab-icon.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcFabIcon = void 0;
-const tslib_1 = require("tslib");
-const aurelia_1 = require("aurelia");
+import { __esDecorate, __runInitializers } from "tslib";
+import { inject, customAttribute } from 'aurelia';
 /**
  * Optional. Can be used with SVG icons, for example.
  * @selector [mdc-fab-icon]
  */
 let MdcFabIcon = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customAttribute)('mdc-fab-icon')];
+    let _classDecorators = [inject(Element), customAttribute('mdc-fab-icon')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -16,10 +13,10 @@ let MdcFabIcon = (() => {
         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);
             MdcFabIcon = _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) {
@@ -31,5 +28,5 @@ let MdcFabIcon = (() => {
     };
     return MdcFabIcon = _classThis;
 })();
-exports.MdcFabIcon = MdcFabIcon;
+export { MdcFabIcon };
 //# sourceMappingURL=mdc-fab-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-fab-icon.js","sourceRoot":"","sources":["../../src/fab/mdc-fab-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAElD;;;GAGG;IAGU,UAAU;4BAFtB,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,cAAc,CAAC;;;;;;;;YAChC,6KAMC;;;YANY,uDAAU;;QACD,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,QAAQ;YACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QAC3C,CAAC;;;;SALU,UAAU","sourcesContent":["import { inject, customAttribute } from 'aurelia';\r\n\r\n/**\r\n * Optional. Can be used with SVG icons, for example.\r\n * @selector [mdc-fab-icon]\r\n */\r\n@inject(Element)\r\n@customAttribute('mdc-fab-icon')\r\nexport class MdcFabIcon {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  attached() {\r\n    this.root.classList.add('mdc-fab__icon');\r\n  }\r\n}\r\n"]}