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

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

@@ -1,18 +1,21 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { cssClasses, MDCFormFieldFoundation } from '@material/form-field';
-import { MdcComponent, booleanAttr } from '../base';
-import { customElement, inject, bindable } from 'aurelia';
-import { CustomAttribute } from '@aurelia/runtime-html';
-import template from './mdc-form-field.html?raw';
+"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 = [inject(Element), customElement({ name: 'mdc-form-field', template })];
+    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 = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _nowrap_decorators;
     let _nowrap_initializers = [];
     let _nowrap_extraInitializers = [];
@@ -26,32 +29,32 @@ let MdcFormField = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _nowrap_decorators = [bindable({ set: booleanAttr })];
-            _alignEnd_decorators = [bindable({ set: booleanAttr })];
-            _spaceBetween_decorators = [bindable({ set: booleanAttr })];
-            __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);
-            __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);
-            __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);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _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 });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
-        cssClasses = cssClasses;
+        cssClasses = form_field_1.cssClasses;
         ripple;
         label;
         /** Force label text to stay on a single line and ellipse the overflow text */
-        nowrap = __runInitializers(this, _nowrap_initializers, void 0);
+        nowrap = tslib_1.__runInitializers(this, _nowrap_initializers, void 0);
         /** Position the input after the label */
-        alignEnd = (__runInitializers(this, _nowrap_extraInitializers), __runInitializers(this, _alignEnd_initializers, void 0));
+        alignEnd = (tslib_1.__runInitializers(this, _nowrap_extraInitializers), tslib_1.__runInitializers(this, _alignEnd_initializers, void 0));
         /** Distributes space between label text and control */
-        spaceBetween = (__runInitializers(this, _alignEnd_extraInitializers), __runInitializers(this, _spaceBetween_initializers, void 0));
+        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 ? CustomAttribute.for(rippleUpgraded, 'mdc-ripple')?.viewModel : undefined;
+            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');
@@ -69,14 +72,14 @@ let MdcFormField = (() => {
                 deregisterInteractionHandler: (evtType, handler) => this.label?.removeEventListener(evtType, handler),
                 registerInteractionHandler: (evtType, handler) => this.label?.addEventListener(evtType, handler),
             };
-            return new MDCFormFieldFoundation(adapter);
+            return new form_field_1.MDCFormFieldFoundation(adapter);
         }
         constructor() {
             super(...arguments);
-            __runInitializers(this, _spaceBetween_extraInitializers);
+            tslib_1.__runInitializers(this, _spaceBetween_extraInitializers);
         }
     };
     return MdcFormField = _classThis;
 })();
-export { MdcFormField };
+exports.MdcFormField = MdcFormField;
 //# sourceMappingURL=mdc-form-field.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mdc-form-field.js","sourceRoot":"","sources":["../../src/form-field/mdc-form-field.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAuB,MAAM,sBAAsB,CAAC;AAC/F,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AAGjD;;GAEG;IAGU,YAAY;4BAFxB,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;;;;sBAClB,YAAY;;;;;;;;;;4BAApB,SAAQ,WAAoC;;;;kCAQnE,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;oCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;wCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YAP/B,oKAAA,MAAM,6BAAN,MAAM,uFAAU;YAIhB,0KAAA,QAAQ,6BAAR,QAAQ,2FAAU;YAIlB,sLAAA,YAAY,6BAAZ,YAAY,mGAAU;YAjBxB,6KA+CC;;;YA/CY,uDAAY;;QACvB,UAAU,GAAG,UAAU,CAAC;QAExB,MAAM,CAAa;QAEnB,KAAK,CAA2B;QAEhC,8EAA8E;QAE9E,MAAM,yDAAU;QAEhB,yCAAyC;QAEzC,QAAQ,iHAAU;QAElB,uDAAuD;QAEvD,YAAY,uHAAU;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,eAAe,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,sBAAsB,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC;;;;;;;;SA7CU,YAAY","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"]}
+{"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/icon/mdc-icon.html

@@ -1,3 +1,3 @@
-<template class="material-icons">
-  <au-slot></au-slot>
-</template>
+<template class="material-icons">
+  <au-slot></au-slot>
+</template>

package/dist/icon/mdc-icon.js

@@ -1,11 +1,14 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement, inject } from 'aurelia';
-import template from './mdc-icon.html?raw';
+"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 = [inject(Element), customElement({ name: 'mdc-icon', template })];
+    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;
@@ -13,10 +16,10 @@ let MdcIcon = (() => {
         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);
             MdcIcon = _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) {
@@ -25,5 +28,5 @@ let MdcIcon = (() => {
     };
     return MdcIcon = _classThis;
 })();
-export { MdcIcon };
+exports.MdcIcon = MdcIcon;
 //# sourceMappingURL=mdc-icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mdc-icon.js","sourceRoot":"","sources":["../../src/icon/mdc-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAE3C;;GAEG;IAGU,OAAO;4BAFnB,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;;;;;;;;YAC9C,6KAEC;;;YAFY,uDAAO;;QACC,IAAI;QAAvB,YAAmB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;;;;SAD9B,OAAO","sourcesContent":["import { customElement, inject } from 'aurelia';\nimport template from './mdc-icon.html?raw';\n\n/**\n * @selector mdc-icon\n */\n@inject(Element)\n@customElement({ name: 'mdc-icon', template })\nexport class MdcIcon {\n  constructor(public root: HTMLElement) { }\n}\n"]}
+{"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/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/icon-button/enhance-mdc-icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"enhance-mdc-icon-button.js","sourceRoot":"","sources":["../../src/icon-button/enhance-mdc-icon-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,oBAAoB;4BADhC,qBAAqB;;;;;;;;YACtB,6KAIC;;;YAJY,uDAAoB;;QAC/B,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,oBAAoB,EAAC,8BAA8B,CAAC,CAAC;QAC1G,CAAC;;;;SAHU,oBAAoB","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\n\n@templateCompilerHooks\nexport class EnhanceMdcIconButton {\n  compiling(template: HTMLElement | HTMLTemplateElement) {\n    template.innerHTML = template.innerHTML.replaceAll('mdc-icon-button=\"\"','as-element=\"mdc-icon-button\"');\n  }\n}\n"]}
+{"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/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.html

@@ -1,4 +1,4 @@
-<template class="mdc-icon-button__icon ${on ? 'mdc-icon-button__icon--on' : ''} material-icons">
-  <au-slot></au-slot>
-  <span class="material-icons" if.bind="icon">${icon}</span>
-</template>
+<template class="mdc-icon-button__icon ${on ? 'mdc-icon-button__icon--on' : ''} material-icons">
+  <au-slot></au-slot>
+  <span class="material-icons" if.bind="icon">${icon}</span>
+</template>

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

@@ -1,13 +1,16 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement, bindable } from 'aurelia';
-import { booleanAttr } from '../../base';
-import template from './mdc-icon-button-icon.html?raw';
+"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 = [customElement({ name: 'mdc-icon-button-icon', template })];
+    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;
@@ -21,24 +24,24 @@ let MdcIconButtonIcon = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _on_decorators = [bindable({ set: booleanAttr })];
-            _icon_decorators = [bindable()];
-            __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);
-            __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);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _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 });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         /** Indicates an "on" toggle element */
-        on = __runInitializers(this, _on_initializers, void 0);
+        on = tslib_1.__runInitializers(this, _on_initializers, void 0);
         /** Optional. Set a Material icon. */
-        icon = (__runInitializers(this, _on_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
+        icon = (tslib_1.__runInitializers(this, _on_extraInitializers), tslib_1.__runInitializers(this, _icon_initializers, void 0));
         constructor() {
-            __runInitializers(this, _icon_extraInitializers);
+            tslib_1.__runInitializers(this, _icon_extraInitializers);
         }
     };
     return MdcIconButtonIcon = _classThis;
 })();
-export { MdcIconButtonIcon };
+exports.MdcIconButtonIcon = MdcIconButtonIcon;
 //# sourceMappingURL=mdc-icon-button-icon.js.map

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

@@ -1 +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,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD;;;GAGG;IAEU,iBAAiB;4BAD7B,aAAa,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;8BAGvD,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;gCAI9B,QAAQ,EAAE;YAHX,wJAAA,EAAE,6BAAF,EAAE,+EAAU;YAIZ,8JAAA,IAAI,6BAAJ,IAAI,mFAAS;YAPf,6KAQC;;;YARY,uDAAiB;;QAC5B,uCAAuC;QAEvC,EAAE,qDAAU;QAEZ,qCAAqC;QAErC,IAAI,yGAAS;;;;;;;SAPF,iBAAiB","sourcesContent":["import { customElement, bindable } from 'aurelia';\nimport { booleanAttr } from '../../base';\nimport template from './mdc-icon-button-icon.html?raw';\n\n/**\n * Optional. Used as a toggle icon button element.\n * @selector mdc-icon-button-icon\n */\n@customElement({ name: 'mdc-icon-button-icon', template })\nexport class MdcIconButtonIcon {\n  /** Indicates an \"on\" toggle element */\n  @bindable({ set: booleanAttr })\n  on: boolean;\n\n  /** Optional. Set a Material icon. */\n  @bindable()\n  icon: string;\n}\n\n/** @hidden */\nexport interface IMdcIconButtonIconElement extends HTMLElement {\n  checked: boolean;\n  indeterminate: boolean;\n  $au: {\n    'au:resource:custom-element': {\n      viewModel: MdcIconButtonIcon;\n    };\n  };\n}\n"]}
+{"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/icon-button/mdc-icon-button.html

@@ -1,11 +1,11 @@
-<template class="
-    mdc-icon-button mdc-icon-button--display-flex
-    ${on ? 'mdc-icon-button--on' : ''}
-    ${icon ? 'material-icons' : ''}
-    ${touch ? 'mdc-icon-button--touch' : ''}
-  " mdc-ripple="no-class.bind: true; unbounded.bind: true" click.trigger="handleClick()">
-  <div class="mdc-icon-button__ripple"></div>
-  <au-slot></au-slot>
-  <span if.bind="icon">${icon}</span>
-  <div class="mdc-icon-button__touch" if.bind="touch"></div>
-</template>
+<template class="
+    mdc-icon-button mdc-icon-button--display-flex
+    ${on ? 'mdc-icon-button--on' : ''}
+    ${icon ? 'material-icons' : ''}
+    ${touch ? 'mdc-icon-button--touch' : ''}
+  " mdc-ripple="no-class.bind: true; unbounded.bind: true" click.trigger="handleClick()">
+  <div class="mdc-icon-button__ripple"></div>
+  <au-slot></au-slot>
+  <span if.bind="icon">${icon}</span>
+  <div class="mdc-icon-button__touch" if.bind="touch"></div>
+</template>

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

@@ -1,19 +1,22 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement, inject, BindingMode, bindable } from 'aurelia';
-import { MDCIconButtonToggleFoundation, strings } from '@material/icon-button';
-import { MdcComponent, booleanAttr } from '../base';
-import template from './mdc-icon-button.html?raw';
+"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 = [inject(Element), customElement({ name: 'mdc-icon-button', template })];
+    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 = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _on_decorators;
     let _on_initializers = [];
     let _on_extraInitializers = [];
@@ -30,25 +33,25 @@ let MdcIconButton = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _on_decorators = [bindable({ set: booleanAttr, mode: BindingMode.twoWay })];
-            _icon_decorators = [bindable()];
-            _href_decorators = [bindable()];
-            _touch_decorators = [bindable({ set: booleanAttr, mode: BindingMode.twoWay })];
-            __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);
-            __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);
-            __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);
-            __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);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _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 });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         /** Sets the toggle state to the provided value */
-        on = __runInitializers(this, _on_initializers, void 0);
+        on = tslib_1.__runInitializers(this, _on_initializers, void 0);
         /** Optional. Set a Material icon as a non-toggle icon. */
-        icon = (__runInitializers(this, _on_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
+        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 = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _href_initializers, void 0));
+        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);
@@ -60,7 +63,7 @@ let MdcIconButton = (() => {
         /**
          * Set the component touch target to 48 x 48 px
          */
-        touch = (__runInitializers(this, _href_extraInitializers), __runInitializers(this, _touch_initializers, void 0));
+        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')) {
@@ -79,21 +82,21 @@ let MdcIconButton = (() => {
                 addClass: (className) => this.root.classList.add(className),
                 hasClass: (className) => this.root.classList.contains(className),
                 notifyChange: (evtData) => {
-                    this.emit(strings.CHANGE_EVENT, 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 MDCIconButtonToggleFoundation(adapter);
+            return new icon_button_1.MDCIconButtonToggleFoundation(adapter);
         }
         constructor() {
             super(...arguments);
-            __runInitializers(this, _touch_extraInitializers);
+            tslib_1.__runInitializers(this, _touch_extraInitializers);
         }
     };
     return MdcIconButton = _classThis;
 })();
-export { MdcIconButton };
+exports.MdcIconButton = MdcIconButton;
 //# sourceMappingURL=mdc-icon-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"mdc-icon-button.js","sourceRoot":"","sources":["../../src/icon-button/mdc-icon-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EAAE,6BAA6B,EAA8D,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC3I,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,QAAQ,MAAM,4BAA4B,CAAC;AAElD;;;;GAIG;IAGU,aAAa;4BAFzB,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC;;;;sBAClB,YAAY;;;;;;;;;;;;;6BAApB,SAAQ,WAA2C;;;;8BAE3E,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC;gCAIxD,QAAQ,EAAE;gCAIV,QAAQ,EAAE;iCAaV,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC;YApBzD,wJAAA,EAAE,6BAAF,EAAE,+EAAU;YAIZ,8JAAA,IAAI,6BAAJ,IAAI,mFAAS;YAIb,8JAAA,IAAI,6BAAJ,IAAI,mFAAS;YAab,iKAAA,KAAK,6BAAL,KAAK,qFAAU;YAxBjB,6KAwDC;;;YAxDY,uDAAa;;QACxB,kDAAkD;QAElD,EAAE,qDAAU;QAEZ,0DAA0D;QAE1D,IAAI,yGAAS;QAEb,+CAA+C;QAE/C,IAAI,2GAAS;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,4GAAU;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,OAAO,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,6BAA6B,CAAC,OAAO,CAAC,CAAC;QACpD,CAAC;;;;;;;;SAtDU,aAAa","sourcesContent":["import { customElement, inject, BindingMode, bindable } from 'aurelia';\nimport { MDCIconButtonToggleFoundation, MDCIconButtonToggleAdapter, MDCIconButtonToggleEventDetail, strings } from '@material/icon-button';\nimport { MdcComponent, booleanAttr } from '../base';\nimport template from './mdc-icon-button.html?raw';\n\n/**\n * @selector button[mdc-icon-button]\n * @selector a[mdc-icon-button]\n * @selector mdc-icon-button\n */\n@inject(Element)\n@customElement({ name: 'mdc-icon-button', template })\nexport class MdcIconButton extends MdcComponent<MDCIconButtonToggleFoundation> {\n  /** Sets the toggle state to the provided value */\n  @bindable({ set: booleanAttr, mode: BindingMode.twoWay })\n  on: boolean;\n\n  /** Optional. Set a Material icon as a non-toggle icon. */\n  @bindable()\n  icon: string;\n\n  // this is necessary for the route-href to work\n  @bindable()\n  href: string;\n  hrefChanged() {\n    if (this.href) {\n      this.root.setAttribute('href', this.href);\n    } else {\n      this.root.removeAttribute('href');\n    }\n  }\n\n  /**\n   * Set the component touch target to 48 x 48 px\n   */\n  @bindable({ set: booleanAttr, mode: BindingMode.twoWay })\n  touch: boolean;\n\n  attached() {\n    this.hrefChanged();\n    if (this.root.querySelector('mdc-icon-button-icon')) {\n      this.foundation = this.getDefaultFoundation();\n      this.foundation.init();\n    }\n  }\n\n  handleClick() {\n    this.foundation?.handleClick();\n    return true;\n  }\n\n  getDefaultFoundation() {\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\n    const adapter: MDCIconButtonToggleAdapter = {\n      addClass: (className) => this.root.classList.add(className),\n      hasClass: (className) => this.root.classList.contains(className),\n      notifyChange: (evtData) => {\n        this.emit<MDCIconButtonToggleEventDetail>(strings.CHANGE_EVENT, evtData);\n        this.on = evtData.isOn;\n      },\n      removeClass: (className) => this.root.classList.remove(className),\n      getAttr: (attrName) => this.root.getAttribute(attrName),\n      setAttr: (attrName, attrValue) => this.root.setAttribute(attrName, attrValue),\n    };\n    return new MDCIconButtonToggleFoundation(adapter);\n  }\n\n}\n"]}
+{"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/image-list/mdc-image-list-item/mdc-image-list-item.html

@@ -1,9 +1,9 @@
-<template class="mdc-image-list__item">
-  <div class="mdc-image-list__image-aspect-container" if.bind="hasAspect">
-    <img class="mdc-image-list__image" src.bind="src">
-  </div>
-  <img class="mdc-image-list__image" src.bind="src" if.bind="!hasAspect">
-  <div class="mdc-image-list__supporting" if.bind="label">
-    <span class="mdc-image-list__label">${label}</span>
-  </div>
-</template>
+<template class="mdc-image-list__item">
+  <div class="mdc-image-list__image-aspect-container" if.bind="hasAspect">
+    <img class="mdc-image-list__image" src.bind="src">
+  </div>
+  <img class="mdc-image-list__image" src.bind="src" if.bind="!hasAspect">
+  <div class="mdc-image-list__supporting" if.bind="label">
+    <span class="mdc-image-list__label">${label}</span>
+  </div>
+</template>

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

@@ -1,13 +1,16 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement, inject, bindable } from 'aurelia';
-import { number } from '../../base';
-import template from './mdc-image-list-item.html?raw';
+"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 = [inject(Element), customElement({ name: 'mdc-image-list-item', template })];
+    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;
@@ -24,29 +27,29 @@ let MdcImageListItem = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _src_decorators = [bindable()];
-            _label_decorators = [bindable()];
-            _aspect_decorators = [bindable({ set: number })];
-            __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);
-            __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);
-            __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);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _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 });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         root;
         constructor(root) {
-            __runInitializers(this, _aspect_extraInitializers);
+            tslib_1.__runInitializers(this, _aspect_extraInitializers);
             this.root = root;
         }
         /** Image url */
-        src = __runInitializers(this, _src_initializers, void 0);
+        src = tslib_1.__runInitializers(this, _src_initializers, void 0);
         /** Image label */
-        label = (__runInitializers(this, _src_extraInitializers), __runInitializers(this, _label_initializers, void 0));
-        hasAspect = __runInitializers(this, _label_extraInitializers);
+        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 = __runInitializers(this, _aspect_initializers, void 0);
+        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}`);
@@ -54,5 +57,5 @@ let MdcImageListItem = (() => {
     };
     return MdcImageListItem = _classThis;
 })();
-export { MdcImageListItem };
+exports.MdcImageListItem = MdcImageListItem;
 //# sourceMappingURL=mdc-image-list-item.js.map

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

@@ -1 +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,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AAEtD;;;GAGG;IAGU,gBAAgB;4BAF5B,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;+BAKtD,QAAQ,EAAE;iCAIV,QAAQ,EAAE;kCAMV,QAAQ,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;YAT1B,2JAAA,GAAG,6BAAH,GAAG,iFAAS;YAIZ,iKAAA,KAAK,6BAAL,KAAK,qFAAS;YAMd,oKAAA,MAAM,6BAAN,MAAM,uFAAS;YAfjB,6KAoBC;;;YApBY,uDAAgB;;QACP,IAAI;QAAxB,YAAoB,IAAiB;;YAAjB,SAAI,GAAJ,IAAI,CAAa;SAAK;QAE1C,gBAAgB;QAEhB,GAAG,sDAAS;QAEZ,kBAAkB;QAElB,KAAK,2GAAS;QAEd,SAAS,qDAAU;QAEnB,8BAA8B;QAE9B,MAAM,yDAAS;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;;;;SAnBU,gBAAgB","sourcesContent":["import { customElement, inject, bindable } from 'aurelia';\nimport { number } from '../../base';\nimport template from './mdc-image-list-item.html?raw';\n\n/**\n * Mandatory. Indicates each item in an Image List.\n * @selector mdc-image-list-item\n */\n@inject(Element)\n@customElement({ name: 'mdc-image-list-item', template })\nexport class MdcImageListItem {\n  constructor(private root: HTMLElement) { }\n\n  /** Image url */\n  @bindable()\n  src: string;\n\n  /** Image label */\n  @bindable()\n  label: string;\n\n  hasAspect: boolean;\n\n  /** Sets image aspect ratio */\n  @bindable({ set: number })\n  aspect: number;\n  aspectChanged() {\n    this.hasAspect = !isNaN(this.aspect);\n    this.root.style.setProperty('--mdc-image-list-item-aspect', isNaN(this.aspect) ? '1' : `${this.aspect}`);\n  }\n}\n"]}
+{"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/mdc-image-list.html

@@ -1,7 +1,7 @@
-<template class="mdc-image-list
-  ${masonry ? 'mdc-image-list--masonry' : ''}
-  ${textProtection ? 'mdc-image-list--with-text-protection' : ''}
-  ${columns ? 'mdc-image-list--columns-set' : ''}">
-  <style ref="style"></style>
-  <au-slot></au-slot>
-</template>
+<template class="mdc-image-list
+  ${masonry ? 'mdc-image-list--masonry' : ''}
+  ${textProtection ? 'mdc-image-list--with-text-protection' : ''}
+  ${columns ? 'mdc-image-list--columns-set' : ''}">
+  <style ref="style"></style>
+  <au-slot></au-slot>
+</template>