@aurelia-mdc-web/all 9.2.2-au2 → 9.3.0-au2

package/dist/list/mdc-list.js

@@ -0,0 +1,302 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { MdcComponent, booleanAttr } from '../base';
+import { MDCListFoundation, strings, cssClasses } from '@material/list';
+import { closest, matches } from '@material/dom/ponyfill';
+import { customElement, bindable, inject, CustomElement, slotted } from 'aurelia';
+import template from './mdc-list.html?raw';
+strings.ACTION_EVENT = strings.ACTION_EVENT.toLowerCase();
+strings.SELECTION_CHANGE_EVENT = strings.SELECTION_CHANGE_EVENT.toLowerCase();
+export const mdcListStrings = {
+    ITEMS_CHANGED: 'mdclist:itemschanged'
+};
+/**
+ * @selector mdc-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 MdcList = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-list', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _singleSelection_decorators;
+    let _singleSelection_initializers = [];
+    let _singleSelection_extraInitializers = [];
+    let _activated_decorators;
+    let _activated_initializers = [];
+    let _activated_extraInitializers = [];
+    let _itemElements_decorators;
+    let _itemElements_initializers = [];
+    let _itemElements_extraInitializers = [];
+    let _typeahead_decorators;
+    let _typeahead_initializers = [];
+    let _typeahead_extraInitializers = [];
+    let _nonInteractive_decorators;
+    let _nonInteractive_initializers = [];
+    let _nonInteractive_extraInitializers = [];
+    let _wrapFocus_decorators;
+    let _wrapFocus_initializers = [];
+    let _wrapFocus_extraInitializers = [];
+    var MdcList = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _singleSelection_decorators = [bindable({ set: booleanAttr })];
+            _activated_decorators = [bindable({ set: booleanAttr })];
+            _itemElements_decorators = [slotted({ query: 'mdc-list-item' })];
+            _typeahead_decorators = [bindable({ set: booleanAttr })];
+            _nonInteractive_decorators = [bindable({ set: booleanAttr })];
+            _wrapFocus_decorators = [bindable({ set: booleanAttr })];
+            __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, _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, _nonInteractive_decorators, { kind: "field", name: "nonInteractive", static: false, private: false, access: { has: obj => "nonInteractive" in obj, get: obj => obj.nonInteractive, set: (obj, value) => { obj.nonInteractive = value; } }, metadata: _metadata }, _nonInteractive_initializers, _nonInteractive_extraInitializers);
+            __esDecorate(null, null, _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);
+            MdcList = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        cssClasses = cssClasses;
+        /** 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, _singleSelection_initializers, void 0);
+        singleSelectionChanged() {
+            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));
+        activatedChanged() {
+            this.foundation?.setUseActivatedClass(this.activated);
+        }
+        itemElements = (__runInitializers(this, _activated_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));
+        typeaheadChanged(hasTypeahead) {
+            this.foundation?.setHasTypeahead(hasTypeahead);
+        }
+        /** Prevent list items receive styles for hover, focus, and press states (including the ripple) */
+        nonInteractive = (__runInitializers(this, _typeahead_extraInitializers), __runInitializers(this, _nonInteractive_initializers, void 0));
+        /** 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, _nonInteractive_extraInitializers), __runInitializers(this, _wrapFocus_initializers, void 0));
+        wrapFocusChanged() {
+            this.foundation?.setWrapFocus(this.wrapFocus);
+        }
+        initialSyncWithDOM() {
+            this.singleSelectionChanged();
+            this.activatedChanged();
+            this.typeaheadChanged(this.typeahead);
+            this.wrapFocusChanged();
+            this.layout();
+            this.initializeListType();
+        }
+        get listElements() {
+            return Array.from(this.root.querySelectorAll(`.${cssClasses.LIST_ITEM_CLASS}`));
+        }
+        /**
+         * 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(`.${cssClasses.LIST_ITEM_PRIMARY_TEXT_CLASS}`);
+            if (primaryText) {
+                return primaryText.textContent ?? '';
+            }
+            const singleLineText = item.querySelector(`.${cssClasses.LIST_ITEM_TEXT_CLASS}`);
+            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, `.${cssClasses.LIST_ITEM_CLASS}, .${cssClasses.ROOT}`);
+            // Get the index of the element if it is a list item.
+            if (nearestParent && matches(nearestParent, `.${cssClasses.LIST_ITEM_CLASS}`)) {
+                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(cssClasses.LIST_ITEM_CLASS), 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 isCheckboxAlreadyUpdatedInAdapter = matches(target, strings.CHECKBOX_RADIO_SELECTOR);
+            this.foundation?.handleClick(index, isCheckboxAlreadyUpdatedInAdapter, evt);
+            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() {
+            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 MdcList = _classThis;
+})();
+export { MdcList };
+//# sourceMappingURL=mdc-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-list.js","sourceRoot":"","sources":["../../src/list/mdc-list.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr } from '../base';\nimport { MDCListFoundation, MDCListAdapter, strings, cssClasses, MDCListIndex, MDCListSelectionChangeDetail } from '@material/list';\nimport { closest, matches } from '@material/dom/ponyfill';\nimport { MdcListItem, IMdcListActionEventDetail } from './mdc-list-item/mdc-list-item';\nimport { customElement, bindable, inject, CustomElement, slotted } from 'aurelia';\nimport template from './mdc-list.html?raw';\n\nstrings.ACTION_EVENT = strings.ACTION_EVENT.toLowerCase();\nstrings.SELECTION_CHANGE_EVENT = strings.SELECTION_CHANGE_EVENT.toLowerCase();\n\nexport const mdcListStrings = {\n  ITEMS_CHANGED: 'mdclist:itemschanged'\n};\n\n/**\n * @selector mdc-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-list', template })\nexport class MdcList extends MdcComponent<MDCListFoundation> {\n\n  cssClasses = cssClasses;\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  singleSelectionChanged() {\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  activatedChanged() {\n    this.foundation?.setUseActivatedClass(this.activated);\n  }\n\n  @slotted({ query: 'mdc-list-item' })\n  itemElements: HTMLElement[];\n  itemsChanged() {\n    this.emit(mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);\n  }\n\n  get items(): MdcListItem[] {\n    return (this.itemElements ?? []).map(x => CustomElement.for<MdcListItem>(x).viewModel);\n  }\n\n  @bindable({ set: booleanAttr })\n  typeahead: boolean;\n  typeaheadChanged(hasTypeahead: boolean) {\n    this.foundation?.setHasTypeahead(hasTypeahead);\n  }\n\n  /** Prevent list items receive styles for hover, focus, and press states (including the ripple) */\n  @bindable({ set: booleanAttr })\n  nonInteractive: boolean;\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  wrapFocusChanged() {\n    this.foundation?.setWrapFocus(this.wrapFocus);\n  }\n\n  initialSyncWithDOM() {\n    this.singleSelectionChanged();\n    this.activatedChanged();\n    this.typeaheadChanged(this.typeahead);\n    this.wrapFocusChanged();\n    this.layout();\n    this.initializeListType();\n  }\n\n  get listElements(): Element[] {\n    return Array.from(this.root.querySelectorAll(`.${cssClasses.LIST_ITEM_CLASS}`));\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(`.${cssClasses.LIST_ITEM_PRIMARY_TEXT_CLASS}`);\n    if (primaryText) {\n      return primaryText.textContent ?? '';\n    }\n\n    const singleLineText = item.querySelector(`.${cssClasses.LIST_ITEM_TEXT_CLASS}`);\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<MdcListItem>(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, `.${cssClasses.LIST_ITEM_CLASS}, .${cssClasses.ROOT}`);\n\n    // Get the index of the element if it is a list item.\n    if (nearestParent && matches(nearestParent, `.${cssClasses.LIST_ITEM_CLASS}`)) {\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(cssClasses.LIST_ITEM_CLASS), 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 isCheckboxAlreadyUpdatedInAdapter = matches(target, strings.CHECKBOX_RADIO_SELECTOR);\n    this.foundation?.handleClick(index, isCheckboxAlreadyUpdatedInAdapter, evt);\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    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 IMdcListElement extends HTMLElement {\n  $au: {\n    'au:resource:custom-element': {\n      viewModel: MdcList;\n    };\n  };\n}\n\n"]}

package/dist/lookup/discardable-promise.js

@@ -0,0 +1,25 @@
+/**
+ * A wrapper-promise which rejects when discarded
+ */
+export class DiscardablePromise {
+    promise;
+    constructor(promise) {
+        this.promise = promise;
+    }
+    static discarded = Symbol('discarded');
+    isDiscarded;
+    then(onfulfilled, onrejected) {
+        return this.promise.then(async (x) => {
+            if (this.isDiscarded) {
+                return Promise.reject(DiscardablePromise.discarded);
+            }
+            else {
+                return Promise.resolve(x);
+            }
+        }).then(onfulfilled, onrejected);
+    }
+    discard() {
+        this.isDiscarded = true;
+    }
+}
+//# sourceMappingURL=discardable-promise.js.map

package/dist/lookup/discardable-promise.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"discardable-promise.js","sourceRoot":"","sources":["../../src/lookup/discardable-promise.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,OAAO,kBAAkB;IACT;IAApB,YAAoB,OAAmB;QAAnB,YAAO,GAAP,OAAO,CAAY;IAAI,CAAC;IAE5C,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAEvC,WAAW,CAAU;IAErB,IAAI,CAAiC,WAA4D,EAAE,UAAkE;QACnK,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAC,CAAC,EAAC,EAAE;YACjC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,OAAO,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;YACtD,CAAC;iBAAM,CAAC;gBACN,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IACnC,CAAC;IAED,OAAO;QACL,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC","sourcesContent":["/**\n * A wrapper-promise which rejects when discarded\n */\nexport class DiscardablePromise<T> implements PromiseLike<T> {\n  constructor(private promise: Promise<T>) { }\n\n  static discarded = Symbol('discarded');\n\n  isDiscarded: boolean;\n\n  then<TResult1 = T, TResult2 = never>(onfulfilled?: (value: T) => TResult1 | PromiseLike<TResult1>, onrejected?: (reason: unknown) => TResult2 | PromiseLike<TResult2>): PromiseLike<TResult1 | TResult2> {\n    return this.promise.then(async x => {\n      if (this.isDiscarded) {\n        return Promise.reject(DiscardablePromise.discarded);\n      } else {\n        return Promise.resolve(x);\n      }\n    }).then(onfulfilled, onrejected);\n  }\n\n  discard() {\n    this.isDiscarded = true;\n  }\n}\n"]}

package/dist/lookup/mdc-lookup-configuration.js

@@ -0,0 +1,10 @@
+/** Configuration object */
+export class MdcDefaultLookupConfiguration {
+    /** Default debounce time in milliseconds */
+    debounce = 850;
+    /** Default message displayed while async options function is being executed */
+    searchingMessage = 'Searching...';
+    /** Default message displayed when options are not found */
+    notFoundMessage = 'Not found';
+}
+//# sourceMappingURL=mdc-lookup-configuration.js.map

package/dist/lookup/mdc-lookup-configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-lookup-configuration.js","sourceRoot":"","sources":["../../src/lookup/mdc-lookup-configuration.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,MAAM,OAAO,6BAA6B;IACxC,4CAA4C;IACrC,QAAQ,GAAW,GAAG,CAAC;IAE9B,+EAA+E;IACxE,gBAAgB,GAAW,cAAc,CAAC;IAEjD,2DAA2D;IACpD,eAAe,GAAW,WAAW,CAAC;CAC9C","sourcesContent":["/** Configuration object */\nexport class MdcDefaultLookupConfiguration {\n  /** Default debounce time in milliseconds */\n  public debounce: number = 850;\n\n  /** Default message displayed while async options function is being executed */\n  public searchingMessage: string = 'Searching...';\n\n  /** Default message displayed when options are not found */\n  public notFoundMessage: string = 'Not found';\n}\n"]}

package/dist/lookup/mdc-lookup.html

@@ -0,0 +1,27 @@
+<template class="mdc-lookup">
+  <mdc-menu component.ref="menu" mdcmenu:selected.trigger="handleMenuItemAction($event)" anchor-corner="BOTTOM_LEFT"
+    anchor.bind="input" hoist-to-body.bind="hoistToBody" class="${menuClass}" select-on-tab.bind="selectOnTab" stay-open
+    mdc-menu-surface.ref="menuSurface" keydown.trigger="handleMenuKeydown($event)">
+    <mdc-list role="menu" wrap-focus>
+
+      <au-slot if.bind="searching" name="searching">
+        <mdc-list-item two-line.bind="twoLine">${defaultConfiguration.searchingMessage}</mdc-list-item>
+      </au-slot>
+
+      <au-slot if.bind="errorMessage" name="error">
+        <mdc-list-item two-line.bind="twoLine">${errorMessage}</mdc-list-item>
+      </au-slot>
+
+      <au-slot if.bind="optionsArray && !optionsArray.length" name="not-found">
+        <mdc-list-item two-line.bind="twoLine">
+          ${defaultConfiguration.notFoundMessage}
+        </mdc-list-item>
+      </au-slot>
+
+      <mdc-list-item role="menuitem" repeat.for="option of optionsArray" value.bind="option" tabindex="-1"
+        two-line.bind="twoLine">
+        <au-slot name="option">${getDisplay(option)}</au-slot>
+      </mdc-list-item>
+    </mdc-list>
+  </mdc-menu>
+</template>