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

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

@@ -0,0 +1,32 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customAttribute, inject } from 'aurelia';
+/**
+ * The mdc-button-label attribute is required in order for the trailing icon to be styled appropriately.
+ * @selector [mdc-button-label]
+ */
+let MdcButtonLabel = (() => {
+    let _classDecorators = [inject(Element), customAttribute('mdc-button-label')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcButtonLabel = class {
+        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);
+            MdcButtonLabel = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            this.root = root;
+        }
+        attached() {
+            this.root.classList.add('mdc-button__label');
+        }
+    };
+    return MdcButtonLabel = _classThis;
+})();
+export { MdcButtonLabel };
+//# sourceMappingURL=mdc-button-label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-button-label.js","sourceRoot":"","sources":["../../src/button/mdc-button-label.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAElD;;;GAGG;IAGU,cAAc;4BAF1B,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,kBAAkB,CAAC;;;;;;;;YACpC,6KAMC;;;YANY,uDAAc;;QACL,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,QAAQ;YACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAC/C,CAAC;;;;SALU,cAAc","sourcesContent":["import { customAttribute, inject } from 'aurelia';\n\n/**\n * The mdc-button-label attribute is required in order for the trailing icon to be styled appropriately.\n * @selector [mdc-button-label]\n */\n@inject(Element)\n@customAttribute('mdc-button-label')\nexport class MdcButtonLabel {\n  constructor(private root: HTMLElement) { }\n\n  attached() {\n    this.root.classList.add('mdc-button__label');\n  }\n}\n"]}

package/dist/button/mdc-button.html

@@ -0,0 +1,12 @@
+<template class="
+    mdc-button
+    ${touch ? 'mdc-button--touch' : ''}
+    ${raised ? 'mdc-button--raised' : ''}
+    ${unelevated ? 'mdc-button--unelevated' : ''}
+    ${outlined ? 'mdc-button--outlined' : ''}
+  " tabindex.bind="disabled ? -1 : 0" mdc-ripple="no-class.bind: true">
+  <div class="mdc-button__ripple"></div>
+  <span class="mdc-button__label" if.bind="label">${label}</span>
+  <div class="mdc-button__touch" if.bind="touch"></div>
+  <au-slot></au-slot>
+</template>

package/dist/button/mdc-button.js

@@ -0,0 +1,99 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { bindable, customElement, inject } from 'aurelia';
+import { booleanAttr } from '../base';
+import template from './mdc-button.html?raw';
+/**
+ * @selector button[mdc-button]
+ * @selector a[mdc-button]
+ * @selector mdc-button
+ */
+let MdcButton = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-button', template })];
+    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 = [bindable()];
+            _touch_decorators = [bindable({ set: booleanAttr })];
+            _raised_decorators = [bindable({ set: booleanAttr })];
+            _unelevated_decorators = [bindable({ set: booleanAttr })];
+            _outlined_decorators = [bindable({ set: booleanAttr })];
+            _disabled_decorators = [bindable({ set: booleanAttr })];
+            __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, _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, _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);
+            __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);
+            __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);
+            __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, _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 });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            __runInitializers(this, _disabled_extraInitializers);
+            this.root = root;
+        }
+        /**
+         * Set the component label
+         */
+        label = __runInitializers(this, _label_initializers, void 0);
+        /**
+         * Set the component touch target to 48 x 48 px
+         */
+        touch = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _touch_initializers, void 0));
+        /**
+         * A contained button that is elevated upon the surface
+         */
+        raised = (__runInitializers(this, _touch_extraInitializers), __runInitializers(this, _raised_initializers, void 0));
+        /**
+         * A contained button that is flush with the surface
+         */
+        unelevated = (__runInitializers(this, _raised_extraInitializers), __runInitializers(this, _unelevated_initializers, void 0));
+        /**
+         * A contained button that is flush with the surface and has a visible border
+         */
+        outlined = (__runInitializers(this, _unelevated_extraInitializers), __runInitializers(this, _outlined_initializers, void 0));
+        /**
+         * Set the button disabled
+         */
+        disabled = (__runInitializers(this, _outlined_extraInitializers), __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;
+})();
+export { MdcButton };
+//# sourceMappingURL=mdc-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-button.js","sourceRoot":"","sources":["../../src/button/mdc-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C;;;;GAIG;IAGU,SAAS;4BAFrB,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;iCAO7C,QAAQ,EAAE;iCAMV,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;kCAM9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;sCAM9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;oCAM9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;oCAM9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YA7B/B,iKAAA,KAAK,6BAAL,KAAK,qFAAS;YAMd,iKAAA,KAAK,6BAAL,KAAK,qFAAU;YAMf,oKAAA,MAAM,6BAAN,MAAM,uFAAU;YAMhB,gLAAA,UAAU,6BAAV,UAAU,+FAAU;YAMpB,0KAAA,QAAQ,6BAAR,QAAQ,2FAAU;YAMlB,0KAAA,QAAQ,6BAAR,QAAQ,2FAAU;YArCpB,6KAkDC;;;YAlDY,uDAAS;;QACD,IAAI;QAAvB,YAAmB,IAAiB;;YAAjB,SAAI,GAAJ,IAAI,CAAa;SAAK;QAEzC;;WAEG;QAEH,KAAK,wDAAS;QAEd;;WAEG;QAEH,KAAK,6GAAU;QAEf;;WAEG;QAEH,MAAM,8GAAU;QAEhB;;WAEG;QAEH,UAAU,mHAAU;QAEpB;;WAEG;QAEH,QAAQ,qHAAU;QAElB;;WAEG;QAEH,QAAQ,mHAAU;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;;;;SAjDU,SAAS","sourcesContent":["import { bindable, customElement, inject } from 'aurelia';\nimport { booleanAttr } from '../base';\nimport template from './mdc-button.html?raw';\n\n/**\n * @selector button[mdc-button]\n * @selector a[mdc-button]\n * @selector mdc-button\n */\n@inject(Element)\n@customElement({ name: 'mdc-button', template })\nexport class MdcButton {\n  constructor(public root: HTMLElement) { }\n\n  /**\n   * Set the component label\n   */\n  @bindable()\n  label: string;\n\n  /**\n   * Set the component touch target to 48 x 48 px\n   */\n  @bindable({ set: booleanAttr })\n  touch: boolean;\n\n  /**\n   * A contained button that is elevated upon the surface\n   */\n  @bindable({ set: booleanAttr })\n  raised: boolean;\n\n  /**\n   * A contained button that is flush with the surface\n   */\n  @bindable({ set: booleanAttr })\n  unelevated: boolean;\n\n  /**\n   * A contained button that is flush with the surface and has a visible border\n   */\n  @bindable({ set: booleanAttr })\n  outlined: boolean;\n\n  /**\n   * Set the button disabled\n   */\n  @bindable({ set: booleanAttr })\n  disabled: boolean;\n  disabledChanged() {\n    if (this.disabled) {\n      this.root.setAttribute('disabled', '');\n    } else {\n      this.root.removeAttribute('disabled');\n    }\n  }\n\n  attached() {\n    const icons = this.root.querySelectorAll('mdc-icon');\n    Array.from(icons).forEach(x => x.classList.add('mdc-button__icon'));\n  }\n}\n"]}

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

@@ -0,0 +1,36 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, inject } from '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 _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcCardActionButtons = class {
+        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);
+            MdcCardActionButtons = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            this.root = root;
+        }
+        attached() {
+            const children = this.root.querySelectorAll('.mdc-button');
+            for (let i = 0; i < children.length; ++i) {
+                const child = children[i];
+                child.classList.add('mdc-card__action', 'mdc-card__action--button');
+            }
+        }
+    };
+    return MdcCardActionButtons = _classThis;
+})();
+export { MdcCardActionButtons };
+//# sourceMappingURL=mdc-card-action-buttons.js.map

package/dist/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,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEhD;;;GAGG;IAGU,oBAAoB;4BAFhC,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,yBAAyB,EAAE,QAAQ,EAAE,2EAA2E,EAAE,CAAC;;;;;;;;YAC1I,6KAUC;;;YAVY,uDAAoB;;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;;;;SATU,oBAAoB","sourcesContent":["import { customElement, inject } from 'aurelia';\n\n/**\n * Optional. A group of action buttons, displayed on the left side of the card (in LTR).\n * @selector mdc-card-action-buttons\n */\n@inject(Element)\n@customElement({ name: 'mdc-card-action-buttons', template: '<template class=\"mdc-card__action-buttons\"><au-slot></au-slot></template>' })\nexport class MdcCardActionButtons {\n  constructor(private root: HTMLElement) { }\n\n  attached() {\n    const children = this.root.querySelectorAll('.mdc-button');\n    for (let i = 0; i < children.length; ++i) {\n      const child = children[i];\n      child.classList.add('mdc-card__action', 'mdc-card__action--button');\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,36 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, inject } from '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 _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcCardActionIcons = class {
+        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);
+            MdcCardActionIcons = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            this.root = root;
+        }
+        attached() {
+            const children = this.root.querySelectorAll('.mdc-icon-button');
+            for (let i = 0; i < children.length; ++i) {
+                const child = children[i];
+                child.classList.add('mdc-card__action', 'mdc-card__action--icon');
+            }
+        }
+    };
+    return MdcCardActionIcons = _classThis;
+})();
+export { MdcCardActionIcons };
+//# sourceMappingURL=mdc-card-action-icons.js.map

package/dist/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,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEhD;;;GAGG;IAGU,kBAAkB;4BAF9B,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,uBAAuB,EAAE,QAAQ,EAAE,yEAAyE,EAAE,CAAC;;;;;;;;YACtI,6KAUC;;;YAVY,uDAAkB;;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;;;;SATU,kBAAkB","sourcesContent":["import { customElement, inject } from 'aurelia';\n\n/**\n * Optional. A group of supplemental action icons, displayed on the right side of the card (in LTR).\n * @selector mdc-card-action-icons\n */\n@inject(Element)\n@customElement({ name: 'mdc-card-action-icons', template: '<template class=\"mdc-card__action-icons\"><au-slot></au-slot></template>' })\nexport class MdcCardActionIcons {\n  constructor(private root: HTMLElement) { }\n\n  attached() {\n    const children = this.root.querySelectorAll('.mdc-icon-button');\n    for (let i = 0; i < children.length; ++i) {\n      const child = children[i];\n      child.classList.add('mdc-card__action', 'mdc-card__action--icon');\n    }\n  }\n}\n"]}

package/dist/card/mdc-card-actions/mdc-card-actions.html

@@ -0,0 +1,3 @@
+<template class="mdc-card__actions ${fullBleed ? 'mdc-card__actions--full-bleed' : ''}">
+  <au-slot></au-slot>
+</template>

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

@@ -0,0 +1,38 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, bindable } from 'aurelia';
+import { booleanAttr } from '../../base';
+import template from './mdc-card-actions.html?raw';
+/**
+ * @selector mdc-card-actions
+ */
+let MdcCardActions = (() => {
+    let _classDecorators = [customElement({ name: 'mdc-card-actions', template })];
+    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 = [bindable({ set: booleanAttr })];
+            __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);
+            __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 });
+            __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 = __runInitializers(this, _fullBleed_initializers, void 0);
+        constructor() {
+            __runInitializers(this, _fullBleed_extraInitializers);
+        }
+    };
+    return MdcCardActions = _classThis;
+})();
+export { MdcCardActions };
+//# sourceMappingURL=mdc-card-actions.js.map

package/dist/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,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AAEnD;;GAEG;IAEU,cAAc;4BAD1B,aAAa,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;qCAKnD,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YAC/B,6KAAA,SAAS,6BAAT,SAAS,6FAAU;YALrB,6KAMC;;;YANY,uDAAc;;QACzB;;WAEG;QAEH,SAAS,4DAAU;;;;;;;SALR,cAAc","sourcesContent":["import { customElement, bindable } from 'aurelia';\nimport { booleanAttr } from '../../base';\nimport template from './mdc-card-actions.html?raw';\n\n/**\n * @selector mdc-card-actions\n */\n@customElement({ name: 'mdc-card-actions', template })\nexport class MdcCardActions {\n  /**\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.\n   */\n  @bindable({ set: booleanAttr })\n  fullBleed: boolean;\n}\n"]}

package/dist/card/mdc-card-media/mdc-card-media.html

@@ -0,0 +1,5 @@
+<template class="mdc-card__media ${square ? 'mdc-card__media--square' : ''} ${wide ? 'mdc-card__media--16-9' : ''}">
+  <div class="mdc-card__media-content">
+    <au-slot></au-slot>
+  </div>
+</template>

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

@@ -0,0 +1,47 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, bindable } from 'aurelia';
+import { booleanAttr } from '../../base';
+import template from './mdc-card-media.html?raw';
+/**
+ * @selector mdc-card-media
+ */
+let MdcCardMedia = (() => {
+    let _classDecorators = [customElement({ name: 'mdc-card-media', template })];
+    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 = [bindable({ set: booleanAttr })];
+            _wide_decorators = [bindable({ set: booleanAttr })];
+            __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);
+            __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);
+            __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 });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /**
+         * Automatically scales the media area's height to equal its width.
+         */
+        square = __runInitializers(this, _square_initializers, void 0);
+        /**
+         * Automatically scales the media area's height according to its width, maintaining a 16:9 aspect ratio.
+         */
+        wide = (__runInitializers(this, _square_extraInitializers), __runInitializers(this, _wide_initializers, void 0));
+        constructor() {
+            __runInitializers(this, _wide_extraInitializers);
+        }
+    };
+    return MdcCardMedia = _classThis;
+})();
+export { MdcCardMedia };
+//# sourceMappingURL=mdc-card-media.js.map

package/dist/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,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AAEjD;;GAEG;IAEU,YAAY;4BADxB,aAAa,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;kCAKjD,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;gCAM9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YAL/B,oKAAA,MAAM,6BAAN,MAAM,uFAAU;YAMhB,8JAAA,IAAI,6BAAJ,IAAI,mFAAU;YAXhB,6KAYC;;;YAZY,uDAAY;;QACvB;;WAEG;QAEH,MAAM,yDAAU;QAEhB;;WAEG;QAEH,IAAI,6GAAU;;;;;;;SAXH,YAAY","sourcesContent":["import { customElement, bindable } from 'aurelia';\nimport { booleanAttr } from '../../base';\nimport template from './mdc-card-media.html?raw';\n\n/**\n * @selector mdc-card-media\n */\n@customElement({ name: 'mdc-card-media', template })\nexport class MdcCardMedia {\n  /**\n   * Automatically scales the media area's height to equal its width.\n   */\n  @bindable({ set: booleanAttr })\n  square: boolean;\n\n  /**\n   * Automatically scales the media area's height according to its width, maintaining a 16:9 aspect ratio.\n   */\n  @bindable({ set: booleanAttr })\n  wide: boolean;\n}\n"]}

package/dist/card/mdc-card-primary-action.html

@@ -0,0 +1,5 @@
+<template class="mdc-card__primary-action" tabindex=0
+  mdc-ripple="disabled.bind: disableRipple; surface.bind: rippleElement">
+  <div class="mdc-card__ripple" ref="rippleElement"></div>
+  <au-slot></au-slot>
+</template>

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

@@ -0,0 +1,38 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, bindable } from 'aurelia';
+import { booleanAttr } from '../base';
+import template from './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 = [customElement({ name: 'mdc-card-primary-action', template })];
+    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 = [bindable({ set: booleanAttr })];
+            __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, _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 });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /** Disables ripple effect */
+        disableRipple = __runInitializers(this, _disableRipple_initializers, void 0);
+        constructor() {
+            __runInitializers(this, _disableRipple_extraInitializers);
+        }
+    };
+    return MdcCardPrimaryAction = _classThis;
+})();
+export { MdcCardPrimaryAction };
+//# sourceMappingURL=mdc-card-primary-action.js.map

package/dist/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,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,QAAQ,MAAM,oCAAoC,CAAC;AAE1D;;;;GAIG;IAEU,oBAAoB;4BADhC,aAAa,CAAC,EAAE,IAAI,EAAE,yBAAyB,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;yCAI1D,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YAC/B,yLAAA,aAAa,6BAAb,aAAa,qGAAU;YAJzB,6KAKC;;;YALY,uDAAoB;;QAE/B,6BAA6B;QAE7B,aAAa,gEAAU;;;;;;;SAJZ,oBAAoB","sourcesContent":["import { customElement, bindable } from 'aurelia';\nimport { booleanAttr } from '../base';\nimport template from './mdc-card-primary-action.html?raw';\n\n/**\n * Optional. The main tappable area of the card. Typically contains most (or all) card content except mdc-card-actions.\n * Only applicable to cards that have a primary action that the main surface should trigger.\n * @selector mdc-card-primary-action\n */\n@customElement({ name: 'mdc-card-primary-action', template })\nexport class MdcCardPrimaryAction {\n\n  /** Disables ripple effect */\n  @bindable({ set: booleanAttr })\n  disableRipple: boolean;\n}\n"]}

package/dist/card/mdc-card.html

@@ -0,0 +1,3 @@
+<template class="mdc-card ${outlined ? 'mdc-card--outlined' : ''}">
+  <au-slot></au-slot>
+</template>

package/dist/card/mdc-card.js

@@ -0,0 +1,38 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, bindable } from 'aurelia';
+import { booleanAttr } from '../base';
+import template from './mdc-card.html?raw';
+/**
+ * @selector mdc-card
+ */
+let MdcCard = (() => {
+    let _classDecorators = [customElement({ name: 'mdc-card', template })];
+    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 = [bindable({ set: booleanAttr })];
+            __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);
+            __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 });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /**
+         * Removes the shadow and displays a hairline stroke instead.
+         */
+        outlined = __runInitializers(this, _outlined_initializers, void 0);
+        constructor() {
+            __runInitializers(this, _outlined_extraInitializers);
+        }
+    };
+    return MdcCard = _classThis;
+})();
+export { MdcCard };
+//# sourceMappingURL=mdc-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-card.js","sourceRoot":"","sources":["../../src/card/mdc-card.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAE3C;;GAEG;IAEU,OAAO;4BADnB,aAAa,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;oCAM3C,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YAC/B,0KAAA,QAAQ,6BAAR,QAAQ,2FAAU;YANpB,6KAOC;;;YAPY,uDAAO;;QAElB;;WAEG;QAEH,QAAQ,2DAAU;;;;;;;SANP,OAAO","sourcesContent":["import { customElement, bindable } from 'aurelia';\nimport { booleanAttr } from '../base';\nimport template from './mdc-card.html?raw';\n\n/**\n * @selector mdc-card\n */\n@customElement({ name: 'mdc-card', template })\nexport class MdcCard {\n\n  /**\n   * Removes the shadow and displays a hairline stroke instead.\n   */\n  @bindable({ set: booleanAttr })\n  outlined: boolean;\n}\n"]}

package/dist/checkbox/mdc-checkbox.html

@@ -0,0 +1,12 @@
+<template class="mdc-checkbox ${touch ? 'mdc-checkbox--touch' : ''}"
+  mdc-ripple="no-class.bind: true; input.bind: nativeControl_; unbounded.bind: true; disabled.bind: disableRipple">
+  <input type="checkbox" class="mdc-checkbox__native-control" id="${id}" ref="nativeControl_"
+    change.trigger="handleChange_()" />
+  <div class="mdc-checkbox__background">
+    <svg class="mdc-checkbox__checkmark" viewBox="0 0 24 24">
+      <path class="mdc-checkbox__checkmark-path" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59" />
+    </svg>
+    <div class="mdc-checkbox__mixedmark"></div>
+  </div>
+  <div class="mdc-checkbox__ripple"></div>
+</template>