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

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-item-leading.js","sourceRoot":"","sources":["../../../src/list/mdc-list-item/mdc-list-item-leading.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAElD;;;GAGG;IAGU,kBAAkB;4BAF9B,eAAe,CAAC,uBAAuB,CAAC,EACxC,MAAM,CAAC,OAAO,CAAC;;;;;;;;YAChB,6KAyBC;;;YAzBY,uDAAkB;;QACT,IAAI;QAAxB,YAAoB,IAAa;YAAb,SAAI,GAAJ,IAAI,CAAS;QAAI,CAAC;QAEtC;;UAEE;QACF,KAAK,CAAwF;QAE7F,QAAQ;YACN,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACvB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;oBACjD,KAAK,GAAG,UAAU,CAAC;gBACrB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;oBACrD,KAAK,GAAG,OAAO,CAAC;gBAClB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;oBACtD,KAAK,GAAG,QAAQ,CAAC;gBACnB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC;oBAC1D,KAAK,GAAG,MAAM,CAAC;gBACjB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;oBACvC,KAAK,GAAG,OAAO,CAAC;gBAClB,CAAC;YACH,CAAC;YACD,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,EAAE,SAAS,CAAC,GAAG,CAAC,+BAA+B,KAAK,EAAE,CAAC,CAAC;QAChG,CAAC;;;;SAxBU,kBAAkB","sourcesContent":["import { customAttribute, inject } from 'aurelia';\n\n/**\n * Optional, marks the leading control or media element\n * @selector [mdc-list-item-leading]\n */\n@customAttribute('mdc-list-item-leading')\n@inject(Element)\nexport class MdcListItemLeading {\n  constructor(private root: Element) { }\n\n  /** Optional leading element type. In most cases you don't need to supply it.\n   * Only when the element is ambiguous, e.g. <img> or a generic <span>\n  */\n  value: 'checkbox' | 'radio' | 'switch' | 'icon' | 'image' | 'thumbnail' | 'video' | 'avatar';\n\n  attached() {\n    let value = this.value;\n    if (!value) {\n      if (this.root.classList.contains('mdc-checkbox')) {\n        value = 'checkbox';\n      } else if (this.root.classList.contains('mdc-radio')) {\n        value = 'radio';\n      } else if (this.root.classList.contains('mdc-switch')) {\n        value = 'switch';\n      } else if (this.root.classList.contains('material-icons')) {\n        value = 'icon';\n      } else if (this.root.tagName === 'IMG') {\n        value = 'image';\n      }\n    }\n    this.root.parentElement?.parentElement?.classList.add(`mdc-list-item--with-leading-${value}`);\n  }\n}\n"]}

package/dist/list/mdc-list-item/mdc-list-item-trailing.js

@@ -0,0 +1,56 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customAttribute, inject } from 'aurelia';
+/**
+ * Optional, marks the trailing control element
+ * @selector [mdc-list-item-trailing]
+ */
+let MdcListItemTrailing = (() => {
+    let _classDecorators = [inject(Element), customAttribute('mdc-list-item-trailing')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcListItemTrailing = 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);
+            MdcListItemTrailing = _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;
+        }
+        /** Optional leading element type. In most cases you don't need to supply it.
+         * Only when the element is ambiguous, e.g. <img> or a generic <span>
+        */
+        value;
+        attached() {
+            let value = this.value;
+            if (!value) {
+                if (this.root.classList.contains('mdc-checkbox')) {
+                    value = 'checkbox';
+                }
+                else if (this.root.classList.contains('mdc-radio')) {
+                    value = 'radio';
+                }
+                else if (this.root.classList.contains('mdc-switch')) {
+                    value = 'switch';
+                }
+                else if (this.root.classList.contains('mdc-icon-button')) {
+                    value = undefined;
+                }
+                else if (this.root.classList.contains('material-icons')) {
+                    value = 'icon';
+                }
+            }
+            if (value !== undefined) {
+                this.root.parentElement?.parentElement?.classList.add(`mdc-list-item--with-trailing-${value}`);
+            }
+        }
+    };
+    return MdcListItemTrailing = _classThis;
+})();
+export { MdcListItemTrailing };
+//# sourceMappingURL=mdc-list-item-trailing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-item-trailing.js","sourceRoot":"","sources":["../../../src/list/mdc-list-item/mdc-list-item-trailing.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAElD;;;GAGG;IAGU,mBAAmB;4BAF/B,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,wBAAwB,CAAC;;;;;;;;YAC1C,6KA2BC;;;YA3BY,uDAAmB;;QACV,IAAI;QAAxB,YAAoB,IAAa;YAAb,SAAI,GAAJ,IAAI,CAAS;QAAI,CAAC;QAEtC;;UAEE;QACF,KAAK,CAAgE;QAErE,QAAQ;YACN,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACvB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;oBACjD,KAAK,GAAG,UAAU,CAAC;gBACrB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;oBACrD,KAAK,GAAG,OAAO,CAAC;gBAClB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;oBACtD,KAAK,GAAG,QAAQ,CAAC;gBACnB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;oBAC3D,KAAK,GAAG,SAAS,CAAC;gBACpB,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC;oBAC1D,KAAK,GAAG,MAAM,CAAC;gBACjB,CAAC;YACH,CAAC;YACD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,EAAE,SAAS,CAAC,GAAG,CAAC,gCAAgC,KAAK,EAAE,CAAC,CAAC;YACjG,CAAC;QACH,CAAC;;;;SA1BU,mBAAmB","sourcesContent":["import { customAttribute, inject } from 'aurelia';\n\n/**\n * Optional, marks the trailing control element\n * @selector [mdc-list-item-trailing]\n */\n@inject(Element)\n@customAttribute('mdc-list-item-trailing')\nexport class MdcListItemTrailing {\n  constructor(private root: Element) { }\n\n  /** Optional leading element type. In most cases you don't need to supply it.\n   * Only when the element is ambiguous, e.g. <img> or a generic <span>\n  */\n  value: 'meta' | 'checkbox' | 'radio' | 'switch' | 'icon' | undefined;\n\n  attached() {\n    let value = this.value;\n    if (!value) {\n      if (this.root.classList.contains('mdc-checkbox')) {\n        value = 'checkbox';\n      } else if (this.root.classList.contains('mdc-radio')) {\n        value = 'radio';\n      } else if (this.root.classList.contains('mdc-switch')) {\n        value = 'switch';\n      } else if (this.root.classList.contains('mdc-icon-button')) {\n        value = undefined;\n      } else if (this.root.classList.contains('material-icons')) {\n        value = 'icon';\n      }\n    }\n    if (value !== undefined) {\n      this.root.parentElement?.parentElement?.classList.add(`mdc-list-item--with-trailing-${value}`);\n    }\n  }\n}\n"]}

package/dist/list/mdc-list-item/mdc-list-item.html

@@ -0,0 +1,13 @@
+<template class="
+    ${cssClasses.LIST_ITEM_CLASS}
+    ${disabled ? 'mdc-list-item--disabled' : ''}
+    ${activated ? 'mdc-list-item--activated' : ''}
+    ${selected ? 'mdc-list-item--selected' : ''}
+    ${nonInteractive ? 'non-interactive' : ''}
+    ${twoLine ? 'mdc-list-item--with-two-lines' : (threeLine ? 'mdc-list-item--with-three-lines' : 'mdc-list-item--with-one-line')}
+    ${trailingType ? 'mdc-list-item--with-trailing-' + trailingType : ''}
+  " id1="mdc-list-item-${id}" mdc-ripple="disabled.bind: disabled || disableRipple" keydown.trigger="onKeydown($event)"
+  click.trigger="onClick()" tabindex="-1">
+  <span class="mdc-list-item__ripple"></span>
+  <au-slot></au-slot>
+</template>

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

@@ -0,0 +1,152 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { cssClasses, strings } from '@material/list';
+import { customElement, bindable, inject } from 'aurelia';
+import { booleanAttr } from '../../base';
+import { processContent } from '@aurelia/runtime-html';
+import template from './mdc-list-item.html?raw';
+const ENTER = 13;
+const SPACE = 32;
+const LIST_ITEM_ACTION = 'mdclistitem:action';
+let id = 0;
+/**
+ * @selector mdc-list-item
+ */
+let MdcListItem = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-list-item', template }), processContent(function processContent(node) {
+            const element = node;
+            const leading = element.querySelector('[mdc-list-item-leading]');
+            if (leading) {
+                element.removeChild(leading);
+            }
+            const trailing = element.querySelector('[mdc-list-item-trailing]');
+            if (trailing) {
+                element.removeChild(trailing);
+            }
+            const content = document.createElement('span');
+            content.classList.add('mdc-list-item__content');
+            const texts = element.querySelectorAll('mdc-list-item-overline-text, mdc-list-item-primary-text, mdc-list-item-secondary-text, au-slot');
+            const children = Array.from(element.childNodes);
+            if (!texts.length) {
+                const primary = document.createElement('span');
+                primary.classList.add('mdc-list-item__primary-text');
+                for (let i = 0; i < children.length; ++i) {
+                    primary.appendChild(children[i]);
+                }
+                content.appendChild(primary);
+            }
+            else {
+                for (let i = 0; i < children.length; ++i) {
+                    content.appendChild(children[i]);
+                }
+            }
+            if (leading) {
+                const start = document.createElement('span');
+                start.classList.add('mdc-list-item__start');
+                start.appendChild(leading);
+                element.appendChild(start);
+            }
+            element.appendChild(content);
+            if (trailing) {
+                const end = document.createElement('span');
+                end.classList.add('mdc-list-item__end');
+                end.appendChild(trailing);
+                element.appendChild(end);
+            }
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    let _activated_decorators;
+    let _activated_initializers = [];
+    let _activated_extraInitializers = [];
+    let _selected_decorators;
+    let _selected_initializers = [];
+    let _selected_extraInitializers = [];
+    let _nonInteractive_decorators;
+    let _nonInteractive_initializers = [];
+    let _nonInteractive_extraInitializers = [];
+    let _twoLine_decorators;
+    let _twoLine_initializers = [];
+    let _twoLine_extraInitializers = [];
+    let _threeLine_decorators;
+    let _threeLine_initializers = [];
+    let _threeLine_extraInitializers = [];
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _disableRipple_decorators;
+    let _disableRipple_initializers = [];
+    let _disableRipple_extraInitializers = [];
+    var MdcListItem = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _disabled_decorators = [bindable({ set: booleanAttr })];
+            _activated_decorators = [bindable({ set: booleanAttr })];
+            _selected_decorators = [bindable({ set: booleanAttr })];
+            _nonInteractive_decorators = [bindable({ set: booleanAttr })];
+            _twoLine_decorators = [bindable({ set: booleanAttr })];
+            _threeLine_decorators = [bindable({ set: booleanAttr })];
+            _value_decorators = [bindable()];
+            _disableRipple_decorators = [bindable({ set: booleanAttr })];
+            __esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(null, null, _activated_decorators, { kind: "field", name: "activated", static: false, private: false, access: { has: obj => "activated" in obj, get: obj => obj.activated, set: (obj, value) => { obj.activated = value; } }, metadata: _metadata }, _activated_initializers, _activated_extraInitializers);
+            __esDecorate(null, null, _selected_decorators, { kind: "field", name: "selected", static: false, private: false, access: { has: obj => "selected" in obj, get: obj => obj.selected, set: (obj, value) => { obj.selected = value; } }, metadata: _metadata }, _selected_initializers, _selected_extraInitializers);
+            __esDecorate(null, null, _nonInteractive_decorators, { kind: "field", name: "nonInteractive", static: false, private: false, access: { has: obj => "nonInteractive" in obj, get: obj => obj.nonInteractive, set: (obj, value) => { obj.nonInteractive = value; } }, metadata: _metadata }, _nonInteractive_initializers, _nonInteractive_extraInitializers);
+            __esDecorate(null, null, _twoLine_decorators, { kind: "field", name: "twoLine", static: false, private: false, access: { has: obj => "twoLine" in obj, get: obj => obj.twoLine, set: (obj, value) => { obj.twoLine = value; } }, metadata: _metadata }, _twoLine_initializers, _twoLine_extraInitializers);
+            __esDecorate(null, null, _threeLine_decorators, { kind: "field", name: "threeLine", static: false, private: false, access: { has: obj => "threeLine" in obj, get: obj => obj.threeLine, set: (obj, value) => { obj.threeLine = value; } }, metadata: _metadata }, _threeLine_initializers, _threeLine_extraInitializers);
+            __esDecorate(null, null, _value_decorators, { kind: "field", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            __esDecorate(null, null, _disableRipple_decorators, { kind: "field", name: "disableRipple", static: false, private: false, access: { has: obj => "disableRipple" in obj, get: obj => obj.disableRipple, set: (obj, value) => { obj.disableRipple = value; } }, metadata: _metadata }, _disableRipple_initializers, _disableRipple_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcListItem = _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, _disableRipple_extraInitializers);
+            this.root = root;
+        }
+        cssClasses = cssClasses;
+        id = `mdc-list-item-${++id}`;
+        /** Disables the list item */
+        disabled = __runInitializers(this, _disabled_initializers, void 0);
+        /** Styles the row in an activated state */
+        activated = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _activated_initializers, void 0));
+        /** Styles the row in an selected state */
+        selected = (__runInitializers(this, _activated_extraInitializers), __runInitializers(this, _selected_initializers, void 0));
+        /** Indicates a non-interactive item */
+        nonInteractive = (__runInitializers(this, _selected_extraInitializers), __runInitializers(this, _nonInteractive_initializers, void 0));
+        /** Indicates a two-line item */
+        twoLine = (__runInitializers(this, _nonInteractive_extraInitializers), __runInitializers(this, _twoLine_initializers, void 0));
+        /** Indicates a three-line item */
+        threeLine = (__runInitializers(this, _twoLine_extraInitializers), __runInitializers(this, _threeLine_initializers, void 0));
+        /** Random data associated with the list item. Passed in events payload. */
+        value = (__runInitializers(this, _threeLine_extraInitializers), __runInitializers(this, _value_initializers, void 0));
+        /** Disables ripple effect */
+        disableRipple = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _disableRipple_initializers, void 0));
+        attached() {
+            // Child button/a elements are not tabbable until the list item is focused.
+            Array.from(this.root.querySelectorAll(strings.FOCUSABLE_CHILD_ELEMENTS))
+                .forEach(el => el.setAttribute('tabindex', '-1'));
+        }
+        onKeydown(evt) {
+            if ((evt.keyCode === ENTER || evt.keyCode === SPACE) && !this.disabled) {
+                this.root.dispatchEvent(new CustomEvent(LIST_ITEM_ACTION, { detail: { item: this, data: this.value }, bubbles: true }));
+            }
+            return true;
+        }
+        onClick() {
+            if (!this.disabled) {
+                this.root.dispatchEvent(new CustomEvent(LIST_ITEM_ACTION, { detail: { item: this, data: this.value }, bubbles: true }));
+            }
+            return true;
+        }
+    };
+    return MdcListItem = _classThis;
+})();
+export { MdcListItem };
+//# sourceMappingURL=mdc-list-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-item.js","sourceRoot":"","sources":["../../../src/list/mdc-list-item/mdc-list-item.ts"],"names":[],"mappings":"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","sourcesContent":["import { cssClasses, strings } from '@material/list';\r\nimport { customElement, bindable, inject, INode } from 'aurelia';\r\nimport { booleanAttr } from '../../base';\r\nimport { processContent } from '@aurelia/runtime-html';\r\nimport template from './mdc-list-item.html?raw';\r\n\r\nconst ENTER = 13;\r\nconst SPACE = 32;\r\nconst LIST_ITEM_ACTION = 'mdclistitem:action';\r\nlet id = 0;\r\n\r\n/**\r\n * @selector mdc-list-item\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-list-item', template })\r\n@processContent(function processContent(node: INode) {\r\n  const element = node as HTMLElement;\r\n  const leading = element.querySelector('[mdc-list-item-leading]');\r\n  if (leading) {\r\n    element.removeChild(leading);\r\n  }\r\n  const trailing = element.querySelector('[mdc-list-item-trailing]');\r\n  if (trailing) {\r\n    element.removeChild(trailing);\r\n  }\r\n  const content = document.createElement('span');\r\n  content.classList.add('mdc-list-item__content');\r\n  const texts = element.querySelectorAll('mdc-list-item-overline-text, mdc-list-item-primary-text, mdc-list-item-secondary-text, au-slot');\r\n  const children = Array.from(element.childNodes);\r\n  if (!texts.length) {\r\n    const primary = document.createElement('span');\r\n    primary.classList.add('mdc-list-item__primary-text');\r\n    for (let i = 0; i < children.length; ++i) {\r\n      primary.appendChild(children[i]);\r\n    }\r\n    content.appendChild(primary);\r\n  } else {\r\n    for (let i = 0; i < children.length; ++i) {\r\n      content.appendChild(children[i]);\r\n    }\r\n  }\r\n  if (leading) {\r\n    const start = document.createElement('span');\r\n    start.classList.add('mdc-list-item__start');\r\n    start.appendChild(leading);\r\n    element.appendChild(start);\r\n  }\r\n  element.appendChild(content);\r\n  if (trailing) {\r\n    const end = document.createElement('span');\r\n    end.classList.add('mdc-list-item__end');\r\n    end.appendChild(trailing);\r\n    element.appendChild(end);\r\n  }\r\n}\r\n)\r\nexport class MdcListItem {\r\n  constructor(public root: HTMLElement) { }\r\n\r\n  cssClasses = cssClasses;\r\n\r\n  id = `mdc-list-item-${++id}`;\r\n\r\n  /** Disables the list item */\r\n  @bindable({ set: booleanAttr })\r\n  disabled: boolean;\r\n\r\n  /** Styles the row in an activated state */\r\n  @bindable({ set: booleanAttr })\r\n  activated: boolean;\r\n\r\n  /** Styles the row in an selected state */\r\n  @bindable({ set: booleanAttr })\r\n  selected: boolean;\r\n\r\n  /** Indicates a non-interactive item */\r\n  @bindable({ set: booleanAttr })\r\n  nonInteractive: boolean;\r\n\r\n  /** Indicates a two-line item */\r\n  @bindable({ set: booleanAttr })\r\n  twoLine: boolean;\r\n\r\n  /** Indicates a three-line item */\r\n  @bindable({ set: booleanAttr })\r\n  threeLine: boolean;\r\n\r\n  /** Random data associated with the list item. Passed in events payload. */\r\n  @bindable()\r\n  value: unknown;\r\n\r\n  /** Disables ripple effect */\r\n  @bindable({ set: booleanAttr })\r\n  disableRipple: boolean;\r\n\r\n  attached() {\r\n    // Child button/a elements are not tabbable until the list item is focused.\r\n    Array.from(this.root.querySelectorAll(strings.FOCUSABLE_CHILD_ELEMENTS))\r\n      .forEach(el => el.setAttribute('tabindex', '-1'));\r\n  }\r\n\r\n  onKeydown(evt: KeyboardEvent) {\r\n    if ((evt.keyCode === ENTER || evt.keyCode === SPACE) && !this.disabled) {\r\n      this.root.dispatchEvent(new CustomEvent(LIST_ITEM_ACTION, { detail: { item: this, data: this.value }, bubbles: true }));\r\n    }\r\n    return true;\r\n  }\r\n\r\n  onClick() {\r\n    if (!this.disabled) {\r\n      this.root.dispatchEvent(new CustomEvent(LIST_ITEM_ACTION, { detail: { item: this, data: this.value }, bubbles: true }));\r\n    }\r\n    return true;\r\n  }\r\n\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcListItemElement extends HTMLElement {\r\n  $au: {\r\n    'au:resource:custom-element': {\r\n      viewModel: MdcListItem;\r\n    };\r\n  };\r\n}\r\n\r\nexport interface IMdcListActionEventDetail {\r\n  index: number;\r\n  data: unknown;\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcListActionEvent extends Event {\r\n  detail: IMdcListActionEventDetail;\r\n}\r\n"]}

package/dist/list/mdc-list-item-overline-text.js

@@ -0,0 +1,25 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'aurelia';
+/**
+ * Optional, overline text for the list item
+ * @selector mdc-list-item-overline-text
+ */
+let MdcListItemOverlineText = (() => {
+    let _classDecorators = [customElement({ name: 'mdc-list-item-overline-text', template: '<template class="mdc-list-item__overline-text"><au-slot></au-slot></template>' })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcListItemOverlineText = 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);
+            MdcListItemOverlineText = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return MdcListItemOverlineText = _classThis;
+})();
+export { MdcListItemOverlineText };
+//# sourceMappingURL=mdc-list-item-overline-text.js.map

package/dist/list/mdc-list-item-overline-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-item-overline-text.js","sourceRoot":"","sources":["../../src/list/mdc-list-item-overline-text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;GAGG;IAEU,uBAAuB;4BADnC,aAAa,CAAC,EAAE,IAAI,EAAE,6BAA6B,EAAE,QAAQ,EAAE,+EAA+E,EAAE,CAAC;;;;;;;;YAClJ,6KAAwC;;;YAA3B,uDAAuB;;;;;SAAvB,uBAAuB","sourcesContent":["import { customElement } from 'aurelia';\n\n/**\n * Optional, overline text for the list item\n * @selector mdc-list-item-overline-text\n */\n@customElement({ name: 'mdc-list-item-overline-text', template: '<template class=\"mdc-list-item__overline-text\"><au-slot></au-slot></template>' })\nexport class MdcListItemOverlineText { }\n"]}

package/dist/list/mdc-list-item-primary-text.js

@@ -0,0 +1,28 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'aurelia';
+/**
+ * Optional, primary text for the list item
+ * @selector mdc-list-item-primary-text
+ */
+let MdcListItemPrimaryText = (() => {
+    let _classDecorators = [customElement({
+            name: 'mdc-list-item-primary-text',
+            template: '<template class="mdc-list-item__primary-text"><au-slot></au-slot></template>'
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcListItemPrimaryText = 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);
+            MdcListItemPrimaryText = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return MdcListItemPrimaryText = _classThis;
+})();
+export { MdcListItemPrimaryText };
+//# sourceMappingURL=mdc-list-item-primary-text.js.map

package/dist/list/mdc-list-item-primary-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-item-primary-text.js","sourceRoot":"","sources":["../../src/list/mdc-list-item-primary-text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;GAGG;IAKU,sBAAsB;4BAJlC,aAAa,CAAC;YACb,IAAI,EAAE,4BAA4B;YAClC,QAAQ,EAAE,8EAA8E;SACzF,CAAC;;;;;;;;YACF,6KAAuC;;;YAA1B,uDAAsB;;;;;SAAtB,sBAAsB","sourcesContent":["import { customElement } from 'aurelia';\n\n/**\n * Optional, primary text for the list item\n * @selector mdc-list-item-primary-text\n */\n@customElement({\n  name: 'mdc-list-item-primary-text',\n  template: '<template class=\"mdc-list-item__primary-text\"><au-slot></au-slot></template>'\n})\nexport class MdcListItemPrimaryText { }\n"]}

package/dist/list/mdc-list-item-secondary-text.js

@@ -0,0 +1,28 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'aurelia';
+/**
+ * Optional, secondary text for the list item. Displayed below the primary text.
+ * @selector mdc-list-item-secondary-text
+ */
+let MdcListItemSecondaryText = (() => {
+    let _classDecorators = [customElement({
+            name: 'mdc-list-item-secondary-text',
+            template: '<template class="mdc-list-item__secondary-text"><au-slot></au-slot></template>'
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcListItemSecondaryText = 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);
+            MdcListItemSecondaryText = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return MdcListItemSecondaryText = _classThis;
+})();
+export { MdcListItemSecondaryText };
+//# sourceMappingURL=mdc-list-item-secondary-text.js.map

package/dist/list/mdc-list-item-secondary-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-item-secondary-text.js","sourceRoot":"","sources":["../../src/list/mdc-list-item-secondary-text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;GAGG;IAKU,wBAAwB;4BAJpC,aAAa,CAAC;YACb,IAAI,EAAE,8BAA8B;YACpC,QAAQ,EAAE,gFAAgF;SAC3F,CAAC;;;;;;;;YACF,6KAAyC;;;YAA5B,uDAAwB;;;;;SAAxB,wBAAwB","sourcesContent":["import { customElement } from 'aurelia';\n\n/**\n * Optional, secondary text for the list item. Displayed below the primary text.\n * @selector mdc-list-item-secondary-text\n */\n@customElement({\n  name: 'mdc-list-item-secondary-text',\n  template: '<template class=\"mdc-list-item__secondary-text\"><au-slot></au-slot></template>'\n})\nexport class MdcListItemSecondaryText { }\n"]}

package/dist/list/mdc-list.html

@@ -0,0 +1,5 @@
+<template class="${cssClasses.ROOT}" keydown.trigger="handleKeydownEvent_($event)"
+  click.trigger="handleClickEvent_($event)" focusin.trigger="handleFocusInEvent_($event)"
+  focusout.trigger="handleFocusOutEvent_($event)" aria-orientation="${vertical ? 'vertical' : 'horizontal' }">
+  <au-slot></au-slot>
+</template>