@aurelia-mdc-web/all 9.3.3-au2 → 9.3.5-au2

package/dist/list/mdc-list.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcList = 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_list_html_raw_1 = tslib_1.__importDefault(require("./mdc-list.html?raw"));
-list_1.strings.ACTION_EVENT = list_1.strings.ACTION_EVENT.toLowerCase();
-list_1.strings.SELECTION_CHANGE_EVENT = list_1.strings.SELECTION_CHANGE_EVENT.toLowerCase();
-exports.mdcListStrings = {
+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'
 };
 /**
@@ -18,11 +15,11 @@ exports.mdcListStrings = {
  * @emits mdclist:itemschanged | Indicates that the list of items has changed
  */
 let MdcList = (() => {
-    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-list', template: mdc_list_html_raw_1.default })];
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-list', template })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = base_1.MdcComponent;
+    let _classSuper = MdcComponent;
     let _singleSelection_decorators;
     let _singleSelection_initializers = [];
     let _singleSelection_extraInitializers = [];
@@ -45,49 +42,49 @@ let MdcList = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _singleSelection_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _activated_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _itemElements_decorators = [(0, aurelia_1.slotted)({ query: 'mdc-list-item' })];
-            _typeahead_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _nonInteractive_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            _wrapFocus_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
-            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, _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, _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);
-            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);
+            _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 });
-            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+            __runInitializers(_classThis, _classExtraInitializers);
         }
-        cssClasses = list_1.cssClasses;
+        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 = tslib_1.__runInitializers(this, _singleSelection_initializers, void 0);
+        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 = (tslib_1.__runInitializers(this, _singleSelection_extraInitializers), tslib_1.__runInitializers(this, _activated_initializers, void 0));
+        activated = (__runInitializers(this, _singleSelection_extraInitializers), __runInitializers(this, _activated_initializers, void 0));
         activatedChanged() {
             this.foundation?.setUseActivatedClass(this.activated);
         }
-        itemElements = (tslib_1.__runInitializers(this, _activated_extraInitializers), tslib_1.__runInitializers(this, _itemElements_initializers, void 0));
+        itemElements = (__runInitializers(this, _activated_extraInitializers), __runInitializers(this, _itemElements_initializers, void 0));
         itemsChanged() {
-            this.emit(exports.mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);
+            this.emit(mdcListStrings.ITEMS_CHANGED, { items: this.itemElements }, true);
         }
         get items() {
-            return (this.itemElements ?? []).map(x => aurelia_1.CustomElement.for(x).viewModel);
+            return (this.itemElements ?? []).map(x => CustomElement.for(x).viewModel);
         }
-        typeahead = (tslib_1.__runInitializers(this, _itemElements_extraInitializers), tslib_1.__runInitializers(this, _typeahead_initializers, void 0));
+        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 = (tslib_1.__runInitializers(this, _typeahead_extraInitializers), tslib_1.__runInitializers(this, _nonInteractive_initializers, void 0));
+        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 = (tslib_1.__runInitializers(this, _nonInteractive_extraInitializers), tslib_1.__runInitializers(this, _wrapFocus_initializers, void 0));
+        wrapFocus = (__runInitializers(this, _nonInteractive_extraInitializers), __runInitializers(this, _wrapFocus_initializers, void 0));
         wrapFocusChanged() {
             this.foundation?.setWrapFocus(this.wrapFocus);
         }
@@ -100,7 +97,7 @@ let MdcList = (() => {
             this.initializeListType();
         }
         get listElements() {
-            return Array.from(this.root.querySelectorAll(`.${list_1.cssClasses.LIST_ITEM_CLASS}`));
+            return Array.from(this.root.querySelectorAll(`.${cssClasses.LIST_ITEM_CLASS}`));
         }
         /**
          * Extracts the primary text from a list item.
@@ -108,11 +105,11 @@ let MdcList = (() => {
          * @return The primary text in the element.
          */
         getPrimaryText(item) {
-            const primaryText = item.querySelector(`.${list_1.cssClasses.LIST_ITEM_PRIMARY_TEXT_CLASS}`);
+            const primaryText = item.querySelector(`.${cssClasses.LIST_ITEM_PRIMARY_TEXT_CLASS}`);
             if (primaryText) {
                 return primaryText.textContent ?? '';
             }
-            const singleLineText = item.querySelector(`.${list_1.cssClasses.LIST_ITEM_TEXT_CLASS}`);
+            const singleLineText = item.querySelector(`.${cssClasses.LIST_ITEM_TEXT_CLASS}`);
             return singleLineText?.textContent ?? '';
         }
         getDefaultFoundation() {
@@ -137,15 +134,15 @@ let MdcList = (() => {
                 getPrimaryTextAtIndex: (index) => this.getPrimaryText(this.listElements[index]),
                 hasCheckboxAtIndex: (index) => {
                     const listItem = this.listElements[index];
-                    return !!listItem.querySelector(list_1.strings.CHECKBOX_SELECTOR);
+                    return !!listItem.querySelector(strings.CHECKBOX_SELECTOR);
                 },
                 hasRadioAtIndex: (index) => {
                     const listItem = this.listElements[index];
-                    return !!listItem.querySelector(list_1.strings.RADIO_SELECTOR);
+                    return !!listItem.querySelector(strings.RADIO_SELECTOR);
                 },
                 isCheckboxCheckedAtIndex: (index) => {
                     const listItem = this.listElements[index];
-                    const toggleEl = listItem.querySelector(list_1.strings.CHECKBOX_SELECTOR);
+                    const toggleEl = listItem.querySelector(strings.CHECKBOX_SELECTOR);
                     return toggleEl.checked;
                 },
                 isFocusInsideList: () => {
@@ -156,12 +153,12 @@ let MdcList = (() => {
                 notifyAction: (index) => {
                     const listItem = this.listElements[index];
                     if (!listItem.hasAttribute('no-list-action')) {
-                        const data = aurelia_1.CustomElement.for(listItem).viewModel.value;
-                        this.emit(list_1.strings.ACTION_EVENT, { index, data }, /** shouldBubble */ true);
+                        const data = CustomElement.for(listItem).viewModel.value;
+                        this.emit(strings.ACTION_EVENT, { index, data }, /** shouldBubble */ true);
                     }
                 },
                 notifySelectionChange: (changedIndices) => {
-                    this.emit(list_1.strings.SELECTION_CHANGE_EVENT, { changedIndices }, /** shouldBubble */ true);
+                    this.emit(strings.SELECTION_CHANGE_EVENT, { changedIndices }, /** shouldBubble */ true);
                 },
                 removeClassForElementIndex: (index, className) => {
                     const element = this.listElements[index];
@@ -177,7 +174,7 @@ let MdcList = (() => {
                 },
                 setCheckedCheckboxOrRadioAtIndex: (index, isChecked) => {
                     const listItem = this.listElements[index];
-                    const toggleEl = listItem.querySelector(list_1.strings.CHECKBOX_RADIO_SELECTOR);
+                    const toggleEl = listItem.querySelector(strings.CHECKBOX_RADIO_SELECTOR);
                     if (toggleEl?.disabled) {
                         return;
                     }
@@ -188,11 +185,11 @@ let MdcList = (() => {
                 },
                 setTabIndexForListItemChildren: (listItemIndex, tabIndexValue) => {
                     const element = this.listElements[listItemIndex];
-                    const listItemChildren = [].slice.call(element.querySelectorAll(list_1.strings.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX));
+                    const listItemChildren = [].slice.call(element.querySelectorAll(strings.CHILD_ELEMENTS_TO_TOGGLE_TABINDEX));
                     listItemChildren.forEach((el) => el.setAttribute('tabindex', tabIndexValue));
                 },
             };
-            return new list_1.MDCListFoundation(adapter);
+            return new MDCListFoundation(adapter);
         }
         /**
          * @hidden
@@ -201,9 +198,9 @@ let MdcList = (() => {
          */
         getListItemIndex_(evt) {
             const eventTarget = evt.target;
-            const nearestParent = (0, ponyfill_1.closest)(eventTarget, `.${list_1.cssClasses.LIST_ITEM_CLASS}, .${list_1.cssClasses.ROOT}`);
+            const nearestParent = closest(eventTarget, `.${cssClasses.LIST_ITEM_CLASS}, .${cssClasses.ROOT}`);
             // Get the index of the element if it is a list item.
-            if (nearestParent && (0, ponyfill_1.matches)(nearestParent, `.${list_1.cssClasses.LIST_ITEM_CLASS}`)) {
+            if (nearestParent && matches(nearestParent, `.${cssClasses.LIST_ITEM_CLASS}`)) {
                 return this.listElements.indexOf(nearestParent);
             }
             return -1;
@@ -233,7 +230,7 @@ let MdcList = (() => {
             const index = this.getListItemIndex_(evt);
             const target = evt.target;
             if (!target.hasAttribute('not-selectable')) {
-                this.foundation?.handleKeydown(evt, target.classList.contains(list_1.cssClasses.LIST_ITEM_CLASS), index);
+                this.foundation?.handleKeydown(evt, target.classList.contains(cssClasses.LIST_ITEM_CLASS), index);
             }
             return true;
         }
@@ -245,7 +242,7 @@ let MdcList = (() => {
             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 = (0, ponyfill_1.matches)(target, list_1.strings.CHECKBOX_RADIO_SELECTOR);
+            const isCheckboxAlreadyUpdatedInAdapter = matches(target, strings.CHECKBOX_RADIO_SELECTOR);
             this.foundation?.handleClick(index, isCheckboxAlreadyUpdatedInAdapter, evt);
             return true;
         }
@@ -284,10 +281,10 @@ let MdcList = (() => {
          * Initialize selectedIndex value based on pre-selected checkbox list items, single selection or radio.
          */
         initializeListType() {
-            const checkboxListItems = this.root.querySelectorAll(list_1.strings.ARIA_ROLE_CHECKBOX_SELECTOR);
-            const radioSelectedListItem = this.root.querySelector(list_1.strings.ARIA_CHECKED_RADIO_SELECTOR);
+            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(list_1.strings.ARIA_CHECKED_CHECKBOX_SELECTOR);
+                const preselectedItems = this.root.querySelectorAll(strings.ARIA_CHECKED_CHECKBOX_SELECTOR);
                 this.selectedIndex = [].map.call(preselectedItems, (listItem) => this.listElements.indexOf(listItem));
             }
             else if (radioSelectedListItem) {
@@ -296,10 +293,10 @@ let MdcList = (() => {
         }
         constructor() {
             super(...arguments);
-            tslib_1.__runInitializers(this, _wrapFocus_extraInitializers);
+            __runInitializers(this, _wrapFocus_extraInitializers);
         }
     };
     return MdcList = _classThis;
 })();
-exports.MdcList = MdcList;
+export { MdcList };
 //# sourceMappingURL=mdc-list.js.map

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

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

package/dist/list/styles/_index.scss

@@ -0,0 +1 @@
+@forward './mdc-list.scss';

package/dist/list/styles/mdc-list.import.scss

@@ -0,0 +1 @@
+@forward './mdc-list.scss';

package/dist/list/styles/mdc-list.scss

@@ -0,0 +1,6 @@
+.mdc-list,
+.mdc-list-divider,
+.mdc-deprecated-list,
+.mdc-deprecated-list-divider {
+  display: block;
+}

package/dist/lookup/discardable-promise.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DiscardablePromise = void 0;
 /**
  * A wrapper-promise which rejects when discarded
  */
-class DiscardablePromise {
+export class DiscardablePromise {
     promise;
     constructor(promise) {
         this.promise = promise;
@@ -25,5 +22,4 @@ class DiscardablePromise {
         this.isDiscarded = true;
     }
 }
-exports.DiscardablePromise = DiscardablePromise;
 //# sourceMappingURL=discardable-promise.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"discardable-promise.js","sourceRoot":"","sources":["../../src/lookup/discardable-promise.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACH,MAAa,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;;AAnBH,gDAoBC","sourcesContent":["/**\r\n * A wrapper-promise which rejects when discarded\r\n */\r\nexport class DiscardablePromise<T> implements PromiseLike<T> {\r\n  constructor(private promise: Promise<T>) { }\r\n\r\n  static discarded = Symbol('discarded');\r\n\r\n  isDiscarded: boolean;\r\n\r\n  then<TResult1 = T, TResult2 = never>(onfulfilled?: (value: T) => TResult1 | PromiseLike<TResult1>, onrejected?: (reason: unknown) => TResult2 | PromiseLike<TResult2>): PromiseLike<TResult1 | TResult2> {\r\n    return this.promise.then(async x => {\r\n      if (this.isDiscarded) {\r\n        return Promise.reject(DiscardablePromise.discarded);\r\n      } else {\r\n        return Promise.resolve(x);\r\n      }\r\n    }).then(onfulfilled, onrejected);\r\n  }\r\n\r\n  discard() {\r\n    this.isDiscarded = true;\r\n  }\r\n}\r\n"]}
+{"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":["/**\r\n * A wrapper-promise which rejects when discarded\r\n */\r\nexport class DiscardablePromise<T> implements PromiseLike<T> {\r\n  constructor(private promise: Promise<T>) { }\r\n\r\n  static discarded = Symbol('discarded');\r\n\r\n  isDiscarded: boolean;\r\n\r\n  then<TResult1 = T, TResult2 = never>(onfulfilled?: (value: T) => TResult1 | PromiseLike<TResult1>, onrejected?: (reason: unknown) => TResult2 | PromiseLike<TResult2>): PromiseLike<TResult1 | TResult2> {\r\n    return this.promise.then(async x => {\r\n      if (this.isDiscarded) {\r\n        return Promise.reject(DiscardablePromise.discarded);\r\n      } else {\r\n        return Promise.resolve(x);\r\n      }\r\n    }).then(onfulfilled, onrejected);\r\n  }\r\n\r\n  discard() {\r\n    this.isDiscarded = true;\r\n  }\r\n}\r\n"]}

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

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MdcDefaultLookupConfiguration = void 0;
 /** Configuration object */
-class MdcDefaultLookupConfiguration {
+export class MdcDefaultLookupConfiguration {
     /** Default debounce time in milliseconds */
     debounce = 850;
     /** Default message displayed while async options function is being executed */
@@ -10,5 +7,4 @@ class MdcDefaultLookupConfiguration {
     /** Default message displayed when options are not found */
     notFoundMessage = 'Not found';
 }
-exports.MdcDefaultLookupConfiguration = MdcDefaultLookupConfiguration;
 //# sourceMappingURL=mdc-lookup-configuration.js.map

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

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