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

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

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcButton = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const base_1 = require("../base");
+const mdc_button_html_raw_1 = tslib_1.__importDefault(require("./mdc-button.html?raw"));
+/**
+ * @selector button[mdc-button]
+ * @selector a[mdc-button]
+ * @selector mdc-button
+ */
+let MdcButton = (() => {
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-button', template: mdc_button_html_raw_1.default })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _touch_decorators;
+    let _touch_initializers = [];
+    let _touch_extraInitializers = [];
+    let _raised_decorators;
+    let _raised_initializers = [];
+    let _raised_extraInitializers = [];
+    let _unelevated_decorators;
+    let _unelevated_initializers = [];
+    let _unelevated_extraInitializers = [];
+    let _outlined_decorators;
+    let _outlined_initializers = [];
+    let _outlined_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    var MdcButton = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _label_decorators = [(0, aurelia_1.bindable)()];
+            _touch_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _raised_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _unelevated_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _outlined_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _disabled_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            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, _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, null, _raised_decorators, { kind: "field", name: "raised", static: false, private: false, access: { has: obj => "raised" in obj, get: obj => obj.raised, set: (obj, value) => { obj.raised = value; } }, metadata: _metadata }, _raised_initializers, _raised_extraInitializers);
+            tslib_1.__esDecorate(null, null, _unelevated_decorators, { kind: "field", name: "unelevated", static: false, private: false, access: { has: obj => "unelevated" in obj, get: obj => obj.unelevated, set: (obj, value) => { obj.unelevated = value; } }, metadata: _metadata }, _unelevated_initializers, _unelevated_extraInitializers);
+            tslib_1.__esDecorate(null, null, _outlined_decorators, { kind: "field", name: "outlined", static: false, private: false, access: { has: obj => "outlined" in obj, get: obj => obj.outlined, set: (obj, value) => { obj.outlined = value; } }, metadata: _metadata }, _outlined_initializers, _outlined_extraInitializers);
+            tslib_1.__esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcButton = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            tslib_1.__runInitializers(this, _disabled_extraInitializers);
+            this.root = root;
+        }
+        /**
+         * Set the component label
+         */
+        label = tslib_1.__runInitializers(this, _label_initializers, void 0);
+        /**
+         * Set the component touch target to 48 x 48 px
+         */
+        touch = (tslib_1.__runInitializers(this, _label_extraInitializers), tslib_1.__runInitializers(this, _touch_initializers, void 0));
+        /**
+         * A contained button that is elevated upon the surface
+         */
+        raised = (tslib_1.__runInitializers(this, _touch_extraInitializers), tslib_1.__runInitializers(this, _raised_initializers, void 0));
+        /**
+         * A contained button that is flush with the surface
+         */
+        unelevated = (tslib_1.__runInitializers(this, _raised_extraInitializers), tslib_1.__runInitializers(this, _unelevated_initializers, void 0));
+        /**
+         * A contained button that is flush with the surface and has a visible border
+         */
+        outlined = (tslib_1.__runInitializers(this, _unelevated_extraInitializers), tslib_1.__runInitializers(this, _outlined_initializers, void 0));
+        /**
+         * Set the button disabled
+         */
+        disabled = (tslib_1.__runInitializers(this, _outlined_extraInitializers), tslib_1.__runInitializers(this, _disabled_initializers, void 0));
+        disabledChanged() {
+            if (this.disabled) {
+                this.root.setAttribute('disabled', '');
+            }
+            else {
+                this.root.removeAttribute('disabled');
+            }
+        }
+        attached() {
+            const icons = this.root.querySelectorAll('mdc-icon');
+            Array.from(icons).forEach(x => x.classList.add('mdc-button__icon'));
+        }
+    };
+    return MdcButton = _classThis;
+})();
+exports.MdcButton = MdcButton;
+//# sourceMappingURL=mdc-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-button.js","sourceRoot":"","sources":["../../../src/button/mdc-button.ts"],"names":[],"mappings":";;;;AAAA,qCAA0D;AAC1D,kCAAsC;AACtC,wFAA6C;AAE7C;;;;GAIG;IAGU,SAAS;4BAFrB,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAR,6BAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;iCAO7C,IAAA,kBAAQ,GAAE;iCAMV,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;kCAM9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;sCAM9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;oCAM9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;oCAM9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;YA7B/B,yKAAA,KAAK,6BAAL,KAAK,qFAAS;YAMd,yKAAA,KAAK,6BAAL,KAAK,qFAAU;YAMf,4KAAA,MAAM,6BAAN,MAAM,uFAAU;YAMhB,wLAAA,UAAU,6BAAV,UAAU,+FAAU;YAMpB,kLAAA,QAAQ,6BAAR,QAAQ,2FAAU;YAMlB,kLAAA,QAAQ,6BAAR,QAAQ,2FAAU;YArCpB,qLAkDC;;;YAlDY,+DAAS;;QACD,IAAI;QAAvB,YAAmB,IAAiB;;YAAjB,SAAI,GAAJ,IAAI,CAAa;SAAK;QAEzC;;WAEG;QAEH,KAAK,gEAAS;QAEd;;WAEG;QAEH,KAAK,6HAAU;QAEf;;WAEG;QAEH,MAAM,8HAAU;QAEhB;;WAEG;QAEH,UAAU,mIAAU;QAEpB;;WAEG;QAEH,QAAQ,qIAAU;QAElB;;WAEG;QAEH,QAAQ,mIAAU;QAClB,eAAe;YACb,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;YACzC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YACxC,CAAC;QACH,CAAC;QAED,QAAQ;YACN,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;YACrD,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC;QACtE,CAAC;;;;AAjDU,8BAAS","sourcesContent":["import { bindable, customElement, inject } from 'aurelia';\r\nimport { booleanAttr } from '../base';\r\nimport template from './mdc-button.html?raw';\r\n\r\n/**\r\n * @selector button[mdc-button]\r\n * @selector a[mdc-button]\r\n * @selector mdc-button\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-button', template })\r\nexport class MdcButton {\r\n  constructor(public root: HTMLElement) { }\r\n\r\n  /**\r\n   * Set the component label\r\n   */\r\n  @bindable()\r\n  label: string;\r\n\r\n  /**\r\n   * Set the component touch target to 48 x 48 px\r\n   */\r\n  @bindable({ set: booleanAttr })\r\n  touch: boolean;\r\n\r\n  /**\r\n   * A contained button that is elevated upon the surface\r\n   */\r\n  @bindable({ set: booleanAttr })\r\n  raised: boolean;\r\n\r\n  /**\r\n   * A contained button that is flush with the surface\r\n   */\r\n  @bindable({ set: booleanAttr })\r\n  unelevated: boolean;\r\n\r\n  /**\r\n   * A contained button that is flush with the surface and has a visible border\r\n   */\r\n  @bindable({ set: booleanAttr })\r\n  outlined: boolean;\r\n\r\n  /**\r\n   * Set the button disabled\r\n   */\r\n  @bindable({ set: booleanAttr })\r\n  disabled: boolean;\r\n  disabledChanged() {\r\n    if (this.disabled) {\r\n      this.root.setAttribute('disabled', '');\r\n    } else {\r\n      this.root.removeAttribute('disabled');\r\n    }\r\n  }\r\n\r\n  attached() {\r\n    const icons = this.root.querySelectorAll('mdc-icon');\r\n    Array.from(icons).forEach(x => x.classList.add('mdc-button__icon'));\r\n  }\r\n}\r\n"]}

package/dist/{card → src/card}/mdc-card-action-buttons.js

@@ -1,11 +1,14 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement, inject } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcCardActionButtons = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 /**
  * Optional. A group of action buttons, displayed on the left side of the card (in LTR).
  * @selector mdc-card-action-buttons
  */
 let MdcCardActionButtons = (() => {
-    let _classDecorators = [inject(Element), customElement({ name: 'mdc-card-action-buttons', template: '<template class="mdc-card__action-buttons"><au-slot></au-slot></template>' })];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-card-action-buttons', template: '<template class="mdc-card__action-buttons"><au-slot></au-slot></template>' })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -13,10 +16,10 @@ let MdcCardActionButtons = (() => {
         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);
             MdcCardActionButtons = _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) {
@@ -32,5 +35,5 @@ let MdcCardActionButtons = (() => {
     };
     return MdcCardActionButtons = _classThis;
 })();
-export { MdcCardActionButtons };
+exports.MdcCardActionButtons = MdcCardActionButtons;
 //# sourceMappingURL=mdc-card-action-buttons.js.map

package/dist/src/card/mdc-card-action-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-card-action-buttons.js","sourceRoot":"","sources":["../../../src/card/mdc-card-action-buttons.ts"],"names":[],"mappings":";;;;AAAA,qCAAgD;AAEhD;;;GAGG;IAGU,oBAAoB;4BAFhC,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,yBAAyB,EAAE,QAAQ,EAAE,2EAA2E,EAAE,CAAC;;;;;;;;YAC1I,qLAUC;;;YAVY,+DAAoB;;QACX,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,QAAQ;YACN,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;YAC3D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;gBACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAC1B,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,EAAE,0BAA0B,CAAC,CAAC;YACtE,CAAC;QACH,CAAC;;;;AATU,oDAAoB","sourcesContent":["import { customElement, inject } from 'aurelia';\r\n\r\n/**\r\n * Optional. A group of action buttons, displayed on the left side of the card (in LTR).\r\n * @selector mdc-card-action-buttons\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-card-action-buttons', template: '<template class=\"mdc-card__action-buttons\"><au-slot></au-slot></template>' })\r\nexport class MdcCardActionButtons {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  attached() {\r\n    const children = this.root.querySelectorAll('.mdc-button');\r\n    for (let i = 0; i < children.length; ++i) {\r\n      const child = children[i];\r\n      child.classList.add('mdc-card__action', 'mdc-card__action--button');\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/{card → src/card}/mdc-card-action-icons.js

@@ -1,11 +1,14 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement, inject } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcCardActionIcons = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 /**
  * Optional. A group of supplemental action icons, displayed on the right side of the card (in LTR).
  * @selector mdc-card-action-icons
  */
 let MdcCardActionIcons = (() => {
-    let _classDecorators = [inject(Element), customElement({ name: 'mdc-card-action-icons', template: '<template class="mdc-card__action-icons"><au-slot></au-slot></template>' })];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-card-action-icons', template: '<template class="mdc-card__action-icons"><au-slot></au-slot></template>' })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -13,10 +16,10 @@ let MdcCardActionIcons = (() => {
         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);
             MdcCardActionIcons = _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) {
@@ -32,5 +35,5 @@ let MdcCardActionIcons = (() => {
     };
     return MdcCardActionIcons = _classThis;
 })();
-export { MdcCardActionIcons };
+exports.MdcCardActionIcons = MdcCardActionIcons;
 //# sourceMappingURL=mdc-card-action-icons.js.map

package/dist/src/card/mdc-card-action-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-card-action-icons.js","sourceRoot":"","sources":["../../../src/card/mdc-card-action-icons.ts"],"names":[],"mappings":";;;;AAAA,qCAAgD;AAEhD;;;GAGG;IAGU,kBAAkB;4BAF9B,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,uBAAuB,EAAE,QAAQ,EAAE,yEAAyE,EAAE,CAAC;;;;;;;;YACtI,qLAUC;;;YAVY,+DAAkB;;QACT,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,QAAQ;YACN,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;YAChE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;gBACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAC1B,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,EAAE,wBAAwB,CAAC,CAAC;YACpE,CAAC;QACH,CAAC;;;;AATU,gDAAkB","sourcesContent":["import { customElement, inject } from 'aurelia';\r\n\r\n/**\r\n * Optional. A group of supplemental action icons, displayed on the right side of the card (in LTR).\r\n * @selector mdc-card-action-icons\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-card-action-icons', template: '<template class=\"mdc-card__action-icons\"><au-slot></au-slot></template>' })\r\nexport class MdcCardActionIcons {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  attached() {\r\n    const children = this.root.querySelectorAll('.mdc-icon-button');\r\n    for (let i = 0; i < children.length; ++i) {\r\n      const child = children[i];\r\n      child.classList.add('mdc-card__action', 'mdc-card__action--icon');\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/src/card/mdc-card-actions/mdc-card-actions.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcCardActions = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const base_1 = require("../../base");
+const mdc_card_actions_html_raw_1 = tslib_1.__importDefault(require("./mdc-card-actions.html?raw"));
+/**
+ * @selector mdc-card-actions
+ */
+let MdcCardActions = (() => {
+    let _classDecorators = [(0, aurelia_1.customElement)({ name: 'mdc-card-actions', template: mdc_card_actions_html_raw_1.default })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _fullBleed_decorators;
+    let _fullBleed_initializers = [];
+    let _fullBleed_extraInitializers = [];
+    var MdcCardActions = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _fullBleed_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            tslib_1.__esDecorate(null, null, _fullBleed_decorators, { kind: "field", name: "fullBleed", static: false, private: false, access: { has: obj => "fullBleed" in obj, get: obj => obj.fullBleed, set: (obj, value) => { obj.fullBleed = value; } }, metadata: _metadata }, _fullBleed_initializers, _fullBleed_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcCardActions = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        /**
+         * Removes the action area's padding and causes its only child (an mdc-card__action element) to consume 100% of the action area's width.
+         */
+        fullBleed = tslib_1.__runInitializers(this, _fullBleed_initializers, void 0);
+        constructor() {
+            tslib_1.__runInitializers(this, _fullBleed_extraInitializers);
+        }
+    };
+    return MdcCardActions = _classThis;
+})();
+exports.MdcCardActions = MdcCardActions;
+//# sourceMappingURL=mdc-card-actions.js.map

package/dist/src/card/mdc-card-actions/mdc-card-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-card-actions.js","sourceRoot":"","sources":["../../../../src/card/mdc-card-actions/mdc-card-actions.ts"],"names":[],"mappings":";;;;AAAA,qCAAkD;AAClD,qCAAyC;AACzC,oGAAmD;AAEnD;;GAEG;IAEU,cAAc;4BAD1B,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAR,mCAAQ,EAAE,CAAC;;;;;;;;;;;qCAKnD,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;YAC/B,qLAAA,SAAS,6BAAT,SAAS,6FAAU;YALrB,qLAMC;;;YANY,+DAAc;;QACzB;;WAEG;QAEH,SAAS,oEAAU;;;;;;;AALR,wCAAc","sourcesContent":["import { customElement, bindable } from 'aurelia';\r\nimport { booleanAttr } from '../../base';\r\nimport template from './mdc-card-actions.html?raw';\r\n\r\n/**\r\n * @selector mdc-card-actions\r\n */\r\n@customElement({ name: 'mdc-card-actions', template })\r\nexport class MdcCardActions {\r\n  /**\r\n   * Removes the action area's padding and causes its only child (an mdc-card__action element) to consume 100% of the action area's width.\r\n   */\r\n  @bindable({ set: booleanAttr })\r\n  fullBleed: boolean;\r\n}\r\n"]}

package/dist/src/card/mdc-card-media/mdc-card-media.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcCardMedia = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const base_1 = require("../../base");
+const mdc_card_media_html_raw_1 = tslib_1.__importDefault(require("./mdc-card-media.html?raw"));
+/**
+ * @selector mdc-card-media
+ */
+let MdcCardMedia = (() => {
+    let _classDecorators = [(0, aurelia_1.customElement)({ name: 'mdc-card-media', template: mdc_card_media_html_raw_1.default })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _square_decorators;
+    let _square_initializers = [];
+    let _square_extraInitializers = [];
+    let _wide_decorators;
+    let _wide_initializers = [];
+    let _wide_extraInitializers = [];
+    var MdcCardMedia = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _square_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _wide_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            tslib_1.__esDecorate(null, null, _square_decorators, { kind: "field", name: "square", static: false, private: false, access: { has: obj => "square" in obj, get: obj => obj.square, set: (obj, value) => { obj.square = value; } }, metadata: _metadata }, _square_initializers, _square_extraInitializers);
+            tslib_1.__esDecorate(null, null, _wide_decorators, { kind: "field", name: "wide", static: false, private: false, access: { has: obj => "wide" in obj, get: obj => obj.wide, set: (obj, value) => { obj.wide = value; } }, metadata: _metadata }, _wide_initializers, _wide_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcCardMedia = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        /**
+         * Automatically scales the media area's height to equal its width.
+         */
+        square = tslib_1.__runInitializers(this, _square_initializers, void 0);
+        /**
+         * Automatically scales the media area's height according to its width, maintaining a 16:9 aspect ratio.
+         */
+        wide = (tslib_1.__runInitializers(this, _square_extraInitializers), tslib_1.__runInitializers(this, _wide_initializers, void 0));
+        constructor() {
+            tslib_1.__runInitializers(this, _wide_extraInitializers);
+        }
+    };
+    return MdcCardMedia = _classThis;
+})();
+exports.MdcCardMedia = MdcCardMedia;
+//# sourceMappingURL=mdc-card-media.js.map

package/dist/src/card/mdc-card-media/mdc-card-media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-card-media.js","sourceRoot":"","sources":["../../../../src/card/mdc-card-media/mdc-card-media.ts"],"names":[],"mappings":";;;;AAAA,qCAAkD;AAClD,qCAAyC;AACzC,gGAAiD;AAEjD;;GAEG;IAEU,YAAY;4BADxB,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAR,iCAAQ,EAAE,CAAC;;;;;;;;;;;;;;kCAKjD,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;gCAM9B,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;YAL/B,4KAAA,MAAM,6BAAN,MAAM,uFAAU;YAMhB,sKAAA,IAAI,6BAAJ,IAAI,mFAAU;YAXhB,qLAYC;;;YAZY,+DAAY;;QACvB;;WAEG;QAEH,MAAM,iEAAU;QAEhB;;WAEG;QAEH,IAAI,6HAAU;;;;;;;AAXH,oCAAY","sourcesContent":["import { customElement, bindable } from 'aurelia';\r\nimport { booleanAttr } from '../../base';\r\nimport template from './mdc-card-media.html?raw';\r\n\r\n/**\r\n * @selector mdc-card-media\r\n */\r\n@customElement({ name: 'mdc-card-media', template })\r\nexport class MdcCardMedia {\r\n  /**\r\n   * Automatically scales the media area's height to equal its width.\r\n   */\r\n  @bindable({ set: booleanAttr })\r\n  square: boolean;\r\n\r\n  /**\r\n   * Automatically scales the media area's height according to its width, maintaining a 16:9 aspect ratio.\r\n   */\r\n  @bindable({ set: booleanAttr })\r\n  wide: boolean;\r\n}\r\n"]}

package/dist/src/card/mdc-card-primary-action.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcCardPrimaryAction = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const base_1 = require("../base");
+const mdc_card_primary_action_html_raw_1 = tslib_1.__importDefault(require("./mdc-card-primary-action.html?raw"));
+/**
+ * Optional. The main tappable area of the card. Typically contains most (or all) card content except mdc-card-actions.
+ * Only applicable to cards that have a primary action that the main surface should trigger.
+ * @selector mdc-card-primary-action
+ */
+let MdcCardPrimaryAction = (() => {
+    let _classDecorators = [(0, aurelia_1.customElement)({ name: 'mdc-card-primary-action', template: mdc_card_primary_action_html_raw_1.default })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _disableRipple_decorators;
+    let _disableRipple_initializers = [];
+    let _disableRipple_extraInitializers = [];
+    var MdcCardPrimaryAction = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _disableRipple_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            tslib_1.__esDecorate(null, null, _disableRipple_decorators, { kind: "field", name: "disableRipple", static: false, private: false, access: { has: obj => "disableRipple" in obj, get: obj => obj.disableRipple, set: (obj, value) => { obj.disableRipple = value; } }, metadata: _metadata }, _disableRipple_initializers, _disableRipple_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcCardPrimaryAction = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        /** Disables ripple effect */
+        disableRipple = tslib_1.__runInitializers(this, _disableRipple_initializers, void 0);
+        constructor() {
+            tslib_1.__runInitializers(this, _disableRipple_extraInitializers);
+        }
+    };
+    return MdcCardPrimaryAction = _classThis;
+})();
+exports.MdcCardPrimaryAction = MdcCardPrimaryAction;
+//# sourceMappingURL=mdc-card-primary-action.js.map

package/dist/src/card/mdc-card-primary-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-card-primary-action.js","sourceRoot":"","sources":["../../../src/card/mdc-card-primary-action.ts"],"names":[],"mappings":";;;;AAAA,qCAAkD;AAClD,kCAAsC;AACtC,kHAA0D;AAE1D;;;;GAIG;IAEU,oBAAoB;4BADhC,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,yBAAyB,EAAE,QAAQ,EAAR,0CAAQ,EAAE,CAAC;;;;;;;;;;;yCAI1D,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;YAC/B,iMAAA,aAAa,6BAAb,aAAa,qGAAU;YAJzB,qLAKC;;;YALY,+DAAoB;;QAE/B,6BAA6B;QAE7B,aAAa,wEAAU;;;;;;;AAJZ,oDAAoB","sourcesContent":["import { customElement, bindable } from 'aurelia';\r\nimport { booleanAttr } from '../base';\r\nimport template from './mdc-card-primary-action.html?raw';\r\n\r\n/**\r\n * Optional. The main tappable area of the card. Typically contains most (or all) card content except mdc-card-actions.\r\n * Only applicable to cards that have a primary action that the main surface should trigger.\r\n * @selector mdc-card-primary-action\r\n */\r\n@customElement({ name: 'mdc-card-primary-action', template })\r\nexport class MdcCardPrimaryAction {\r\n\r\n  /** Disables ripple effect */\r\n  @bindable({ set: booleanAttr })\r\n  disableRipple: boolean;\r\n}\r\n"]}

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcCard = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const base_1 = require("../base");
+const mdc_card_html_raw_1 = tslib_1.__importDefault(require("./mdc-card.html?raw"));
+/**
+ * @selector mdc-card
+ */
+let MdcCard = (() => {
+    let _classDecorators = [(0, aurelia_1.customElement)({ name: 'mdc-card', template: mdc_card_html_raw_1.default })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _outlined_decorators;
+    let _outlined_initializers = [];
+    let _outlined_extraInitializers = [];
+    var MdcCard = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _outlined_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            tslib_1.__esDecorate(null, null, _outlined_decorators, { kind: "field", name: "outlined", static: false, private: false, access: { has: obj => "outlined" in obj, get: obj => obj.outlined, set: (obj, value) => { obj.outlined = value; } }, metadata: _metadata }, _outlined_initializers, _outlined_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcCard = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        /**
+         * Removes the shadow and displays a hairline stroke instead.
+         */
+        outlined = tslib_1.__runInitializers(this, _outlined_initializers, void 0);
+        constructor() {
+            tslib_1.__runInitializers(this, _outlined_extraInitializers);
+        }
+    };
+    return MdcCard = _classThis;
+})();
+exports.MdcCard = MdcCard;
+//# sourceMappingURL=mdc-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-card.js","sourceRoot":"","sources":["../../../src/card/mdc-card.ts"],"names":[],"mappings":";;;;AAAA,qCAAkD;AAClD,kCAAsC;AACtC,oFAA2C;AAE3C;;GAEG;IAEU,OAAO;4BADnB,IAAA,uBAAa,EAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAR,2BAAQ,EAAE,CAAC;;;;;;;;;;;oCAM3C,IAAA,kBAAQ,EAAC,EAAE,GAAG,EAAE,kBAAW,EAAE,CAAC;YAC/B,kLAAA,QAAQ,6BAAR,QAAQ,2FAAU;YANpB,qLAOC;;;YAPY,+DAAO;;QAElB;;WAEG;QAEH,QAAQ,mEAAU;;;;;;;AANP,0BAAO","sourcesContent":["import { customElement, bindable } from 'aurelia';\r\nimport { booleanAttr } from '../base';\r\nimport template from './mdc-card.html?raw';\r\n\r\n/**\r\n * @selector mdc-card\r\n */\r\n@customElement({ name: 'mdc-card', template })\r\nexport class MdcCard {\r\n\r\n  /**\r\n   * Removes the shadow and displays a hairline stroke instead.\r\n   */\r\n  @bindable({ set: booleanAttr })\r\n  outlined: boolean;\r\n}\r\n"]}

package/dist/{checkbox → src/checkbox}/mdc-checkbox.js

@@ -1,20 +1,23 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { MdcComponent, booleanAttr } from '../base';
-import { MDCCheckboxFoundation } from '@material/checkbox';
-import { getCorrectEventName } from '@material/animation/util';
-import { customElement, inject, bindable, BindingMode, CustomElement } from 'aurelia';
-import template from './mdc-checkbox.html?raw';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcCheckbox = void 0;
+const tslib_1 = require("tslib");
+const base_1 = require("../base");
+const checkbox_1 = require("@material/checkbox");
+const util_1 = require("@material/animation/util");
+const aurelia_1 = require("aurelia");
+const mdc_checkbox_html_raw_1 = tslib_1.__importDefault(require("./mdc-checkbox.html?raw"));
 let checkboxId = 0;
 /**
  * @selector mdc-checkbox
  * @emits change | Event dispatched on checked change.
  */
 let MdcCheckbox = (() => {
-    let _classDecorators = [inject(Element), customElement({ name: 'mdc-checkbox', template })];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-checkbox', template: mdc_checkbox_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _disabled_decorators;
     let _disabled_initializers = [];
     let _disabled_extraInitializers = [];
@@ -34,24 +37,24 @@ let MdcCheckbox = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _disabled_decorators = [bindable({ set: booleanAttr })];
-            _touch_decorators = [bindable({ set: booleanAttr })];
-            _disableRipple_decorators = [bindable({ set: booleanAttr })];
-            _indeterminateToChecked_decorators = [bindable({ set: booleanAttr })];
-            _indeterminate_decorators = [bindable({ set: booleanAttr, mode: BindingMode.twoWay })];
-            __esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_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, null, _disableRipple_decorators, { kind: "field", name: "disableRipple", static: false, private: false, access: { has: obj => "disableRipple" in obj, get: obj => obj.disableRipple, set: (obj, value) => { obj.disableRipple = value; } }, metadata: _metadata }, _disableRipple_initializers, _disableRipple_extraInitializers);
-            __esDecorate(null, null, _indeterminateToChecked_decorators, { kind: "field", name: "indeterminateToChecked", static: false, private: false, access: { has: obj => "indeterminateToChecked" in obj, get: obj => obj.indeterminateToChecked, set: (obj, value) => { obj.indeterminateToChecked = value; } }, metadata: _metadata }, _indeterminateToChecked_initializers, _indeterminateToChecked_extraInitializers);
-            __esDecorate(null, null, _indeterminate_decorators, { kind: "field", name: "indeterminate", static: false, private: false, access: { has: obj => "indeterminate" in obj, get: obj => obj.indeterminate, set: (obj, value) => { obj.indeterminate = value; } }, metadata: _metadata }, _indeterminate_initializers, _indeterminate_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _disabled_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _touch_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _disableRipple_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _indeterminateToChecked_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _indeterminate_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr, mode: aurelia_1.BindingMode.twoWay })];
+            tslib_1.__esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_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, null, _disableRipple_decorators, { kind: "field", name: "disableRipple", static: false, private: false, access: { has: obj => "disableRipple" in obj, get: obj => obj.disableRipple, set: (obj, value) => { obj.disableRipple = value; } }, metadata: _metadata }, _disableRipple_initializers, _disableRipple_extraInitializers);
+            tslib_1.__esDecorate(null, null, _indeterminateToChecked_decorators, { kind: "field", name: "indeterminateToChecked", static: false, private: false, access: { has: obj => "indeterminateToChecked" in obj, get: obj => obj.indeterminateToChecked, set: (obj, value) => { obj.indeterminateToChecked = value; } }, metadata: _metadata }, _indeterminateToChecked_initializers, _indeterminateToChecked_extraInitializers);
+            tslib_1.__esDecorate(null, null, _indeterminate_decorators, { kind: "field", name: "indeterminate", static: false, private: false, access: { has: obj => "indeterminate" in obj, get: obj => obj.indeterminate, set: (obj, value) => { obj.indeterminate = value; } }, metadata: _metadata }, _indeterminate_initializers, _indeterminate_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcCheckbox = _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);
         }
         constructor(root) {
             super(root);
-            __runInitializers(this, _indeterminate_extraInitializers);
+            tslib_1.__runInitializers(this, _indeterminate_extraInitializers);
             defineMdcCheckboxElementApis(this.root);
         }
         nativeControl_;
@@ -59,7 +62,7 @@ let MdcCheckbox = (() => {
         /**
          * Disables the component.
          */
-        disabled = __runInitializers(this, _disabled_initializers, void 0);
+        disabled = tslib_1.__runInitializers(this, _disabled_initializers, void 0);
         disabledChanged() {
             if (this.nativeControl_) {
                 this.nativeControl_.disabled = this.disabled;
@@ -68,16 +71,16 @@ let MdcCheckbox = (() => {
         /**
          * Set the component touch target to 48 x 48 px.
          */
-        touch = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _touch_initializers, void 0));
+        touch = (tslib_1.__runInitializers(this, _disabled_extraInitializers), tslib_1.__runInitializers(this, _touch_initializers, void 0));
         /**
          * Whether ripple ink is disabled.
          */
-        disableRipple = (__runInitializers(this, _touch_extraInitializers), __runInitializers(this, _disableRipple_initializers, void 0));
+        disableRipple = (tslib_1.__runInitializers(this, _touch_extraInitializers), tslib_1.__runInitializers(this, _disableRipple_initializers, void 0));
         /**
          * Whether the checkbox should go to checked state or unchecked when toggled from indeterminate state.
          */
-        indeterminateToChecked = (__runInitializers(this, _disableRipple_extraInitializers), __runInitializers(this, _indeterminateToChecked_initializers, true));
-        initialChecked = __runInitializers(this, _indeterminateToChecked_extraInitializers);
+        indeterminateToChecked = (tslib_1.__runInitializers(this, _disableRipple_extraInitializers), tslib_1.__runInitializers(this, _indeterminateToChecked_initializers, true));
+        initialChecked = tslib_1.__runInitializers(this, _indeterminateToChecked_extraInitializers);
         get checked() {
             if (this.nativeControl_) {
                 return this.nativeControl_.checked;
@@ -100,7 +103,7 @@ let MdcCheckbox = (() => {
         /**
          * Represent a checkbox with three states (e.g. a nested list of checkable items).
          */
-        indeterminate = __runInitializers(this, _indeterminate_initializers, void 0);
+        indeterminate = tslib_1.__runInitializers(this, _indeterminate_initializers, void 0);
         indeterminateChanged() {
             if (this.nativeControl_) {
                 this.nativeControl_.indeterminate = this.indeterminate;
@@ -114,7 +117,7 @@ let MdcCheckbox = (() => {
             this.nativeControl_.value = value;
         }
         attaching() {
-            this.listen(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd_);
+            this.listen((0, util_1.getCorrectEventName)(window, 'animationend'), this.handleAnimationEnd_);
             if (this.root.hasAttribute('checked')) {
                 const attributeValue = this.root.getAttribute('checked');
                 if (attributeValue || attributeValue === '') {
@@ -135,7 +138,7 @@ let MdcCheckbox = (() => {
             }
         }
         destroy() {
-            this.unlisten(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd_);
+            this.unlisten((0, util_1.getCorrectEventName)(window, 'animationend'), this.handleAnimationEnd_);
         }
         handleChange_() {
             if (this.indeterminate) {
@@ -170,7 +173,7 @@ let MdcCheckbox = (() => {
                     this.nativeControl_.disabled = disabled;
                 },
             };
-            return new MDCCheckboxFoundation(adapter);
+            return new checkbox_1.MDCCheckboxFoundation(adapter);
         }
         /**
          * Set focus to the checkbox.
@@ -187,7 +190,7 @@ let MdcCheckbox = (() => {
     };
     return MdcCheckbox = _classThis;
 })();
-export { MdcCheckbox };
+exports.MdcCheckbox = MdcCheckbox;
 function defineMdcCheckboxElementApis(element) {
     Object.defineProperties(element, {
         type: {
@@ -195,22 +198,22 @@ function defineMdcCheckboxElementApis(element) {
         },
         checked: {
             get() {
-                return CustomElement.for(this).viewModel.checked;
+                return aurelia_1.CustomElement.for(this).viewModel.checked;
             },
             set(value) {
-                CustomElement.for(this).viewModel.checked = value;
+                aurelia_1.CustomElement.for(this).viewModel.checked = value;
             },
             configurable: true
         },
         focus: {
             value() {
-                CustomElement.for(this).viewModel.focus();
+                aurelia_1.CustomElement.for(this).viewModel.focus();
             },
             configurable: true
         },
         blur: {
             value() {
-                CustomElement.for(this).viewModel.blur();
+                aurelia_1.CustomElement.for(this).viewModel.blur();
             },
             configurable: true
         }

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/mdc-checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../base';\r\nimport { MDCCheckboxFoundation, MDCCheckboxAdapter } from '@material/checkbox';\r\nimport { getCorrectEventName } from '@material/animation/util';\r\nimport { customElement, inject, bindable, BindingMode, CustomElement } from 'aurelia';\r\nimport template from './mdc-checkbox.html?raw';\r\n\r\nlet checkboxId = 0;\r\n\r\n/**\r\n * @selector mdc-checkbox\r\n * @emits change | Event dispatched on checked change.\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-checkbox', template })\r\nexport class MdcCheckbox extends MdcComponent<MDCCheckboxFoundation> {\r\n  constructor(root: IMdcCheckboxElement) {\r\n    super(root);\r\n    defineMdcCheckboxElementApis(this.root);\r\n  }\r\n\r\n  nativeControl_: HTMLInputElement;\r\n\r\n  id = `mdc-checkbox-${++checkboxId}-input`;\r\n\r\n  /**\r\n   * Disables the component.\r\n   */\r\n  @bindable({ set: booleanAttr })\r\n  disabled: boolean;\r\n  disabledChanged() {\r\n    if (this.nativeControl_) {\r\n      this.nativeControl_.disabled = this.disabled;\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 })\r\n  touch: boolean;\r\n\r\n  /**\r\n   * Whether ripple ink is disabled.\r\n   */\r\n  @bindable({ set: booleanAttr })\r\n  disableRipple: boolean;\r\n\r\n  /**\r\n   * Whether the checkbox should go to checked state or unchecked when toggled from indeterminate state.\r\n   */\r\n  @bindable({ set: booleanAttr })\r\n  indeterminateToChecked: boolean = true;\r\n\r\n  initialChecked?: boolean;\r\n\r\n  get checked(): boolean {\r\n    if (this.nativeControl_) {\r\n      return this.nativeControl_.checked;\r\n    } else {\r\n      return this.initialChecked ?? false;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Whether the checkbox is checked.\r\n   */\r\n  set checked(checked: boolean) {\r\n    if (this.nativeControl_) {\r\n      this.nativeControl_.checked = checked;\r\n    } else {\r\n      this.initialChecked = checked;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Represent a checkbox with three states (e.g. a nested list of checkable items).\r\n   */\r\n  @bindable({ set: booleanAttr, mode: BindingMode.twoWay })\r\n  indeterminate: boolean;\r\n  indeterminateChanged() {\r\n    if (this.nativeControl_) {\r\n      this.nativeControl_.indeterminate = this.indeterminate;\r\n    }\r\n    this.foundation?.handleChange();\r\n  }\r\n\r\n  get value(): string {\r\n    return this.nativeControl_.value;\r\n  }\r\n\r\n  set value(value: string) {\r\n    this.nativeControl_.value = value;\r\n  }\r\n\r\n  attaching() {\r\n    this.listen(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd_);\r\n\r\n    if (this.root.hasAttribute('checked')) {\r\n      const attributeValue = this.root.getAttribute('checked');\r\n\r\n      if (attributeValue || attributeValue === '') {\r\n        (this.root as IMdcCheckboxElement).checked = true;\r\n      }\r\n    }\r\n\r\n    if (this.root.hasAttribute('indeterminate')) {\r\n      const attributeValue = this.root.getAttribute('indeterminate');\r\n\r\n      if (attributeValue || attributeValue === '') {\r\n        (this.root as IMdcCheckboxElement).indeterminate = true;\r\n      }\r\n    }\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    this.disabledChanged();\r\n    if (this.initialChecked !== undefined) {\r\n      this.checked = this.initialChecked;\r\n    }\r\n  }\r\n\r\n  destroy() {\r\n    this.unlisten(getCorrectEventName(window, 'animationend'), this.handleAnimationEnd_);\r\n  }\r\n\r\n  handleChange_() {\r\n    if (this.indeterminate) {\r\n      this.indeterminate = false;\r\n      this.checked = this.indeterminateToChecked;\r\n    }\r\n    this.foundation?.handleChange();\r\n  }\r\n\r\n  handleAnimationEnd_() {\r\n    this.foundation?.handleAnimationEnd();\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: MDCCheckboxAdapter = {\r\n      addClass: (className) => this.root.classList.add(className),\r\n      forceLayout: () => (this.root).offsetWidth,\r\n      hasNativeControl: () => !!this.nativeControl_,\r\n      isAttachedToDOM: () => Boolean(this.root.parentNode),\r\n      isChecked: () => this.checked,\r\n      isIndeterminate: () => this.indeterminate,\r\n      removeClass: (className) => {\r\n        this.root.classList.remove(className);\r\n      },\r\n      removeNativeControlAttr: (attr) => {\r\n        this.nativeControl_.removeAttribute(attr);\r\n      },\r\n      setNativeControlAttr: (attr, value) => {\r\n        this.nativeControl_.setAttribute(attr, value);\r\n      },\r\n      setNativeControlDisabled: (disabled) => {\r\n        this.nativeControl_.disabled = disabled;\r\n      },\r\n    };\r\n    return new MDCCheckboxFoundation(adapter);\r\n  }\r\n\r\n  /**\r\n   * Set focus to the checkbox.\r\n   */\r\n  focus() {\r\n    this.nativeControl_.focus();\r\n  }\r\n\r\n  /**\r\n   * Moves focus from the checkbox.\r\n   */\r\n  blur() {\r\n    this.nativeControl_.blur();\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcCheckboxElement extends HTMLElement {\r\n  checked: boolean;\r\n  indeterminate: boolean;\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcCheckbox;\r\n    };\r\n  };\r\n}\r\n\r\nfunction defineMdcCheckboxElementApis(element: HTMLElement) {\r\n  Object.defineProperties(element, {\r\n    type: {\r\n      value: 'checkbox',\r\n    },\r\n    checked: {\r\n      get(this: IMdcCheckboxElement) {\r\n        return CustomElement.for<MdcCheckbox>(this).viewModel.checked;\r\n      },\r\n      set(this: IMdcCheckboxElement, value: boolean) {\r\n        CustomElement.for<MdcCheckbox>(this).viewModel.checked = value;\r\n      },\r\n      configurable: true\r\n    },\r\n    focus: {\r\n      value(this: IMdcCheckboxElement) {\r\n        CustomElement.for<MdcCheckbox>(this).viewModel.focus();\r\n      },\r\n      configurable: true\r\n    },\r\n    blur: {\r\n      value(this: IMdcCheckboxElement) {\r\n        CustomElement.for<MdcCheckbox>(this).viewModel.blur();\r\n      },\r\n      configurable: true\r\n    }\r\n  });\r\n}\r\n"]}