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

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

@@ -0,0 +1,358 @@
+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 = {
+    ITEMS_CHANGED: 'mdclist:itemschanged'
+};
+/**
+ * @selector mdc-deprecated-list
+ * @emits mdclist:action | Indicates that a list item with the specified index has been activated
+ * @emits mdclist:itemschanged | Indicates that the list of items has changed
+ */
+let MdcDeprecatedList = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-deprecated-list', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _twoLine_decorators;
+    let _twoLine_initializers = [];
+    let _twoLine_extraInitializers = [];
+    let _singleSelection_decorators;
+    let _singleSelection_initializers = [];
+    let _singleSelection_extraInitializers = [];
+    let _activated_decorators;
+    let _activated_initializers = [];
+    let _activated_extraInitializers = [];
+    let _vertical_decorators;
+    let _vertical_initializers = [];
+    let _vertical_extraInitializers = [];
+    let _dense_decorators;
+    let _dense_initializers = [];
+    let _dense_extraInitializers = [];
+    let _textual_decorators;
+    let _textual_initializers = [];
+    let _textual_extraInitializers = [];
+    let _avatar_decorators;
+    let _avatar_initializers = [];
+    let _avatar_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    let _image_decorators;
+    let _image_initializers = [];
+    let _image_extraInitializers = [];
+    let _thumbnail_decorators;
+    let _thumbnail_initializers = [];
+    let _thumbnail_extraInitializers = [];
+    let _video_decorators;
+    let _video_initializers = [];
+    let _video_extraInitializers = [];
+    let _itemElements_decorators;
+    let _itemElements_initializers = [];
+    let _itemElements_extraInitializers = [];
+    let _typeahead_decorators;
+    let _typeahead_initializers = [];
+    let _typeahead_extraInitializers = [];
+    let _wrapFocus_decorators;
+    let _wrapFocus_initializers = [];
+    let _wrapFocus_extraInitializers = [];
+    var MdcDeprecatedList = class extends _classSuper {
+        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);
+            MdcDeprecatedList = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __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);
+        /** 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));
+        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));
+        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));
+        /** Increases the density of the list, making it appear more compact */
+        dense = (__runInitializers(this, _vertical_extraInitializers), __runInitializers(this, _dense_initializers, void 0));
+        /** Optional, configures lists that start with text */
+        textual = (__runInitializers(this, _dense_extraInitializers), __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));
+        /** Optional, configures the leading tile of each row to display icons */
+        icon = (__runInitializers(this, _avatar_extraInitializers), __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));
+        /** 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));
+        /** 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));
+        itemsChanged() {
+            this.emit(mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);
+        }
+        get items() {
+            return (this.itemElements ?? []).map(x => CustomElement.for(x).viewModel);
+        }
+        typeahead = (__runInitializers(this, _itemElements_extraInitializers), __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));
+        async wrapFocusChanged() {
+            await this.initialised;
+            this.foundation?.setWrapFocus(this.wrapFocus);
+        }
+        initialSyncWithDOM() {
+            this.layout();
+            this.initializeListType();
+        }
+        get listElements() {
+            return Array.from(this.root.querySelectorAll('.mdc-deprecated-list-item'));
+        }
+        /**
+         * Extracts the primary text from a list item.
+         * @param item The list item element.
+         * @return The primary text in the element.
+         */
+        getPrimaryText(item) {
+            const primaryText = item.querySelector('.mdc-deprecated-list-item__primary-text');
+            if (primaryText) {
+                return primaryText.textContent ?? '';
+            }
+            const singleLineText = item.querySelector('.mdc-deprecated-list-item__text');
+            return singleLineText?.textContent ?? '';
+        }
+        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 = {
+                addClassForElementIndex: (index, className) => {
+                    const element = this.listElements[index];
+                    if (element) {
+                        element.classList.add(className);
+                    }
+                },
+                focusItemAtIndex: (index) => {
+                    const element = this.listElements[index];
+                    if (element) {
+                        element.focus();
+                    }
+                },
+                getAttributeForElementIndex: (index, attr) => this.listElements[index].getAttribute(attr),
+                getFocusedElementIndex: () => this.listElements.indexOf(document.activeElement),
+                getListItemCount: () => this.listElements.length,
+                getPrimaryTextAtIndex: (index) => this.getPrimaryText(this.listElements[index]),
+                hasCheckboxAtIndex: (index) => {
+                    const listItem = this.listElements[index];
+                    return !!listItem.querySelector(strings.CHECKBOX_SELECTOR);
+                },
+                hasRadioAtIndex: (index) => {
+                    const listItem = this.listElements[index];
+                    return !!listItem.querySelector(strings.RADIO_SELECTOR);
+                },
+                isCheckboxCheckedAtIndex: (index) => {
+                    const listItem = this.listElements[index];
+                    const toggleEl = listItem.querySelector(strings.CHECKBOX_SELECTOR);
+                    return toggleEl.checked;
+                },
+                isFocusInsideList: () => {
+                    return this.root !== document.activeElement && this.root.contains(document.activeElement);
+                },
+                isRootFocused: () => document.activeElement === this.root,
+                listItemAtIndexHasClass: (index, className) => this.listElements[index].classList.contains(className),
+                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);
+                    }
+                },
+                notifySelectionChange: (changedIndices) => {
+                    this.emit(strings.SELECTION_CHANGE_EVENT, { changedIndices }, /** shouldBubble */ true);
+                },
+                removeClassForElementIndex: (index, className) => {
+                    const element = this.listElements[index];
+                    if (element) {
+                        element.classList.remove(className);
+                    }
+                },
+                setAttributeForElementIndex: (index, attr, value) => {
+                    const element = this.listElements[index];
+                    if (element) {
+                        element.setAttribute(attr, value);
+                    }
+                },
+                setCheckedCheckboxOrRadioAtIndex: (index, isChecked) => {
+                    const listItem = this.listElements[index];
+                    const toggleEl = listItem.querySelector(strings.CHECKBOX_RADIO_SELECTOR);
+                    if (toggleEl?.disabled) {
+                        return;
+                    }
+                    toggleEl.checked = isChecked;
+                    const event = document.createEvent('Event');
+                    event.initEvent('change', true, true);
+                    toggleEl.dispatchEvent(event);
+                },
+                setTabIndexForListItemChildren: (listItemIndex, tabIndexValue) => {
+                    const element = this.listElements[listItemIndex];
+                    const listItemChildren = [].slice.call(element.querySelectorAll(strings.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX));
+                    listItemChildren.forEach((el) => el.setAttribute('tabindex', tabIndexValue));
+                },
+            };
+            return new MDCListFoundation(adapter);
+        }
+        /**
+         * @hidden
+         * Used to figure out which list item this event is targetting. Or returns -1 if
+         * there is no list item
+         */
+        getListItemIndex_(evt) {
+            const eventTarget = evt.target;
+            const nearestParent = 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')) {
+                return this.listElements.indexOf(nearestParent);
+            }
+            return -1;
+        }
+        /**
+         * @hidden
+         * Used to figure out which element was clicked before sending the event to the foundation.
+         */
+        handleFocusInEvent_(evt) {
+            const index = this.getListItemIndex_(evt);
+            this.foundation?.handleFocusIn(index);
+        }
+        /**
+         * @hidden
+         * Used to figure out which element was clicked before sending the event to the foundation.
+         */
+        handleFocusOutEvent_(evt) {
+            const index = this.getListItemIndex_(evt);
+            this.foundation?.handleFocusOut(index);
+        }
+        /**
+         * @hidden
+         * Used to figure out which element was focused when keydown event occurred before sending the event to the
+         * foundation.
+         */
+        handleKeydownEvent_(evt) {
+            const index = this.getListItemIndex_(evt);
+            const target = evt.target;
+            if (!target.hasAttribute('not-selectable')) {
+                this.foundation?.handleKeydown(evt, target.classList.contains('mdc-deprecated-list-item'), index);
+            }
+            return true;
+        }
+        /**
+         * @hidden
+         * Used to figure out which element was clicked before sending the event to the foundation.
+         */
+        handleClickEvent_(evt) {
+            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);
+            this.foundation?.handleClick(index, toggleCheckbox);
+            return true;
+        }
+        /**
+         * @hidden
+         * @return Whether typeahead is currently matching a user-specified prefix.
+         */
+        get typeaheadInProgress() {
+            return this.foundation.isTypeaheadInProgress();
+        }
+        /**
+         * @hidden
+         * Given the next desired character from the user, adds it to the typeahead
+         * buffer. Then, attempts to find the next option matching the buffer. Wraps
+         * around if at the end of options.
+         *
+         * @param nextChar The next character to add to the prefix buffer.
+         * @param startingIndex The index from which to start matching. Defaults to
+         *     the currently focused index.
+         * @return The index of the matched item.
+         */
+        typeaheadMatchItem(nextChar, startingIndex) {
+            return this.foundation.typeaheadMatchItem(nextChar, startingIndex, /** skipFocus */ true);
+        }
+        layout() {
+            const direction = this.root.getAttribute(strings.ARIA_ORIENTATION);
+            this.vertical = direction !== strings.ARIA_ORIENTATION_HORIZONTAL;
+            this.foundation?.layout();
+        }
+        get selectedIndex() {
+            return this.foundation.getSelectedIndex();
+        }
+        set selectedIndex(index) {
+            this.foundation?.setSelectedIndex(index);
+        }
+        /**
+         * @hidden
+         * 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);
+            if (checkboxListItems.length) {
+                const preselectedItems = this.root.querySelectorAll(strings.ARIA_CHECKED_CHECKBOX_SELECTOR);
+                this.selectedIndex = [].map.call(preselectedItems, (listItem) => this.listElements.indexOf(listItem));
+            }
+            else if (radioSelectedListItem) {
+                this.selectedIndex = this.listElements.indexOf(radioSelectedListItem);
+            }
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _wrapFocus_extraInitializers);
+        }
+    };
+    return MdcDeprecatedList = _classThis;
+})();
+export { MdcDeprecatedList };
+//# sourceMappingURL=mdc-deprecated-list.js.map

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

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

@@ -0,0 +1,7 @@
+<template role="separator" class="
+  mdc-list-divider
+  ${leadingType ? 'mdc-list-divider--with-leading-inset mdc-list-divider--with-leading-' + leadingType : ''}
+  ${trailingType ? 'mdc-list-divider--with-trailing-inset mdc-list-divider--with-trailing-' + trailingType : ''}
+  ${padded ? 'mdc-list-divider--with-leading-padding' : ''}
+  ">
+</template>

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

@@ -0,0 +1,51 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { booleanAttr } from '../../base';
+import { customElement, bindable } from 'aurelia';
+import template from './mdc-list-divider.html?raw';
+/**
+ * Optional, for list divider element
+ * @selector mdc-list-divider
+ */
+let MdcListDivider = (() => {
+    let _classDecorators = [customElement({ name: 'mdc-list-divider', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _padded_decorators;
+    let _padded_initializers = [];
+    let _padded_extraInitializers = [];
+    let _leadingType_decorators;
+    let _leadingType_initializers = [];
+    let _leadingType_extraInitializers = [];
+    let _trailingType_decorators;
+    let _trailingType_initializers = [];
+    let _trailingType_extraInitializers = [];
+    var MdcListDivider = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _padded_decorators = [bindable({ set: booleanAttr })];
+            _leadingType_decorators = [bindable()];
+            _trailingType_decorators = [bindable()];
+            __esDecorate(null, null, _padded_decorators, { kind: "field", name: "padded", static: false, private: false, access: { has: obj => "padded" in obj, get: obj => obj.padded, set: (obj, value) => { obj.padded = value; } }, metadata: _metadata }, _padded_initializers, _padded_extraInitializers);
+            __esDecorate(null, null, _leadingType_decorators, { kind: "field", name: "leadingType", static: false, private: false, access: { has: obj => "leadingType" in obj, get: obj => obj.leadingType, set: (obj, value) => { obj.leadingType = value; } }, metadata: _metadata }, _leadingType_initializers, _leadingType_extraInitializers);
+            __esDecorate(null, null, _trailingType_decorators, { kind: "field", name: "trailingType", static: false, private: false, access: { has: obj => "trailingType" in obj, get: obj => obj.trailingType, set: (obj, value) => { obj.trailingType = value; } }, metadata: _metadata }, _trailingType_initializers, _trailingType_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcListDivider = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        /** To make a divider match the padding of list items */
+        padded = __runInitializers(this, _padded_initializers, void 0);
+        /** Aligns the divider’s leading edge with the item’s content block */
+        leadingType = (__runInitializers(this, _padded_extraInitializers), __runInitializers(this, _leadingType_initializers, void 0));
+        /** Aligns the divider’s leading edge with the item’s trailing padding */
+        trailingType = (__runInitializers(this, _leadingType_extraInitializers), __runInitializers(this, _trailingType_initializers, void 0));
+        constructor() {
+            __runInitializers(this, _trailingType_extraInitializers);
+        }
+    };
+    return MdcListDivider = _classThis;
+})();
+export { MdcListDivider };
+//# sourceMappingURL=mdc-list-divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-divider.js","sourceRoot":"","sources":["../../../src/list/mdc-list-divider/mdc-list-divider.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGlD,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AAEnD;;;GAGG;IAEU,cAAc;4BAD1B,aAAa,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;kCAGnD,QAAQ,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;uCAI9B,QAAQ,EAAE;wCAIV,QAAQ,EAAE;YAPX,oKAAA,MAAM,6BAAN,MAAM,uFAAU;YAIhB,mLAAA,WAAW,6BAAX,WAAW,iGAA8B;YAIzC,sLAAA,YAAY,6BAAZ,YAAY,mGAA+B;YAX7C,6KAYC;;;YAZY,uDAAc;;QACzB,wDAAwD;QAExD,MAAM,yDAAU;QAEhB,sEAAsE;QAEtE,WAAW,oHAA8B;QAEzC,yEAAyE;QAEzE,YAAY,0HAA+B;;;;;;;SAXhC,cAAc","sourcesContent":["import { booleanAttr } from '../../base';\nimport { customElement, bindable } from 'aurelia';\nimport { MdcListItemLeading } from '../mdc-list-item/mdc-list-item-leading';\nimport { MdcListItemTrailing } from '../mdc-list-item/mdc-list-item-trailing';\nimport template from './mdc-list-divider.html?raw';\n\n/**\n * Optional, for list divider element\n * @selector mdc-list-divider\n */\n@customElement({ name: 'mdc-list-divider', template })\nexport class MdcListDivider {\n  /** To make a divider match the padding of list items */\n  @bindable({ set: booleanAttr })\n  padded: boolean;\n\n  /** Aligns the divider’s leading edge with the item’s content block */\n  @bindable()\n  leadingType: MdcListItemLeading['value'];\n\n  /** Aligns the divider’s leading edge with the item’s trailing padding */\n  @bindable()\n  trailingType: MdcListItemTrailing['value'];\n}\n"]}

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

@@ -0,0 +1,65 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement, customAttribute, inject, slotted } from 'aurelia';
+/**
+ * Optional. Wrapper around two or more mdc-list elements to be grouped together.
+ * @selector mdc-list-group
+ */
+let MdcListGroup = (() => {
+    let _classDecorators = [customElement({
+            name: 'mdc-list-group',
+            template: '<template class="mdc-list-group"><au-slot></au-slot></template>'
+        })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _headers_decorators;
+    let _headers_initializers = [];
+    let _headers_extraInitializers = [];
+    var MdcListGroup = class {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
+            _headers_decorators = [slotted({ query: 'h1,h2,h3,h4,h5,h6' })];
+            __esDecorate(null, null, _headers_decorators, { kind: "field", name: "headers", static: false, private: false, access: { has: obj => "headers" in obj, get: obj => obj.headers, set: (obj, value) => { obj.headers = value; } }, metadata: _metadata }, _headers_initializers, _headers_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcListGroup = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        headers = __runInitializers(this, _headers_initializers, void 0);
+        headersChanged() {
+            this.headers.forEach(x => x.classList.add('mdc-list-group__subheader'));
+        }
+        constructor() {
+            __runInitializers(this, _headers_extraInitializers);
+        }
+    };
+    return MdcListGroup = _classThis;
+})();
+export { MdcListGroup };
+let MdcListGroupSubheader = (() => {
+    let _classDecorators = [inject(Element), customAttribute('mdc-list-group-subheader')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcListGroupSubheader = 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);
+            MdcListGroupSubheader = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            this.root = root;
+        }
+        attached() {
+            this.root.classList.add('mdc-list-group__subheader');
+        }
+    };
+    return MdcListGroupSubheader = _classThis;
+})();
+export { MdcListGroupSubheader };
+//# sourceMappingURL=mdc-list-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list-group.js","sourceRoot":"","sources":["../../src/list/mdc-list-group.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAE1E;;;GAGG;IAKU,YAAY;4BAJxB,aAAa,CAAC;YACb,IAAI,EAAE,gBAAgB;YACtB,QAAQ,EAAE,iEAAiE;SAC5E,CAAC;;;;;;;;;;;mCAEC,OAAO,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC;YACxC,uKAAA,OAAO,6BAAP,OAAO,yFAAgB;YAFzB,6KAMC;;;YANY,uDAAY;;QAEvB,OAAO,0DAAgB;QACvB,cAAc;YACZ,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,CAAC;QAC1E,CAAC;;;;;;;SALU,YAAY;IAUZ,qBAAqB;4BAFjC,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,0BAA0B,CAAC;;;;;;;;YAC5C,6KAMC;;;YANY,uDAAqB;;QACZ,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,QAAQ;YACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;QACvD,CAAC;;;;SALU,qBAAqB","sourcesContent":["import { customElement, customAttribute, inject, slotted } from 'aurelia';\n\n/**\n * Optional. Wrapper around two or more mdc-list elements to be grouped together.\n * @selector mdc-list-group\n */\n@customElement({\n  name: 'mdc-list-group',\n  template: '<template class=\"mdc-list-group\"><au-slot></au-slot></template>'\n})\nexport class MdcListGroup {\n  @slotted({ query: 'h1,h2,h3,h4,h5,h6' })\n  headers: HTMLElement[];\n  headersChanged() {\n    this.headers.forEach(x => x.classList.add('mdc-list-group__subheader'));\n  }\n}\n\n@inject(Element)\n@customAttribute('mdc-list-group-subheader')\nexport class MdcListGroupSubheader {\n  constructor(private root: HTMLElement) { }\n\n  attached() {\n    this.root.classList.add('mdc-list-group__subheader');\n  }\n}\n"]}

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

@@ -0,0 +1,24 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { templateCompilerHooks } from 'aurelia';
+let EnhanceMdcListItem = (() => {
+    let _classDecorators = [templateCompilerHooks];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var EnhanceMdcListItem = 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);
+            EnhanceMdcListItem = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        compiling(template) {
+            template.innerHTML = template.innerHTML.replaceAll('mdc-list-item=""', 'as-element="mdc-list-item"');
+        }
+    };
+    return EnhanceMdcListItem = _classThis;
+})();
+export { EnhanceMdcListItem };
+//# sourceMappingURL=enhance-mdc-list-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"enhance-mdc-list-item.js","sourceRoot":"","sources":["../../../src/list/mdc-list-item/enhance-mdc-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;IAGnC,kBAAkB;4BAD9B,qBAAqB;;;;;;;;YACtB,6KAIC;;;YAJY,uDAAkB;;QAC7B,SAAS,CAAC,QAA2C;YACnD,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,kBAAkB,EAAC,4BAA4B,CAAC,CAAC;QACtG,CAAC;;;;SAHU,kBAAkB","sourcesContent":["import { templateCompilerHooks } from 'aurelia';\n\n@templateCompilerHooks\nexport class EnhanceMdcListItem {\n  compiling(template: HTMLElement | HTMLTemplateElement) {\n    template.innerHTML = template.innerHTML.replaceAll('mdc-list-item=\"\"','as-element=\"mdc-list-item\"');\n  }\n}\n"]}

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

@@ -0,0 +1,54 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customAttribute, inject } from 'aurelia';
+/**
+ * Optional, marks the leading control or media element
+ * @selector [mdc-list-item-leading]
+ */
+let MdcListItemLeading = (() => {
+    let _classDecorators = [customAttribute('mdc-list-item-leading'), inject(Element)];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcListItemLeading = 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);
+            MdcListItemLeading = _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('material-icons')) {
+                    value = 'icon';
+                }
+                else if (this.root.tagName === 'IMG') {
+                    value = 'image';
+                }
+            }
+            this.root.parentElement?.parentElement?.classList.add(`mdc-list-item--with-leading-${value}`);
+        }
+    };
+    return MdcListItemLeading = _classThis;
+})();
+export { MdcListItemLeading };
+//# sourceMappingURL=mdc-list-item-leading.js.map