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

package/dist/{menu → src/menu}/mdc-menu.js

@@ -1,22 +1,25 @@
-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();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcMenu = void 0;
+const tslib_1 = require("tslib");
+const base_1 = require("../base");
+const menu_1 = require("@material/menu");
+const constants_1 = require("@material/list/constants");
+const ponyfill_1 = require("@material/dom/ponyfill");
+const aurelia_1 = require("aurelia");
+const runtime_html_1 = require("@aurelia/runtime-html");
+const mdc_menu_html_raw_1 = tslib_1.__importDefault(require("./mdc-menu.html?raw"));
+menu_1.strings.SELECTED_EVENT = menu_1.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 _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customElement)({ name: 'mdc-menu', template: mdc_menu_html_raw_1.default })];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _fixed_decorators;
     let _fixed_initializers = [];
     let _fixed_extraInitializers = [];
@@ -63,75 +66,75 @@ let MdcMenu = (() => {
         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);
+            _fixed_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _typeahead_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _hoistToBody_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr, mode: aurelia_1.BindingMode.oneTime })];
+            _anchor_decorators = [(0, aurelia_1.bindable)()];
+            _defaultFocusState_decorators = [(0, aurelia_1.bindable)()];
+            _anchorCorner_decorators = [(0, aurelia_1.bindable)()];
+            _anchorMargin_decorators = [(0, aurelia_1.bindable)()];
+            _quickOpen_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _stayOpenOnSelection_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _maxHeight_decorators = [(0, aurelia_1.bindable)()];
+            _openBottomBias_decorators = [(0, aurelia_1.bindable)({ set: base_1.number })];
+            _skipRestoreFocus_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _selectOnTab_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _stayOpen_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            tslib_1.__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);
+            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, _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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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;
+            return el ? runtime_html_1.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));
+        fixed = tslib_1.__runInitializers(this, _fixed_initializers, void 0);
+        typeahead = (tslib_1.__runInitializers(this, _fixed_extraInitializers), tslib_1.__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));
+        hoistToBody = (tslib_1.__runInitializers(this, _typeahead_extraInitializers), tslib_1.__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));
+        anchor = (tslib_1.__runInitializers(this, _hoistToBody_extraInitializers), tslib_1.__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'));
+        defaultFocusState = (tslib_1.__runInitializers(this, _anchor_extraInitializers), tslib_1.__runInitializers(this, _defaultFocusState_initializers, 'LIST_ROOT'));
         defaultFocusStateChanged() {
-            this.foundation?.setDefaultFocusState(DefaultFocusState[this.defaultFocusState]);
+            this.foundation?.setDefaultFocusState(menu_1.DefaultFocusState[this.defaultFocusState]);
         }
         /** Override the opening point of the menu. (Default: TOP_START) */
-        anchorCorner = (__runInitializers(this, _defaultFocusState_extraInitializers), __runInitializers(this, _anchorCorner_initializers, void 0));
+        anchorCorner = (tslib_1.__runInitializers(this, _defaultFocusState_extraInitializers), tslib_1.__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));
+        anchorMargin = (tslib_1.__runInitializers(this, _anchorCorner_extraInitializers), tslib_1.__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));
+        quickOpen = (tslib_1.__runInitializers(this, _anchorMargin_extraInitializers), tslib_1.__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));
+        stayOpenOnSelection = (tslib_1.__runInitializers(this, _quickOpen_extraInitializers), tslib_1.__runInitializers(this, _stayOpenOnSelection_initializers, void 0));
+        maxHeight = (tslib_1.__runInitializers(this, _stayOpenOnSelection_extraInitializers), tslib_1.__runInitializers(this, _maxHeight_initializers, void 0));
+        openBottomBias = (tslib_1.__runInitializers(this, _maxHeight_extraInitializers), tslib_1.__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));
+        skipRestoreFocus = (tslib_1.__runInitializers(this, _openBottomBias_extraInitializers), tslib_1.__runInitializers(this, _skipRestoreFocus_initializers, void 0));
         skipRestoreFocusChanged() {
             if (this.skipRestoreFocus) {
                 this.root.setAttribute('data-menu-item-skip-restore-focus', 'true');
@@ -140,12 +143,12 @@ let MdcMenu = (() => {
                 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));
+        selectOnTab = (tslib_1.__runInitializers(this, _skipRestoreFocus_extraInitializers), tslib_1.__runInitializers(this, _selectOnTab_initializers, void 0));
+        stayOpen = (tslib_1.__runInitializers(this, _selectOnTab_extraInitializers), tslib_1.__runInitializers(this, _stayOpen_initializers, void 0));
         handleKeydown_(evt) {
-            const focusedItemIndex = this.list_?.foundation?.getFocusedItemIndex() ?? listConstants.UNSET_INDEX;
+            const focusedItemIndex = this.list_?.foundation?.getFocusedItemIndex() ?? constants_1.numbers.UNSET_INDEX;
             if (this.selectOnTab && (evt.key === 'Tab' || evt.keyCode === 9)
-                && focusedItemIndex !== listConstants.UNSET_INDEX) {
+                && focusedItemIndex !== constants_1.numbers.UNSET_INDEX) {
                 this.foundation?.handleItemAction(this.items[focusedItemIndex]);
             }
             else {
@@ -203,7 +206,7 @@ let MdcMenu = (() => {
          *     radio lists, and an array of numbers for checkbox lists.
          */
         get selectedIndex() {
-            return this.list_ ? this.list_.selectedIndex : listConstants.UNSET_INDEX;
+            return this.list_ ? this.list_.selectedIndex : constants_1.numbers.UNSET_INDEX;
         }
         /**
          * Sets the selected index of the list. Only applicable to select menus.
@@ -337,26 +340,26 @@ let MdcMenu = (() => {
                 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 });
+                    this.emit(menu_1.strings.SELECTED_EVENT, { index: evtData.index, item, data: runtime_html_1.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}`),
+                focusListRoot: () => this.root.querySelector(menu_1.strings.LIST_SELECTOR).focus(),
+                isSelectableItemAtIndex: (index) => !!(0, ponyfill_1.closest)(this.items[index], `.${menu_1.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}`);
+                    const selectionGroupEl = (0, ponyfill_1.closest)(this.items[index], `.${menu_1.cssClasses.MENU_SELECTION_GROUP}`);
+                    const selectedItemEl = selectionGroupEl.querySelector(`.${menu_1.cssClasses.MENU_SELECTED_LIST_ITEM}`);
                     return selectedItemEl ? this.items.indexOf(selectedItemEl) : -1;
                 },
             };
-            return new MDCMenuFoundation(adapter);
+            return new menu_1.MDCMenuFoundation(adapter);
         }
         constructor() {
             super(...arguments);
-            __runInitializers(this, _stayOpen_extraInitializers);
+            tslib_1.__runInitializers(this, _stayOpen_extraInitializers);
         }
     };
     return MdcMenu = _classThis;
 })();
-export { MdcMenu };
+exports.MdcMenu = MdcMenu;
 //# sourceMappingURL=mdc-menu.js.map

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

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcMenuSurfaceAnchor = void 0;
+const tslib_1 = require("tslib");
+const aurelia_1 = require("aurelia");
+const menu_surface_1 = require("@material/menu-surface");
+let MdcMenuSurfaceAnchor = (() => {
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.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;
+            tslib_1.__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 });
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
+        }
+        root;
+        constructor(root) {
+            this.root = root;
+        }
+        attached() {
+            this.root.classList.add(menu_surface_1.cssClasses.ANCHOR);
+        }
+    };
+    return MdcMenuSurfaceAnchor = _classThis;
+})();
+exports.MdcMenuSurfaceAnchor = MdcMenuSurfaceAnchor;
+//# sourceMappingURL=mdc-menu-surface-anchor.js.map

package/dist/src/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,qCAAkD;AAClD,yDAAoD;IAIvC,oBAAoB;4BAFhC,IAAA,gBAAM,EAAC,OAAO,CAAC,EACf,IAAA,yBAAe,EAAC,yBAAyB,CAAC;;;;;;;;YAC3C,qLAMC;;;YANY,+DAAoB;;QACX,IAAI;QAAxB,YAAoB,IAAiB;YAAjB,SAAI,GAAJ,IAAI,CAAa;QAAI,CAAC;QAE1C,QAAQ;YACN,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAU,CAAC,MAAM,CAAC,CAAC;QAC7C,CAAC;;;;AALU,oDAAoB","sourcesContent":["import { inject, customAttribute } from 'aurelia';\r\nimport { cssClasses } from '@material/menu-surface';\r\n\r\n@inject(Element)\r\n@customAttribute('mdc-menu-surface-anchor')\r\nexport class MdcMenuSurfaceAnchor {\r\n  constructor(private root: HTMLElement) { }\r\n\r\n  attached() {\r\n    this.root.classList.add(cssClasses.ANCHOR);\r\n  }\r\n}\r\n"]}

package/dist/{menu-surface → src/menu-surface}/mdc-menu-surface.js

@@ -1,16 +1,19 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { MdcComponent, booleanAttr, number } from '../base';
-import { MDCMenuSurfaceFoundation, cssClasses, Corner, strings } from '@material/menu-surface';
-import { inject, customAttribute, bindable, BindingMode } from 'aurelia';
-import { getCorrectPropertyName } from '@material/animation/util';
-strings.OPENED_EVENT = strings.OPENED_EVENT.toLowerCase();
-strings.CLOSED_EVENT = strings.CLOSED_EVENT.toLowerCase();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MdcMenuSurface = void 0;
+const tslib_1 = require("tslib");
+const base_1 = require("../base");
+const menu_surface_1 = require("@material/menu-surface");
+const aurelia_1 = require("aurelia");
+const util_1 = require("@material/animation/util");
+menu_surface_1.strings.OPENED_EVENT = menu_surface_1.strings.OPENED_EVENT.toLowerCase();
+menu_surface_1.strings.CLOSED_EVENT = menu_surface_1.strings.CLOSED_EVENT.toLowerCase();
 let MdcMenuSurface = (() => {
-    let _classDecorators = [inject(Element), customAttribute('mdc-menu-surface')];
+    let _classDecorators = [(0, aurelia_1.inject)(Element), (0, aurelia_1.customAttribute)('mdc-menu-surface')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = MdcComponent;
+    let _classSuper = base_1.MdcComponent;
     let _anchor_decorators;
     let _anchor_initializers = [];
     let _anchor_extraInitializers = [];
@@ -48,65 +51,65 @@ let MdcMenuSurface = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _anchor_decorators = [bindable()];
-            _hoistToBody_decorators = [bindable({ set: booleanAttr, mode: BindingMode.oneTime })];
-            _fixed_decorators = [bindable({ set: booleanAttr })];
-            _anchorCorner_decorators = [bindable()];
-            _anchorMargin_decorators = [bindable()];
-            _quickOpen_decorators = [bindable({ set: booleanAttr })];
-            _fullWidth_decorators = [bindable({ set: booleanAttr })];
-            _stayOpen_decorators = [bindable({ set: booleanAttr })];
-            _maxHeight_decorators = [bindable({ set: number })];
-            _horizontallyCenteredOnViewport_decorators = [bindable({ set: booleanAttr })];
-            _openBottomBias_decorators = [bindable({ set: number })];
-            __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, _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, _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, _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, _fullWidth_decorators, { kind: "field", name: "fullWidth", static: false, private: false, access: { has: obj => "fullWidth" in obj, get: obj => obj.fullWidth, set: (obj, value) => { obj.fullWidth = value; } }, metadata: _metadata }, _fullWidth_initializers, _fullWidth_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, 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, _horizontallyCenteredOnViewport_decorators, { kind: "field", name: "horizontallyCenteredOnViewport", static: false, private: false, access: { has: obj => "horizontallyCenteredOnViewport" in obj, get: obj => obj.horizontallyCenteredOnViewport, set: (obj, value) => { obj.horizontallyCenteredOnViewport = value; } }, metadata: _metadata }, _horizontallyCenteredOnViewport_initializers, _horizontallyCenteredOnViewport_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, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _anchor_decorators = [(0, aurelia_1.bindable)()];
+            _hoistToBody_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr, mode: aurelia_1.BindingMode.oneTime })];
+            _fixed_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _anchorCorner_decorators = [(0, aurelia_1.bindable)()];
+            _anchorMargin_decorators = [(0, aurelia_1.bindable)()];
+            _quickOpen_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _fullWidth_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _stayOpen_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _maxHeight_decorators = [(0, aurelia_1.bindable)({ set: base_1.number })];
+            _horizontallyCenteredOnViewport_decorators = [(0, aurelia_1.bindable)({ set: base_1.booleanAttr })];
+            _openBottomBias_decorators = [(0, aurelia_1.bindable)({ set: base_1.number })];
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__esDecorate(null, null, _fullWidth_decorators, { kind: "field", name: "fullWidth", static: false, private: false, access: { has: obj => "fullWidth" in obj, get: obj => obj.fullWidth, set: (obj, value) => { obj.fullWidth = value; } }, metadata: _metadata }, _fullWidth_initializers, _fullWidth_extraInitializers);
+            tslib_1.__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);
+            tslib_1.__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);
+            tslib_1.__esDecorate(null, null, _horizontallyCenteredOnViewport_decorators, { kind: "field", name: "horizontallyCenteredOnViewport", static: false, private: false, access: { has: obj => "horizontallyCenteredOnViewport" in obj, get: obj => obj.horizontallyCenteredOnViewport, set: (obj, value) => { obj.horizontallyCenteredOnViewport = value; } }, metadata: _metadata }, _horizontallyCenteredOnViewport_initializers, _horizontallyCenteredOnViewport_extraInitializers);
+            tslib_1.__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);
+            tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             MdcMenuSurface = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
+            tslib_1.__runInitializers(_classThis, _classExtraInitializers);
         }
         originalParent;
         previousFocus;
-        anchor = __runInitializers(this, _anchor_initializers, void 0);
+        anchor = tslib_1.__runInitializers(this, _anchor_initializers, void 0);
         /** Sets the foundation to use page offsets for an positioning when the menu is hoisted to the body. */
-        hoistToBody = (__runInitializers(this, _anchor_extraInitializers), __runInitializers(this, _hoistToBody_initializers, void 0));
-        fixed = (__runInitializers(this, _hoistToBody_extraInitializers), __runInitializers(this, _fixed_initializers, void 0));
+        hoistToBody = (tslib_1.__runInitializers(this, _anchor_extraInitializers), tslib_1.__runInitializers(this, _hoistToBody_initializers, void 0));
+        fixed = (tslib_1.__runInitializers(this, _hoistToBody_extraInitializers), tslib_1.__runInitializers(this, _fixed_initializers, void 0));
         fixedChanged() {
             if (this.fixed) {
-                this.root.classList.add(cssClasses.FIXED);
+                this.root.classList.add(menu_surface_1.cssClasses.FIXED);
             }
             else {
-                this.root.classList.remove(cssClasses.FIXED);
+                this.root.classList.remove(menu_surface_1.cssClasses.FIXED);
             }
             this.foundation?.setFixedPosition(this.fixed);
         }
-        anchorCorner = (__runInitializers(this, _fixed_extraInitializers), __runInitializers(this, _anchorCorner_initializers, void 0));
+        anchorCorner = (tslib_1.__runInitializers(this, _fixed_extraInitializers), tslib_1.__runInitializers(this, _anchorCorner_initializers, void 0));
         anchorCornerChanged() {
             if (this.anchorCorner !== undefined) {
-                this.foundation?.setAnchorCorner(Corner[this.anchorCorner]);
+                this.foundation?.setAnchorCorner(menu_surface_1.Corner[this.anchorCorner]);
             }
         }
-        anchorMargin = (__runInitializers(this, _anchorCorner_extraInitializers), __runInitializers(this, _anchorMargin_initializers, void 0));
+        anchorMargin = (tslib_1.__runInitializers(this, _anchorCorner_extraInitializers), tslib_1.__runInitializers(this, _anchorMargin_initializers, void 0));
         anchorMarginChanged() {
             if (this.anchorMargin !== undefined) {
                 this.foundation?.setAnchorMargin(this.anchorMargin);
             }
         }
-        quickOpen = (__runInitializers(this, _anchorMargin_extraInitializers), __runInitializers(this, _quickOpen_initializers, void 0));
+        quickOpen = (tslib_1.__runInitializers(this, _anchorMargin_extraInitializers), tslib_1.__runInitializers(this, _quickOpen_initializers, void 0));
         quickOpenChanged() {
             this.foundation?.setQuickOpen(this.quickOpen);
         }
-        fullWidth = (__runInitializers(this, _quickOpen_extraInitializers), __runInitializers(this, _fullWidth_initializers, void 0));
+        fullWidth = (tslib_1.__runInitializers(this, _quickOpen_extraInitializers), tslib_1.__runInitializers(this, _fullWidth_initializers, void 0));
         fullWidthChanged() {
             if (this.fullWidth) {
                 this.root.classList.add('mdc-menu-surface--fullwidth');
@@ -115,18 +118,18 @@ let MdcMenuSurface = (() => {
                 this.root.classList.remove('mdc-menu-surface--fullwidth');
             }
         }
-        stayOpen = (__runInitializers(this, _fullWidth_extraInitializers), __runInitializers(this, _stayOpen_initializers, void 0));
-        maxHeight = (__runInitializers(this, _stayOpen_extraInitializers), __runInitializers(this, _maxHeight_initializers, void 0));
+        stayOpen = (tslib_1.__runInitializers(this, _fullWidth_extraInitializers), tslib_1.__runInitializers(this, _stayOpen_initializers, void 0));
+        maxHeight = (tslib_1.__runInitializers(this, _stayOpen_extraInitializers), tslib_1.__runInitializers(this, _maxHeight_initializers, void 0));
         async maxHeightChanged() {
             await this.initialised;
             this.foundation?.setMaxHeight(this.maxHeight);
         }
-        horizontallyCenteredOnViewport = (__runInitializers(this, _maxHeight_extraInitializers), __runInitializers(this, _horizontallyCenteredOnViewport_initializers, void 0));
+        horizontallyCenteredOnViewport = (tslib_1.__runInitializers(this, _maxHeight_extraInitializers), tslib_1.__runInitializers(this, _horizontallyCenteredOnViewport_initializers, void 0));
         async horizontallyCenteredOnViewportChanged() {
             await this.initialised;
             this.foundation?.setIsHorizontallyCenteredOnViewport(this.horizontallyCenteredOnViewport);
         }
-        openBottomBias = (__runInitializers(this, _horizontallyCenteredOnViewport_extraInitializers), __runInitializers(this, _openBottomBias_initializers, void 0));
+        openBottomBias = (tslib_1.__runInitializers(this, _horizontallyCenteredOnViewport_extraInitializers), tslib_1.__runInitializers(this, _openBottomBias_initializers, void 0));
         async openBottomBiasChanged() {
             await this.initialised;
             this.foundation?.setOpenBottomBias(this.openBottomBias);
@@ -151,7 +154,7 @@ let MdcMenuSurface = (() => {
             }
         }
         attaching() {
-            this.root.classList.add(cssClasses.ROOT);
+            this.root.classList.add(menu_surface_1.cssClasses.ROOT);
         }
         handleEvent(evt) {
             switch (evt.currentTarget) {
@@ -189,7 +192,7 @@ let MdcMenuSurface = (() => {
             this.anchorMarginChanged();
             const parentEl = this.root.parentElement;
             if (!this.anchor) {
-                this.anchor = parentEl?.classList.contains(cssClasses.ANCHOR) ? parentEl : null;
+                this.anchor = parentEl?.classList.contains(menu_surface_1.cssClasses.ANCHOR) ? parentEl : null;
             }
             if (this.hoistToBody) {
                 this.originalParent = this.root.parentElement;
@@ -200,7 +203,7 @@ let MdcMenuSurface = (() => {
             }
             this.foundation?.setFixedPosition(this.fixed);
             if (this.anchorCorner) {
-                this.foundation?.setAnchorCorner(Corner[this.anchorCorner]);
+                this.foundation?.setAnchorCorner(menu_surface_1.Corner[this.anchorCorner]);
             }
             if (this.anchorMargin) {
                 this.foundation?.setAnchorMargin(this.anchorMargin);
@@ -243,23 +246,23 @@ let MdcMenuSurface = (() => {
                 hasClass: (className) => this.root.classList.contains(className),
                 hasAnchor: () => !!this.anchor,
                 notifyClose: () => {
-                    this.emit(MDCMenuSurfaceFoundation.strings.CLOSED_EVENT, {});
+                    this.emit(menu_surface_1.MDCMenuSurfaceFoundation.strings.CLOSED_EVENT, {});
                     this.deregisterBodyClickListener();
                 },
                 notifyClosing: () => {
-                    this.emit(MDCMenuSurfaceFoundation.strings.CLOSING_EVENT, {});
+                    this.emit(menu_surface_1.MDCMenuSurfaceFoundation.strings.CLOSING_EVENT, {});
                 },
                 notifyOpen: () => {
-                    this.emit(MDCMenuSurfaceFoundation.strings.OPENED_EVENT, {});
+                    this.emit(menu_surface_1.MDCMenuSurfaceFoundation.strings.OPENED_EVENT, {});
                     this.registerBodyClickListener();
                 },
                 notifyOpening: () => {
-                    this.emit(MDCMenuSurfaceFoundation.strings.OPENING_EVENT, {});
+                    this.emit(menu_surface_1.MDCMenuSurfaceFoundation.strings.OPENING_EVENT, {});
                 },
                 isElementInContainer: (el) => this.root.contains(el),
                 isRtl: () => getComputedStyle(this.root).getPropertyValue('direction') === 'rtl',
                 setTransformOrigin: (origin) => {
-                    const propertyName = `${getCorrectPropertyName(window, 'transform')}-origin`;
+                    const propertyName = `${(0, util_1.getCorrectPropertyName)(window, 'transform')}-origin`;
                     this.root.style.setProperty(propertyName, origin);
                 },
                 isFocused: () => document.activeElement === this.root,
@@ -304,14 +307,14 @@ let MdcMenuSurface = (() => {
                     (this.root).style.maxHeight = height;
                 },
             };
-            return new MDCMenuSurfaceFoundation(adapter);
+            return new menu_surface_1.MDCMenuSurfaceFoundation(adapter);
         }
         constructor() {
             super(...arguments);
-            __runInitializers(this, _openBottomBias_extraInitializers);
+            tslib_1.__runInitializers(this, _openBottomBias_extraInitializers);
         }
     };
     return MdcMenuSurface = _classThis;
 })();
-export { MdcMenuSurface };
+exports.MdcMenuSurface = MdcMenuSurface;
 //# sourceMappingURL=mdc-menu-surface.js.map