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

package/dist/menu/mdc-menu.js

@@ -0,0 +1,362 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { MdcComponent, booleanAttr, number } from '../base';
+import { MDCMenuFoundation, DefaultFocusState, strings, cssClasses } from '@material/menu';
+import { numbers as listConstants } from '@material/list/constants';
+import { closest } from '@material/dom/ponyfill';
+import { inject, customElement, bindable, BindingMode } from 'aurelia';
+import { CustomElement } from '@aurelia/runtime-html';
+import template from './mdc-menu.html?raw';
+strings.SELECTED_EVENT = strings.SELECTED_EVENT.toLowerCase();
+/**
+ * @selector mdc-menu
+ * @emits mdcmenu:selected | Indicates that a menu item has been selected
+ */
+let MdcMenu = (() => {
+    let _classDecorators = [inject(Element), customElement({ name: 'mdc-menu', template })];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = MdcComponent;
+    let _fixed_decorators;
+    let _fixed_initializers = [];
+    let _fixed_extraInitializers = [];
+    let _typeahead_decorators;
+    let _typeahead_initializers = [];
+    let _typeahead_extraInitializers = [];
+    let _hoistToBody_decorators;
+    let _hoistToBody_initializers = [];
+    let _hoistToBody_extraInitializers = [];
+    let _anchor_decorators;
+    let _anchor_initializers = [];
+    let _anchor_extraInitializers = [];
+    let _defaultFocusState_decorators;
+    let _defaultFocusState_initializers = [];
+    let _defaultFocusState_extraInitializers = [];
+    let _anchorCorner_decorators;
+    let _anchorCorner_initializers = [];
+    let _anchorCorner_extraInitializers = [];
+    let _anchorMargin_decorators;
+    let _anchorMargin_initializers = [];
+    let _anchorMargin_extraInitializers = [];
+    let _quickOpen_decorators;
+    let _quickOpen_initializers = [];
+    let _quickOpen_extraInitializers = [];
+    let _stayOpenOnSelection_decorators;
+    let _stayOpenOnSelection_initializers = [];
+    let _stayOpenOnSelection_extraInitializers = [];
+    let _maxHeight_decorators;
+    let _maxHeight_initializers = [];
+    let _maxHeight_extraInitializers = [];
+    let _openBottomBias_decorators;
+    let _openBottomBias_initializers = [];
+    let _openBottomBias_extraInitializers = [];
+    let _skipRestoreFocus_decorators;
+    let _skipRestoreFocus_initializers = [];
+    let _skipRestoreFocus_extraInitializers = [];
+    let _selectOnTab_decorators;
+    let _selectOnTab_initializers = [];
+    let _selectOnTab_extraInitializers = [];
+    let _stayOpen_decorators;
+    let _stayOpen_initializers = [];
+    let _stayOpen_extraInitializers = [];
+    var MdcMenu = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _fixed_decorators = [bindable({ set: booleanAttr })];
+            _typeahead_decorators = [bindable({ set: booleanAttr })];
+            _hoistToBody_decorators = [bindable({ set: booleanAttr, mode: BindingMode.oneTime })];
+            _anchor_decorators = [bindable()];
+            _defaultFocusState_decorators = [bindable()];
+            _anchorCorner_decorators = [bindable()];
+            _anchorMargin_decorators = [bindable()];
+            _quickOpen_decorators = [bindable({ set: booleanAttr })];
+            _stayOpenOnSelection_decorators = [bindable({ set: booleanAttr })];
+            _maxHeight_decorators = [bindable()];
+            _openBottomBias_decorators = [bindable({ set: number })];
+            _skipRestoreFocus_decorators = [bindable({ set: booleanAttr })];
+            _selectOnTab_decorators = [bindable({ set: booleanAttr })];
+            _stayOpen_decorators = [bindable({ set: booleanAttr })];
+            __esDecorate(null, null, _fixed_decorators, { kind: "field", name: "fixed", static: false, private: false, access: { has: obj => "fixed" in obj, get: obj => obj.fixed, set: (obj, value) => { obj.fixed = value; } }, metadata: _metadata }, _fixed_initializers, _fixed_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, _hoistToBody_decorators, { kind: "field", name: "hoistToBody", static: false, private: false, access: { has: obj => "hoistToBody" in obj, get: obj => obj.hoistToBody, set: (obj, value) => { obj.hoistToBody = value; } }, metadata: _metadata }, _hoistToBody_initializers, _hoistToBody_extraInitializers);
+            __esDecorate(null, null, _anchor_decorators, { kind: "field", name: "anchor", static: false, private: false, access: { has: obj => "anchor" in obj, get: obj => obj.anchor, set: (obj, value) => { obj.anchor = value; } }, metadata: _metadata }, _anchor_initializers, _anchor_extraInitializers);
+            __esDecorate(null, null, _defaultFocusState_decorators, { kind: "field", name: "defaultFocusState", static: false, private: false, access: { has: obj => "defaultFocusState" in obj, get: obj => obj.defaultFocusState, set: (obj, value) => { obj.defaultFocusState = value; } }, metadata: _metadata }, _defaultFocusState_initializers, _defaultFocusState_extraInitializers);
+            __esDecorate(null, null, _anchorCorner_decorators, { kind: "field", name: "anchorCorner", static: false, private: false, access: { has: obj => "anchorCorner" in obj, get: obj => obj.anchorCorner, set: (obj, value) => { obj.anchorCorner = value; } }, metadata: _metadata }, _anchorCorner_initializers, _anchorCorner_extraInitializers);
+            __esDecorate(null, null, _anchorMargin_decorators, { kind: "field", name: "anchorMargin", static: false, private: false, access: { has: obj => "anchorMargin" in obj, get: obj => obj.anchorMargin, set: (obj, value) => { obj.anchorMargin = value; } }, metadata: _metadata }, _anchorMargin_initializers, _anchorMargin_extraInitializers);
+            __esDecorate(null, null, _quickOpen_decorators, { kind: "field", name: "quickOpen", static: false, private: false, access: { has: obj => "quickOpen" in obj, get: obj => obj.quickOpen, set: (obj, value) => { obj.quickOpen = value; } }, metadata: _metadata }, _quickOpen_initializers, _quickOpen_extraInitializers);
+            __esDecorate(null, null, _stayOpenOnSelection_decorators, { kind: "field", name: "stayOpenOnSelection", static: false, private: false, access: { has: obj => "stayOpenOnSelection" in obj, get: obj => obj.stayOpenOnSelection, set: (obj, value) => { obj.stayOpenOnSelection = value; } }, metadata: _metadata }, _stayOpenOnSelection_initializers, _stayOpenOnSelection_extraInitializers);
+            __esDecorate(null, null, _maxHeight_decorators, { kind: "field", name: "maxHeight", static: false, private: false, access: { has: obj => "maxHeight" in obj, get: obj => obj.maxHeight, set: (obj, value) => { obj.maxHeight = value; } }, metadata: _metadata }, _maxHeight_initializers, _maxHeight_extraInitializers);
+            __esDecorate(null, null, _openBottomBias_decorators, { kind: "field", name: "openBottomBias", static: false, private: false, access: { has: obj => "openBottomBias" in obj, get: obj => obj.openBottomBias, set: (obj, value) => { obj.openBottomBias = value; } }, metadata: _metadata }, _openBottomBias_initializers, _openBottomBias_extraInitializers);
+            __esDecorate(null, null, _skipRestoreFocus_decorators, { kind: "field", name: "skipRestoreFocus", static: false, private: false, access: { has: obj => "skipRestoreFocus" in obj, get: obj => obj.skipRestoreFocus, set: (obj, value) => { obj.skipRestoreFocus = value; } }, metadata: _metadata }, _skipRestoreFocus_initializers, _skipRestoreFocus_extraInitializers);
+            __esDecorate(null, null, _selectOnTab_decorators, { kind: "field", name: "selectOnTab", static: false, private: false, access: { has: obj => "selectOnTab" in obj, get: obj => obj.selectOnTab, set: (obj, value) => { obj.selectOnTab = value; } }, metadata: _metadata }, _selectOnTab_initializers, _selectOnTab_extraInitializers);
+            __esDecorate(null, null, _stayOpen_decorators, { kind: "field", name: "stayOpen", static: false, private: false, access: { has: obj => "stayOpen" in obj, get: obj => obj.stayOpen, set: (obj, value) => { obj.stayOpen = value; } }, metadata: _metadata }, _stayOpen_initializers, _stayOpen_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            MdcMenu = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        menuSurface; // assigned in html
+        // TODO: can we use child here?
+        // @child('mdc-list')
+        get list_() {
+            const el = this.root.querySelector('mdc-list,mdc-deprecated-list');
+            return el ? CustomElement.for(el).viewModel : undefined;
+        }
+        /** Used to indicate that the menu is using fixed positioning */
+        fixed = __runInitializers(this, _fixed_initializers, void 0);
+        typeahead = (__runInitializers(this, _fixed_extraInitializers), __runInitializers(this, _typeahead_initializers, void 0));
+        typeaheadChanged() {
+            if (this.list_ && this.typeahead !== undefined) {
+                setTimeout(() => { this.list_.typeahead = this.typeahead; }, 0);
+            }
+        }
+        /** Makes the menu element direct child of the body */
+        hoistToBody = (__runInitializers(this, _typeahead_extraInitializers), __runInitializers(this, _hoistToBody_initializers, void 0));
+        /** Set to indicate an element the menu should be anchored to */
+        anchor = (__runInitializers(this, _hoistToBody_extraInitializers), __runInitializers(this, _anchor_initializers, void 0));
+        /** Sets default focus state where the menu should focus every time when menu is opened. Focuses the list root ('list') element by default. */
+        defaultFocusState = (__runInitializers(this, _anchor_extraInitializers), __runInitializers(this, _defaultFocusState_initializers, 'LIST_ROOT'));
+        defaultFocusStateChanged() {
+            this.foundation?.setDefaultFocusState(DefaultFocusState[this.defaultFocusState]);
+        }
+        /** Override the opening point of the menu. (Default: TOP_START) */
+        anchorCorner = (__runInitializers(this, _defaultFocusState_extraInitializers), __runInitializers(this, _anchorCorner_initializers, void 0));
+        /** Sets the distance from the anchor point that the menu surface should be shown */
+        anchorMargin = (__runInitializers(this, _anchorCorner_extraInitializers), __runInitializers(this, _anchorMargin_initializers, void 0));
+        /** Sets whether the menu should open and close without animation when the open/close methods are called */
+        quickOpen = (__runInitializers(this, _anchorMargin_extraInitializers), __runInitializers(this, _quickOpen_initializers, void 0));
+        /** Sets whether the menu surface should stay open after item selection */
+        stayOpenOnSelection = (__runInitializers(this, _quickOpen_extraInitializers), __runInitializers(this, _stayOpenOnSelection_initializers, void 0));
+        maxHeight = (__runInitializers(this, _stayOpenOnSelection_extraInitializers), __runInitializers(this, _maxHeight_initializers, void 0));
+        openBottomBias = (__runInitializers(this, _maxHeight_extraInitializers), __runInitializers(this, _openBottomBias_initializers, void 0));
+        /** Sets whether focus should be restored after the menu is closed */
+        skipRestoreFocus = (__runInitializers(this, _openBottomBias_extraInitializers), __runInitializers(this, _skipRestoreFocus_initializers, void 0));
+        skipRestoreFocusChanged() {
+            if (this.skipRestoreFocus) {
+                this.root.setAttribute('data-menu-item-skip-restore-focus', 'true');
+            }
+            else {
+                this.root.removeAttribute('data-menu-item-skip-restore-focus');
+            }
+        }
+        selectOnTab = (__runInitializers(this, _skipRestoreFocus_extraInitializers), __runInitializers(this, _selectOnTab_initializers, void 0));
+        stayOpen = (__runInitializers(this, _selectOnTab_extraInitializers), __runInitializers(this, _stayOpen_initializers, void 0));
+        handleKeydown_(evt) {
+            const focusedItemIndex = this.list_?.foundation?.getFocusedItemIndex() ?? listConstants.UNSET_INDEX;
+            if (this.selectOnTab && (evt.key === 'Tab' || evt.keyCode === 9)
+                && focusedItemIndex !== listConstants.UNSET_INDEX) {
+                this.foundation?.handleItemAction(this.items[focusedItemIndex]);
+            }
+            else {
+                this.foundation?.handleKeydown(evt);
+            }
+            return true;
+        }
+        handleItemAction_(evt) {
+            this.foundation?.handleItemAction(this.items[evt.detail.index]);
+            return true;
+        }
+        handleMenuSurfaceOpened_() {
+            this.foundation?.handleMenuSurfaceOpened();
+            return true;
+        }
+        get open() {
+            return this.menuSurface.open;
+        }
+        set open(value) {
+            this.menuSurface.open = value;
+        }
+        /** Toggles the menu to open or close */
+        toggle() {
+            this.open = !this.open;
+        }
+        openAnchored(anchor) {
+            this.anchor = anchor;
+            this.open = true;
+        }
+        get wrapFocus() {
+            return this.list_ ? this.list_.wrapFocus : false;
+        }
+        set wrapFocus(value) {
+            if (this.list_) {
+                this.list_.wrapFocus = value;
+            }
+        }
+        /**
+         * @return Whether typeahead logic is currently matching some user prefix.
+         */
+        get typeaheadInProgress() {
+            return this.list_ ? this.list_.typeaheadInProgress : false;
+        }
+        /**
+         * Return the items within the menu. Note that this only contains the set of elements within
+         * the items container that are proper list items, and not supplemental / presentational DOM
+         * elements.
+         */
+        get items() {
+            return this.list_ ? this.list_.listElements : [];
+        }
+        /**
+         * Retrieves the selected index. Only applicable to select menus.
+         * @return The selected index, which is a number for single selection and
+         *     radio lists, and an array of numbers for checkbox lists.
+         */
+        get selectedIndex() {
+            return this.list_ ? this.list_.selectedIndex : listConstants.UNSET_INDEX;
+        }
+        /**
+         * Sets the selected index of the list. Only applicable to select menus.
+         * @param index The selected index, which is a number for single selection and
+         *     radio lists, and an array of numbers for checkbox lists.
+         */
+        set selectedIndex(index) {
+            if (this.list_) {
+                this.list_.selectedIndex = index;
+            }
+        }
+        attaching() {
+            if (this.defaultFocusState !== undefined) {
+                this.defaultFocusStateChanged();
+            }
+            if (this.hoistToBody) {
+                // when menu is a direct body child there may be a vertical scrollbar briefly shown
+                // when MDCMenuSurfaceFoundation.cssClasses.OPEN added to the menu surface
+                // which breaks alignment
+                this.root.style.position = 'fixed';
+            }
+        }
+        initialSyncWithDOM() {
+            this.typeaheadChanged();
+        }
+        /**
+         * 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. Only relevant
+         *     when starting a new match sequence. To start a new match sequence,
+         *     clear the buffer using `clearTypeaheadBuffer`, or wait for the buffer
+         *     to clear after a set interval defined in list foundation. Defaults to
+         *     the currently focused index.
+         * @return The index of the matched item, or -1 if no match.
+         */
+        typeaheadMatchItem(nextChar, startingIndex) {
+            if (this.list_) {
+                return this.list_.typeaheadMatchItem(nextChar, startingIndex);
+            }
+            return -1;
+        }
+        /**
+         * Layout the underlying list element in the case of any dynamic updates
+         * to its structure.
+         */
+        layout() {
+            if (this.list_) {
+                this.list_.layout();
+            }
+        }
+        /**
+         * @param corner Default anchor corner alignment of top-left menu corner.
+         */
+        setAnchorCorner(corner) {
+            this.menuSurface.setAnchorCorner(corner);
+        }
+        /**
+         * Sets the list item as the selected row at the specified index.
+         * @param index Index of list item within menu.
+         */
+        setSelectedIndex(index) {
+            this.foundation?.setSelectedIndex(index);
+        }
+        /**
+         * Sets the enabled state to isEnabled for the menu item at the given index.
+         * @param index Index of the menu item
+         * @param isEnabled The desired enabled state of the menu item.
+         */
+        setEnabled(index, isEnabled) {
+            this.foundation?.setEnabled(index, isEnabled);
+        }
+        /**
+         * @return The item within the menu at the index specified.
+         */
+        getOptionByIndex(index) {
+            const items = this.items;
+            if (index < items.length) {
+                return this.items[index];
+            }
+            else {
+                return null;
+            }
+        }
+        /**
+         * @param index A menu item's index.
+         * @return The primary text within the menu at the index specified.
+         */
+        getPrimaryTextAtIndex(index) {
+            const item = this.getOptionByIndex(index);
+            if (item && this.list_) {
+                return this.list_.getPrimaryText(item) || '';
+            }
+            return '';
+        }
+        setAbsolutePosition(x, y) {
+            this.menuSurface.setAbsolutePosition(x, y);
+        }
+        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 = {
+                addClassToElementAtIndex: (index, className) => {
+                    const list = this.items;
+                    list[index].classList.add(className);
+                },
+                removeClassFromElementAtIndex: (index, className) => {
+                    const list = this.items;
+                    list[index].classList.remove(className);
+                },
+                addAttributeToElementAtIndex: (index, attr, value) => {
+                    const list = this.items;
+                    list[index].setAttribute(attr, value);
+                },
+                removeAttributeFromElementAtIndex: (index, attr) => {
+                    const list = this.items;
+                    list[index].removeAttribute(attr);
+                },
+                getAttributeFromElementAtIndex: (index, attr) => {
+                    const list = this.items;
+                    return list[index].getAttribute(attr);
+                },
+                elementContainsClass: (element, className) => element.classList.contains(className),
+                closeSurface: (skipRestoreFocus) => {
+                    if (!this.stayOpenOnSelection) {
+                        this.menuSurface?.close(skipRestoreFocus);
+                    }
+                },
+                getElementIndex: (element) => this.items.indexOf(element),
+                notifySelected: (evtData) => {
+                    const item = this.items[evtData.index];
+                    this.emit(strings.SELECTED_EVENT, { index: evtData.index, item, data: CustomElement.for(item).viewModel.value });
+                },
+                getMenuItemCount: () => this.items.length,
+                focusItemAtIndex: (index) => this.items[index].focus(),
+                focusListRoot: () => this.root.querySelector(strings.LIST_SELECTOR).focus(),
+                isSelectableItemAtIndex: (index) => !!closest(this.items[index], `.${cssClasses.MENU_SELECTION_GROUP}`),
+                getSelectedSiblingOfItemAtIndex: (index) => {
+                    const selectionGroupEl = closest(this.items[index], `.${cssClasses.MENU_SELECTION_GROUP}`);
+                    const selectedItemEl = selectionGroupEl.querySelector(`.${cssClasses.MENU_SELECTED_LIST_ITEM}`);
+                    return selectedItemEl ? this.items.indexOf(selectedItemEl) : -1;
+                },
+            };
+            return new MDCMenuFoundation(adapter);
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _stayOpen_extraInitializers);
+        }
+    };
+    return MdcMenu = _classThis;
+})();
+export { MdcMenu };
+//# sourceMappingURL=mdc-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-menu.js","sourceRoot":"","sources":["../../src/menu/mdc-menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { MdcComponent, booleanAttr, number } from '../base';\nimport { MDCMenuFoundation, DefaultFocusState, MDCMenuAdapter, Corner, MDCMenuItemComponentEventDetail, strings, cssClasses } from '@material/menu';\nimport { MDCListIndex } from '@material/list';\nimport { MDCMenuDistance } from '@material/menu-surface';\nimport { numbers as listConstants } from '@material/list/constants';\nimport { closest } from '@material/dom/ponyfill';\nimport { inject, customElement, bindable, BindingMode } from 'aurelia';\nimport { CustomElement } from '@aurelia/runtime-html';\nimport template from './mdc-menu.html?raw';\nimport { MdcList } from '../list/mdc-list';\nimport { IMdcListActionEvent, MdcListItem } from '../list/mdc-list-item/mdc-list-item';\nimport { MdcMenuSurface } from '../menu-surface/mdc-menu-surface';\n\nstrings.SELECTED_EVENT = strings.SELECTED_EVENT.toLowerCase();\n\n/**\n * @selector mdc-menu\n * @emits mdcmenu:selected | Indicates that a menu item has been selected\n */\n@inject(Element)\n@customElement({ name: 'mdc-menu', template })\nexport class MdcMenu extends MdcComponent<MDCMenuFoundation> {\n  menuSurface: MdcMenuSurface; // assigned in html\n\n  // TODO: can we use child here?\n  // @child('mdc-list')\n  get list_(): MdcList | undefined {\n    const el = this.root.querySelector('mdc-list,mdc-deprecated-list');\n    return el ? CustomElement.for<MdcList>(el).viewModel : undefined;\n  }\n\n  /** Used to indicate that the menu is using fixed positioning */\n  @bindable({ set: booleanAttr })\n  fixed: boolean;\n\n  @bindable({ set: booleanAttr })\n  typeahead?: boolean;\n  typeaheadChanged() {\n    if (this.list_ && this.typeahead !== undefined) {\n      setTimeout(() => { this.list_!.typeahead = this.typeahead!; }, 0);\n    }\n  }\n\n  /** Makes the menu element direct child of the body */\n  @bindable({ set: booleanAttr, mode: BindingMode.oneTime })\n  hoistToBody: boolean;\n\n  /** Set to indicate an element the menu should be anchored to */\n  @bindable()\n  anchor?: Element | null;\n\n  /** Sets default focus state where the menu should focus every time when menu is opened. Focuses the list root ('list') element by default. */\n  @bindable()\n  defaultFocusState: keyof typeof DefaultFocusState = 'LIST_ROOT';\n  defaultFocusStateChanged() {\n    this.foundation?.setDefaultFocusState(DefaultFocusState[this.defaultFocusState]);\n  }\n\n  /** Override the opening point of the menu. (Default: TOP_START) */\n  @bindable()\n  anchorCorner: keyof typeof Corner;\n\n  /** Sets the distance from the anchor point that the menu surface should be shown */\n  @bindable()\n  anchorMargin: Partial<MDCMenuDistance>;\n\n  /** Sets whether the menu should open and close without animation when the open/close methods are called */\n  @bindable({ set: booleanAttr })\n  quickOpen: boolean;\n\n  /** Sets whether the menu surface should stay open after item selection */\n  @bindable({ set: booleanAttr })\n  stayOpenOnSelection: boolean;\n\n  @bindable()\n  maxHeight: number;\n\n  @bindable({ set: number })\n  openBottomBias: number;\n\n  /** Sets whether focus should be restored after the menu is closed */\n  @bindable({ set: booleanAttr })\n  skipRestoreFocus: boolean;\n  skipRestoreFocusChanged() {\n    if (this.skipRestoreFocus) {\n      this.root.setAttribute('data-menu-item-skip-restore-focus', 'true');\n    } else {\n      this.root.removeAttribute('data-menu-item-skip-restore-focus');\n    }\n  }\n\n  @bindable({ set: booleanAttr })\n  selectOnTab: boolean;\n\n  @bindable({ set: booleanAttr })\n  stayOpen: boolean;\n\n  handleKeydown_(evt: KeyboardEvent) {\n    const focusedItemIndex = this.list_?.foundation?.getFocusedItemIndex() ?? listConstants.UNSET_INDEX;\n    if (this.selectOnTab && (evt.key === 'Tab' || evt.keyCode === 9)\n      && focusedItemIndex !== listConstants.UNSET_INDEX) {\n      this.foundation?.handleItemAction(this.items[focusedItemIndex]);\n    } else {\n      this.foundation?.handleKeydown(evt);\n    }\n    return true;\n  }\n\n  handleItemAction_(evt: IMdcListActionEvent) {\n    this.foundation?.handleItemAction(this.items[evt.detail.index]);\n    return true;\n  }\n\n  handleMenuSurfaceOpened_() {\n    this.foundation?.handleMenuSurfaceOpened();\n    return true;\n  }\n\n  get open(): boolean {\n    return this.menuSurface.open;\n  }\n\n  set open(value: boolean) {\n    this.menuSurface.open = value;\n  }\n\n  /** Toggles the menu to open or close */\n  toggle() {\n    this.open = !this.open;\n  }\n\n  openAnchored(anchor: HTMLElement) {\n    this.anchor = anchor;\n    this.open = true;\n  }\n\n  get wrapFocus(): boolean {\n    return this.list_ ? this.list_.wrapFocus : false;\n  }\n\n  set wrapFocus(value: boolean) {\n    if (this.list_) {\n      this.list_.wrapFocus = value;\n    }\n  }\n\n  /**\n   * @return Whether typeahead logic is currently matching some user prefix.\n   */\n  get typeaheadInProgress() {\n    return this.list_ ? this.list_.typeaheadInProgress : false;\n  }\n\n  /**\n   * Return the items within the menu. Note that this only contains the set of elements within\n   * the items container that are proper list items, and not supplemental / presentational DOM\n   * elements.\n   */\n  get items(): Element[] {\n    return this.list_ ? this.list_.listElements : [];\n  }\n\n  /**\n   * Retrieves the selected index. Only applicable to select menus.\n   * @return The selected index, which is a number for single selection and\n   *     radio lists, and an array of numbers for checkbox lists.\n   */\n  get selectedIndex(): MDCListIndex {\n    return this.list_ ? this.list_.selectedIndex : listConstants.UNSET_INDEX;\n  }\n\n  /**\n   * Sets the selected index of the list. Only applicable to select menus.\n   * @param index The selected index, which is a number for single selection and\n   *     radio lists, and an array of numbers for checkbox lists.\n   */\n  set selectedIndex(index: MDCListIndex) {\n    if (this.list_) {\n      this.list_.selectedIndex = index;\n    }\n  }\n\n  attaching() {\n    if (this.defaultFocusState !== undefined) {\n      this.defaultFocusStateChanged();\n    }\n    if (this.hoistToBody) {\n      // when menu is a direct body child there may be a vertical scrollbar briefly shown\n      // when MDCMenuSurfaceFoundation.cssClasses.OPEN added to the menu surface\n      // which breaks alignment\n      this.root.style.position = 'fixed';\n    }\n  }\n\n  initialSyncWithDOM() {\n    this.typeaheadChanged();\n  }\n\n  /**\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. Only relevant\n   *     when starting a new match sequence. To start a new match sequence,\n   *     clear the buffer using `clearTypeaheadBuffer`, or wait for the buffer\n   *     to clear after a set interval defined in list foundation. Defaults to\n   *     the currently focused index.\n   * @return The index of the matched item, or -1 if no match.\n   */\n  typeaheadMatchItem(nextChar: string, startingIndex?: number): number {\n    if (this.list_) {\n      return this.list_.typeaheadMatchItem(nextChar, startingIndex);\n    }\n    return -1;\n  }\n\n  /**\n   * Layout the underlying list element in the case of any dynamic updates\n   * to its structure.\n   */\n  layout() {\n    if (this.list_) {\n      this.list_.layout();\n    }\n  }\n\n  /**\n   * @param corner Default anchor corner alignment of top-left menu corner.\n   */\n  setAnchorCorner(corner: Corner) {\n    this.menuSurface.setAnchorCorner(corner);\n  }\n\n  /**\n   * Sets the list item as the selected row at the specified index.\n   * @param index Index of list item within menu.\n   */\n  setSelectedIndex(index: number) {\n    this.foundation?.setSelectedIndex(index);\n  }\n\n  /**\n   * Sets the enabled state to isEnabled for the menu item at the given index.\n   * @param index Index of the menu item\n   * @param isEnabled The desired enabled state of the menu item.\n   */\n  setEnabled(index: number, isEnabled: boolean): void {\n    this.foundation?.setEnabled(index, isEnabled);\n  }\n\n  /**\n   * @return The item within the menu at the index specified.\n   */\n  getOptionByIndex(index: number): Element | null {\n    const items = this.items;\n\n    if (index < items.length) {\n      return this.items[index];\n    } else {\n      return null;\n    }\n  }\n\n  /**\n   * @param index A menu item's index.\n   * @return The primary text within the menu at the index specified.\n   */\n  getPrimaryTextAtIndex(index: number): string {\n    const item = this.getOptionByIndex(index);\n    if (item && this.list_) {\n      return this.list_.getPrimaryText(item) || '';\n    }\n    return '';\n  }\n\n  setAbsolutePosition(x: number, y: number) {\n    this.menuSurface.setAbsolutePosition(x, y);\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: MDCMenuAdapter = {\n      addClassToElementAtIndex: (index, className) => {\n        const list = this.items;\n        list[index].classList.add(className);\n      },\n      removeClassFromElementAtIndex: (index, className) => {\n        const list = this.items;\n        list[index].classList.remove(className);\n      },\n      addAttributeToElementAtIndex: (index, attr, value) => {\n        const list = this.items;\n        list[index].setAttribute(attr, value);\n      },\n      removeAttributeFromElementAtIndex: (index, attr) => {\n        const list = this.items;\n        list[index].removeAttribute(attr);\n      },\n      getAttributeFromElementAtIndex: (index, attr) => {\n        const list = this.items;\n        return list[index].getAttribute(attr);\n      },\n      elementContainsClass: (element, className) => element.classList.contains(className),\n      closeSurface: (skipRestoreFocus: boolean) => {\n        if (!this.stayOpenOnSelection) {\n          this.menuSurface?.close(skipRestoreFocus);\n        }\n      },\n      getElementIndex: (element) => this.items.indexOf(element),\n      notifySelected: (evtData) => {\n        const item = this.items[evtData.index];\n        this.emit<IMdcMenuItemComponentEventDetail>(strings.SELECTED_EVENT,\n          { index: evtData.index, item, data: CustomElement.for<MdcListItem>(item).viewModel.value });\n      },\n      getMenuItemCount: () => this.items.length,\n      focusItemAtIndex: (index) => (this.items[index] as HTMLElement).focus(),\n      focusListRoot: () => (this.root.querySelector(strings.LIST_SELECTOR) as HTMLElement).focus(),\n      isSelectableItemAtIndex: (index) => !!closest(this.items[index], `.${cssClasses.MENU_SELECTION_GROUP}`),\n      getSelectedSiblingOfItemAtIndex: (index) => {\n        const selectionGroupEl = closest(this.items[index], `.${cssClasses.MENU_SELECTION_GROUP}`) as HTMLElement;\n        const selectedItemEl = selectionGroupEl.querySelector(`.${cssClasses.MENU_SELECTED_LIST_ITEM}`);\n        return selectedItemEl ? this.items.indexOf(selectedItemEl) : -1;\n      },\n    };\n    return new MDCMenuFoundation(adapter);\n  }\n\n}\n\nexport interface IMdcMenuItemComponentEventDetail extends MDCMenuItemComponentEventDetail {\n  data: unknown;\n}\n\n/** @hidden */\nexport interface IMdcMenuItemComponentEvent extends Event {\n  readonly detail: IMdcMenuItemComponentEventDetail;\n}\n"]}

package/dist/menu-surface/mdc-menu-surface-anchor.js

@@ -0,0 +1,29 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { inject, customAttribute } from 'aurelia';
+import { cssClasses } from '@material/menu-surface';
+let MdcMenuSurfaceAnchor = (() => {
+    let _classDecorators = [inject(Element), customAttribute('mdc-menu-surface-anchor')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    var MdcMenuSurfaceAnchor = 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);
+            MdcMenuSurfaceAnchor = _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(cssClasses.ANCHOR);
+        }
+    };
+    return MdcMenuSurfaceAnchor = _classThis;
+})();
+export { MdcMenuSurfaceAnchor };
+//# sourceMappingURL=mdc-menu-surface-anchor.js.map

package/dist/menu-surface/mdc-menu-surface-anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdc-menu-surface-anchor.js","sourceRoot":"","sources":["../../src/menu-surface/mdc-menu-surface-anchor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;IAIvC,oBAAoB;4BAFhC,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,yBAAyB,CAAC;;;;;;;;YAC3C,6KAMC;;;YANY,uDAAoB;;QACX,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,QAAQ;YACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;QAC7C,CAAC;;;;SALU,oBAAoB","sourcesContent":["import { inject, customAttribute } from 'aurelia';\nimport { cssClasses } from '@material/menu-surface';\n\n@inject(Element)\n@customAttribute('mdc-menu-surface-anchor')\nexport class MdcMenuSurfaceAnchor {\n  constructor(private root: HTMLElement) { }\n\n  attached() {\n    this.root.classList.add(cssClasses.ANCHOR);\n  }\n}\n"]}