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

package/dist/src/form-field/mdc-form-field.js

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcFormField = void 0;
-const tslib_1 = require("tslib");
-const form_field_1 = require("@material/form-field");
-const base_1 = require("../base");
-const aurelia_1 = require("aurelia");
-const runtime_html_1 = require("@aurelia/runtime-html");
-const mdc_form_field_html_raw_1 = tslib_1.__importDefault(require("./mdc-form-field.html?raw"));
-/**
- * @selector mdc-form-field
- */
-let MdcFormField = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-form-field', template: mdc_form_field_html_raw_1.default })];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _classSuper = base_1.MdcComponent;
-    let _nowrap_decorators;
-    let _nowrap_initializers = [];
-    let _nowrap_extraInitializers = [];
-    let _alignEnd_decorators;
-    let _alignEnd_initializers = [];
-    let _alignEnd_extraInitializers = [];
-    let _spaceBetween_decorators;
-    let _spaceBetween_initializers = [];
-    let _spaceBetween_extraInitializers = [];
-    var MdcFormField = class extends _classSuper {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _nowrap_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _alignEnd_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _spaceBetween_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            tslib_1.__esDecorate(null, null, _nowrap_decorators, { kind: "field", name: "nowrap", static: false, private: false, access: { has: obj => "nowrap" in obj, get: obj => obj.nowrap, set: (obj, value) => { obj.nowrap = value; } }, metadata: _metadata }, _nowrap_initializers, _nowrap_extraInitializers);
-            tslib_1.__esDecorate(null, null, _alignEnd_decorators, { kind: "field", name: "alignEnd", static: false, private: false, access: { has: obj => "alignEnd" in obj, get: obj => obj.alignEnd, set: (obj, value) => { obj.alignEnd = value; } }, metadata: _metadata }, _alignEnd_initializers, _alignEnd_extraInitializers);
-            tslib_1.__esDecorate(null, null, _spaceBetween_decorators, { kind: "field", name: "spaceBetween", static: false, private: false, access: { has: obj => "spaceBetween" in obj, get: obj => obj.spaceBetween, set: (obj, value) => { obj.spaceBetween = value; } }, metadata: _metadata }, _spaceBetween_initializers, _spaceBetween_extraInitializers);
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            MdcFormField = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
-        }
-        cssClasses = form_field_1.cssClasses;
-        ripple;
-        label;
-        /** Force label text to stay on a single line and ellipse the overflow text */
-        nowrap = tslib_1.__runInitializers(this, _nowrap_initializers, void 0);
-        /** Position the input after the label */
-        alignEnd = (tslib_1.__runInitializers(this, _nowrap_extraInitializers), tslib_1.__runInitializers(this, _alignEnd_initializers, void 0));
-        /** Distributes space between label text and control */
-        spaceBetween = (tslib_1.__runInitializers(this, _alignEnd_extraInitializers), tslib_1.__runInitializers(this, _spaceBetween_initializers, void 0));
-        initialSyncWithDOM() {
-            let rippleUpgraded = this.root.querySelector('mdc-checkbox');
-            if (!rippleUpgraded) {
-                rippleUpgraded = this.root.querySelector('mdc-radio');
-            }
-            this.ripple = rippleUpgraded ? runtime_html_1.CustomAttribute.for(rippleUpgraded, 'mdc-ripple')?.viewModel : undefined;
-            const input = this.root.querySelector('input, button');
-            if (input?.hasAttribute('id')) {
-                this.label = this.root.querySelector('label');
-                if (this.label) {
-                    this.label.setAttribute('for', input.getAttribute('id'));
-                }
-            }
-        }
-        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 = {
-                activateInputRipple: () => this.ripple?.activate(),
-                deactivateInputRipple: () => this.ripple?.deactivate(),
-                deregisterInteractionHandler: (evtType, handler) => this.label?.removeEventListener(evtType, handler),
-                registerInteractionHandler: (evtType, handler) => this.label?.addEventListener(evtType, handler),
-            };
-            return new form_field_1.MDCFormFieldFoundation(adapter);
-        }
-        constructor() {
-            super(...arguments);
-            tslib_1.__runInitializers(this, _spaceBetween_extraInitializers);
-        }
-    };
-    return MdcFormField = _classThis;
-})();
-exports.MdcFormField = MdcFormField;
-//# sourceMappingURL=mdc-form-field.js.map

package/dist/src/form-field/mdc-form-field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mdc-form-field.js","sourceRoot":"","sources":["../../../src/form-field/mdc-form-field.ts"],"names":[],"mappings":";;;;AAAA,qDAA+F;AAC/F,kCAAoD;AACpD,qCAA0D;AAC1D,wDAAwD;AACxD,gGAAiD;AAGjD;;GAEG;IAGU,YAAY;4BAFxB,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAR,iCAAQ,EAAE,CAAC;;;;sBAClB,mBAAY;;;;;;;;;;4BAApB,SAAQ,WAAoC;;;;kCAQnE,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;oCAI9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;wCAI9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;YAP/B,4KAAA,MAAM,6BAAN,MAAM,uFAAU;YAIhB,kLAAA,QAAQ,6BAAR,QAAQ,2FAAU;YAIlB,8LAAA,YAAY,6BAAZ,YAAY,mGAAU;YAjBxB,qLA+CC;;;YA/CY,+DAAY;;QACvB,UAAU,GAAG,uBAAU,CAAC;QAExB,MAAM,CAAa;QAEnB,KAAK,CAA2B;QAEhC,8EAA8E;QAE9E,MAAM,iEAAU;QAEhB,yCAAyC;QAEzC,QAAQ,iIAAU;QAElB,uDAAuD;QAEvD,YAAY,uIAAU;QAEtB,kBAAkB;YAChB,IAAI,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAoB,cAAc,CAAC,CAAC;YAChF,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAoB,WAAW,CAAC,CAAC;YAC3E,CAAC;YACD,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,8BAAe,CAAC,GAAG,CAAY,cAAc,EAAE,YAAY,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;YAEnH,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;YACvD,IAAI,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC9B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC9C,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACf,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAE,CAAC,CAAC;gBAC5D,CAAC;YACH,CAAC;QACH,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAAwB;gBACnC,mBAAmB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE;gBAClD,qBAAqB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE;gBACtD,4BAA4B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC;gBACrG,0BAA0B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC;aACjG,CAAC;YACF,OAAO,IAAI,mCAAsB,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC;;;;;;;;AA7CU,oCAAY","sourcesContent":["import { cssClasses, MDCFormFieldFoundation, MDCFormFieldAdapter } from '@material/form-field';\r\nimport { MdcComponent, booleanAttr } from '../base';\r\nimport { customElement, inject, bindable } from 'aurelia';\r\nimport { CustomAttribute } from '@aurelia/runtime-html';\r\nimport template from './mdc-form-field.html?raw';\r\nimport { MdcRipple, IMdcRippleElement } from '../ripple/mdc-ripple';\r\n\r\n/**\r\n * @selector mdc-form-field\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-form-field', template })\r\nexport class MdcFormField extends MdcComponent<MDCFormFieldFoundation> {\r\n  cssClasses = cssClasses;\r\n\r\n  ripple?: MdcRipple;\r\n\r\n  label?: HTMLLabelElement | null;\r\n\r\n  /** Force label text to stay on a single line and ellipse the overflow text */\r\n  @bindable({ set: booleanAttr })\r\n  nowrap: boolean;\r\n\r\n  /** Position the input after the label */\r\n  @bindable({ set: booleanAttr })\r\n  alignEnd: boolean;\r\n\r\n  /** Distributes space between label text and control */\r\n  @bindable({ set: booleanAttr })\r\n  spaceBetween: boolean;\r\n\r\n  initialSyncWithDOM() {\r\n    let rippleUpgraded = this.root.querySelector<IMdcRippleElement>('mdc-checkbox');\r\n    if (!rippleUpgraded) {\r\n      rippleUpgraded = this.root.querySelector<IMdcRippleElement>('mdc-radio');\r\n    }\r\n    this.ripple = rippleUpgraded ? CustomAttribute.for<MdcRipple>(rippleUpgraded, 'mdc-ripple')?.viewModel : undefined;\r\n\r\n    const input = this.root.querySelector('input, button');\r\n    if (input?.hasAttribute('id')) {\r\n      this.label = this.root.querySelector('label');\r\n      if (this.label) {\r\n        this.label.setAttribute('for', input.getAttribute('id')!);\r\n      }\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: MDCFormFieldAdapter = {\r\n      activateInputRipple: () => this.ripple?.activate(),\r\n      deactivateInputRipple: () => this.ripple?.deactivate(),\r\n      deregisterInteractionHandler: (evtType, handler) => this.label?.removeEventListener(evtType, handler),\r\n      registerInteractionHandler: (evtType, handler) => this.label?.addEventListener(evtType, handler),\r\n    };\r\n    return new MDCFormFieldFoundation(adapter);\r\n  }\r\n\r\n}\r\n"]}

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

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

@@ -1 +0,0 @@
-{"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/src/icon-button/enhance-mdc-icon-button.js.map

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"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/src/image-list/mdc-image-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mdc-image-list.js","sourceRoot":"","sources":["../../../src/image-list/mdc-image-list.ts"],"names":[],"mappings":"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","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"]}