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

package/dist/chips/mdc-chip-action/mdc-chip-action.js

@@ -0,0 +1,149 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { closest } from '@material/dom/ponyfill';
+import { booleanAttr, MdcComponent } from '../../base';
+import { MDCChipActionCssClasses, MDCChipActionEvents } from '@material/chips';
+import { MDCChipTrailingActionFoundation } from '@material/chips/action/trailing-foundation';
+import { MDCChipPrimaryActionFoundation } from '@material/chips/action/primary-foundation';
+import { GRAPHIC_SELECTED_WIDTH_STYLE_PROP, computePrimaryActionRippleClientRect } from '@material/chips/action/component-ripple';
+import { bindable, customElement, inject } from 'aurelia';
+import template from './mdc-chip-action.html?raw';
+MDCChipActionEvents.INTERACTION = MDCChipActionEvents.INTERACTION.toLowerCase();
+MDCChipActionEvents.NAVIGATION = MDCChipActionEvents.NAVIGATION.toLowerCase();
+let actionId = 0;
+/**
+ * @hidden
+ * @selector mdc-chip-action
+ */
+let MdcChipAction = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-chip-action', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _selectable_decorators;
+    let _selectable_initializers = [];
+    let _selectable_extraInitializers = [];
+    let _trailing_decorators;
+    let _trailing_initializers = [];
+    let _trailing_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    var MdcChipAction = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _selectable_decorators = [bindable({ set: booleanAttr })];
+            _trailing_decorators = [bindable({ set: booleanAttr })];
+            _icon_decorators = [bindable()];
+            _disabled_decorators = [bindable({ set: booleanAttr })];
+            __esDecorate(null, null, _selectable_decorators, { kind: "field", name: "selectable", static: false, private: false, access: { has: obj => "selectable" in obj, get: obj => obj.selectable, set: (obj, value) => { obj.selectable = value; } }, metadata: _metadata }, _selectable_initializers, _selectable_extraInitializers);
+            __esDecorate(null, null, _trailing_decorators, { kind: "field", name: "trailing", static: false, private: false, access: { has: obj => "trailing" in obj, get: obj => obj.trailing, set: (obj, value) => { obj.trailing = value; } }, metadata: _metadata }, _trailing_initializers, _trailing_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, _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);
+            MdcChipAction = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            super(root);
+            this.root = root;
+            this.root.id = `mdc-chip-action-${++actionId}`;
+        }
+        selectable = __runInitializers(this, _selectable_initializers, void 0);
+        selectableChanged() {
+            if (this.selectable) {
+                this.root.setAttribute('role', 'option');
+            }
+            else {
+                this.root.removeAttribute('role');
+            }
+        }
+        _selected = __runInitializers(this, _selectable_extraInitializers);
+        get selected() {
+            return this.foundation?.isSelected() ?? this._selected;
+        }
+        set selected(value) {
+            this._selected = value;
+            this.foundation?.setSelected(value);
+        }
+        trailing = __runInitializers(this, _trailing_initializers, void 0);
+        icon = (__runInitializers(this, _trailing_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
+        disabled = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _disabled_initializers, void 0));
+        async disabledChanged() {
+            await this.initialised;
+            this.foundation?.setDisabled(this.disabled);
+            if (this.disabled) {
+                this.root.setAttribute('disabled', 'true');
+            }
+            else {
+                this.root.removeAttribute('disabled');
+            }
+        }
+        initialSyncWithDOM() {
+            this.selectableChanged();
+            this.disabledChanged();
+            if (this._selected !== undefined) {
+                this.selected = this._selected;
+            }
+        }
+        handleClick() {
+            this.foundation?.handleClick();
+        }
+        handleKeydown(event) {
+            this.foundation?.handleKeydown(event);
+        }
+        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 = {
+                emitEvent: (eventName, eventDetail) => {
+                    this.emit(eventName, eventDetail, true /* shouldBubble */);
+                },
+                focus: () => {
+                    this.root.focus();
+                },
+                getAttribute: (attrName) => this.root.getAttribute(attrName),
+                getElementID: () => this.root.id,
+                removeAttribute: (name) => {
+                    this.root.removeAttribute(name);
+                },
+                setAttribute: (name, value) => {
+                    this.root.setAttribute(name, value);
+                },
+            };
+            if (this.root.classList.contains(MDCChipActionCssClasses.TRAILING_ACTION)) {
+                return new MDCChipTrailingActionFoundation(adapter);
+            }
+            // Default to the primary foundation
+            return new MDCChipPrimaryActionFoundation(adapter);
+        }
+        isFocusable() {
+            return this.foundation?.isFocusable() ?? false;
+        }
+        setFocus(behavior) {
+            this.foundation?.setFocus(behavior);
+        }
+        computeRippleClientRect = (__runInitializers(this, _disabled_extraInitializers), () => {
+            if (this.root.classList.contains(MDCChipActionCssClasses.PRIMARY_ACTION)) {
+                const chipRoot = closest(this.root, `.${MDCChipActionCssClasses.CHIP_ROOT}`);
+                // Return the root client rect since it's better than nothing
+                if (!chipRoot) {
+                    return this.root.getBoundingClientRect();
+                }
+                const graphicWidth = window.getComputedStyle(chipRoot).getPropertyValue(GRAPHIC_SELECTED_WIDTH_STYLE_PROP);
+                return computePrimaryActionRippleClientRect(chipRoot.getBoundingClientRect(), graphicWidth);
+            }
+            return this.root.getBoundingClientRect();
+        });
+    };
+    return MdcChipAction = _classThis;
+})();
+export { MdcChipAction };
+//# sourceMappingURL=mdc-chip-action.js.map

package/dist/chips/mdc-chip-action/mdc-chip-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-chip-action.js","sourceRoot":"","sources":["../../../src/chips/mdc-chip-action/mdc-chip-action.ts"],"names":[],"mappings":"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","sourcesContent":["import { closest } from '@material/dom/ponyfill';\nimport { booleanAttr, MdcComponent } from '../../base';\nimport { MDCChipActionAdapter, MDCChipActionFoundation, MDCChipActionCssClasses, MDCChipActionEvents, MDCChipActionFocusBehavior } from '@material/chips';\nimport { MDCRippleCapableSurface } from '@material/ripple';\nimport { MDCChipTrailingActionFoundation } from '@material/chips/action/trailing-foundation';\nimport { MDCChipPrimaryActionFoundation } from '@material/chips/action/primary-foundation';\nimport { GRAPHIC_SELECTED_WIDTH_STYLE_PROP, computePrimaryActionRippleClientRect } from '@material/chips/action/component-ripple';\nimport { bindable, customElement, inject } from 'aurelia';\nimport template from './mdc-chip-action.html?raw';\n\n(MDCChipActionEvents as Record<string, string>).INTERACTION = MDCChipActionEvents.INTERACTION.toLowerCase();\n(MDCChipActionEvents as Record<string, string>).NAVIGATION = MDCChipActionEvents.NAVIGATION.toLowerCase();\n\nlet actionId = 0;\n\n/**\n * @hidden\n * @selector mdc-chip-action\n */\n@inject(Element)\n@customElement({ name: 'mdc-chip-action', template })\nexport class MdcChipAction extends MdcComponent<MDCChipActionFoundation> implements MDCRippleCapableSurface {\n  constructor(public root: HTMLElement) {\n    super(root);\n    this.root.id = `mdc-chip-action-${++actionId}`;\n  }\n\n  @bindable({ set: booleanAttr })\n  selectable: boolean;\n  selectableChanged() {\n    if (this.selectable) {\n      this.root.setAttribute('role', 'option');\n    } else {\n      this.root.removeAttribute('role');\n    }\n  }\n\n  _selected: boolean;\n\n  get selected(): boolean {\n    return this.foundation?.isSelected() ?? this._selected;\n  }\n  set selected(value: boolean) {\n    this._selected = value;\n    this.foundation?.setSelected(value);\n  }\n\n  @bindable({ set: booleanAttr })\n  trailing: boolean;\n\n  @bindable()\n  icon: string;\n\n  @bindable({ set: booleanAttr })\n  disabled: boolean;\n  async disabledChanged() {\n    await this.initialised;\n    this.foundation?.setDisabled(this.disabled);\n    if (this.disabled) {\n      this.root.setAttribute('disabled', 'true');\n    } else {\n      this.root.removeAttribute('disabled');\n    }\n  }\n\n  initialSyncWithDOM() {\n    this.selectableChanged();\n    this.disabledChanged();\n    if (this._selected !== undefined) {\n      this.selected = this._selected;\n    }\n  }\n\n  handleClick() {\n    this.foundation?.handleClick();\n  }\n\n  handleKeydown(event: KeyboardEvent) {\n    this.foundation?.handleKeydown(event);\n  }\n\n  getDefaultFoundation() {\n    // DO NOT INLINE this variable. For backward compatibility, foundations take\n    // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\n    // methods, we need a separate, strongly typed adapter variable.\n    const adapter: MDCChipActionAdapter = {\n      emitEvent: (eventName, eventDetail) => {\n        this.emit(eventName, eventDetail, true /* shouldBubble */);\n      },\n      focus: () => {\n        this.root.focus();\n      },\n      getAttribute: (attrName) => this.root.getAttribute(attrName),\n      getElementID: () => this.root.id,\n      removeAttribute: (name) => {\n        this.root.removeAttribute(name);\n      },\n      setAttribute: (name, value) => {\n        this.root.setAttribute(name, value);\n      },\n    };\n\n    if (this.root.classList.contains(MDCChipActionCssClasses.TRAILING_ACTION)) {\n      return new MDCChipTrailingActionFoundation(adapter);\n    }\n\n    // Default to the primary foundation\n    return new MDCChipPrimaryActionFoundation(adapter);\n  }\n\n  isFocusable(): boolean {\n    return this.foundation?.isFocusable() ?? false;\n  }\n\n  setFocus(behavior: MDCChipActionFocusBehavior) {\n    this.foundation?.setFocus(behavior);\n  }\n\n  computeRippleClientRect = () => {\n    if (this.root.classList.contains(MDCChipActionCssClasses.PRIMARY_ACTION)) {\n      const chipRoot = closest(this.root, `.${MDCChipActionCssClasses.CHIP_ROOT}`);\n      // Return the root client rect since it's better than nothing\n      if (!chipRoot) {\n        return this.root.getBoundingClientRect();\n      }\n      const graphicWidth = window.getComputedStyle(chipRoot).getPropertyValue(\n        GRAPHIC_SELECTED_WIDTH_STYLE_PROP);\n      return computePrimaryActionRippleClientRect(\n        chipRoot.getBoundingClientRect(), graphicWidth);\n    }\n\n    return this.root.getBoundingClientRect();\n  };\n}\n\n/** @hidden */\nexport interface IMdcChipActionElement extends HTMLElement {\n  $au: {\n    'au:resource:custom-element': {\n      viewModel: MdcChipAction;\n    };\n  };\n}\n"]}

package/dist/chips/mdc-chip-set/mdc-chip-set.html

@@ -0,0 +1,10 @@
+<template class="
+    mdc-evolution-chip-set
+    ${overflow ? 'mdc-evolution-chip-set--overflow' : ''}
+  " role="grid" mdcchip:interaction.trigger="handleChipInteraction($event)"
+  mdcchip:animation.trigger="handleChipAnimation($event)"
+  mdcchip:navigation.trigger="handleChipNavigation($event)">
+  <span class="mdc-evolution-chip-set__chips" role="presentation">
+    <au-slot></au-slot>
+  </span>
+</template>

package/dist/chips/mdc-chip-set/mdc-chip-set.js

@@ -0,0 +1,139 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { inject, customElement, bindable, slotted, CustomElement } from 'aurelia';
+import { MDCChipSetFoundation, MDCChipSetEvents } from '@material/chips';
+import { announce } from '@material/dom/announce';
+import { MdcComponent, booleanAttr } from '../../base';
+import template from './mdc-chip-set.html?raw';
+MDCChipSetEvents.INTERACTION = MDCChipSetEvents.INTERACTION.toLowerCase();
+MDCChipSetEvents.REMOVAL = MDCChipSetEvents.REMOVAL.toLowerCase();
+MDCChipSetEvents.SELECTION = MDCChipSetEvents.SELECTION.toLowerCase();
+let chipSetId = 0;
+let MdcChipSet = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-chip-set', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _overflow_decorators;
+    let _overflow_initializers = [];
+    let _overflow_extraInitializers = [];
+    let _chipElements_decorators;
+    let _chipElements_initializers = [];
+    let _chipElements_extraInitializers = [];
+    var MdcChipSet = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _overflow_decorators = [bindable({ set: booleanAttr })];
+            _chipElements_decorators = [slotted({ query: 'mdc-chip' })];
+            __esDecorate(null, null, _overflow_decorators, { kind: "field", name: "overflow", static: false, private: false, access: { has: obj => "overflow" in obj, get: obj => obj.overflow, set: (obj, value) => { obj.overflow = value; } }, metadata: _metadata }, _overflow_initializers, _overflow_extraInitializers);
+            __esDecorate(null, null, _chipElements_decorators, { kind: "field", name: "chipElements", static: false, private: false, access: { has: obj => "chipElements" in obj, get: obj => obj.chipElements, set: (obj, value) => { obj.chipElements = value; } }, metadata: _metadata }, _chipElements_initializers, _chipElements_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcChipSet = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        id = `mdc-chip-set-${++chipSetId}`;
+        /**
+         * Causes the chips to overflow instead of wrap (their default behavior).
+         */
+        overflow = __runInitializers(this, _overflow_initializers, void 0);
+        chipElements = (__runInitializers(this, _overflow_extraInitializers), __runInitializers(this, _chipElements_initializers, void 0));
+        get chips() {
+            return (this.chipElements ?? []).map(x => CustomElement.for(x).viewModel);
+        }
+        handleChipInteraction(event) {
+            this.foundation?.handleChipInteraction(event);
+        }
+        handleChipAnimation(event) {
+            this.foundation?.handleChipAnimation(event);
+        }
+        handleChipNavigation(event) {
+            this.foundation?.handleChipNavigation(event);
+        }
+        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 = {
+                announceMessage: (message) => {
+                    announce(message);
+                },
+                emitEvent: (eventName, eventDetail) => {
+                    this.emit(eventName, eventDetail, true /* shouldBubble */);
+                },
+                getAttribute: (attrName) => this.root.getAttribute(attrName),
+                getChipActionsAtIndex: (index) => {
+                    if (!this.isIndexValid(index)) {
+                        return [];
+                    }
+                    return this.chips[index].getActions();
+                },
+                getChipCount: () => this.chips.length,
+                getChipIdAtIndex: (index) => {
+                    if (!this.isIndexValid(index)) {
+                        return '';
+                    }
+                    return this.chips[index].getElementID();
+                },
+                getChipIndexById: (id) => this.chips.findIndex((chip) => chip.getElementID() === id),
+                isChipFocusableAtIndex: (index, action) => {
+                    if (!this.isIndexValid(index)) {
+                        return false;
+                    }
+                    return this.chips[index].isActionFocusable(action);
+                },
+                isChipSelectableAtIndex: (index, action) => {
+                    if (!this.isIndexValid(index)) {
+                        return false;
+                    }
+                    return this.chips[index].isActionSelectable(action);
+                },
+                isChipSelectedAtIndex: (index, action) => {
+                    if (!this.isIndexValid(index)) {
+                        return false;
+                    }
+                    return this.chips[index].isActionSelected(action);
+                },
+                removeChipAtIndex: (index) => {
+                    if (!this.isIndexValid(index)) {
+                        return;
+                    }
+                    this.chips[index].destroy();
+                    this.chips[index].remove();
+                    this.chips.splice(index, 1);
+                },
+                setChipFocusAtIndex: (index, action, focus) => {
+                    if (!this.isIndexValid(index)) {
+                        return;
+                    }
+                    this.chips[index].setActionFocus(action, focus);
+                },
+                setChipSelectedAtIndex: (index, action, selected) => {
+                    if (!this.isIndexValid(index)) {
+                        return;
+                    }
+                    this.chips[index].setActionSelected(action, selected);
+                },
+                startChipAnimationAtIndex: (index, animation) => {
+                    if (!this.isIndexValid(index)) {
+                        return;
+                    }
+                    this.chips[index].startAnimation(animation);
+                },
+            };
+            // Default to the primary foundation
+            return new MDCChipSetFoundation(adapter);
+        }
+        isIndexValid(index) {
+            return index > -1 && index < this.chips.length;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _chipElements_extraInitializers);
+        }
+    };
+    return MdcChipSet = _classThis;
+})();
+export { MdcChipSet };
+//# sourceMappingURL=mdc-chip-set.js.map

package/dist/chips/mdc-chip-set/mdc-chip-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-chip-set.js","sourceRoot":"","sources":["../../../src/chips/mdc-chip-set/mdc-chip-set.ts"],"names":[],"mappings":"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","sourcesContent":["import { inject, customElement, bindable, slotted, CustomElement } from 'aurelia';\nimport { MDCChipSetFoundation, MDCChipSetAdapter, MDCChipSetEvents } from '@material/chips';\nimport { announce } from '@material/dom/announce';\nimport { MdcComponent, booleanAttr } from '../../base';\nimport { MdcChip } from '../mdc-chip/mdc-chip';\nimport { ChipAnimationEvent, ChipInteractionEvent, ChipNavigationEvent } from '@material/chips/chip-set/types';\nimport template from './mdc-chip-set.html?raw';\n\n(MDCChipSetEvents as Record<string, string>).INTERACTION = MDCChipSetEvents.INTERACTION.toLowerCase();\n(MDCChipSetEvents as Record<string, string>).REMOVAL = MDCChipSetEvents.REMOVAL.toLowerCase();\n(MDCChipSetEvents as Record<string, string>).SELECTION = MDCChipSetEvents.SELECTION.toLowerCase();\n\nlet chipSetId = 0;\n\n@inject(Element)\n@customElement({ name: 'mdc-chip-set', template })\nexport class MdcChipSet extends MdcComponent<MDCChipSetFoundation> {\n\n  id: string = `mdc-chip-set-${++chipSetId}`;\n\n  /**\n   * Causes the chips to overflow instead of wrap (their default behavior).\n   */\n  @bindable({ set: booleanAttr })\n  overflow: boolean;\n\n  @slotted({ query: 'mdc-chip' })\n  chipElements: HTMLElement[];\n\n  get chips(): MdcChip[] {\n    return (this.chipElements ?? []).map(x => CustomElement.for<MdcChip>(x).viewModel);\n  }\n\n  handleChipInteraction(event: ChipInteractionEvent) {\n    this.foundation?.handleChipInteraction(event);\n  }\n\n  handleChipAnimation(event: ChipAnimationEvent) {\n    this.foundation?.handleChipAnimation(event);\n  }\n\n  handleChipNavigation(event: ChipNavigationEvent) {\n    this.foundation?.handleChipNavigation(event);\n  }\n\n  getDefaultFoundation() {\n    // DO NOT INLINE this variable. For backward compatibility, foundations take\n    // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\n    // methods, we need a separate, strongly typed adapter variable.\n    const adapter: MDCChipSetAdapter = {\n      announceMessage: (message) => {\n        announce(message);\n      },\n      emitEvent: (eventName, eventDetail) => {\n        this.emit(eventName, eventDetail, true /* shouldBubble */);\n      },\n      getAttribute: (attrName) => this.root.getAttribute(attrName),\n      getChipActionsAtIndex: (index) => {\n        if (!this.isIndexValid(index)) { return []; }\n        return this.chips[index].getActions();\n      },\n      getChipCount: () => this.chips.length,\n      getChipIdAtIndex: (index) => {\n        if (!this.isIndexValid(index)) { return ''; }\n        return this.chips[index].getElementID();\n      },\n      getChipIndexById: (id) =>\n        this.chips.findIndex((chip) => chip.getElementID() === id),\n      isChipFocusableAtIndex: (index, action) => {\n        if (!this.isIndexValid(index)) { return false; }\n        return this.chips[index].isActionFocusable(action);\n      },\n      isChipSelectableAtIndex: (index, action) => {\n        if (!this.isIndexValid(index)) { return false; }\n        return this.chips[index].isActionSelectable(action);\n      },\n      isChipSelectedAtIndex: (index, action) => {\n        if (!this.isIndexValid(index)) { return false; }\n        return this.chips[index].isActionSelected(action);\n      },\n      removeChipAtIndex: (index) => {\n        if (!this.isIndexValid(index)) { return; }\n        this.chips[index].destroy();\n        this.chips[index].remove();\n        this.chips.splice(index, 1);\n      },\n      setChipFocusAtIndex: (index, action, focus) => {\n        if (!this.isIndexValid(index)) { return; }\n        this.chips[index].setActionFocus(action, focus);\n      },\n      setChipSelectedAtIndex: (index, action, selected) => {\n        if (!this.isIndexValid(index)) { return; }\n        this.chips[index].setActionSelected(action, selected);\n      },\n      startChipAnimationAtIndex: (index, animation) => {\n        if (!this.isIndexValid(index)) { return; }\n        this.chips[index].startAnimation(animation);\n      },\n    };\n\n    // Default to the primary foundation\n    return new MDCChipSetFoundation(adapter);\n  }\n\n  private isIndexValid(index: number): boolean {\n    return index > -1 && index < this.chips.length;\n  }\n}\n\n/** @hidden */\nexport interface IMdcChipSetElement extends HTMLElement {\n  $au: {\n    'au:resource:custom-element': {\n      viewModel: MdcChipSet;\n    };\n  };\n}\n"]}

package/dist/circular-progress/mdc-circular-progress.html

@@ -0,0 +1,38 @@
+<template class="mdc-circular-progress mdc-circular-progress--${size}" role="progressbar" aria-valuemin="0"
+  aria-valuemax="1" css="width:${size}px; height:${size}px;">
+  <div class="mdc-circular-progress__determinate-container">
+    <svg class="mdc-circular-progress__indeterminate-circle-graphic" viewBox="0 0 ${size} ${size}"
+      xmlns="http://www.w3.org/2000/svg">
+      <circle class="mdc-circular-progress__determinate-track" cx="${size/2}" cy="${size/2}" r="${radius}"
+        stroke-width="${strokeWidth}" />
+      <circle class="mdc-circular-progress__determinate-circle" cx="${size/2}" cy="${size/2}" r="${radius}"
+        stroke-width="${strokeWidth}" stroke-dasharray="${strokeDasharray}" stroke-dashoffset="${strokeDashoffset}"
+        ref="determinateCircle_" />
+    </svg>
+  </div>
+  <div class="mdc-circular-progress__indeterminate-container">
+    <div class="mdc-circular-progress__spinner-layer">
+      <div class="mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left">
+        <svg class="mdc-circular-progress__indeterminate-circle-graphic" viewBox="0 0 ${size} ${size}"
+          xmlns="http://www.w3.org/2000/svg">
+          <circle cx="${size/2}" cy="${size/2}" r="${radius}" stroke-dasharray="${strokeDasharray}"
+            stroke-dashoffset="${strokeDashoffset}" stroke-width="${strokeWidth}" />
+        </svg>
+      </div>
+      <div class="mdc-circular-progress__gap-patch">
+        <svg class="mdc-circular-progress__indeterminate-circle-graphic" viewBox="0 0 ${size} ${size}"
+          xmlns="http://www.w3.org/2000/svg">
+          <circle cx="${size/2}" cy="${size/2}" r="${radius}" stroke-dasharray="${strokeDasharray}"
+            stroke-dashoffset="${strokeDashoffset}" stroke-width="${strokeWidth}" />
+        </svg>
+      </div>
+      <div class="mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right">
+        <svg class="mdc-circular-progress__indeterminate-circle-graphic" viewBox="0 0 ${size} ${size}"
+          xmlns="http://www.w3.org/2000/svg">
+          <circle cx="${size/2}" cy="${size/2}" r="${radius}" stroke-dasharray="${strokeDasharray}"
+            stroke-dashoffset="${strokeDashoffset}" stroke-width="${strokeWidth}" />
+        </svg>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/circular-progress/mdc-circular-progress.js

@@ -0,0 +1,107 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { MdcComponent, number } from '../base';
+import { inject, customElement, bindable } from 'aurelia';
+import { MDCCircularProgressFoundation, strings } from '@material/circular-progress';
+import template from './mdc-circular-progress.html?raw';
+/**
+ * @selector mdc-circular-progress
+ */
+let MdcCircularProgress = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-circular-progress', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _size_decorators;
+    let _size_initializers = [];
+    let _size_extraInitializers = [];
+    let _strokeWidth_decorators;
+    let _strokeWidth_initializers = [];
+    let _strokeWidth_extraInitializers = [];
+    let _progress_decorators;
+    let _progress_initializers = [];
+    let _progress_extraInitializers = [];
+    var MdcCircularProgress = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _size_decorators = [bindable({ set: number })];
+            _strokeWidth_decorators = [bindable({ set: number })];
+            _progress_decorators = [bindable({ set: number })];
+            __esDecorate(null, null, _size_decorators, { kind: "field", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+            __esDecorate(null, null, _strokeWidth_decorators, { kind: "field", name: "strokeWidth", static: false, private: false, access: { has: obj => "strokeWidth" in obj, get: obj => obj.strokeWidth, set: (obj, value) => { obj.strokeWidth = value; } }, metadata: _metadata }, _strokeWidth_initializers, _strokeWidth_extraInitializers);
+            __esDecorate(null, null, _progress_decorators, { kind: "field", name: "progress", static: false, private: false, access: { has: obj => "progress" in obj, get: obj => obj.progress, set: (obj, value) => { obj.progress = value; } }, metadata: _metadata }, _progress_initializers, _progress_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcCircularProgress = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        determinateCircle_;
+        radius = 47.5;
+        strokeDasharray;
+        strokeDashoffset;
+        /** Size in pixels */
+        size = __runInitializers(this, _size_initializers, 100);
+        sizeChanged() {
+            this.updateSizeAndStroke();
+        }
+        /** Stroke width in pixels */
+        strokeWidth = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _strokeWidth_initializers, 10));
+        strokeWidthChanged() {
+            this.updateSizeAndStroke();
+        }
+        /** The current progress value, which must be between 0 and 1 or undefined for an indeterminate spinner */
+        progress = (__runInitializers(this, _strokeWidth_extraInitializers), __runInitializers(this, _progress_initializers, void 0));
+        progressChanged() {
+            const determinate = this.progress !== undefined && !isNaN(this.progress);
+            this.foundation?.setDeterminate(determinate);
+            if (determinate) {
+                this.foundation?.setProgress(this.progress);
+            }
+        }
+        binding() {
+            this.updateSizeAndStroke();
+        }
+        updateSizeAndStroke() {
+            this.radius = (this.size - 4) / 2 - this.strokeWidth;
+            // foundation gets the radius from the element itself
+            // set the attribute explicitly to avoid issues related to async binding
+            this.determinateCircle_?.setAttribute('r', this.radius.toString());
+            this.strokeDasharray = 2 * this.radius * Math.PI;
+            this.strokeDashoffset = this.strokeDasharray / 2;
+        }
+        initialSyncWithDOM() {
+            this.progressChanged();
+        }
+        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),
+                getDeterminateCircleAttribute: (attributeName) => this.determinateCircle_?.getAttribute(attributeName) ?? null,
+                hasClass: (className) => this.root.classList.contains(className),
+                removeClass: (className) => this.root.classList.remove(className),
+                removeAttribute: (attributeName) => this.root.removeAttribute(attributeName),
+                setAttribute: (attributeName, value) => this.root.setAttribute(attributeName, value),
+                setDeterminateCircleAttribute: (attributeName, value) => {
+                    if (attributeName === strings.STROKE_DASHOFFSET) {
+                        // set offset via binding, otherwise it gets overwritten
+                        this.strokeDashoffset = parseInt(value);
+                    }
+                    else {
+                        this.determinateCircle_?.setAttribute(attributeName, value);
+                    }
+                },
+            };
+            return new MDCCircularProgressFoundation(adapter);
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _progress_extraInitializers);
+        }
+    };
+    return MdcCircularProgress = _classThis;
+})();
+export { MdcCircularProgress };
+//# sourceMappingURL=mdc-circular-progress.js.map

package/dist/circular-progress/mdc-circular-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-circular-progress.js","sourceRoot":"","sources":["../../src/circular-progress/mdc-circular-progress.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, number } from '../base';\nimport { inject, customElement, bindable } from 'aurelia';\nimport { MDCCircularProgressFoundation, MDCCircularProgressAdapter, strings } from '@material/circular-progress';\nimport template from './mdc-circular-progress.html?raw';\n\n/**\n * @selector mdc-circular-progress\n */\n@inject(Element)\n@customElement({ name: 'mdc-circular-progress', template })\nexport class MdcCircularProgress extends MdcComponent<MDCCircularProgressFoundation> {\n  private determinateCircle_?: HTMLElement;\n\n  radius: number = 47.5;\n  strokeDasharray: number;\n  strokeDashoffset: number;\n\n  /** Size in pixels */\n  @bindable({ set: number })\n  size: number = 100;\n  sizeChanged() {\n    this.updateSizeAndStroke();\n  }\n\n  /** Stroke width in pixels */\n  @bindable({ set: number })\n  strokeWidth: number = 10;\n  strokeWidthChanged() {\n    this.updateSizeAndStroke();\n  }\n\n  /** The current progress value, which must be between 0 and 1 or undefined for an indeterminate spinner */\n  @bindable({ set: number })\n  progress?: number;\n  progressChanged() {\n    const determinate = this.progress !== undefined && !isNaN(this.progress);\n    this.foundation?.setDeterminate(determinate);\n    if (determinate) {\n      this.foundation?.setProgress(this.progress!);\n    }\n  }\n\n  binding() {\n    this.updateSizeAndStroke();\n  }\n\n  updateSizeAndStroke() {\n    this.radius = (this.size - 4) / 2 - this.strokeWidth;\n    // foundation gets the radius from the element itself\n    // set the attribute explicitly to avoid issues related to async binding\n    this.determinateCircle_?.setAttribute('r', this.radius.toString());\n    this.strokeDasharray = 2 * this.radius * Math.PI;\n    this.strokeDashoffset = this.strokeDasharray / 2;\n  }\n\n  initialSyncWithDOM() {\n    this.progressChanged();\n  }\n\n  getDefaultFoundation() {\n    // DO NOT INLINE this variable. For backward compatibility, foundations take\n    // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\n    // methods, we need a separate, strongly typed adapter variable.\n    const adapter: MDCCircularProgressAdapter = {\n      addClass: (className: string) => this.root.classList.add(className),\n      getDeterminateCircleAttribute: (attributeName: string) => this.determinateCircle_?.getAttribute(attributeName) ?? null,\n      hasClass: (className: string) => this.root.classList.contains(className),\n      removeClass: (className: string) => this.root.classList.remove(className),\n      removeAttribute: (attributeName: string) => this.root.removeAttribute(attributeName),\n      setAttribute: (attributeName: string, value: string) => this.root.setAttribute(attributeName, value),\n      setDeterminateCircleAttribute: (attributeName: string, value: string) => {\n        if (attributeName === strings.STROKE_DASHOFFSET) {\n          // set offset via binding, otherwise it gets overwritten\n          this.strokeDashoffset = parseInt(value);\n        } else {\n          this.determinateCircle_?.setAttribute(attributeName, value);\n        }\n      },\n    };\n    return new MDCCircularProgressFoundation(adapter);\n  }\n}\n\n/** @hidden */\nexport interface IMdcCircularProgressElement extends HTMLElement {\n  au: {\n    controller: {\n      viewModel: MdcCircularProgress;\n    };\n  };\n}\n"]}

package/dist/data-table/mdc-data-table-row.js

@@ -0,0 +1,41 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customAttribute, inject } from 'aurelia';
+import { cssClasses } from '@material/data-table';
+/**
+ * Required. Marks the table row.
+ * @selector [mdc-data-table-row]
+ */
+let MdcDataTableRow = (() => {
+    let _classDecorators = [customAttribute('mdc-data-table-row'), inject(Element)];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcDataTableRow = 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);
+            MdcDataTableRow = _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(cssClasses.ROW);
+            const cells = this.root.querySelectorAll('th,td');
+            for (const cell of Array.from(cells)) {
+                cell.classList.add(cssClasses.CELL);
+                cell.classList.toggle(cssClasses.CELL_NUMERIC, cell.hasAttribute('numeric'));
+                if (cell.tagName === 'TH') {
+                    cell.setAttribute('scope', 'row');
+                }
+            }
+        }
+    };
+    return MdcDataTableRow = _classThis;
+})();
+export { MdcDataTableRow };
+//# sourceMappingURL=mdc-data-table-row.js.map

package/dist/data-table/mdc-data-table-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-data-table-row.js","sourceRoot":"","sources":["../../src/data-table/mdc-data-table-row.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD;;;GAGG;IAGU,eAAe;4BAF3B,eAAe,CAAC,oBAAoB,CAAC,EACrC,MAAM,CAAC,OAAO,CAAC;;;;;;;;YAChB,6KAcC;;;YAdY,uDAAe;;QACN,IAAI;QAAxB,YAAoB,IAAyB;YAAzB,SAAI,GAAJ,IAAI,CAAqB;QAAI,CAAC;QAElD,QAAQ;YACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YACxC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAc,OAAO,CAAC,CAAC;YAC/D,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gBACrC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBACpC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;gBAC7E,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;oBAC1B,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;gBACpC,CAAC;YACH,CAAC;QACH,CAAC;;;;SAbU,eAAe","sourcesContent":["import { customAttribute, inject } from 'aurelia';\nimport { cssClasses } from '@material/data-table';\n\n/**\n * Required. Marks the table row.\n * @selector [mdc-data-table-row]\n */\n@customAttribute('mdc-data-table-row')\n@inject(Element)\nexport class MdcDataTableRow {\n  constructor(private root: HTMLTableRowElement) { }\n\n  attached() {\n    this.root.classList.add(cssClasses.ROW);\n    const cells = this.root.querySelectorAll<HTMLElement>('th,td');\n    for (const cell of Array.from(cells)) {\n      cell.classList.add(cssClasses.CELL);\n      cell.classList.toggle(cssClasses.CELL_NUMERIC, cell.hasAttribute('numeric'));\n      if (cell.tagName === 'TH') {\n        cell.setAttribute('scope', 'row');\n      }\n    }\n  }\n}\n"]}

package/dist/data-table/mdc-data-table.html

@@ -0,0 +1,49 @@
+<template class="mdc-data-table ${stickyHeader ? 'mdc-data-table--sticky-header' : ''}">
+  <div class="mdc-data-table__table-container">
+    <au-slot></au-slot>
+  </div>
+  <div class="mdc-data-table__pagination" if.bind="pagination">
+    <div class="mdc-data-table__pagination-trailing">
+      <div class="mdc-data-table__pagination-rows-per-page">
+        <div class="mdc-data-table__pagination-rows-per-page-label">${rowsPerPageLabel}</div>
+
+        <mdc-select value.bind="pageSize" outlined class="mdc-data-table__pagination-rows-per-page-select"
+          hoist-to-body.bind="hoistPageSelectToBody">
+          <mdc-list>
+            <mdc-list-item repeat.for="ps of pageSizes" value.bind="ps">${ps}</mdc-list-item>
+          </mdc-list>
+        </mdc-select>
+      </div>
+
+      <div class="mdc-data-table__pagination-navigation">
+        <div class="mdc-data-table__pagination-total">
+          <au-slot name="pagination-total">${paginationTotal}</au-slot>
+        </div>
+        <button mdc-icon-button class="mdc-data-table__pagination-button" data-first-page="true"
+          disabled.bind="!paginationPosition || paginationPosition === 'first'"
+          click.trigger="handleNavigationClick('first')">
+          <mdc-icon>first_page</mdc-icon>
+        </button>
+        <button mdc-icon-button class="mdc-data-table__pagination-button" data-prev-page="true"
+          disabled.bind="!paginationPosition || paginationPosition === 'first'"
+          click.trigger="handleNavigationClick('prev')">
+          <mdc-icon>chevron_left</mdc-icon>
+        </button>
+        <button mdc-icon-button class="mdc-data-table__pagination-button" data-next-page="true"
+          disabled.bind="!paginationPosition || paginationPosition === 'last'"
+          click.trigger="handleNavigationClick('next')">
+          <mdc-icon>chevron_right</mdc-icon>
+        </button>
+        <button mdc-icon-button class="mdc-data-table__pagination-button" data-last-page="true"
+          disabled.bind="!paginationPosition || paginationPosition === 'last'"
+          click.trigger="handleNavigationClick('last')">
+          <mdc-icon>last_page</mdc-icon>
+        </button>
+      </div>
+    </div>
+  </div>
+  <div class="mdc-data-table__progress-indicator">
+    <div class="mdc-data-table__scrim"></div>
+    <mdc-linear-progress class="mdc-data-table__linear-progress"></mdc-linear-progress>
+  </div>
+</template>