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

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

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcDeprecatedListItem = void 0;
+const tslib_1 = require("tslib");
+const list_1 = require("@material/list");
+const aurelia_1 = require("aurelia");
+const base_1 = require("../../../base");
+const runtime_html_1 = require("@aurelia/runtime-html");
+const mdc_deprecated_list_item_html_raw_1 = tslib_1.__importDefault(require("./mdc-deprecated-list-item.html?raw"));
+// let listItemId = 0;
+const ENTER = 13;
+const SPACE = 32;
+const LIST_ITEM_ACTION = 'mdclistitem:action';
+let id = 0;
+/**
+ * @selector mdc-deprecated-list-item
+ */
+let MdcDeprecatedListItem = (() => {
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-deprecated-list-item', template: mdc_deprecated_list_item_html_raw_1.default }), (0, runtime_html_1.processContent)(function processContent(node) {
+            const element = node;
+            const graphic = element.querySelector('mdc-checkbox:not([mdc-deprecated-list-item-meta]),[mdc-deprecated-list-item-graphic]');
+            if (graphic) {
+                element.removeChild(graphic);
+            }
+            const meta = element.querySelector('[mdc-deprecated-list-item-meta]');
+            if (meta) {
+                element.removeChild(meta);
+            }
+            const itemText = document.createElement('span');
+            itemText.classList.add('mdc-deprecated-list-item__text');
+            const children = [].slice.call(element.childNodes);
+            for (let i = 0; i < children.length; ++i) {
+                itemText.appendChild(children[i]);
+            }
+            if (graphic) {
+                element.appendChild(graphic);
+            }
+            element.appendChild(itemText);
+            if (meta) {
+                element.appendChild(meta);
+            }
+        })];
+    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 _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _disableRipple_decorators;
+    let _disableRipple_initializers = [];
+    let _disableRipple_extraInitializers = [];
+    var MdcDeprecatedListItem = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _disabled_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _activated_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _value_decorators = [(0, aurelia_1.bindable)()];
+            _disableRipple_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            tslib_1.__esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            tslib_1.__esDecorate(null, null, _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);
+            tslib_1.__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);
+            tslib_1.__esDecorate(null, null, _disableRipple_decorators, { kind: "field", name: "disableRipple", static: false, private: false, access: { has: obj => "disableRipple" in obj, get: obj => obj.disableRipple, set: (obj, value) => { obj.disableRipple = value; } }, metadata: _metadata }, _disableRipple_initializers, _disableRipple_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcDeprecatedListItem = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            tslib_1.__runInitializers(this, _disableRipple_extraInitializers);
+            this.root = root;
+            this.root.id = `mdc-deprecated-list-item-${this.id}`;
+        }
+        cssClasses = list_1.cssClasses;
+        id = `mdc-deprecated-list-item-${++id}`;
+        /** Disables the list item */
+        disabled = tslib_1.__runInitializers(this, _disabled_initializers, void 0);
+        /** Styles the row in an activated state */
+        activated = (tslib_1.__runInitializers(this, _disabled_extraInitializers), tslib_1.__runInitializers(this, _activated_initializers, void 0));
+        /** Random data associated with the list item. Passed in events payload. */
+        value = (tslib_1.__runInitializers(this, _activated_extraInitializers), tslib_1.__runInitializers(this, _value_initializers, void 0));
+        /** Disables ripple effect */
+        disableRipple = (tslib_1.__runInitializers(this, _value_extraInitializers), tslib_1.__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(list_1.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 MdcDeprecatedListItem = _classThis;
+})();
+exports.MdcDeprecatedListItem = MdcDeprecatedListItem;
+//# sourceMappingURL=mdc-deprecated-list-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-deprecated-list-item.js","sourceRoot":"","sources":["../../../../../src/list/mdc-deprecated-list/mdc-deprecated-list-item/mdc-deprecated-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-deprecated-list-item.html?raw';\r\n\r\n// let listItemId = 0;\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-deprecated-list-item\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-deprecated-list-item', template })\r\n@processContent(function processContent(node: INode) {\r\n  const element = node as HTMLElement;\r\n  const graphic = element.querySelector('mdc-checkbox:not([mdc-deprecated-list-item-meta]),[mdc-deprecated-list-item-graphic]');\r\n  if (graphic) {\r\n    element.removeChild(graphic);\r\n  }\r\n  const meta = element.querySelector('[mdc-deprecated-list-item-meta]');\r\n  if (meta) {\r\n    element.removeChild(meta);\r\n  }\r\n  const itemText = document.createElement('span');\r\n  itemText.classList.add('mdc-deprecated-list-item__text');\r\n  const children = [].slice.call(element.childNodes) as ChildNode[];\r\n  for (let i = 0; i < children.length; ++i) {\r\n    itemText.appendChild(children[i]);\r\n  }\r\n  if (graphic) {\r\n    element.appendChild(graphic);\r\n  }\r\n  element.appendChild(itemText);\r\n  if (meta) {\r\n    element.appendChild(meta);\r\n  }\r\n}\r\n)\r\nexport class MdcDeprecatedListItem {\r\n  constructor(public root: HTMLElement) {\r\n    this.root.id = `mdc-deprecated-list-item-${this.id}`;\r\n  }\r\n\r\n  cssClasses = cssClasses;\r\n\r\n  id = `mdc-deprecated-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  /** 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: MdcDeprecatedListItem;\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 → src/list}/mdc-deprecated-list/mdc-deprecated-list-item-primary-text.js

@@ -1,11 +1,14 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcDeprecatedListItemPrimaryText = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 /**
  * Optional, primary text for the list item
  * @selector mdc-deprecated-list-item-primary-text
  */
 let MdcDeprecatedListItemPrimaryText = (() => {
-    let _classDecorators = [customElement({
+    let _classDecorators = [(0, aurelia_1.customElement)({
             name: 'mdc-deprecated-list-item-primary-text',
             template: '<template class="mdc-deprecated-list-item__primary-text"><au-slot></au-slot></template>'
         })];
@@ -16,13 +19,13 @@ let MdcDeprecatedListItemPrimaryText = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcDeprecatedListItemPrimaryText = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
     };
     return MdcDeprecatedListItemPrimaryText = _classThis;
 })();
-export { MdcDeprecatedListItemPrimaryText };
+exports.MdcDeprecatedListItemPrimaryText = MdcDeprecatedListItemPrimaryText;
 //# sourceMappingURL=mdc-deprecated-list-item-primary-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-deprecated-list-item-primary-text.js","sourceRoot":"","sources":["../../../../src/list/mdc-deprecated-list/mdc-deprecated-list-item-primary-text.ts"],"names":[],"mappings":";;;;AAAA,qCAAwC;AAExC;;;GAGG;IAKU,gCAAgC;4BAJ5C,IAAA,uBAAa,EAAC;YACb,IAAI,EAAE,uCAAuC;YAC7C,QAAQ,EAAE,yFAAyF;SACpG,CAAC;;;;;;;;YACF,qLAAiD;;;YAApC,+DAAgC;;;;;AAAhC,4EAAgC","sourcesContent":["import { customElement } from 'aurelia';\r\n\r\n/**\r\n * Optional, primary text for the list item\r\n * @selector mdc-deprecated-list-item-primary-text\r\n */\r\n@customElement({\r\n  name: 'mdc-deprecated-list-item-primary-text',\r\n  template: '<template class=\"mdc-deprecated-list-item__primary-text\"><au-slot></au-slot></template>'\r\n})\r\nexport class MdcDeprecatedListItemPrimaryText { }\r\n"]}

package/dist/{list → src/list}/mdc-deprecated-list/mdc-deprecated-list-item-secondary-text.js

@@ -1,11 +1,14 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement } from 'aurelia';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcDeprecatedListItemSecondaryText = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
 /**
  * Optional, secondary text for the list item. Displayed below the primary text.
  * @selector mdc-deprecated-list-item-secondary-text
  */
 let MdcDeprecatedListItemSecondaryText = (() => {
-    let _classDecorators = [customElement({
+    let _classDecorators = [(0, aurelia_1.customElement)({
             name: 'mdc-deprecated-list-item-secondary-text',
             template: '<template class="mdc-deprecated-list-item__secondary-text"><au-slot></au-slot></template>'
         })];
@@ -16,13 +19,13 @@ let MdcDeprecatedListItemSecondaryText = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcDeprecatedListItemSecondaryText = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
     };
     return MdcDeprecatedListItemSecondaryText = _classThis;
 })();
-export { MdcDeprecatedListItemSecondaryText };
+exports.MdcDeprecatedListItemSecondaryText = MdcDeprecatedListItemSecondaryText;
 //# sourceMappingURL=mdc-deprecated-list-item-secondary-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-deprecated-list-item-secondary-text.js","sourceRoot":"","sources":["../../../../src/list/mdc-deprecated-list/mdc-deprecated-list-item-secondary-text.ts"],"names":[],"mappings":";;;;AAAA,qCAAwC;AAExC;;;GAGG;IAKU,kCAAkC;4BAJ9C,IAAA,uBAAa,EAAC;YACb,IAAI,EAAE,yCAAyC;YAC/C,QAAQ,EAAE,2FAA2F;SACtG,CAAC;;;;;;;;YACF,qLAAmD;;;YAAtC,+DAAkC;;;;;AAAlC,gFAAkC","sourcesContent":["import { customElement } from 'aurelia';\r\n\r\n/**\r\n * Optional, secondary text for the list item. Displayed below the primary text.\r\n * @selector mdc-deprecated-list-item-secondary-text\r\n */\r\n@customElement({\r\n  name: 'mdc-deprecated-list-item-secondary-text',\r\n  template: '<template class=\"mdc-deprecated-list-item__secondary-text\"><au-slot></au-slot></template>'\r\n})\r\nexport class MdcDeprecatedListItemSecondaryText { }\r\n"]}

package/dist/{list → src/list}/mdc-deprecated-list/mdc-deprecated-list.js

@@ -1,11 +1,14 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { booleanAttr, MdcComponent } from '../../base';
-import { MDCListFoundation, strings } from '@material/list';
-import { closest, matches } from '@material/dom/ponyfill';
-import { inject, customElement, bindable, CustomElement, slotted } from 'aurelia';
-import template from './mdc-deprecated-list.html?raw';
-strings.ACTION_EVENT = strings.ACTION_EVENT.toLowerCase();
-export const mdcListStrings = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcDeprecatedList = exports.mdcListStrings = void 0;
+const tslib_1 = require("tslib");
+const base_1 = require("../../base");
+const list_1 = require("@material/list");
+const ponyfill_1 = require("@material/dom/ponyfill");
+const aurelia_1 = require("aurelia");
+const mdc_deprecated_list_html_raw_1 = tslib_1.__importDefault(require("./mdc-deprecated-list.html?raw"));
+list_1.strings.ACTION_EVENT = list_1.strings.ACTION_EVENT.toLowerCase();
+exports.mdcListStrings = {
     ITEMS_CHANGED: 'mdclist:itemschanged'
 };
 /**
@@ -14,11 +17,11 @@ export const mdcListStrings = {
  * @emits mdclist:itemschanged | Indicates that the list of items has changed
  */
 let MdcDeprecatedList = (() => {
-    let _classDecorators = [inject(Element), customElement({ name: 'mdc-deprecated-list', template })];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-deprecated-list', template: mdc_deprecated_list_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _twoLine_decorators;
     let _twoLine_initializers = [];
     let _twoLine_extraInitializers = [];
@@ -65,83 +68,83 @@ let MdcDeprecatedList = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _twoLine_decorators = [bindable({ set: booleanAttr })];
-            _singleSelection_decorators = [bindable({ set: booleanAttr })];
-            _activated_decorators = [bindable({ set: booleanAttr })];
-            _vertical_decorators = [bindable({ set: booleanAttr })];
-            _dense_decorators = [bindable({ set: booleanAttr })];
-            _textual_decorators = [bindable({ set: booleanAttr })];
-            _avatar_decorators = [bindable({ set: booleanAttr })];
-            _icon_decorators = [bindable({ set: booleanAttr })];
-            _image_decorators = [bindable({ set: booleanAttr })];
-            _thumbnail_decorators = [bindable({ set: booleanAttr })];
-            _video_decorators = [bindable({ set: booleanAttr })];
-            _itemElements_decorators = [slotted({ query: 'mdc-deprecated-list-item' })];
-            _typeahead_decorators = [bindable({ set: booleanAttr })];
-            _wrapFocus_decorators = [bindable({ set: booleanAttr })];
-            __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, _singleSelection_decorators, { kind: "field", name: "singleSelection", static: false, private: false, access: { has: obj => "singleSelection" in obj, get: obj => obj.singleSelection, set: (obj, value) => { obj.singleSelection = value; } }, metadata: _metadata }, _singleSelection_initializers, _singleSelection_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, _vertical_decorators, { kind: "field", name: "vertical", static: false, private: false, access: { has: obj => "vertical" in obj, get: obj => obj.vertical, set: (obj, value) => { obj.vertical = value; } }, metadata: _metadata }, _vertical_initializers, _vertical_extraInitializers);
-            __esDecorate(null, null, _dense_decorators, { kind: "field", name: "dense", static: false, private: false, access: { has: obj => "dense" in obj, get: obj => obj.dense, set: (obj, value) => { obj.dense = value; } }, metadata: _metadata }, _dense_initializers, _dense_extraInitializers);
-            __esDecorate(null, null, _textual_decorators, { kind: "field", name: "textual", static: false, private: false, access: { has: obj => "textual" in obj, get: obj => obj.textual, set: (obj, value) => { obj.textual = value; } }, metadata: _metadata }, _textual_initializers, _textual_extraInitializers);
-            __esDecorate(null, null, _avatar_decorators, { kind: "field", name: "avatar", static: false, private: false, access: { has: obj => "avatar" in obj, get: obj => obj.avatar, set: (obj, value) => { obj.avatar = value; } }, metadata: _metadata }, _avatar_initializers, _avatar_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, _image_decorators, { kind: "field", name: "image", static: false, private: false, access: { has: obj => "image" in obj, get: obj => obj.image, set: (obj, value) => { obj.image = value; } }, metadata: _metadata }, _image_initializers, _image_extraInitializers);
-            __esDecorate(null, null, _thumbnail_decorators, { kind: "field", name: "thumbnail", static: false, private: false, access: { has: obj => "thumbnail" in obj, get: obj => obj.thumbnail, set: (obj, value) => { obj.thumbnail = value; } }, metadata: _metadata }, _thumbnail_initializers, _thumbnail_extraInitializers);
-            __esDecorate(null, null, _video_decorators, { kind: "field", name: "video", static: false, private: false, access: { has: obj => "video" in obj, get: obj => obj.video, set: (obj, value) => { obj.video = value; } }, metadata: _metadata }, _video_initializers, _video_extraInitializers);
-            __esDecorate(null, null, _itemElements_decorators, { kind: "field", name: "itemElements", static: false, private: false, access: { has: obj => "itemElements" in obj, get: obj => obj.itemElements, set: (obj, value) => { obj.itemElements = value; } }, metadata: _metadata }, _itemElements_initializers, _itemElements_extraInitializers);
-            __esDecorate(null, null, _typeahead_decorators, { kind: "field", name: "typeahead", static: false, private: false, access: { has: obj => "typeahead" in obj, get: obj => obj.typeahead, set: (obj, value) => { obj.typeahead = value; } }, metadata: _metadata }, _typeahead_initializers, _typeahead_extraInitializers);
-            __esDecorate(null, null, _wrapFocus_decorators, { kind: "field", name: "wrapFocus", static: false, private: false, access: { has: obj => "wrapFocus" in obj, get: obj => obj.wrapFocus, set: (obj, value) => { obj.wrapFocus = value; } }, metadata: _metadata }, _wrapFocus_initializers, _wrapFocus_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _twoLine_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _singleSelection_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _activated_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _vertical_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _dense_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _textual_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _avatar_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _icon_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _image_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _thumbnail_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _video_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _itemElements_decorators = [(0, aurelia_1.slotted)({ query: 'mdc-deprecated-list-item' })];
+            _typeahead_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _wrapFocus_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            tslib_1.__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);
+            tslib_1.__esDecorate(null, null, _singleSelection_decorators, { kind: "field", name: "singleSelection", static: false, private: false, access: { has: obj => "singleSelection" in obj, get: obj => obj.singleSelection, set: (obj, value) => { obj.singleSelection = value; } }, metadata: _metadata }, _singleSelection_initializers, _singleSelection_extraInitializers);
+            tslib_1.__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);
+            tslib_1.__esDecorate(null, null, _vertical_decorators, { kind: "field", name: "vertical", static: false, private: false, access: { has: obj => "vertical" in obj, get: obj => obj.vertical, set: (obj, value) => { obj.vertical = value; } }, metadata: _metadata }, _vertical_initializers, _vertical_extraInitializers);
+            tslib_1.__esDecorate(null, null, _dense_decorators, { kind: "field", name: "dense", static: false, private: false, access: { has: obj => "dense" in obj, get: obj => obj.dense, set: (obj, value) => { obj.dense = value; } }, metadata: _metadata }, _dense_initializers, _dense_extraInitializers);
+            tslib_1.__esDecorate(null, null, _textual_decorators, { kind: "field", name: "textual", static: false, private: false, access: { has: obj => "textual" in obj, get: obj => obj.textual, set: (obj, value) => { obj.textual = value; } }, metadata: _metadata }, _textual_initializers, _textual_extraInitializers);
+            tslib_1.__esDecorate(null, null, _avatar_decorators, { kind: "field", name: "avatar", static: false, private: false, access: { has: obj => "avatar" in obj, get: obj => obj.avatar, set: (obj, value) => { obj.avatar = value; } }, metadata: _metadata }, _avatar_initializers, _avatar_extraInitializers);
+            tslib_1.__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);
+            tslib_1.__esDecorate(null, null, _image_decorators, { kind: "field", name: "image", static: false, private: false, access: { has: obj => "image" in obj, get: obj => obj.image, set: (obj, value) => { obj.image = value; } }, metadata: _metadata }, _image_initializers, _image_extraInitializers);
+            tslib_1.__esDecorate(null, null, _thumbnail_decorators, { kind: "field", name: "thumbnail", static: false, private: false, access: { has: obj => "thumbnail" in obj, get: obj => obj.thumbnail, set: (obj, value) => { obj.thumbnail = value; } }, metadata: _metadata }, _thumbnail_initializers, _thumbnail_extraInitializers);
+            tslib_1.__esDecorate(null, null, _video_decorators, { kind: "field", name: "video", static: false, private: false, access: { has: obj => "video" in obj, get: obj => obj.video, set: (obj, value) => { obj.video = value; } }, metadata: _metadata }, _video_initializers, _video_extraInitializers);
+            tslib_1.__esDecorate(null, null, _itemElements_decorators, { kind: "field", name: "itemElements", static: false, private: false, access: { has: obj => "itemElements" in obj, get: obj => obj.itemElements, set: (obj, value) => { obj.itemElements = value; } }, metadata: _metadata }, _itemElements_initializers, _itemElements_extraInitializers);
+            tslib_1.__esDecorate(null, null, _typeahead_decorators, { kind: "field", name: "typeahead", static: false, private: false, access: { has: obj => "typeahead" in obj, get: obj => obj.typeahead, set: (obj, value) => { obj.typeahead = value; } }, metadata: _metadata }, _typeahead_initializers, _typeahead_extraInitializers);
+            tslib_1.__esDecorate(null, null, _wrapFocus_decorators, { kind: "field", name: "wrapFocus", static: false, private: false, access: { has: obj => "wrapFocus" in obj, get: obj => obj.wrapFocus, set: (obj, value) => { obj.wrapFocus = value; } }, metadata: _metadata }, _wrapFocus_initializers, _wrapFocus_extraInitializers);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcDeprecatedList = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         /** Increases the height of the row to give it greater visual separation from adjacent rows */
-        twoLine = __runInitializers(this, _twoLine_initializers, void 0);
+        twoLine = tslib_1.__runInitializers(this, _twoLine_initializers, void 0);
         /** When enabled, the space and enter keys (or click event) will trigger an single list item to become selected and any other previous selected element to become deselected */
-        singleSelection = (__runInitializers(this, _twoLine_extraInitializers), __runInitializers(this, _singleSelection_initializers, void 0));
+        singleSelection = (tslib_1.__runInitializers(this, _twoLine_extraInitializers), tslib_1.__runInitializers(this, _singleSelection_initializers, void 0));
         async singleSelectionChanged() {
             await this.initialised;
             this.foundation?.setSingleSelection(this.singleSelection);
         }
         /** Sets the selection logic to apply/remove the mdc-list-item--activated class */
-        activated = (__runInitializers(this, _singleSelection_extraInitializers), __runInitializers(this, _activated_initializers, void 0));
+        activated = (tslib_1.__runInitializers(this, _singleSelection_extraInitializers), tslib_1.__runInitializers(this, _activated_initializers, void 0));
         async activatedChanged() {
             await this.initialised;
             this.foundation?.setUseActivatedClass(this.activated);
         }
         /** Sets the list to an orientation causing the keys used for navigation to change. true results in the Up/Down arrow keys being used. If false, the Left/Right arrow keys are used. */
-        vertical = (__runInitializers(this, _activated_extraInitializers), __runInitializers(this, _vertical_initializers, true));
+        vertical = (tslib_1.__runInitializers(this, _activated_extraInitializers), tslib_1.__runInitializers(this, _vertical_initializers, true));
         /** Increases the density of the list, making it appear more compact */
-        dense = (__runInitializers(this, _vertical_extraInitializers), __runInitializers(this, _dense_initializers, void 0));
+        dense = (tslib_1.__runInitializers(this, _vertical_extraInitializers), tslib_1.__runInitializers(this, _dense_initializers, void 0));
         /** Optional, configures lists that start with text */
-        textual = (__runInitializers(this, _dense_extraInitializers), __runInitializers(this, _textual_initializers, void 0));
+        textual = (tslib_1.__runInitializers(this, _dense_extraInitializers), tslib_1.__runInitializers(this, _textual_initializers, void 0));
         /** Configures the leading tiles of each row to display images instead of icons. This will make the graphics of the list items larger. */
-        avatar = (__runInitializers(this, _textual_extraInitializers), __runInitializers(this, _avatar_initializers, void 0));
+        avatar = (tslib_1.__runInitializers(this, _textual_extraInitializers), tslib_1.__runInitializers(this, _avatar_initializers, void 0));
         /** Optional, configures the leading tile of each row to display icons */
-        icon = (__runInitializers(this, _avatar_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
+        icon = (tslib_1.__runInitializers(this, _avatar_extraInitializers), tslib_1.__runInitializers(this, _icon_initializers, void 0));
         /** Optional, configures the leading tile of each row to display images */
-        image = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _image_initializers, void 0));
+        image = (tslib_1.__runInitializers(this, _icon_extraInitializers), tslib_1.__runInitializers(this, _image_initializers, void 0));
         /** Optional, configures the leading tile of each row to display smaller images (this is analogous to an avatar list but the image will	not be rounded) */
-        thumbnail = (__runInitializers(this, _image_extraInitializers), __runInitializers(this, _thumbnail_initializers, void 0));
+        thumbnail = (tslib_1.__runInitializers(this, _image_extraInitializers), tslib_1.__runInitializers(this, _thumbnail_initializers, void 0));
         /** Optional, configures the leading tile of each row to display videos */
-        video = (__runInitializers(this, _thumbnail_extraInitializers), __runInitializers(this, _video_initializers, void 0));
-        itemElements = (__runInitializers(this, _video_extraInitializers), __runInitializers(this, _itemElements_initializers, void 0));
+        video = (tslib_1.__runInitializers(this, _thumbnail_extraInitializers), tslib_1.__runInitializers(this, _video_initializers, void 0));
+        itemElements = (tslib_1.__runInitializers(this, _video_extraInitializers), tslib_1.__runInitializers(this, _itemElements_initializers, void 0));
         itemsChanged() {
-            this.emit(mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);
+            this.emit(exports.mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);
         }
         get items() {
-            return (this.itemElements ?? []).map(x => CustomElement.for(x).viewModel);
+            return (this.itemElements ?? []).map(x => aurelia_1.CustomElement.for(x).viewModel);
         }
-        typeahead = (__runInitializers(this, _itemElements_extraInitializers), __runInitializers(this, _typeahead_initializers, void 0));
+        typeahead = (tslib_1.__runInitializers(this, _itemElements_extraInitializers), tslib_1.__runInitializers(this, _typeahead_initializers, void 0));
         async typeaheadChanged(hasTypeahead) {
             await this.initialised;
             this.foundation?.setHasTypeahead(hasTypeahead);
         }
         /** Sets the list to allow the up arrow on the first element to focus the last element of the list and vice versa */
-        wrapFocus = (__runInitializers(this, _typeahead_extraInitializers), __runInitializers(this, _wrapFocus_initializers, void 0));
+        wrapFocus = (tslib_1.__runInitializers(this, _typeahead_extraInitializers), tslib_1.__runInitializers(this, _wrapFocus_initializers, void 0));
         async wrapFocusChanged() {
             await this.initialised;
             this.foundation?.setWrapFocus(this.wrapFocus);
@@ -188,15 +191,15 @@ let MdcDeprecatedList = (() => {
                 getPrimaryTextAtIndex: (index) => this.getPrimaryText(this.listElements[index]),
                 hasCheckboxAtIndex: (index) => {
                     const listItem = this.listElements[index];
-                    return !!listItem.querySelector(strings.CHECKBOX_SELECTOR);
+                    return !!listItem.querySelector(list_1.strings.CHECKBOX_SELECTOR);
                 },
                 hasRadioAtIndex: (index) => {
                     const listItem = this.listElements[index];
-                    return !!listItem.querySelector(strings.RADIO_SELECTOR);
+                    return !!listItem.querySelector(list_1.strings.RADIO_SELECTOR);
                 },
                 isCheckboxCheckedAtIndex: (index) => {
                     const listItem = this.listElements[index];
-                    const toggleEl = listItem.querySelector(strings.CHECKBOX_SELECTOR);
+                    const toggleEl = listItem.querySelector(list_1.strings.CHECKBOX_SELECTOR);
                     return toggleEl.checked;
                 },
                 isFocusInsideList: () => {
@@ -207,12 +210,12 @@ let MdcDeprecatedList = (() => {
                 notifyAction: (index) => {
                     const listItem = this.listElements[index];
                     if (!listItem.hasAttribute('no-list-action')) {
-                        const data = CustomElement.for(listItem).viewModel.value;
-                        this.emit(strings.ACTION_EVENT, { index, data }, /** shouldBubble */ true);
+                        const data = aurelia_1.CustomElement.for(listItem).viewModel.value;
+                        this.emit(list_1.strings.ACTION_EVENT, { index, data }, /** shouldBubble */ true);
                     }
                 },
                 notifySelectionChange: (changedIndices) => {
-                    this.emit(strings.SELECTION_CHANGE_EVENT, { changedIndices }, /** shouldBubble */ true);
+                    this.emit(list_1.strings.SELECTION_CHANGE_EVENT, { changedIndices }, /** shouldBubble */ true);
                 },
                 removeClassForElementIndex: (index, className) => {
                     const element = this.listElements[index];
@@ -228,7 +231,7 @@ let MdcDeprecatedList = (() => {
                 },
                 setCheckedCheckboxOrRadioAtIndex: (index, isChecked) => {
                     const listItem = this.listElements[index];
-                    const toggleEl = listItem.querySelector(strings.CHECKBOX_RADIO_SELECTOR);
+                    const toggleEl = listItem.querySelector(list_1.strings.CHECKBOX_RADIO_SELECTOR);
                     if (toggleEl?.disabled) {
                         return;
                     }
@@ -239,11 +242,11 @@ let MdcDeprecatedList = (() => {
                 },
                 setTabIndexForListItemChildren: (listItemIndex, tabIndexValue) => {
                     const element = this.listElements[listItemIndex];
-                    const listItemChildren = [].slice.call(element.querySelectorAll(strings.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX));
+                    const listItemChildren = [].slice.call(element.querySelectorAll(list_1.strings.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX));
                     listItemChildren.forEach((el) => el.setAttribute('tabindex', tabIndexValue));
                 },
             };
-            return new MDCListFoundation(adapter);
+            return new list_1.MDCListFoundation(adapter);
         }
         /**
          * @hidden
@@ -252,9 +255,9 @@ let MdcDeprecatedList = (() => {
          */
         getListItemIndex_(evt) {
             const eventTarget = evt.target;
-            const nearestParent = closest(eventTarget, '.mdc-deprecated-list-item, .mdc-deprecated-list');
+            const nearestParent = (0, ponyfill_1.closest)(eventTarget, '.mdc-deprecated-list-item, .mdc-deprecated-list');
             // Get the index of the element if it is a list item.
-            if (nearestParent && matches(nearestParent, '.mdc-deprecated-list-item')) {
+            if (nearestParent && (0, ponyfill_1.matches)(nearestParent, '.mdc-deprecated-list-item')) {
                 return this.listElements.indexOf(nearestParent);
             }
             return -1;
@@ -296,7 +299,7 @@ let MdcDeprecatedList = (() => {
             const index = this.getListItemIndex_(evt);
             const target = evt.target;
             // Toggle the checkbox only if it's not the target of the event, or the checkbox will have 2 change events.
-            const toggleCheckbox = !matches(target, strings.CHECKBOX_RADIO_SELECTOR);
+            const toggleCheckbox = !(0, ponyfill_1.matches)(target, list_1.strings.CHECKBOX_RADIO_SELECTOR);
             this.foundation?.handleClick(index, toggleCheckbox);
             return true;
         }
@@ -322,8 +325,8 @@ let MdcDeprecatedList = (() => {
             return this.foundation.typeaheadMatchItem(nextChar, startingIndex, /** skipFocus */ true);
         }
         layout() {
-            const direction = this.root.getAttribute(strings.ARIA_ORIENTATION);
-            this.vertical = direction !== strings.ARIA_ORIENTATION_HORIZONTAL;
+            const direction = this.root.getAttribute(list_1.strings.ARIA_ORIENTATION);
+            this.vertical = direction !== list_1.strings.ARIA_ORIENTATION_HORIZONTAL;
             this.foundation?.layout();
         }
         get selectedIndex() {
@@ -337,10 +340,10 @@ let MdcDeprecatedList = (() => {
          * Initialize selectedIndex value based on pre-selected checkbox list items, single selection or radio.
          */
         initializeListType() {
-            const checkboxListItems = this.root.querySelectorAll(strings.ARIA_ROLE_CHECKBOX_SELECTOR);
-            const radioSelectedListItem = this.root.querySelector(strings.ARIA_CHECKED_RADIO_SELECTOR);
+            const checkboxListItems = this.root.querySelectorAll(list_1.strings.ARIA_ROLE_CHECKBOX_SELECTOR);
+            const radioSelectedListItem = this.root.querySelector(list_1.strings.ARIA_CHECKED_RADIO_SELECTOR);
             if (checkboxListItems.length) {
-                const preselectedItems = this.root.querySelectorAll(strings.ARIA_CHECKED_CHECKBOX_SELECTOR);
+                const preselectedItems = this.root.querySelectorAll(list_1.strings.ARIA_CHECKED_CHECKBOX_SELECTOR);
                 this.selectedIndex = [].map.call(preselectedItems, (listItem) => this.listElements.indexOf(listItem));
             }
             else if (radioSelectedListItem) {
@@ -349,10 +352,10 @@ let MdcDeprecatedList = (() => {
         }
         constructor() {
             super(...arguments);
-            __runInitializers(this, _wrapFocus_extraInitializers);
+            tslib_1.__runInitializers(this, _wrapFocus_extraInitializers);
         }
     };
     return MdcDeprecatedList = _classThis;
 })();
-export { MdcDeprecatedList };
+exports.MdcDeprecatedList = MdcDeprecatedList;
 //# sourceMappingURL=mdc-deprecated-list.js.map

package/dist/src/list/mdc-deprecated-list/mdc-deprecated-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-deprecated-list.js","sourceRoot":"","sources":["../../../../src/list/mdc-deprecated-list/mdc-deprecated-list.ts"],"names":[],"mappings":"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","sourcesContent":["import { booleanAttr, MdcComponent } from '../../base';\r\nimport { MDCListFoundation, MDCListAdapter, strings, MDCListIndex, MDCListSelectionChangeDetail } from '@material/list';\r\nimport { closest, matches } from '@material/dom/ponyfill';\r\nimport { MdcDeprecatedListItem, IMdcListActionEventDetail } from './mdc-deprecated-list-item/mdc-deprecated-list-item';\r\nimport { inject, customElement, bindable, CustomElement, slotted } from 'aurelia';\r\nimport template from './mdc-deprecated-list.html?raw';\r\n\r\nstrings.ACTION_EVENT = strings.ACTION_EVENT.toLowerCase();\r\n\r\nexport const mdcListStrings = {\r\n  ITEMS_CHANGED: 'mdclist:itemschanged'\r\n};\r\n\r\n/**\r\n * @selector mdc-deprecated-list\r\n * @emits mdclist:action | Indicates that a list item with the specified index has been activated\r\n * @emits mdclist:itemschanged | Indicates that the list of items has changed\r\n */\r\n@inject(Element)\r\n@customElement({ name: 'mdc-deprecated-list', template })\r\nexport class MdcDeprecatedList extends MdcComponent<MDCListFoundation>{\r\n\r\n  /** Increases the height of the row to give it greater visual separation from adjacent rows */\r\n  @bindable({ set: booleanAttr })\r\n  twoLine: boolean;\r\n\r\n  /** When enabled, the space and enter keys (or click event) will trigger an single list item to become selected and any other previous selected element to become deselected */\r\n  @bindable({ set: booleanAttr })\r\n  singleSelection: boolean;\r\n  async singleSelectionChanged() {\r\n    await this.initialised;\r\n    this.foundation?.setSingleSelection(this.singleSelection);\r\n  }\r\n\r\n  /** Sets the selection logic to apply/remove the mdc-list-item--activated class */\r\n  @bindable({ set: booleanAttr })\r\n  activated: boolean;\r\n  async activatedChanged() {\r\n    await this.initialised;\r\n    this.foundation?.setUseActivatedClass(this.activated);\r\n  }\r\n\r\n  /** Sets the list to an orientation causing the keys used for navigation to change. true results in the Up/Down arrow keys being used. If false, the Left/Right arrow keys are used. */\r\n  @bindable({ set: booleanAttr })\r\n  vertical: boolean = true;\r\n\r\n  /** Increases the density of the list, making it appear more compact */\r\n  @bindable({ set: booleanAttr })\r\n  dense: boolean;\r\n\r\n  /** Optional, configures lists that start with text */\r\n  @bindable({ set: booleanAttr })\r\n  textual: boolean;\r\n\r\n  /** Configures the leading tiles of each row to display images instead of icons. This will make the graphics of the list items larger. */\r\n  @bindable({ set: booleanAttr })\r\n  avatar: boolean;\r\n\r\n  /** Optional, configures the leading tile of each row to display icons */\r\n  @bindable({ set: booleanAttr })\r\n  icon: boolean;\r\n\r\n  /** Optional, configures the leading tile of each row to display images */\r\n  @bindable({ set: booleanAttr })\r\n  image: boolean;\r\n\r\n  /** Optional, configures the leading tile of each row to display smaller images (this is analogous to an avatar list but the image will\tnot be rounded) */\r\n  @bindable({ set: booleanAttr })\r\n  thumbnail: boolean;\r\n\r\n  /** Optional, configures the leading tile of each row to display videos */\r\n  @bindable({ set: booleanAttr })\r\n  video: boolean;\r\n\r\n  @slotted({ query: 'mdc-deprecated-list-item' })\r\n  itemElements: HTMLElement[];\r\n  itemsChanged() {\r\n    this.emit(mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);\r\n  }\r\n\r\n  get items(): MdcDeprecatedListItem[] {\r\n    return (this.itemElements ?? []).map(x => CustomElement.for<MdcDeprecatedListItem>(x).viewModel);\r\n  }\r\n\r\n  @bindable({ set: booleanAttr })\r\n  typeahead: boolean;\r\n  async typeaheadChanged(hasTypeahead: boolean) {\r\n    await this.initialised;\r\n    this.foundation?.setHasTypeahead(hasTypeahead);\r\n  }\r\n\r\n  /** Sets the list to allow the up arrow on the first element to focus the last element of the list and vice versa */\r\n  @bindable({ set: booleanAttr })\r\n  wrapFocus: boolean;\r\n  async wrapFocusChanged() {\r\n    await this.initialised;\r\n    this.foundation?.setWrapFocus(this.wrapFocus);\r\n  }\r\n\r\n  initialSyncWithDOM() {\r\n    this.layout();\r\n    this.initializeListType();\r\n  }\r\n\r\n  get listElements(): Element[] {\r\n    return Array.from(this.root.querySelectorAll('.mdc-deprecated-list-item'));\r\n  }\r\n\r\n  /**\r\n   * Extracts the primary text from a list item.\r\n   * @param item The list item element.\r\n   * @return The primary text in the element.\r\n   */\r\n  getPrimaryText(item: Element): string {\r\n    const primaryText = item.querySelector('.mdc-deprecated-list-item__primary-text');\r\n    if (primaryText) {\r\n      return primaryText.textContent ?? '';\r\n    }\r\n\r\n    const singleLineText = item.querySelector('.mdc-deprecated-list-item__text');\r\n    return singleLineText?.textContent ?? '';\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: MDCListAdapter = {\r\n      addClassForElementIndex: (index, className) => {\r\n        const element = this.listElements[index];\r\n        if (element) {\r\n          element.classList.add(className);\r\n        }\r\n      },\r\n      focusItemAtIndex: (index) => {\r\n        const element = this.listElements[index] as HTMLElement | undefined;\r\n        if (element) {\r\n          element.focus();\r\n        }\r\n      },\r\n      getAttributeForElementIndex: (index, attr) => this.listElements[index].getAttribute(attr),\r\n      getFocusedElementIndex: () => this.listElements.indexOf(document.activeElement!),\r\n      getListItemCount: () => this.listElements.length,\r\n      getPrimaryTextAtIndex: (index) => this.getPrimaryText(this.listElements[index]),\r\n      hasCheckboxAtIndex: (index) => {\r\n        const listItem = this.listElements[index];\r\n        return !!listItem.querySelector(strings.CHECKBOX_SELECTOR);\r\n      },\r\n      hasRadioAtIndex: (index) => {\r\n        const listItem = this.listElements[index];\r\n        return !!listItem.querySelector(strings.RADIO_SELECTOR);\r\n      },\r\n      isCheckboxCheckedAtIndex: (index) => {\r\n        const listItem = this.listElements[index];\r\n        const toggleEl = listItem.querySelector<HTMLInputElement>(strings.CHECKBOX_SELECTOR);\r\n        return toggleEl!.checked;\r\n      },\r\n      isFocusInsideList: () => {\r\n        return this.root !== document.activeElement && this.root.contains(document.activeElement);\r\n      },\r\n      isRootFocused: () => document.activeElement === this.root,\r\n      listItemAtIndexHasClass: (index, className) => this.listElements[index].classList.contains(className),\r\n      notifyAction: (index) => {\r\n        const listItem = this.listElements[index];\r\n        if (!listItem.hasAttribute('no-list-action')) {\r\n          const data = CustomElement.for<MdcDeprecatedListItem>(listItem).viewModel.value;\r\n          this.emit<IMdcListActionEventDetail>(strings.ACTION_EVENT, { index, data }, /** shouldBubble */ true);\r\n        }\r\n      },\r\n      notifySelectionChange: (changedIndices: number[]) => {\r\n        this.emit<MDCListSelectionChangeDetail>(strings.SELECTION_CHANGE_EVENT,\r\n          { changedIndices }, /** shouldBubble */ true);\r\n      },\r\n      removeClassForElementIndex: (index, className) => {\r\n        const element = this.listElements[index];\r\n        if (element) {\r\n          element.classList.remove(className);\r\n        }\r\n      },\r\n      setAttributeForElementIndex: (index, attr, value) => {\r\n        const element = this.listElements[index];\r\n        if (element) {\r\n          element.setAttribute(attr, value);\r\n        }\r\n      },\r\n      setCheckedCheckboxOrRadioAtIndex: (index, isChecked) => {\r\n        const listItem = this.listElements[index];\r\n        const toggleEl = listItem.querySelector<HTMLInputElement>(strings.CHECKBOX_RADIO_SELECTOR);\r\n        if (toggleEl?.disabled) {\r\n          return;\r\n        }\r\n        toggleEl!.checked = isChecked;\r\n\r\n        const event = document.createEvent('Event');\r\n        event.initEvent('change', true, true);\r\n        toggleEl!.dispatchEvent(event);\r\n      },\r\n      setTabIndexForListItemChildren: (listItemIndex, tabIndexValue) => {\r\n        const element = this.listElements[listItemIndex];\r\n        const listItemChildren: Element[] =\r\n          [].slice.call(element.querySelectorAll(strings.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX));\r\n        listItemChildren.forEach((el) => el.setAttribute('tabindex', tabIndexValue));\r\n      },\r\n    };\r\n    return new MDCListFoundation(adapter);\r\n  }\r\n\r\n  /**\r\n   * @hidden\r\n   * Used to figure out which list item this event is targetting. Or returns -1 if\r\n   * there is no list item\r\n   */\r\n  private getListItemIndex_(evt: Event) {\r\n    const eventTarget = evt.target as Element;\r\n    const nearestParent = closest(eventTarget, '.mdc-deprecated-list-item, .mdc-deprecated-list');\r\n\r\n    // Get the index of the element if it is a list item.\r\n    if (nearestParent && matches(nearestParent, '.mdc-deprecated-list-item')) {\r\n      return this.listElements.indexOf(nearestParent);\r\n    }\r\n\r\n    return -1;\r\n  }\r\n\r\n  /**\r\n   * @hidden\r\n   * Used to figure out which element was clicked before sending the event to the foundation.\r\n   */\r\n  handleFocusInEvent_(evt: FocusEvent) {\r\n    const index = this.getListItemIndex_(evt);\r\n    this.foundation?.handleFocusIn(index);\r\n  }\r\n\r\n  /**\r\n   * @hidden\r\n   * Used to figure out which element was clicked before sending the event to the foundation.\r\n   */\r\n  handleFocusOutEvent_(evt: FocusEvent) {\r\n    const index = this.getListItemIndex_(evt);\r\n    this.foundation?.handleFocusOut(index);\r\n  }\r\n\r\n  /**\r\n   * @hidden\r\n   * Used to figure out which element was focused when keydown event occurred before sending the event to the\r\n   * foundation.\r\n   */\r\n  handleKeydownEvent_(evt: KeyboardEvent) {\r\n    const index = this.getListItemIndex_(evt);\r\n    const target = evt.target as Element;\r\n    if (!target.hasAttribute('not-selectable')) {\r\n      this.foundation?.handleKeydown(evt, target.classList.contains('mdc-deprecated-list-item'), index);\r\n    }\r\n    return true;\r\n  }\r\n\r\n  /**\r\n   * @hidden\r\n   * Used to figure out which element was clicked before sending the event to the foundation.\r\n   */\r\n  handleClickEvent_(evt: MouseEvent) {\r\n    const index = this.getListItemIndex_(evt);\r\n    const target = evt.target as Element;\r\n    // Toggle the checkbox only if it's not the target of the event, or the checkbox will have 2 change events.\r\n    const toggleCheckbox = !matches(target, strings.CHECKBOX_RADIO_SELECTOR);\r\n    this.foundation?.handleClick(index, toggleCheckbox);\r\n    return true;\r\n  }\r\n\r\n  /**\r\n   * @hidden\r\n   * @return Whether typeahead is currently matching a user-specified prefix.\r\n   */\r\n  get typeaheadInProgress(): boolean {\r\n    return this.foundation!.isTypeaheadInProgress();\r\n  }\r\n\r\n  /**\r\n   * @hidden\r\n   * Given the next desired character from the user, adds it to the typeahead\r\n   * buffer. Then, attempts to find the next option matching the buffer. Wraps\r\n   * around if at the end of options.\r\n   *\r\n   * @param nextChar The next character to add to the prefix buffer.\r\n   * @param startingIndex The index from which to start matching. Defaults to\r\n   *     the currently focused index.\r\n   * @return The index of the matched item.\r\n   */\r\n  typeaheadMatchItem(nextChar: string, startingIndex?: number): number {\r\n    return this.foundation!.typeaheadMatchItem(nextChar, startingIndex, /** skipFocus */ true);\r\n  }\r\n\r\n  layout() {\r\n    const direction = this.root.getAttribute(strings.ARIA_ORIENTATION);\r\n    this.vertical = direction !== strings.ARIA_ORIENTATION_HORIZONTAL;\r\n    this.foundation?.layout();\r\n  }\r\n\r\n  get selectedIndex(): MDCListIndex {\r\n    return this.foundation!.getSelectedIndex();\r\n  }\r\n\r\n  set selectedIndex(index: MDCListIndex) {\r\n    this.foundation?.setSelectedIndex(index);\r\n  }\r\n\r\n  /**\r\n   * @hidden\r\n   * Initialize selectedIndex value based on pre-selected checkbox list items, single selection or radio.\r\n   */\r\n  initializeListType() {\r\n    const checkboxListItems = this.root.querySelectorAll(strings.ARIA_ROLE_CHECKBOX_SELECTOR);\r\n    const radioSelectedListItem = this.root.querySelector(strings.ARIA_CHECKED_RADIO_SELECTOR);\r\n\r\n    if (checkboxListItems.length) {\r\n      const preselectedItems = this.root.querySelectorAll(strings.ARIA_CHECKED_CHECKBOX_SELECTOR);\r\n      this.selectedIndex = [].map.call(preselectedItems, (listItem: Element) => this.listElements.indexOf(listItem)) as number[];\r\n    } else if (radioSelectedListItem) {\r\n      this.selectedIndex = this.listElements.indexOf(radioSelectedListItem);\r\n    }\r\n  }\r\n}\r\n\r\n/** @hidden */\r\nexport interface IMdcDeprecatedListElement extends HTMLElement {\r\n  au: {\r\n    controller: {\r\n      viewModel: MdcDeprecatedList;\r\n    };\r\n  };\r\n}\r\n\r\n"]}