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

package/dist/src/icon/mdc-icon.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcIcon = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const mdc_icon_html_raw_1 = tslib_1.__importDefault(require("./mdc-icon.html?raw"));
+/**
+ * @selector mdc-icon
+ */
+let MdcIcon = (() => {
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-icon', template: mdc_icon_html_raw_1.default })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcIcon = class {
+        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);
+            MdcIcon = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            this.root = root;
+        }
+    };
+    return MdcIcon = _classThis;
+})();
+exports.MdcIcon = MdcIcon;
+//# sourceMappingURL=mdc-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-icon.js","sourceRoot":"","sources":["../../../src/icon/mdc-icon.ts"],"names":[],"mappings":";;;;AAAA,qCAAgD;AAChD,oFAA2C;AAE3C;;GAEG;IAGU,OAAO;4BAFnB,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAR,2BAAQ,EAAE,CAAC;;;;;;;;YAC9C,qLAEC;;;YAFY,+DAAO;;QACC,IAAI;QAAvB,YAAmB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;;;;AAD9B,0BAAO","sourcesContent":["import { customElement, inject } from 'aurelia';\r\nimport template from './mdc-icon.html?raw';\r\n\r\n/**\r\n * @selector mdc-icon\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-icon', template })\r\nexport class MdcIcon {\r\n  constructor(public root: HTMLElement) { }\r\n}\r\n"]}

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

@@ -1,7 +1,10 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { templateCompilerHooks } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EnhanceMdcIconButton = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 let EnhanceMdcIconButton = (() => {
-    let _classDecorators = [templateCompilerHooks];
+    let _classDecorators = [aurelia_1.templateCompilerHooks];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -9,10 +12,10 @@ let EnhanceMdcIconButton = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             EnhanceMdcIconButton = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         compiling(template) {
             template.innerHTML = template.innerHTML.replaceAll('mdc-icon-button=""', 'as-element="mdc-icon-button"');
@@ -20,5 +23,5 @@ let EnhanceMdcIconButton = (() => {
     };
     return EnhanceMdcIconButton = _classThis;
 })();
-export { EnhanceMdcIconButton };
+exports.EnhanceMdcIconButton = EnhanceMdcIconButton;
 //# sourceMappingURL=enhance-mdc-icon-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"enhance-mdc-icon-button.js","sourceRoot":"","sources":["../../../src/icon-button/enhance-mdc-icon-button.ts"],"names":[],"mappings":";;;;AAAA,qCAAgD;IAGnC,oBAAoB;4BADhC,+BAAqB;;;;;;;;YACtB,qLAIC;;;YAJY,+DAAoB;;QAC/B,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,oBAAoB,EAAC,8BAA8B,CAAC,CAAC;QAC1G,CAAC;;;;AAHU,oDAAoB","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\r\n\r\n@templateCompilerHooks\r\nexport class EnhanceMdcIconButton {\r\n  compiling(template: HTMLElement | HTMLTemplateElement) {\r\n    template.innerHTML = template.innerHTML.replaceAll('mdc-icon-button=\"\"','as-element=\"mdc-icon-button\"');\r\n  }\r\n}\r\n"]}

package/dist/src/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcIconButtonIcon = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const base_1 = require("../../base");
+const mdc_icon_button_icon_html_raw_1 = tslib_1.__importDefault(require("./mdc-icon-button-icon.html?raw"));
+/**
+ * Optional. Used as a toggle icon button element.
+ * @selector mdc-icon-button-icon
+ */
+let MdcIconButtonIcon = (() => {
+    let _classDecorators = [(0, aurelia_1.customElement)({ name: 'mdc-icon-button-icon', template: mdc_icon_button_icon_html_raw_1.default })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _on_decorators;
+    let _on_initializers = [];
+    let _on_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    var MdcIconButtonIcon = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _on_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _icon_decorators = [(0, aurelia_1.bindable)()];
+            tslib_1.__esDecorate(null, null, _on_decorators, { kind: "field", name: "on", static: false, private: false, access: { has: obj => "on" in obj, get: obj => obj.on, set: (obj, value) => { obj.on = value; } }, metadata: _metadata }, _on_initializers, _on_extraInitializers);
+            tslib_1.__esDecorate(null, null, _icon_decorators, { kind: "field", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcIconButtonIcon = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        /** Indicates an "on" toggle element */
+        on = tslib_1.__runInitializers(this, _on_initializers, void 0);
+        /** Optional. Set a Material icon. */
+        icon = (tslib_1.__runInitializers(this, _on_extraInitializers), tslib_1.__runInitializers(this, _icon_initializers, void 0));
+        constructor() {
+            tslib_1.__runInitializers(this, _icon_extraInitializers);
+        }
+    };
+    return MdcIconButtonIcon = _classThis;
+})();
+exports.MdcIconButtonIcon = MdcIconButtonIcon;
+//# sourceMappingURL=mdc-icon-button-icon.js.map

package/dist/src/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-icon-button-icon.js","sourceRoot":"","sources":["../../../../src/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.ts"],"names":[],"mappings":";;;;AAAA,qCAAkD;AAClD,qCAAyC;AACzC,4GAAuD;AAEvD;;;GAGG;IAEU,iBAAiB;4BAD7B,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,QAAQ,EAAR,uCAAQ,EAAE,CAAC;;;;;;;;;;;;;;8BAGvD,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;gCAI9B,IAAA,kBAAQ,GAAE;YAHX,gKAAA,EAAE,6BAAF,EAAE,+EAAU;YAIZ,sKAAA,IAAI,6BAAJ,IAAI,mFAAS;YAPf,qLAQC;;;YARY,+DAAiB;;QAC5B,uCAAuC;QAEvC,EAAE,6DAAU;QAEZ,qCAAqC;QAErC,IAAI,yHAAS;;;;;;;AAPF,8CAAiB","sourcesContent":["import { customElement, bindable } from 'aurelia';\r\nimport { booleanAttr } from '../../base';\r\nimport template from './mdc-icon-button-icon.html?raw';\r\n\r\n/**\r\n * Optional. Used as a toggle icon button element.\r\n * @selector mdc-icon-button-icon\r\n */\r\n@customElement({ name: 'mdc-icon-button-icon', template })\r\nexport class MdcIconButtonIcon {\r\n  /** Indicates an \"on\" toggle element */\r\n  @bindable({ set: booleanAttr })\r\n  on: boolean;\r\n\r\n  /** Optional. Set a Material icon. */\r\n  @bindable()\r\n  icon: string;\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcIconButtonIconElement extends HTMLElement {\r\n  checked: boolean;\r\n  indeterminate: boolean;\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcIconButtonIcon;\r\n    };\r\n  };\r\n}\r\n"]}

package/dist/src/icon-button/mdc-icon-button.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcIconButton = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const icon_button_1 = require("@material/icon-button");
+const base_1 = require("../base");
+const mdc_icon_button_html_raw_1 = tslib_1.__importDefault(require("./mdc-icon-button.html?raw"));
+/**
+ * @selector button[mdc-icon-button]
+ * @selector a[mdc-icon-button]
+ * @selector mdc-icon-button
+ */
+let MdcIconButton = (() => {
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-icon-button', template: mdc_icon_button_html_raw_1.default })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = base_1.MdcComponent;
+    let _on_decorators;
+    let _on_initializers = [];
+    let _on_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    let _href_decorators;
+    let _href_initializers = [];
+    let _href_extraInitializers = [];
+    let _touch_decorators;
+    let _touch_initializers = [];
+    let _touch_extraInitializers = [];
+    var MdcIconButton = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _on_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr, mode: aurelia_1.BindingMode.twoWay })];
+            _icon_decorators = [(0, aurelia_1.bindable)()];
+            _href_decorators = [(0, aurelia_1.bindable)()];
+            _touch_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr, mode: aurelia_1.BindingMode.twoWay })];
+            tslib_1.__esDecorate(null, null, _on_decorators, { kind: "field", name: "on", static: false, private: false, access: { has: obj => "on" in obj, get: obj => obj.on, set: (obj, value) => { obj.on = value; } }, metadata: _metadata }, _on_initializers, _on_extraInitializers);
+            tslib_1.__esDecorate(null, null, _icon_decorators, { kind: "field", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
+            tslib_1.__esDecorate(null, null, _href_decorators, { kind: "field", name: "href", static: false, private: false, access: { has: obj => "href" in obj, get: obj => obj.href, set: (obj, value) => { obj.href = value; } }, metadata: _metadata }, _href_initializers, _href_extraInitializers);
+            tslib_1.__esDecorate(null, null, _touch_decorators, { kind: "field", name: "touch", static: false, private: false, access: { has: obj => "touch" in obj, get: obj => obj.touch, set: (obj, value) => { obj.touch = value; } }, metadata: _metadata }, _touch_initializers, _touch_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcIconButton = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        /** Sets the toggle state to the provided value */
+        on = tslib_1.__runInitializers(this, _on_initializers, void 0);
+        /** Optional. Set a Material icon as a non-toggle icon. */
+        icon = (tslib_1.__runInitializers(this, _on_extraInitializers), tslib_1.__runInitializers(this, _icon_initializers, void 0));
+        // this is necessary for the route-href to work
+        href = (tslib_1.__runInitializers(this, _icon_extraInitializers), tslib_1.__runInitializers(this, _href_initializers, void 0));
+        hrefChanged() {
+            if (this.href) {
+                this.root.setAttribute('href', this.href);
+            }
+            else {
+                this.root.removeAttribute('href');
+            }
+        }
+        /**
+         * Set the component touch target to 48 x 48 px
+         */
+        touch = (tslib_1.__runInitializers(this, _href_extraInitializers), tslib_1.__runInitializers(this, _touch_initializers, void 0));
+        attached() {
+            this.hrefChanged();
+            if (this.root.querySelector('mdc-icon-button-icon')) {
+                this.foundation = this.getDefaultFoundation();
+                this.foundation.init();
+            }
+        }
+        handleClick() {
+            this.foundation?.handleClick();
+            return true;
+        }
+        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),
+                hasClass: (className) => this.root.classList.contains(className),
+                notifyChange: (evtData) => {
+                    this.emit(icon_button_1.strings.CHANGE_EVENT, evtData);
+                    this.on = evtData.isOn;
+                },
+                removeClass: (className) => this.root.classList.remove(className),
+                getAttr: (attrName) => this.root.getAttribute(attrName),
+                setAttr: (attrName, attrValue) => this.root.setAttribute(attrName, attrValue),
+            };
+            return new icon_button_1.MDCIconButtonToggleFoundation(adapter);
+        }
+        constructor() {
+            super(...arguments);
+            tslib_1.__runInitializers(this, _touch_extraInitializers);
+        }
+    };
+    return MdcIconButton = _classThis;
+})();
+exports.MdcIconButton = MdcIconButton;
+//# sourceMappingURL=mdc-icon-button.js.map

package/dist/src/icon-button/mdc-icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-icon-button.js","sourceRoot":"","sources":["../../../src/icon-button/mdc-icon-button.ts"],"names":[],"mappings":";;;;AAAA,qCAAuE;AACvE,uDAA2I;AAC3I,kCAAoD;AACpD,kGAAkD;AAElD;;;;GAIG;IAGU,aAAa;4BAFzB,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAR,kCAAQ,EAAE,CAAC;;;;sBAClB,mBAAY;;;;;;;;;;;;;6BAApB,SAAQ,WAA2C;;;;8BAE3E,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,IAAI,EAAE,qBAAW,CAAC,MAAM,EAAE,CAAC;gCAIxD,IAAA,kBAAQ,GAAE;gCAIV,IAAA,kBAAQ,GAAE;iCAaV,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,IAAI,EAAE,qBAAW,CAAC,MAAM,EAAE,CAAC;YApBzD,gKAAA,EAAE,6BAAF,EAAE,+EAAU;YAIZ,sKAAA,IAAI,6BAAJ,IAAI,mFAAS;YAIb,sKAAA,IAAI,6BAAJ,IAAI,mFAAS;YAab,yKAAA,KAAK,6BAAL,KAAK,qFAAU;YAxBjB,qLAwDC;;;YAxDY,+DAAa;;QACxB,kDAAkD;QAElD,EAAE,6DAAU;QAEZ,0DAA0D;QAE1D,IAAI,yHAAS;QAEb,+CAA+C;QAE/C,IAAI,2HAAS;QACb,WAAW;YACT,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACd,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5C,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;YACpC,CAAC;QACH,CAAC;QAED;;WAEG;QAEH,KAAK,4HAAU;QAEf,QAAQ;YACN,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC,EAAE,CAAC;gBACpD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;gBAC9C,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;YACzB,CAAC;QACH,CAAC;QAED,WAAW;YACT,IAAI,CAAC,UAAU,EAAE,WAAW,EAAE,CAAC;YAC/B,OAAO,IAAI,CAAC;QACd,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAA+B;gBAC1C,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;gBAC3D,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;gBAChE,YAAY,EAAE,CAAC,OAAO,EAAE,EAAE;oBACxB,IAAI,CAAC,IAAI,CAAiC,qBAAO,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;oBACzE,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;gBACzB,CAAC;gBACD,WAAW,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;gBACjE,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;gBACvD,OAAO,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC;aAC9E,CAAC;YACF,OAAO,IAAI,2CAA6B,CAAC,OAAO,CAAC,CAAC;QACpD,CAAC;;;;;;;;AAtDU,sCAAa","sourcesContent":["import { customElement, inject, BindingMode, bindable } from 'aurelia';\r\nimport { MDCIconButtonToggleFoundation, MDCIconButtonToggleAdapter, MDCIconButtonToggleEventDetail, strings } from '@material/icon-button';\r\nimport { MdcComponent, booleanAttr } from '../base';\r\nimport template from './mdc-icon-button.html?raw';\r\n\r\n/**\r\n * @selector button[mdc-icon-button]\r\n * @selector a[mdc-icon-button]\r\n * @selector mdc-icon-button\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-icon-button', template })\r\nexport class MdcIconButton extends MdcComponent<MDCIconButtonToggleFoundation> {\r\n  /** Sets the toggle state to the provided value */\r\n  @bindable({ set: booleanAttr, mode: BindingMode.twoWay })\r\n  on: boolean;\r\n\r\n  /** Optional. Set a Material icon as a non-toggle icon. */\r\n  @bindable()\r\n  icon: string;\r\n\r\n  // this is necessary for the route-href to work\r\n  @bindable()\r\n  href: string;\r\n  hrefChanged() {\r\n    if (this.href) {\r\n      this.root.setAttribute('href', this.href);\r\n    } else {\r\n      this.root.removeAttribute('href');\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Set the component touch target to 48 x 48 px\r\n   */\r\n  @bindable({ set: booleanAttr, mode: BindingMode.twoWay })\r\n  touch: boolean;\r\n\r\n  attached() {\r\n    this.hrefChanged();\r\n    if (this.root.querySelector('mdc-icon-button-icon')) {\r\n      this.foundation = this.getDefaultFoundation();\r\n      this.foundation.init();\r\n    }\r\n  }\r\n\r\n  handleClick() {\r\n    this.foundation?.handleClick();\r\n    return true;\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: MDCIconButtonToggleAdapter = {\r\n      addClass: (className) => this.root.classList.add(className),\r\n      hasClass: (className) => this.root.classList.contains(className),\r\n      notifyChange: (evtData) => {\r\n        this.emit<MDCIconButtonToggleEventDetail>(strings.CHANGE_EVENT, evtData);\r\n        this.on = evtData.isOn;\r\n      },\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      getAttr: (attrName) => this.root.getAttribute(attrName),\r\n      setAttr: (attrName, attrValue) => this.root.setAttribute(attrName, attrValue),\r\n    };\r\n    return new MDCIconButtonToggleFoundation(adapter);\r\n  }\r\n\r\n}\r\n"]}

package/dist/src/image-list/mdc-image-list-item/mdc-image-list-item.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcImageListItem = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const base_1 = require("../../base");
+const mdc_image_list_item_html_raw_1 = tslib_1.__importDefault(require("./mdc-image-list-item.html?raw"));
+/**
+ * Mandatory. Indicates each item in an Image List.
+ * @selector mdc-image-list-item
+ */
+let MdcImageListItem = (() => {
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-image-list-item', template: mdc_image_list_item_html_raw_1.default })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _src_decorators;
+    let _src_initializers = [];
+    let _src_extraInitializers = [];
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _aspect_decorators;
+    let _aspect_initializers = [];
+    let _aspect_extraInitializers = [];
+    var MdcImageListItem = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _src_decorators = [(0, aurelia_1.bindable)()];
+            _label_decorators = [(0, aurelia_1.bindable)()];
+            _aspect_decorators = [(0, aurelia_1.bindable)({ set: base_1.number })];
+            tslib_1.__esDecorate(null, null, _src_decorators, { kind: "field", name: "src", static: false, private: false, access: { has: obj => "src" in obj, get: obj => obj.src, set: (obj, value) => { obj.src = value; } }, metadata: _metadata }, _src_initializers, _src_extraInitializers);
+            tslib_1.__esDecorate(null, null, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
+            tslib_1.__esDecorate(null, null, _aspect_decorators, { kind: "field", name: "aspect", static: false, private: false, access: { has: obj => "aspect" in obj, get: obj => obj.aspect, set: (obj, value) => { obj.aspect = value; } }, metadata: _metadata }, _aspect_initializers, _aspect_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcImageListItem = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            tslib_1.__runInitializers(this, _aspect_extraInitializers);
+            this.root = root;
+        }
+        /** Image url */
+        src = tslib_1.__runInitializers(this, _src_initializers, void 0);
+        /** Image label */
+        label = (tslib_1.__runInitializers(this, _src_extraInitializers), tslib_1.__runInitializers(this, _label_initializers, void 0));
+        hasAspect = tslib_1.__runInitializers(this, _label_extraInitializers);
+        /** Sets image aspect ratio */
+        aspect = tslib_1.__runInitializers(this, _aspect_initializers, void 0);
+        aspectChanged() {
+            this.hasAspect = !isNaN(this.aspect);
+            this.root.style.setProperty('--mdc-image-list-item-aspect', isNaN(this.aspect) ? '1' : `${this.aspect}`);
+        }
+    };
+    return MdcImageListItem = _classThis;
+})();
+exports.MdcImageListItem = MdcImageListItem;
+//# sourceMappingURL=mdc-image-list-item.js.map

package/dist/src/image-list/mdc-image-list-item/mdc-image-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-image-list-item.js","sourceRoot":"","sources":["../../../../src/image-list/mdc-image-list-item/mdc-image-list-item.ts"],"names":[],"mappings":";;;;AAAA,qCAA0D;AAC1D,qCAAoC;AACpC,0GAAsD;AAEtD;;;GAGG;IAGU,gBAAgB;4BAF5B,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,EAAR,sCAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;+BAKtD,IAAA,kBAAQ,GAAE;iCAIV,IAAA,kBAAQ,GAAE;kCAMV,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,aAAM,EAAE,CAAC;YAT1B,mKAAA,GAAG,6BAAH,GAAG,iFAAS;YAIZ,yKAAA,KAAK,6BAAL,KAAK,qFAAS;YAMd,4KAAA,MAAM,6BAAN,MAAM,uFAAS;YAfjB,qLAoBC;;;YApBY,+DAAgB;;QACP,IAAI;QAAxB,YAAoB,IAAiB;;YAAjB,SAAI,GAAJ,IAAI,CAAa;SAAK;QAE1C,gBAAgB;QAEhB,GAAG,8DAAS;QAEZ,kBAAkB;QAElB,KAAK,2HAAS;QAEd,SAAS,6DAAU;QAEnB,8BAA8B;QAE9B,MAAM,iEAAS;QACf,aAAa;YACX,IAAI,CAAC,SAAS,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACrC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,8BAA8B,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAC3G,CAAC;;;;AAnBU,4CAAgB","sourcesContent":["import { customElement, inject, bindable } from 'aurelia';\r\nimport { number } from '../../base';\r\nimport template from './mdc-image-list-item.html?raw';\r\n\r\n/**\r\n * Mandatory. Indicates each item in an Image List.\r\n * @selector mdc-image-list-item\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-image-list-item', template })\r\nexport class MdcImageListItem {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  /** Image url */\r\n  @bindable()\r\n  src: string;\r\n\r\n  /** Image label */\r\n  @bindable()\r\n  label: string;\r\n\r\n  hasAspect: boolean;\r\n\r\n  /** Sets image aspect ratio */\r\n  @bindable({ set: number })\r\n  aspect: number;\r\n  aspectChanged() {\r\n    this.hasAspect = !isNaN(this.aspect);\r\n    this.root.style.setProperty('--mdc-image-list-item-aspect', isNaN(this.aspect) ? '1' : `${this.aspect}`);\r\n  }\r\n}\r\n"]}

package/dist/{image-list → src/image-list}/mdc-image-list.js

@@ -1,13 +1,16 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement, bindable, inject } from 'aurelia';
-import { booleanAttr } from '../base';
-import template from './mdc-image-list.html?raw';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcImageList = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const base_1 = require("../base");
+const mdc_image_list_html_raw_1 = tslib_1.__importDefault(require("./mdc-image-list.html?raw"));
 let id = 0;
 /**
  * @selector mdc-image-list
  */
 let MdcImageList = (() => {
-    let _classDecorators = [inject(Element), customElement({ name: 'mdc-image-list', template })];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-image-list', template: mdc_image_list_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -24,31 +27,31 @@ let MdcImageList = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _masonry_decorators = [bindable({ set: booleanAttr })];
-            _textProtection_decorators = [bindable({ set: booleanAttr })];
-            _columns_decorators = [bindable()];
-            __esDecorate(null, null, _masonry_decorators, { kind: "field", name: "masonry", static: false, private: false, access: { has: obj => "masonry" in obj, get: obj => obj.masonry, set: (obj, value) => { obj.masonry = value; } }, metadata: _metadata }, _masonry_initializers, _masonry_extraInitializers);
-            __esDecorate(null, null, _textProtection_decorators, { kind: "field", name: "textProtection", static: false, private: false, access: { has: obj => "textProtection" in obj, get: obj => obj.textProtection, set: (obj, value) => { obj.textProtection = value; } }, metadata: _metadata }, _textProtection_initializers, _textProtection_extraInitializers);
-            __esDecorate(null, null, _columns_decorators, { kind: "field", name: "columns", static: false, private: false, access: { has: obj => "columns" in obj, get: obj => obj.columns, set: (obj, value) => { obj.columns = value; } }, metadata: _metadata }, _columns_initializers, _columns_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _masonry_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _textProtection_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _columns_decorators = [(0, aurelia_1.bindable)()];
+            tslib_1.__esDecorate(null, null, _masonry_decorators, { kind: "field", name: "masonry", static: false, private: false, access: { has: obj => "masonry" in obj, get: obj => obj.masonry, set: (obj, value) => { obj.masonry = value; } }, metadata: _metadata }, _masonry_initializers, _masonry_extraInitializers);
+            tslib_1.__esDecorate(null, null, _textProtection_decorators, { kind: "field", name: "textProtection", static: false, private: false, access: { has: obj => "textProtection" in obj, get: obj => obj.textProtection, set: (obj, value) => { obj.textProtection = value; } }, metadata: _metadata }, _textProtection_initializers, _textProtection_extraInitializers);
+            tslib_1.__esDecorate(null, null, _columns_decorators, { kind: "field", name: "columns", static: false, private: false, access: { has: obj => "columns" in obj, get: obj => obj.columns, set: (obj, value) => { obj.columns = value; } }, metadata: _metadata }, _columns_initializers, _columns_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcImageList = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         root;
         constructor(root) {
-            __runInitializers(this, _columns_extraInitializers);
+            tslib_1.__runInitializers(this, _columns_extraInitializers);
             this.root = root;
             this.root.setAttribute('id', this.id);
         }
         style;
         id = `mdc-image-list-${++id}`;
         /** Indicates that this Image List should use the Masonry variant */
-        masonry = __runInitializers(this, _masonry_initializers, void 0);
+        masonry = tslib_1.__runInitializers(this, _masonry_initializers, void 0);
         /** Indicates that supporting content should be positioned in a scrim overlaying each image (instead of positioned separately under each image) */
-        textProtection = (__runInitializers(this, _masonry_extraInitializers), __runInitializers(this, _textProtection_initializers, void 0));
+        textProtection = (tslib_1.__runInitializers(this, _masonry_extraInitializers), tslib_1.__runInitializers(this, _textProtection_initializers, void 0));
         /** Number of columns in the list */
-        columns = (__runInitializers(this, _textProtection_extraInitializers), __runInitializers(this, _columns_initializers, void 0));
+        columns = (tslib_1.__runInitializers(this, _textProtection_extraInitializers), tslib_1.__runInitializers(this, _columns_initializers, void 0));
         columnsChanged() {
             if (!this.columns) {
                 return;
@@ -56,26 +59,26 @@ let MdcImageList = (() => {
             const columns = typeof this.columns === 'string' ? [{ count: parseInt(this.columns) }] : this.columns;
             if (this.masonry) {
                 this.style.innerHTML = columns.filter(x => x.count).reduce((p, c) => {
-                    p += `${c.media ? `@media (${c.media}) {` : ''}
-  #${this.id} {
-    column-count: ${c.count};
-    column-gap: ${c.gutterSize ?? 4}px;
-  }
-
-  #${this.id} .mdc-image-list__item {
-    margin-bottom: ${c.gutterSize ?? 4}px;
-  }
+                    p += `${c.media ? `@media (${c.media}) {` : ''}
+  #${this.id} {
+    column-count: ${c.count};
+    column-gap: ${c.gutterSize ?? 4}px;
+  }
+
+  #${this.id} .mdc-image-list__item {
+    margin-bottom: ${c.gutterSize ?? 4}px;
+  }
 ${c.media ? '}' : ''}`;
                     return p;
                 }, '');
             }
             else {
                 this.style.innerHTML = columns.filter(x => x.count).reduce((p, c) => {
-                    p += `${c.media ? `@media (${c.media}) {` : ''}
-  #${this.id} .mdc-image-list__item {
-    width: calc(100% / ${c.count} - ${(c.gutterSize ?? 4) + 1 / c.count}px);
-    margin: ${c.gutterSize ?? 4 / 2}px;
-  }
+                    p += `${c.media ? `@media (${c.media}) {` : ''}
+  #${this.id} .mdc-image-list__item {
+    width: calc(100% / ${c.count} - ${(c.gutterSize ?? 4) + 1 / c.count}px);
+    margin: ${c.gutterSize ?? 4 / 2}px;
+  }
 ${c.media ? '}' : ''}`;
                     return p;
                 }, '');
@@ -87,5 +90,5 @@ ${c.media ? '}' : ''}`;
     };
     return MdcImageList = _classThis;
 })();
-export { MdcImageList };
+exports.MdcImageList = MdcImageList;
 //# sourceMappingURL=mdc-image-list.js.map

package/dist/src/image-list/mdc-image-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-image-list.js","sourceRoot":"","sources":["../../../src/image-list/mdc-image-list.ts"],"names":[],"mappings":";;;;AAAA,qCAA0D;AAC1D,kCAAsC;AACtC,gGAAiD;AAQjD,IAAI,EAAE,GAAG,CAAC,CAAC;AAEX;;GAEG;IAGU,YAAY;4BAFxB,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAR,iCAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;mCAWjD,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;0CAI9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;mCAI9B,IAAA,kBAAQ,GAAE;YAPX,+KAAA,OAAO,6BAAP,OAAO,yFAAU;YAIjB,oMAAA,cAAc,6BAAd,cAAc,uGAAU;YAIxB,+KAAA,OAAO,6BAAP,OAAO,yFAAsC;YAnB/C,qLAuDC;;;YAvDY,+DAAY;;QACH,IAAI;QAAxB,YAAoB,IAAiB;;YAAjB,SAAI,GAAJ,IAAI,CAAa;YACnC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;SACvC;QAED,KAAK,CAAmB;QAExB,EAAE,GAAG,kBAAkB,EAAE,EAAE,EAAE,CAAC;QAE9B,oEAAoE;QAEpE,OAAO,kEAAU;QAEjB,kJAAkJ;QAElJ,cAAc,wIAAU;QAExB,oCAAoC;QAEpC,OAAO,wIAAsC;QAC7C,cAAc;YACZ,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;gBAClB,OAAO;YACT,CAAC;YACD,MAAM,OAAO,GAAG,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;YACtG,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBAClE,CAAC,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE;KACjD,IAAI,CAAC,EAAE;oBACQ,CAAC,CAAC,KAAK;kBACT,CAAC,CAAC,UAAU,IAAI,CAAC;;;KAG9B,IAAI,CAAC,EAAE;qBACS,CAAC,CAAC,UAAU,IAAI,CAAC;;EAEpC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;oBACf,OAAO,CAAC,CAAC;gBACX,CAAC,EAAE,EAAE,CAAC,CAAC;YACT,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBAClE,CAAC,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE;KACjD,IAAI,CAAC,EAAE;yBACa,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,KAAM;cAC1D,CAAC,CAAC,UAAU,IAAI,CAAC,GAAG,CAAC;;EAEjC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;oBACf,OAAO,CAAC,CAAC;gBACX,CAAC,EAAE,EAAE,CAAC,CAAC;YACT,CAAC;QACH,CAAC;QAED,KAAK;YACH,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;;;;AAtDU,oCAAY","sourcesContent":["import { customElement, bindable, inject } from 'aurelia';\r\nimport { booleanAttr } from '../base';\r\nimport template from './mdc-image-list.html?raw';\r\n\r\nexport interface IColumnsOptions {\r\n  media: string;\r\n  count: number;\r\n  gutterSize: number;\r\n}\r\n\r\nlet id = 0;\r\n\r\n/**\r\n * @selector mdc-image-list\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-image-list', template })\r\nexport class MdcImageList {\r\n  constructor(private root: HTMLElement) {\r\n    this.root.setAttribute('id', this.id);\r\n  }\r\n\r\n  style: HTMLStyleElement;\r\n\r\n  id = `mdc-image-list-${++id}`;\r\n\r\n  /** Indicates that this Image List should use the Masonry variant */\r\n  @bindable({ set: booleanAttr })\r\n  masonry: boolean;\r\n\r\n  /** Indicates that supporting content should be positioned in a scrim overlaying each image (instead of positioned separately under each image) */\r\n  @bindable({ set: booleanAttr })\r\n  textProtection: boolean;\r\n\r\n  /** Number of columns in the list */\r\n  @bindable()\r\n  columns: string | Partial<IColumnsOptions>[];\r\n  columnsChanged() {\r\n    if (!this.columns) {\r\n      return;\r\n    }\r\n    const columns = typeof this.columns === 'string' ? [{ count: parseInt(this.columns) }] : this.columns;\r\n    if (this.masonry) {\r\n      this.style.innerHTML = columns.filter(x => x.count).reduce((p, c) => {\r\n        p += `${c.media ? `@media (${c.media}) {` : ''}\r\n  #${this.id} {\r\n    column-count: ${c.count};\r\n    column-gap: ${c.gutterSize ?? 4}px;\r\n  }\r\n\r\n  #${this.id} .mdc-image-list__item {\r\n    margin-bottom: ${c.gutterSize ?? 4}px;\r\n  }\r\n${c.media ? '}' : ''}`;\r\n        return p;\r\n      }, '');\r\n    } else {\r\n      this.style.innerHTML = columns.filter(x => x.count).reduce((p, c) => {\r\n        p += `${c.media ? `@media (${c.media}) {` : ''}\r\n  #${this.id} .mdc-image-list__item {\r\n    width: calc(100% / ${c.count} - ${(c.gutterSize ?? 4) + 1 / c.count!}px);\r\n    margin: ${c.gutterSize ?? 4 / 2}px;\r\n  }\r\n${c.media ? '}' : ''}`;\r\n        return p;\r\n      }, '');\r\n    }\r\n  }\r\n\r\n  bound() {\r\n    this.columnsChanged();\r\n  }\r\n}\r\n"]}