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

package/dist/fab/mdc-fab.js

@@ -0,0 +1,90 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, bindable, inject } from 'aurelia';
+import { booleanAttr } from '../base';
+import template from './mdc-fab.html?raw';
+/**
+ * @selector mdc-fab
+ * @selector a[mdc-fab]
+ * @selector button[mdc-fab]
+ */
+let MdcFab = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-fab', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _mini_decorators;
+    let _mini_initializers = [];
+    let _mini_extraInitializers = [];
+    let _extended_decorators;
+    let _extended_initializers = [];
+    let _extended_extraInitializers = [];
+    let _touch_decorators;
+    let _touch_initializers = [];
+    let _touch_extraInitializers = [];
+    let _exited_decorators;
+    let _exited_initializers = [];
+    let _exited_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    var MdcFab = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _mini_decorators = [bindable({ set: booleanAttr })];
+            _extended_decorators = [bindable({ set: booleanAttr })];
+            _touch_decorators = [bindable({ set: booleanAttr })];
+            _exited_decorators = [bindable({ set: booleanAttr })];
+            _icon_decorators = [bindable()];
+            _label_decorators = [bindable()];
+            _disabled_decorators = [bindable({ set: booleanAttr })];
+            __esDecorate(null, null, _mini_decorators, { kind: "field", name: "mini", static: false, private: false, access: { has: obj => "mini" in obj, get: obj => obj.mini, set: (obj, value) => { obj.mini = value; } }, metadata: _metadata }, _mini_initializers, _mini_extraInitializers);
+            __esDecorate(null, null, _extended_decorators, { kind: "field", name: "extended", static: false, private: false, access: { has: obj => "extended" in obj, get: obj => obj.extended, set: (obj, value) => { obj.extended = value; } }, metadata: _metadata }, _extended_initializers, _extended_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, _exited_decorators, { kind: "field", name: "exited", static: false, private: false, access: { has: obj => "exited" in obj, get: obj => obj.exited, set: (obj, value) => { obj.exited = value; } }, metadata: _metadata }, _exited_initializers, _exited_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, _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, _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);
+            MdcFab = _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;
+        }
+        /** Make the fab smaller (40 x 40 pixels) */
+        mini = __runInitializers(this, _mini_initializers, void 0);
+        /** Modifies the FAB to wider size which includes a text label */
+        extended = (__runInitializers(this, _mini_extraInitializers), __runInitializers(this, _extended_initializers, void 0));
+        /** Set the mini fab touch target to 48 x 48 px. Only applies if FAB is set to mini as well. */
+        touch = (__runInitializers(this, _extended_extraInitializers), __runInitializers(this, _touch_initializers, void 0));
+        /** Animates the FAB in or out of view */
+        exited = (__runInitializers(this, _touch_extraInitializers), __runInitializers(this, _exited_initializers, void 0));
+        /** Optional. Apply a Material Icon. */
+        icon = (__runInitializers(this, _exited_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
+        /** Optional, for the text label. Applicable only for Extended FAB. */
+        label = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _label_initializers, void 0));
+        /** Set the button disabled */
+        disabled = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _disabled_initializers, void 0));
+        disabledChanged() {
+            if (this.disabled) {
+                this.root.setAttribute('disabled', '');
+            }
+            else {
+                this.root.removeAttribute('disabled');
+            }
+        }
+    };
+    return MdcFab = _classThis;
+})();
+export { MdcFab };
+//# sourceMappingURL=mdc-fab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-fab.js","sourceRoot":"","sources":["../../src/fab/mdc-fab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAE1C;;;;GAIG;IAGU,MAAM;4BAFlB,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAK1C,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;oCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;iCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;kCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;gCAI9B,QAAQ,EAAE;iCAIV,QAAQ,EAAE;oCAKV,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YAxB/B,8JAAA,IAAI,6BAAJ,IAAI,mFAAU;YAId,0KAAA,QAAQ,6BAAR,QAAQ,2FAAU;YAIlB,iKAAA,KAAK,6BAAL,KAAK,qFAAU;YAIf,oKAAA,MAAM,6BAAN,MAAM,uFAAU;YAIhB,8JAAA,IAAI,6BAAJ,IAAI,mFAAS;YAIb,iKAAA,KAAK,6BAAL,KAAK,qFAAS;YAKd,0KAAA,QAAQ,6BAAR,QAAQ,2FAAU;YA9BpB,6KAsCC;;;YAtCY,uDAAM;;QACG,IAAI;QAAxB,YAAoB,IAAiB;;YAAjB,SAAI,GAAJ,IAAI,CAAa;SAAK;QAE1C,4CAA4C;QAE5C,IAAI,uDAAU;QAEd,iEAAiE;QAEjE,QAAQ,+GAAU;QAElB,+FAA+F;QAE/F,KAAK,gHAAU;QAEf,yCAAyC;QAEzC,MAAM,8GAAU;QAEhB,uCAAuC;QAEvC,IAAI,6GAAS;QAEb,sEAAsE;QAEtE,KAAK,4GAAS;QAGd,8BAA8B;QAE9B,QAAQ,gHAAU;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;;;;SArCU,MAAM","sourcesContent":["import { customElement, bindable, inject } from 'aurelia';\r\nimport { booleanAttr } from '../base';\r\nimport template from './mdc-fab.html?raw';\r\n\r\n/**\r\n * @selector mdc-fab\r\n * @selector a[mdc-fab]\r\n * @selector button[mdc-fab]\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-fab', template })\r\nexport class MdcFab {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  /** Make the fab smaller (40 x 40 pixels) */\r\n  @bindable({ set: booleanAttr })\r\n  mini: boolean;\r\n\r\n  /** Modifies the FAB to wider size which includes a text label */\r\n  @bindable({ set: booleanAttr })\r\n  extended: boolean;\r\n\r\n  /** Set the mini fab touch target to 48 x 48 px. Only applies if FAB is set to mini as well. */\r\n  @bindable({ set: booleanAttr })\r\n  touch: boolean;\r\n\r\n  /** Animates the FAB in or out of view */\r\n  @bindable({ set: booleanAttr })\r\n  exited: boolean;\r\n\r\n  /** Optional. Apply a Material Icon. */\r\n  @bindable()\r\n  icon: string;\r\n\r\n  /** Optional, for the text label. Applicable only for Extended FAB. */\r\n  @bindable()\r\n  label: string;\r\n\r\n\r\n  /** Set the button disabled */\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"]}

package/dist/{src/floating-label → floating-label}/mdc-floating-label.js

@@ -1,26 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcFloatingLabel = void 0;
-const tslib_1 = require("tslib");
-const aurelia_1 = require("aurelia");
-const floating_label_1 = require("@material/floating-label");
-const base_1 = require("../base");
-const ponyfill_1 = require("@material/dom/ponyfill");
-const mdc_floating_label_html_raw_1 = tslib_1.__importDefault(require("./mdc-floating-label.html?raw"));
+import { __esDecorate, __runInitializers } from "tslib";
+import { inject, customElement } from 'aurelia';
+import { MDCFloatingLabelFoundation } from '@material/floating-label';
+import { MdcComponent } from '../base';
+import { estimateScrollWidth } from '@material/dom/ponyfill';
+import template from './mdc-floating-label.html?raw';
 let MdcFloatingLabel = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-floating-label', template: mdc_floating_label_html_raw_1.default })];
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-floating-label', template })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = base_1.MdcComponent;
+    let _classSuper = MdcComponent;
     var MdcFloatingLabel = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? 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);
             MdcFloatingLabel = _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);
         }
         shake(shouldShake) {
             this.foundation?.shake(shouldShake);
@@ -46,14 +43,14 @@ let MdcFloatingLabel = (() => {
             const adapter = {
                 addClass: (className) => this.root.classList.add(className),
                 removeClass: (className) => this.root.classList.remove(className),
-                getWidth: () => (0, ponyfill_1.estimateScrollWidth)(this.root),
+                getWidth: () => estimateScrollWidth(this.root),
                 registerInteractionHandler: (evtType, handler) => this.listen(evtType, handler),
                 deregisterInteractionHandler: (evtType, handler) => this.unlisten(evtType, handler),
             };
-            return new floating_label_1.MDCFloatingLabelFoundation(adapter);
+            return new MDCFloatingLabelFoundation(adapter);
         }
     };
     return MdcFloatingLabel = _classThis;
 })();
-exports.MdcFloatingLabel = MdcFloatingLabel;
+export { MdcFloatingLabel };
 //# sourceMappingURL=mdc-floating-label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-floating-label.js","sourceRoot":"","sources":["../../src/floating-label/mdc-floating-label.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,0BAA0B,EAA2B,MAAM,0BAA0B,CAAC;AAC/F,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,QAAQ,MAAM,+BAA+B,CAAC;IAIxC,gBAAgB;4BAF5B,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC;;;;sBAClB,YAAY;gCAApB,SAAQ,WAAwC;;;;YAA9E,6KAmCC;;;YAnCY,uDAAgB;;QAC3B,KAAK,CAAC,WAAoB;YACxB,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;QAED;;;WAGG;QACH,KAAK,CAAC,WAAoB;YACxB,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;QAED;;;WAGG;QACH,WAAW,CAAC,UAAmB;YAC7B,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;QAC3C,CAAC;QAED,QAAQ;YACN,OAAO,IAAI,CAAC,UAAW,CAAC,QAAQ,EAAE,CAAC;QACrC,CAAC;QAED,oBAAoB;YAClB,MAAM,OAAO,GAA4B;gBACvC,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;gBAC3D,WAAW,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;gBACjE,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC;gBAC9C,0BAA0B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC;gBAC/E,4BAA4B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;aACpF,CAAC;YACF,OAAO,IAAI,0BAA0B,CAAC,OAAO,CAAC,CAAC;QACjD,CAAC;;;;SAlCU,gBAAgB","sourcesContent":["import { inject, customElement } from 'aurelia';\r\nimport { MDCFloatingLabelFoundation, MDCFloatingLabelAdapter } from '@material/floating-label';\r\nimport { MdcComponent } from '../base';\r\nimport { estimateScrollWidth } from '@material/dom/ponyfill';\r\nimport template from './mdc-floating-label.html?raw';\r\n\r\n@inject(Element)\r\n@customElement({ name: 'mdc-floating-label', template })\r\nexport class MdcFloatingLabel extends MdcComponent<MDCFloatingLabelFoundation> {\r\n  shake(shouldShake: boolean) {\r\n    this.foundation?.shake(shouldShake);\r\n  }\r\n\r\n  /**\r\n   * Styles the label to float/dock.\r\n   * @param shouldFloat If true, floats the label by adding a CSS class; otherwise, docks it by removing the class.\r\n   */\r\n  float(shouldFloat: boolean) {\r\n    this.foundation?.float(shouldFloat);\r\n  }\r\n\r\n  /**\r\n   * Styles the label as required.\r\n   * @param isRequired If true, adds an asterisk to the label, indicating that it is required.\r\n   */\r\n  setRequired(isRequired: boolean) {\r\n    this.foundation?.setRequired(isRequired);\r\n  }\r\n\r\n  getWidth(): number {\r\n    return this.foundation!.getWidth();\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    const adapter: MDCFloatingLabelAdapter = {\r\n      addClass: (className) => this.root.classList.add(className),\r\n      removeClass: (className) => this.root.classList.remove(className),\r\n      getWidth: () => estimateScrollWidth(this.root),\r\n      registerInteractionHandler: (evtType, handler) => this.listen(evtType, handler),\r\n      deregisterInteractionHandler: (evtType, handler) => this.unlisten(evtType, handler),\r\n    };\r\n    return new MDCFloatingLabelFoundation(adapter);\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,82 @@
+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 = [inject(Element), customElement({ name: 'mdc-form-field', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _nowrap_decorators;
+    let _nowrap_initializers = [];
+    let _nowrap_extraInitializers = [];
+    let _alignEnd_decorators;
+    let _alignEnd_initializers = [];
+    let _alignEnd_extraInitializers = [];
+    let _spaceBetween_decorators;
+    let _spaceBetween_initializers = [];
+    let _spaceBetween_extraInitializers = [];
+    var MdcFormField = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _nowrap_decorators = [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 });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        cssClasses = cssClasses;
+        ripple;
+        label;
+        /** Force label text to stay on a single line and ellipse the overflow text */
+        nowrap = __runInitializers(this, _nowrap_initializers, void 0);
+        /** Position the input after the label */
+        alignEnd = (__runInitializers(this, _nowrap_extraInitializers), __runInitializers(this, _alignEnd_initializers, void 0));
+        /** Distributes space between label text and control */
+        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 ? CustomAttribute.for(rippleUpgraded, 'mdc-ripple')?.viewModel : undefined;
+            const input = this.root.querySelector('input, button');
+            if (input?.hasAttribute('id')) {
+                this.label = this.root.querySelector('label');
+                if (this.label) {
+                    this.label.setAttribute('for', input.getAttribute('id'));
+                }
+            }
+        }
+        getDefaultFoundation() {
+            // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
+            // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
+            const adapter = {
+                activateInputRipple: () => this.ripple?.activate(),
+                deactivateInputRipple: () => this.ripple?.deactivate(),
+                deregisterInteractionHandler: (evtType, handler) => this.label?.removeEventListener(evtType, handler),
+                registerInteractionHandler: (evtType, handler) => this.label?.addEventListener(evtType, handler),
+            };
+            return new MDCFormFieldFoundation(adapter);
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _spaceBetween_extraInitializers);
+        }
+    };
+    return MdcFormField = _classThis;
+})();
+export { MdcFormField };
+//# sourceMappingURL=mdc-form-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-form-field.js","sourceRoot":"","sources":["../../src/form-field/mdc-form-field.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAuB,MAAM,sBAAsB,CAAC;AAC/F,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AAGjD;;GAEG;IAGU,YAAY;4BAFxB,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;;;;sBAClB,YAAY;;;;;;;;;;4BAApB,SAAQ,WAAoC;;;;kCAQnE,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;oCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;wCAI9B,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;YAP/B,oKAAA,MAAM,6BAAN,MAAM,uFAAU;YAIhB,0KAAA,QAAQ,6BAAR,QAAQ,2FAAU;YAIlB,sLAAA,YAAY,6BAAZ,YAAY,mGAAU;YAjBxB,6KA+CC;;;YA/CY,uDAAY;;QACvB,UAAU,GAAG,UAAU,CAAC;QAExB,MAAM,CAAa;QAEnB,KAAK,CAA2B;QAEhC,8EAA8E;QAE9E,MAAM,yDAAU;QAEhB,yCAAyC;QAEzC,QAAQ,iHAAU;QAElB,uDAAuD;QAEvD,YAAY,uHAAU;QAEtB,kBAAkB;YAChB,IAAI,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAoB,cAAc,CAAC,CAAC;YAChF,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAoB,WAAW,CAAC,CAAC;YAC3E,CAAC;YACD,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,GAAG,CAAY,cAAc,EAAE,YAAY,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;YAEnH,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;YACvD,IAAI,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC9B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC9C,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACf,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAE,CAAC,CAAC;gBAC5D,CAAC;YACH,CAAC;QACH,CAAC;QAED,oBAAoB;YAClB,sGAAsG;YACtG,yGAAyG;YACzG,MAAM,OAAO,GAAwB;gBACnC,mBAAmB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE;gBAClD,qBAAqB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE;gBACtD,4BAA4B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC;gBACrG,0BAA0B,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC;aACjG,CAAC;YACF,OAAO,IAAI,sBAAsB,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC;;;;;;;;SA7CU,YAAY","sourcesContent":["import { cssClasses, MDCFormFieldFoundation, MDCFormFieldAdapter } from '@material/form-field';\r\nimport { MdcComponent, booleanAttr } from '../base';\r\nimport { customElement, inject, bindable } from 'aurelia';\r\nimport { CustomAttribute } from '@aurelia/runtime-html';\r\nimport template from './mdc-form-field.html?raw';\r\nimport { MdcRipple, IMdcRippleElement } from '../ripple/mdc-ripple';\r\n\r\n/**\r\n * @selector mdc-form-field\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-form-field', template })\r\nexport class MdcFormField extends MdcComponent<MDCFormFieldFoundation> {\r\n  cssClasses = cssClasses;\r\n\r\n  ripple?: MdcRipple;\r\n\r\n  label?: HTMLLabelElement | null;\r\n\r\n  /** Force label text to stay on a single line and ellipse the overflow text */\r\n  @bindable({ set: booleanAttr })\r\n  nowrap: boolean;\r\n\r\n  /** Position the input after the label */\r\n  @bindable({ set: booleanAttr })\r\n  alignEnd: boolean;\r\n\r\n  /** Distributes space between label text and control */\r\n  @bindable({ set: booleanAttr })\r\n  spaceBetween: boolean;\r\n\r\n  initialSyncWithDOM() {\r\n    let rippleUpgraded = this.root.querySelector<IMdcRippleElement>('mdc-checkbox');\r\n    if (!rippleUpgraded) {\r\n      rippleUpgraded = this.root.querySelector<IMdcRippleElement>('mdc-radio');\r\n    }\r\n    this.ripple = rippleUpgraded ? CustomAttribute.for<MdcRipple>(rippleUpgraded, 'mdc-ripple')?.viewModel : undefined;\r\n\r\n    const input = this.root.querySelector('input, button');\r\n    if (input?.hasAttribute('id')) {\r\n      this.label = this.root.querySelector('label');\r\n      if (this.label) {\r\n        this.label.setAttribute('for', input.getAttribute('id')!);\r\n      }\r\n    }\r\n  }\r\n\r\n  getDefaultFoundation() {\r\n    // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.\r\n    // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.\r\n    const adapter: MDCFormFieldAdapter = {\r\n      activateInputRipple: () => this.ripple?.activate(),\r\n      deactivateInputRipple: () => this.ripple?.deactivate(),\r\n      deregisterInteractionHandler: (evtType, handler) => this.label?.removeEventListener(evtType, handler),\r\n      registerInteractionHandler: (evtType, handler) => this.label?.addEventListener(evtType, handler),\r\n    };\r\n    return new MDCFormFieldFoundation(adapter);\r\n  }\r\n\r\n}\r\n"]}

package/dist/icon/mdc-icon.js

@@ -0,0 +1,29 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, inject } from 'aurelia';
+import template from './mdc-icon.html?raw';
+/**
+ * @selector mdc-icon
+ */
+let MdcIcon = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-icon', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcIcon = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcIcon = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            this.root = root;
+        }
+    };
+    return MdcIcon = _classThis;
+})();
+export { MdcIcon };
+//# sourceMappingURL=mdc-icon.js.map

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

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

package/dist/{src/icon-button → 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

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

@@ -0,0 +1,44 @@
+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 = [customElement({ name: 'mdc-icon-button-icon', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _on_decorators;
+    let _on_initializers = [];
+    let _on_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    var MdcIconButtonIcon = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _on_decorators = [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 });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /** Indicates an "on" toggle element */
+        on = __runInitializers(this, _on_initializers, void 0);
+        /** Optional. Set a Material icon. */
+        icon = (__runInitializers(this, _on_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
+        constructor() {
+            __runInitializers(this, _icon_extraInitializers);
+        }
+    };
+    return MdcIconButtonIcon = _classThis;
+})();
+export { MdcIconButtonIcon };
+//# sourceMappingURL=mdc-icon-button-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-icon-button-icon.js","sourceRoot":"","sources":["../../../src/icon-button/mdc-icon-button-icon/mdc-icon-button-icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD;;;GAGG;IAEU,iBAAiB;4BAD7B,aAAa,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;8BAGvD,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;gCAI9B,QAAQ,EAAE;YAHX,wJAAA,EAAE,6BAAF,EAAE,+EAAU;YAIZ,8JAAA,IAAI,6BAAJ,IAAI,mFAAS;YAPf,6KAQC;;;YARY,uDAAiB;;QAC5B,uCAAuC;QAEvC,EAAE,qDAAU;QAEZ,qCAAqC;QAErC,IAAI,yGAAS;;;;;;;SAPF,iBAAiB","sourcesContent":["import { customElement, bindable } from 'aurelia';\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

@@ -0,0 +1,99 @@
+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 = [inject(Element), customElement({ name: 'mdc-icon-button', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _on_decorators;
+    let _on_initializers = [];
+    let _on_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    let _href_decorators;
+    let _href_initializers = [];
+    let _href_extraInitializers = [];
+    let _touch_decorators;
+    let _touch_initializers = [];
+    let _touch_extraInitializers = [];
+    var MdcIconButton = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _on_decorators = [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 });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /** Sets the toggle state to the provided value */
+        on = __runInitializers(this, _on_initializers, void 0);
+        /** Optional. Set a Material icon as a non-toggle icon. */
+        icon = (__runInitializers(this, _on_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
+        // this is necessary for the route-href to work
+        href = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _href_initializers, void 0));
+        hrefChanged() {
+            if (this.href) {
+                this.root.setAttribute('href', this.href);
+            }
+            else {
+                this.root.removeAttribute('href');
+            }
+        }
+        /**
+         * Set the component touch target to 48 x 48 px
+         */
+        touch = (__runInitializers(this, _href_extraInitializers), __runInitializers(this, _touch_initializers, void 0));
+        attached() {
+            this.hrefChanged();
+            if (this.root.querySelector('mdc-icon-button-icon')) {
+                this.foundation = this.getDefaultFoundation();
+                this.foundation.init();
+            }
+        }
+        handleClick() {
+            this.foundation?.handleClick();
+            return true;
+        }
+        getDefaultFoundation() {
+            // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
+            // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
+            const adapter = {
+                addClass: (className) => this.root.classList.add(className),
+                hasClass: (className) => this.root.classList.contains(className),
+                notifyChange: (evtData) => {
+                    this.emit(strings.CHANGE_EVENT, evtData);
+                    this.on = evtData.isOn;
+                },
+                removeClass: (className) => this.root.classList.remove(className),
+                getAttr: (attrName) => this.root.getAttribute(attrName),
+                setAttr: (attrName, attrValue) => this.root.setAttribute(attrName, attrValue),
+            };
+            return new MDCIconButtonToggleFoundation(adapter);
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _touch_extraInitializers);
+        }
+    };
+    return MdcIconButton = _classThis;
+})();
+export { MdcIconButton };
+//# sourceMappingURL=mdc-icon-button.js.map

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

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

@@ -0,0 +1,58 @@
+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 = [inject(Element), customElement({ name: 'mdc-image-list-item', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _src_decorators;
+    let _src_initializers = [];
+    let _src_extraInitializers = [];
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _aspect_decorators;
+    let _aspect_initializers = [];
+    let _aspect_extraInitializers = [];
+    var MdcImageListItem = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _src_decorators = [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 });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            __runInitializers(this, _aspect_extraInitializers);
+            this.root = root;
+        }
+        /** Image url */
+        src = __runInitializers(this, _src_initializers, void 0);
+        /** Image label */
+        label = (__runInitializers(this, _src_extraInitializers), __runInitializers(this, _label_initializers, void 0));
+        hasAspect = __runInitializers(this, _label_extraInitializers);
+        /** Sets image aspect ratio */
+        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}`);
+        }
+    };
+    return MdcImageListItem = _classThis;
+})();
+export { MdcImageListItem };
+//# sourceMappingURL=mdc-image-list-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-image-list-item.js","sourceRoot":"","sources":["../../../src/image-list/mdc-image-list-item/mdc-image-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AAEtD;;;GAGG;IAGU,gBAAgB;4BAF5B,MAAM,CAAC,OAAO,CAAC,EACf,aAAa,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;+BAKtD,QAAQ,EAAE;iCAIV,QAAQ,EAAE;kCAMV,QAAQ,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;YAT1B,2JAAA,GAAG,6BAAH,GAAG,iFAAS;YAIZ,iKAAA,KAAK,6BAAL,KAAK,qFAAS;YAMd,oKAAA,MAAM,6BAAN,MAAM,uFAAS;YAfjB,6KAoBC;;;YApBY,uDAAgB;;QACP,IAAI;QAAxB,YAAoB,IAAiB;;YAAjB,SAAI,GAAJ,IAAI,CAAa;SAAK;QAE1C,gBAAgB;QAEhB,GAAG,sDAAS;QAEZ,kBAAkB;QAElB,KAAK,2GAAS;QAEd,SAAS,qDAAU;QAEnB,8BAA8B;QAE9B,MAAM,yDAAS;QACf,aAAa;YACX,IAAI,CAAC,SAAS,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACrC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,8BAA8B,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAC3G,CAAC;;;;SAnBU,gBAAgB","sourcesContent":["import { customElement, inject, bindable } from 'aurelia';\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"]}