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

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

@@ -1,21 +1,18 @@
-"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"));
+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';
 /**
  * @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 _classDecorators = [inject(Element), customElement({ name: 'mdc-form-field', template })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = base_1.MdcComponent;
+    let _classSuper = MdcComponent;
     let _nowrap_decorators;
     let _nowrap_initializers = [];
     let _nowrap_extraInitializers = [];
@@ -29,32 +26,32 @@ let MdcFormField = (() => {
         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);
+            _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);
             MdcFormField = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
-        cssClasses = form_field_1.cssClasses;
+        cssClasses = 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);
+        nowrap = __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));
+        alignEnd = (__runInitializers(this, _nowrap_extraInitializers), __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));
+        spaceBetween = (__runInitializers(this, _alignEnd_extraInitializers), __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;
+            this.ripple = rippleUpgraded ? CustomAttribute.for(rippleUpgraded, 'mdc-ripple')?.viewModel : undefined;
             const input = this.root.querySelector('input, button');
             if (input?.hasAttribute('id')) {
                 this.label = this.root.querySelector('label');
@@ -72,14 +69,14 @@ let MdcFormField = (() => {
                 deregisterInteractionHandler: (evtType, handler) => this.label?.removeEventListener(evtType, handler),
                 registerInteractionHandler: (evtType, handler) => this.label?.addEventListener(evtType, handler),
             };
-            return new form_field_1.MDCFormFieldFoundation(adapter);
+            return new MDCFormFieldFoundation(adapter);
         }
         constructor() {
             super(...arguments);
-            tslib_1.__runInitializers(this, _spaceBetween_extraInitializers);
+            __runInitializers(this, _spaceBetween_extraInitializers);
         }
     };
     return MdcFormField = _classThis;
 })();
-exports.MdcFormField = MdcFormField;
+export { 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,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"]}
+{"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"]}

package/dist/icon/mdc-icon.js

@@ -1,14 +1,11 @@
-"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"));
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, inject } from 'aurelia';
+import template from './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 _classDecorators = [inject(Element), customElement({ name: 'mdc-icon', template })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -16,10 +13,10 @@ let MdcIcon = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcIcon = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         root;
         constructor(root) {
@@ -28,5 +25,5 @@ let MdcIcon = (() => {
     };
     return MdcIcon = _classThis;
 })();
-exports.MdcIcon = MdcIcon;
+export { 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,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"]}
+{"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';\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,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhanceMdcIconButton = void 0;
-const tslib_1 = require("tslib");
-const aurelia_1 = require("aurelia");
+import { __esDecorate, __runInitializers } from "tslib";
+import { templateCompilerHooks } from 'aurelia';
 let EnhanceMdcIconButton = (() => {
-    let _classDecorators = [aurelia_1.templateCompilerHooks];
+    let _classDecorators = [templateCompilerHooks];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -12,10 +9,10 @@ let EnhanceMdcIconButton = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             EnhanceMdcIconButton = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         compiling(template) {
             template.innerHTML = template.innerHTML.replaceAll('mdc-icon-button=""', 'as-element="mdc-icon-button"');
@@ -23,5 +20,5 @@ let EnhanceMdcIconButton = (() => {
     };
     return EnhanceMdcIconButton = _classThis;
 })();
-exports.EnhanceMdcIconButton = EnhanceMdcIconButton;
+export { 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,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"]}
+{"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';\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.js

@@ -1,16 +1,13 @@
-"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"));
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, bindable } from 'aurelia';
+import { booleanAttr } from '../../base';
+import template from './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 _classDecorators = [customElement({ name: 'mdc-icon-button-icon', template })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -24,24 +21,24 @@ let MdcIconButtonIcon = (() => {
         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);
+            _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);
             MdcIconButtonIcon = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         /** Indicates an "on" toggle element */
-        on = tslib_1.__runInitializers(this, _on_initializers, void 0);
+        on = __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));
+        icon = (__runInitializers(this, _on_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
         constructor() {
-            tslib_1.__runInitializers(this, _icon_extraInitializers);
+            __runInitializers(this, _icon_extraInitializers);
         }
     };
     return MdcIconButtonIcon = _classThis;
 })();
-exports.MdcIconButtonIcon = MdcIconButtonIcon;
+export { 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,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"]}
+{"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';\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.js

@@ -1,22 +1,19 @@
-"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"));
+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';
 /**
  * @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 _classDecorators = [inject(Element), customElement({ name: 'mdc-icon-button', template })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = base_1.MdcComponent;
+    let _classSuper = MdcComponent;
     let _on_decorators;
     let _on_initializers = [];
     let _on_extraInitializers = [];
@@ -33,25 +30,25 @@ let MdcIconButton = (() => {
         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);
+            _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);
             MdcIconButton = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         /** Sets the toggle state to the provided value */
-        on = tslib_1.__runInitializers(this, _on_initializers, void 0);
+        on = __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));
+        icon = (__runInitializers(this, _on_extraInitializers), __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));
+        href = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _href_initializers, void 0));
         hrefChanged() {
             if (this.href) {
                 this.root.setAttribute('href', this.href);
@@ -63,7 +60,7 @@ let MdcIconButton = (() => {
         /**
          * 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));
+        touch = (__runInitializers(this, _href_extraInitializers), __runInitializers(this, _touch_initializers, void 0));
         attached() {
             this.hrefChanged();
             if (this.root.querySelector('mdc-icon-button-icon')) {
@@ -82,21 +79,21 @@ let MdcIconButton = (() => {
                 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.emit(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);
+            return new MDCIconButtonToggleFoundation(adapter);
         }
         constructor() {
             super(...arguments);
-            tslib_1.__runInitializers(this, _touch_extraInitializers);
+            __runInitializers(this, _touch_extraInitializers);
         }
     };
     return MdcIconButton = _classThis;
 })();
-exports.MdcIconButton = MdcIconButton;
+export { 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,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"]}
+{"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';\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.js

@@ -1,16 +1,13 @@
-"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"));
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, inject, bindable } from 'aurelia';
+import { number } from '../../base';
+import template from './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 _classDecorators = [inject(Element), customElement({ name: 'mdc-image-list-item', template })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -27,29 +24,29 @@ let MdcImageListItem = (() => {
         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);
+            _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);
             MdcImageListItem = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
         root;
         constructor(root) {
-            tslib_1.__runInitializers(this, _aspect_extraInitializers);
+            __runInitializers(this, _aspect_extraInitializers);
             this.root = root;
         }
         /** Image url */
-        src = tslib_1.__runInitializers(this, _src_initializers, void 0);
+        src = __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);
+        label = (__runInitializers(this, _src_extraInitializers), __runInitializers(this, _label_initializers, void 0));
+        hasAspect = __runInitializers(this, _label_extraInitializers);
         /** Sets image aspect ratio */
-        aspect = tslib_1.__runInitializers(this, _aspect_initializers, void 0);
+        aspect = __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}`);
@@ -57,5 +54,5 @@ let MdcImageListItem = (() => {
     };
     return MdcImageListItem = _classThis;
 })();
-exports.MdcImageListItem = MdcImageListItem;
+export { 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,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"]}
+{"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';\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.js

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