@material/web 1.0.0-pre.1 → 1.0.0-pre.11

package/menu/lib/constants.js

@@ -1,23 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const cssClasses = {
-    MENU_SELECTED_LIST_ITEM: 'md3-menu-item--selected',
-    MENU_SELECTION_GROUP: 'md3-menu__selection-group',
-    ROOT: 'md3-menu',
-};
-const strings = {
-    ARIA_CHECKED_ATTR: 'aria-checked',
-    ARIA_DISABLED_ATTR: 'aria-disabled',
-    CHECKBOX_SELECTOR: 'input[type="checkbox"]',
-    LIST_SELECTOR: '.md3-list,.md3-deprecated-list',
-    SELECTED_EVENT: 'MDCMenu:selected',
-    SKIP_RESTORE_FOCUS: 'data-menu-item-skip-restore-focus',
-};
-const numbers = {
-    FOCUS_ROOT_INDEX: -1,
-};
-export { cssClasses, strings, numbers };
-//# sourceMappingURL=constants.js.map

package/menu/lib/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["constants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,UAAU,GAAG;IACjB,uBAAuB,EAAE,yBAAyB;IAClD,oBAAoB,EAAE,2BAA2B;IACjD,IAAI,EAAE,UAAU;CACjB,CAAC;AAEF,MAAM,OAAO,GAAG;IACd,iBAAiB,EAAE,cAAc;IACjC,kBAAkB,EAAE,eAAe;IACnC,iBAAiB,EAAE,wBAAwB;IAC3C,aAAa,EAAE,gCAAgC;IAC/C,cAAc,EAAE,kBAAkB;IAClC,kBAAkB,EAAE,mCAAmC;CACxD,CAAC;AAEF,MAAM,OAAO,GAAG;IACd,gBAAgB,EAAE,CAAC,CAAC;CACrB,CAAC;AAEF,OAAO,EAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nconst cssClasses = {\n  MENU_SELECTED_LIST_ITEM: 'md3-menu-item--selected',\n  MENU_SELECTION_GROUP: 'md3-menu__selection-group',\n  ROOT: 'md3-menu',\n};\n\nconst strings = {\n  ARIA_CHECKED_ATTR: 'aria-checked',\n  ARIA_DISABLED_ATTR: 'aria-disabled',\n  CHECKBOX_SELECTOR: 'input[type=\"checkbox\"]',\n  LIST_SELECTOR: '.md3-list,.md3-deprecated-list',\n  SELECTED_EVENT: 'MDCMenu:selected',\n  SKIP_RESTORE_FOCUS: 'data-menu-item-skip-restore-focus',\n};\n\nconst numbers = {\n  FOCUS_ROOT_INDEX: -1,\n};\n\nexport {cssClasses, strings, numbers};\n"]}

package/menu/lib/foundation.d.ts

@@ -1,49 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MDCMenuAdapter } from './adapter.js';
-export declare class MDCMenuFoundation {
-    static get cssClasses(): {
-        MENU_SELECTED_LIST_ITEM: string;
-        MENU_SELECTION_GROUP: string;
-        ROOT: string;
-    };
-    static get strings(): {
-        ARIA_CHECKED_ATTR: string;
-        ARIA_DISABLED_ATTR: string;
-        CHECKBOX_SELECTOR: string;
-        LIST_SELECTOR: string;
-        SELECTED_EVENT: string;
-        SKIP_RESTORE_FOCUS: string;
-    };
-    static get numbers(): {
-        FOCUS_ROOT_INDEX: number;
-    };
-    private readonly adapter;
-    private closeAnimationEndTimerId;
-    private selectedIndex;
-    /**
-     * @see {@link MDCMenuAdapter} for typing information on parameters and return types.
-     */
-    static get defaultAdapter(): MDCMenuAdapter;
-    constructor(adapter: Partial<MDCMenuAdapter>);
-    destroy(): void;
-    handleKeydown(evt: KeyboardEvent): void;
-    handleItemAction(listItem: Element): void;
-    /** @return Index of the currently selected list item within the menu. */
-    getSelectedIndex(): number;
-    /**
-     * Selects the list item at `index` within the menu.
-     * @param index Index of list item within the menu.
-     */
-    setSelectedIndex(index: number): void;
-    /**
-     * 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: number, isEnabled: boolean): void;
-    private validatedIndex;
-}

package/menu/lib/foundation.js

@@ -1,123 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MDCMenuSurfaceFoundation } from '../../menusurface/lib/foundation.js';
-import { cssClasses, numbers, strings } from './constants.js';
-const LIST_ITEM_DISABLED_CLASS = 'md3-list-item--disabled';
-export class MDCMenuFoundation {
-    constructor(adapter) {
-        this.closeAnimationEndTimerId = 0;
-        this.selectedIndex = -1;
-        this.adapter = { ...MDCMenuFoundation.defaultAdapter, ...adapter };
-    }
-    static get cssClasses() {
-        return cssClasses;
-    }
-    static get strings() {
-        return strings;
-    }
-    static get numbers() {
-        return numbers;
-    }
-    /**
-     * @see {@link MDCMenuAdapter} for typing information on parameters and return types.
-     */
-    static get defaultAdapter() {
-        // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
-        return {
-            addClassToElementAtIndex: () => undefined,
-            removeClassFromElementAtIndex: () => undefined,
-            addAttributeToElementAtIndex: () => undefined,
-            removeAttributeFromElementAtIndex: () => undefined,
-            getAttributeFromElementAtIndex: () => null,
-            elementContainsClass: () => false,
-            closeSurface: () => undefined,
-            getElementIndex: () => -1,
-            notifySelected: () => undefined,
-            getMenuItemCount: () => 0,
-            getSelectedSiblingOfItemAtIndex: () => -1,
-            isSelectableItemAtIndex: () => false,
-        };
-        // tslint:enable:object-literal-sort-keys
-    }
-    destroy() {
-        if (this.closeAnimationEndTimerId) {
-            clearTimeout(this.closeAnimationEndTimerId);
-        }
-        this.adapter.closeSurface();
-    }
-    handleKeydown(evt) {
-        const { key, keyCode } = evt;
-        const isTab = key === 'Tab' || keyCode === 9;
-        if (isTab) {
-            this.adapter.closeSurface(/** skipRestoreFocus */ true);
-        }
-    }
-    handleItemAction(listItem) {
-        const index = this.adapter.getElementIndex(listItem);
-        if (index < 0) {
-            return;
-        }
-        this.adapter.notifySelected({ index });
-        const skipRestoreFocus = this.adapter.getAttributeFromElementAtIndex(index, strings.SKIP_RESTORE_FOCUS) === 'true';
-        this.adapter.closeSurface(skipRestoreFocus);
-        // Wait for the menu to close before adding/removing classes that affect
-        // styles.
-        this.closeAnimationEndTimerId = setTimeout(() => {
-            // Recompute the index in case the menu contents have changed.
-            const recomputedIndex = this.adapter.getElementIndex(listItem);
-            if (recomputedIndex >= 0 &&
-                this.adapter.isSelectableItemAtIndex(recomputedIndex)) {
-                this.setSelectedIndex(recomputedIndex);
-            }
-        }, MDCMenuSurfaceFoundation.numbers.TRANSITION_CLOSE_DURATION);
-    }
-    /** @return Index of the currently selected list item within the menu. */
-    getSelectedIndex() {
-        return this.selectedIndex;
-    }
-    /**
-     * Selects the list item at `index` within the menu.
-     * @param index Index of list item within the menu.
-     */
-    setSelectedIndex(index) {
-        this.validatedIndex(index);
-        if (!this.adapter.isSelectableItemAtIndex(index)) {
-            throw new Error('MDCMenuFoundation: No selection group at specified index.');
-        }
-        const prevSelectedIndex = this.adapter.getSelectedSiblingOfItemAtIndex(index);
-        if (prevSelectedIndex >= 0) {
-            this.adapter.removeAttributeFromElementAtIndex(prevSelectedIndex, strings.ARIA_CHECKED_ATTR);
-            this.adapter.removeClassFromElementAtIndex(prevSelectedIndex, cssClasses.MENU_SELECTED_LIST_ITEM);
-        }
-        this.adapter.addClassToElementAtIndex(index, cssClasses.MENU_SELECTED_LIST_ITEM);
-        this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_CHECKED_ATTR, 'true');
-        this.selectedIndex = 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.validatedIndex(index);
-        if (isEnabled) {
-            this.adapter.removeClassFromElementAtIndex(index, LIST_ITEM_DISABLED_CLASS);
-            this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_DISABLED_ATTR, 'false');
-        }
-        else {
-            this.adapter.addClassToElementAtIndex(index, LIST_ITEM_DISABLED_CLASS);
-            this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_DISABLED_ATTR, 'true');
-        }
-    }
-    validatedIndex(index) {
-        const menuSize = this.adapter.getMenuItemCount();
-        const isIndexInRange = index >= 0 && index < menuSize;
-        if (!isIndexInRange) {
-            throw new Error('MDCMenuFoundation: No list item at specified index.');
-        }
-    }
-}
-//# sourceMappingURL=foundation.js.map

package/menu/lib/foundation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"foundation.js","sourceRoot":"","sources":["foundation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,wBAAwB,EAAC,MAAM,qCAAqC,CAAC;AAG7E,OAAO,EAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAC,MAAM,gBAAgB,CAAC;AAE5D,MAAM,wBAAwB,GAAG,yBAAyB,CAAC;AAE3D,MAAM,OAAO,iBAAiB;IAuC5B,YAAY,OAAgC;QAzBpC,6BAAwB,GAAG,CAAC,CAAC;QAC7B,kBAAa,GAAG,CAAC,CAAC,CAAC;QAyBzB,IAAI,CAAC,OAAO,GAAG,EAAC,GAAG,iBAAiB,CAAC,cAAc,EAAE,GAAG,OAAO,EAAC,CAAC;IACnE,CAAC;IAxCD,MAAM,KAAK,UAAU;QACnB,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,MAAM,KAAK,OAAO;QAChB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,MAAM,KAAK,OAAO;QAChB,OAAO,OAAO,CAAC;IACjB,CAAC;IAMD;;OAEG;IACH,MAAM,KAAK,cAAc;QACvB,wGAAwG;QACxG,OAAO;YACL,wBAAwB,EAAE,GAAG,EAAE,CAAC,SAAS;YACzC,6BAA6B,EAAE,GAAG,EAAE,CAAC,SAAS;YAC9C,4BAA4B,EAAE,GAAG,EAAE,CAAC,SAAS;YAC7C,iCAAiC,EAAE,GAAG,EAAE,CAAC,SAAS;YAClD,8BAA8B,EAAE,GAAG,EAAE,CAAC,IAAI;YAC1C,oBAAoB,EAAE,GAAG,EAAE,CAAC,KAAK;YACjC,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS;YAC7B,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YACzB,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;YAC/B,gBAAgB,EAAE,GAAG,EAAE,CAAC,CAAC;YACzB,+BAA+B,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YACzC,uBAAuB,EAAE,GAAG,EAAE,CAAC,KAAK;SACrC,CAAC;QACF,yCAAyC;IAC3C,CAAC;IAMD,OAAO;QACL,IAAI,IAAI,CAAC,wBAAwB,EAAE;YACjC,YAAY,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;SAC7C;QAED,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC;IAC9B,CAAC;IAED,aAAa,CAAC,GAAkB;QAC9B,MAAM,EAAC,GAAG,EAAE,OAAO,EAAC,GAAG,GAAG,CAAC;QAC3B,MAAM,KAAK,GAAG,GAAG,KAAK,KAAK,IAAI,OAAO,KAAK,CAAC,CAAC;QAE7C,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;SACzD;IACH,CAAC;IAED,gBAAgB,CAAC,QAAiB;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QACrD,IAAI,KAAK,GAAG,CAAC,EAAE;YACb,OAAO;SACR;QAED,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC;QACrC,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,8BAA8B,CACvC,KAAK,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,MAAM,CAAC;QAC3E,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;QAE5C,wEAAwE;QACxE,UAAU;QACV,IAAI,CAAC,wBAAwB,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9C,8DAA8D;YAC9D,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;YAC/D,IAAI,eAAe,IAAI,CAAC;gBACpB,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,eAAe,CAAC,EAAE;gBACzD,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;aACxC;QACH,CAAC,EAAE,wBAAwB,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC;IACjE,CAAC;IAED,yEAAyE;IACzE,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACH,gBAAgB,CAAC,KAAa;QAC5B,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAE3B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE;YAChD,MAAM,IAAI,KAAK,CACX,2DAA2D,CAAC,CAAC;SAClE;QAED,MAAM,iBAAiB,GACnB,IAAI,CAAC,OAAO,CAAC,+BAA+B,CAAC,KAAK,CAAC,CAAC;QACxD,IAAI,iBAAiB,IAAI,CAAC,EAAE;YAC1B,IAAI,CAAC,OAAO,CAAC,iCAAiC,CAC1C,iBAAiB,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;YAClD,IAAI,CAAC,OAAO,CAAC,6BAA6B,CACtC,iBAAiB,EAAE,UAAU,CAAC,uBAAuB,CAAC,CAAC;SAC5D;QAED,IAAI,CAAC,OAAO,CAAC,wBAAwB,CACjC,KAAK,EAAE,UAAU,CAAC,uBAAuB,CAAC,CAAC;QAC/C,IAAI,CAAC,OAAO,CAAC,4BAA4B,CACrC,KAAK,EAAE,OAAO,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;QAE9C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED;;;;OAIG;IACH,UAAU,CAAC,KAAa,EAAE,SAAkB;QAC1C,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAE3B,IAAI,SAAS,EAAE;YACb,IAAI,CAAC,OAAO,CAAC,6BAA6B,CACtC,KAAK,EAAE,wBAAwB,CAAC,CAAC;YACrC,IAAI,CAAC,OAAO,CAAC,4BAA4B,CACrC,KAAK,EAAE,OAAO,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;SACjD;aAAM;YACL,IAAI,CAAC,OAAO,CAAC,wBAAwB,CAAC,KAAK,EAAE,wBAAwB,CAAC,CAAC;YACvE,IAAI,CAAC,OAAO,CAAC,4BAA4B,CACrC,KAAK,EAAE,OAAO,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;SAChD;IACH,CAAC;IAEO,cAAc,CAAC,KAAa;QAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC;QACjD,MAAM,cAAc,GAAG,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,QAAQ,CAAC;QAEtD,IAAI,CAAC,cAAc,EAAE;YACnB,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;SACxE;IACH,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {MDCMenuSurfaceFoundation} from '../../menusurface/lib/foundation.js';\n\nimport {MDCMenuAdapter} from './adapter.js';\nimport {cssClasses, numbers, strings} from './constants.js';\n\nconst LIST_ITEM_DISABLED_CLASS = 'md3-list-item--disabled';\n\nexport class MDCMenuFoundation {\n  static get cssClasses() {\n    return cssClasses;\n  }\n\n  static get strings() {\n    return strings;\n  }\n\n  static get numbers() {\n    return numbers;\n  }\n\n  private readonly adapter: MDCMenuAdapter;\n  private closeAnimationEndTimerId = 0;\n  private selectedIndex = -1;\n\n  /**\n   * @see {@link MDCMenuAdapter} for typing information on parameters and return types.\n   */\n  static get defaultAdapter(): MDCMenuAdapter {\n    // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.\n    return {\n      addClassToElementAtIndex: () => undefined,\n      removeClassFromElementAtIndex: () => undefined,\n      addAttributeToElementAtIndex: () => undefined,\n      removeAttributeFromElementAtIndex: () => undefined,\n      getAttributeFromElementAtIndex: () => null,\n      elementContainsClass: () => false,\n      closeSurface: () => undefined,\n      getElementIndex: () => -1,\n      notifySelected: () => undefined,\n      getMenuItemCount: () => 0,\n      getSelectedSiblingOfItemAtIndex: () => -1,\n      isSelectableItemAtIndex: () => false,\n    };\n    // tslint:enable:object-literal-sort-keys\n  }\n\n  constructor(adapter: Partial<MDCMenuAdapter>) {\n    this.adapter = {...MDCMenuFoundation.defaultAdapter, ...adapter};\n  }\n\n  destroy() {\n    if (this.closeAnimationEndTimerId) {\n      clearTimeout(this.closeAnimationEndTimerId);\n    }\n\n    this.adapter.closeSurface();\n  }\n\n  handleKeydown(evt: KeyboardEvent) {\n    const {key, keyCode} = evt;\n    const isTab = key === 'Tab' || keyCode === 9;\n\n    if (isTab) {\n      this.adapter.closeSurface(/** skipRestoreFocus */ true);\n    }\n  }\n\n  handleItemAction(listItem: Element) {\n    const index = this.adapter.getElementIndex(listItem);\n    if (index < 0) {\n      return;\n    }\n\n    this.adapter.notifySelected({index});\n    const skipRestoreFocus = this.adapter.getAttributeFromElementAtIndex(\n                                 index, strings.SKIP_RESTORE_FOCUS) === 'true';\n    this.adapter.closeSurface(skipRestoreFocus);\n\n    // Wait for the menu to close before adding/removing classes that affect\n    // styles.\n    this.closeAnimationEndTimerId = setTimeout(() => {\n      // Recompute the index in case the menu contents have changed.\n      const recomputedIndex = this.adapter.getElementIndex(listItem);\n      if (recomputedIndex >= 0 &&\n          this.adapter.isSelectableItemAtIndex(recomputedIndex)) {\n        this.setSelectedIndex(recomputedIndex);\n      }\n    }, MDCMenuSurfaceFoundation.numbers.TRANSITION_CLOSE_DURATION);\n  }\n\n  /** @return Index of the currently selected list item within the menu. */\n  getSelectedIndex() {\n    return this.selectedIndex;\n  }\n\n  /**\n   * Selects the list item at `index` within the menu.\n   * @param index Index of list item within the menu.\n   */\n  setSelectedIndex(index: number) {\n    this.validatedIndex(index);\n\n    if (!this.adapter.isSelectableItemAtIndex(index)) {\n      throw new Error(\n          'MDCMenuFoundation: No selection group at specified index.');\n    }\n\n    const prevSelectedIndex =\n        this.adapter.getSelectedSiblingOfItemAtIndex(index);\n    if (prevSelectedIndex >= 0) {\n      this.adapter.removeAttributeFromElementAtIndex(\n          prevSelectedIndex, strings.ARIA_CHECKED_ATTR);\n      this.adapter.removeClassFromElementAtIndex(\n          prevSelectedIndex, cssClasses.MENU_SELECTED_LIST_ITEM);\n    }\n\n    this.adapter.addClassToElementAtIndex(\n        index, cssClasses.MENU_SELECTED_LIST_ITEM);\n    this.adapter.addAttributeToElementAtIndex(\n        index, strings.ARIA_CHECKED_ATTR, 'true');\n\n    this.selectedIndex = 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.validatedIndex(index);\n\n    if (isEnabled) {\n      this.adapter.removeClassFromElementAtIndex(\n          index, LIST_ITEM_DISABLED_CLASS);\n      this.adapter.addAttributeToElementAtIndex(\n          index, strings.ARIA_DISABLED_ATTR, 'false');\n    } else {\n      this.adapter.addClassToElementAtIndex(index, LIST_ITEM_DISABLED_CLASS);\n      this.adapter.addAttributeToElementAtIndex(\n          index, strings.ARIA_DISABLED_ATTR, 'true');\n    }\n  }\n\n  private validatedIndex(index: number): void {\n    const menuSize = this.adapter.getMenuItemCount();\n    const isIndexInRange = index >= 0 && index < menuSize;\n\n    if (!isIndexInRange) {\n      throw new Error('MDCMenuFoundation: No list item at specified index.');\n    }\n  }\n}\n"]}

package/menu/lib/menu-button-styles.css.js

@@ -1,9 +0,0 @@
-/**
-  * @license
-  * Copyright 2022 Google LLC
-  * SPDX-License-Identifier: Apache-2.0
-  */
-import { css } from 'lit';
-export const styles = css `.md3-menu-button{overflow:visible;position:relative}/*# sourceMappingURL=menu-button-styles.css.map */
-`;
-//# sourceMappingURL=menu-button-styles.css.js.map

package/menu/lib/menu-button-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-button-styles.css.js","sourceRoot":"","sources":["menu-button-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`.md3-menu-button{overflow:visible;position:relative}/*# sourceMappingURL=menu-button-styles.css.map */\n`;\n "]}

package/menu/lib/menu-button-styles.scss

@@ -1,8 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@use './menu-button';
-
-@include menu-button.styles;

package/menu/lib/menu-button.d.ts

@@ -1,27 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { LitElement, PropertyValues } from 'lit';
-import { Menu } from './menu.js';
-/**
- * Menu button component that automatically attaches a slotted menu to the
- * slotted button.
- */
-export declare class MenuButton extends LitElement {
-    protected readonly buttonAssignedElements: HTMLElement[];
-    protected readonly menuAssignedElements: HTMLElement[];
-    get button(): HTMLElement;
-    get menu(): Menu;
-    protected render(): import("lit-html").TemplateResult<1>;
-    protected firstUpdated(changedProperties: PropertyValues): void;
-    /**
-     * If key event is ArrowUp or ArrowDown, opens the menu.
-     */
-    private handleButtonKeydown;
-    /**
-     * Toggles the menu on button click.
-     */
-    private handleButtonClick;
-}

package/menu/lib/menu-button.js

@@ -1,93 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate, __metadata } from "tslib";
-import { html, LitElement } from 'lit';
-import { queryAssignedElements } from 'lit/decorators.js';
-import { Menu } from './menu.js';
-/**
- * Menu button component that automatically attaches a slotted menu to the
- * slotted button.
- */
-export class MenuButton extends LitElement {
-    get button() {
-        if (this.buttonAssignedElements.length === 0) {
-            throw new Error('MenuButton: Missing a slot="button" element.');
-        }
-        return this.buttonAssignedElements[0];
-    }
-    get menu() {
-        if (this.menuAssignedElements.length === 0) {
-            throw new Error('MenuButton: Missing a slot="menu" element.');
-        }
-        if (!(this.menuAssignedElements[0] instanceof Menu)) {
-            throw new Error('MenuButton: The slot="menu" element must be an instance of the ' +
-                'Menu component.');
-        }
-        return this.menuAssignedElements[0];
-    }
-    render() {
-        return html `
-      <div class="md3-menu-button">
-        <span>
-          <slot name="button"
-              @click=${this.handleButtonClick}
-              @keydown=${this.handleButtonKeydown}>
-          </slot>
-        </span>
-        <span><slot name="menu"></slot></span>
-      </div>
-    `;
-    }
-    firstUpdated(changedProperties) {
-        super.firstUpdated(changedProperties);
-        if (!this.menu.anchor) {
-            this.menu.anchor = this.button;
-        }
-    }
-    /**
-     * If key event is ArrowUp or ArrowDown, opens the menu.
-     */
-    handleButtonKeydown(event) {
-        if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown')
-            return;
-        if (event.key === 'ArrowUp') {
-            this.menu.defaultFocus = 'LAST_ITEM';
-        }
-        else if (event.key === 'ArrowDown') {
-            this.menu.defaultFocus = 'FIRST_ITEM';
-        }
-        this.menu.show();
-    }
-    /**
-     * Toggles the menu on button click.
-     */
-    handleButtonClick(event) {
-        if (this.menu.open) {
-            this.menu.close();
-            return;
-        }
-        // Whether the click is from SPACE or ENTER keypress on a button, for which
-        // the browser fires a synthetic click event.
-        const isSyntheticClickEvent = event.pointerType === '';
-        if (isSyntheticClickEvent) {
-            // Key events should automatically focus on first menu item.
-            this.menu.defaultFocus = 'FIRST_ITEM';
-        }
-        else {
-            this.menu.defaultFocus = 'LIST_ROOT';
-        }
-        this.menu.show();
-    }
-}
-__decorate([
-    queryAssignedElements({ slot: 'button', flatten: true }),
-    __metadata("design:type", Array)
-], MenuButton.prototype, "buttonAssignedElements", void 0);
-__decorate([
-    queryAssignedElements({ slot: 'menu', flatten: true }),
-    __metadata("design:type", Array)
-], MenuButton.prototype, "menuAssignedElements", void 0);
-//# sourceMappingURL=menu-button.js.map

package/menu/lib/menu-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-button.js","sourceRoot":"","sources":["menu-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAC,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AAExD,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAC;AAE/B;;;GAGG;AACH,MAAM,OAAO,UAAW,SAAQ,UAAU;IAOxC,IAAI,MAAM;QACR,IAAI,IAAI,CAAC,sBAAsB,CAAC,MAAM,KAAK,CAAC,EAAE;YAC5C,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAA;SAChE;QACD,OAAO,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC;IAED,IAAI,IAAI;QACN,IAAI,IAAI,CAAC,oBAAoB,CAAC,MAAM,KAAK,CAAC,EAAE;YAC1C,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAA;SAC9D;QACD,IAAI,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,EAAE;YACnD,MAAM,IAAI,KAAK,CACX,iEAAiE;gBACjE,iBAAiB,CAAC,CAAC;SACxB;QACD,OAAO,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;uBAIQ,IAAI,CAAC,iBAAiB;yBACpB,IAAI,CAAC,mBAAmB;;;;;KAK5C,CAAC;IACJ,CAAC;IAEkB,YAAY,CAAC,iBAAiC;QAC/D,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QAEtC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACrB,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;SAChC;IACH,CAAC;IAED;;OAEG;IACK,mBAAmB,CAAC,KAAoB;QAC9C,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW;YAAE,OAAO;QAEjE,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE;YAC3B,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;SACtC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;YACpC,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;SACvC;QACD,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACnB,CAAC;IAED;;OAEG;IACK,iBAAiB,CAAC,KAAmB;QAC3C,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YAClB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAClB,OAAO;SACR;QAED,2EAA2E;QAC3E,6CAA6C;QAC7C,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,KAAK,EAAE,CAAC;QACvD,IAAI,qBAAqB,EAAE;YACzB,4DAA4D;YAC5D,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;SACvC;aAAM;YACL,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;SACtC;QAED,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACnB,CAAC;CACF;AAjFC;IADC,qBAAqB,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;0DACG;AAG1D;IADC,qBAAqB,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;wDACG","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement, PropertyValues} from 'lit';\nimport {queryAssignedElements} from 'lit/decorators.js';\n\nimport {Menu} from './menu.js';\n\n/**\n * Menu button component that automatically attaches a slotted menu to the\n * slotted button.\n */\nexport class MenuButton extends LitElement {\n  @queryAssignedElements({slot: 'button', flatten: true})\n  protected readonly buttonAssignedElements!: HTMLElement[];\n\n  @queryAssignedElements({slot: 'menu', flatten: true})\n  protected readonly menuAssignedElements!: HTMLElement[];\n\n  get button(): HTMLElement {\n    if (this.buttonAssignedElements.length === 0) {\n      throw new Error('MenuButton: Missing a slot=\"button\" element.')\n    }\n    return this.buttonAssignedElements[0];\n  }\n\n  get menu(): Menu {\n    if (this.menuAssignedElements.length === 0) {\n      throw new Error('MenuButton: Missing a slot=\"menu\" element.')\n    }\n    if (!(this.menuAssignedElements[0] instanceof Menu)) {\n      throw new Error(\n          'MenuButton: The slot=\"menu\" element must be an instance of the ' +\n          'Menu component.');\n    }\n    return this.menuAssignedElements[0];\n  }\n\n  protected override render() {\n    return html`\n      <div class=\"md3-menu-button\">\n        <span>\n          <slot name=\"button\"\n              @click=${this.handleButtonClick}\n              @keydown=${this.handleButtonKeydown}>\n          </slot>\n        </span>\n        <span><slot name=\"menu\"></slot></span>\n      </div>\n    `;\n  }\n\n  protected override firstUpdated(changedProperties: PropertyValues) {\n    super.firstUpdated(changedProperties);\n\n    if (!this.menu.anchor) {\n      this.menu.anchor = this.button;\n    }\n  }\n\n  /**\n   * If key event is ArrowUp or ArrowDown, opens the menu.\n   */\n  private handleButtonKeydown(event: KeyboardEvent) {\n    if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown') return;\n\n    if (event.key === 'ArrowUp') {\n      this.menu.defaultFocus = 'LAST_ITEM';\n    } else if (event.key === 'ArrowDown') {\n      this.menu.defaultFocus = 'FIRST_ITEM';\n    }\n    this.menu.show();\n  }\n\n  /**\n   * Toggles the menu on button click.\n   */\n  private handleButtonClick(event: PointerEvent) {\n    if (this.menu.open) {\n      this.menu.close();\n      return;\n    }\n\n    // Whether the click is from SPACE or ENTER keypress on a button, for which\n    // the browser fires a synthetic click event.\n    const isSyntheticClickEvent = event.pointerType === '';\n    if (isSyntheticClickEvent) {\n      // Key events should automatically focus on first menu item.\n      this.menu.defaultFocus = 'FIRST_ITEM';\n    } else {\n      this.menu.defaultFocus = 'LIST_ROOT';\n    }\n\n    this.menu.show();\n  }\n}\n"]}

package/menu/menu-button.d.ts

@@ -1,14 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MenuButton } from './lib/menu-button.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-menu-button': MdMenuButton;
-    }
-}
-export declare class MdMenuButton extends MenuButton {
-    static styles: import("lit").CSSResult[];
-}

package/menu/menu-button.js

@@ -1,17 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { MenuButton } from './lib/menu-button.js';
-import { styles } from './lib/menu-button-styles.css.js';
-let MdMenuButton = class MdMenuButton extends MenuButton {
-};
-MdMenuButton.styles = [styles];
-MdMenuButton = __decorate([
-    customElement('md-menu-button')
-], MdMenuButton);
-export { MdMenuButton };
-//# sourceMappingURL=menu-button.js.map

package/menu/menu-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-button.js","sourceRoot":"","sources":["menu-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,iCAAiC,CAAC;AASvD,IAAa,YAAY,GAAzB,MAAa,YAAa,SAAQ,UAAU;CAE3C,CAAA;AADiB,mBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAExB;SAFY,YAAY","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {MenuButton} from './lib/menu-button.js';\nimport {styles} from './lib/menu-button-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-menu-button': MdMenuButton;\n  }\n}\n\n@customElement('md-menu-button')\nexport class MdMenuButton extends MenuButton {\n  static override styles = [styles];\n}\n"]}

package/menusurface/_menu-surface.scss

@@ -1,6 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@forward './lib/menu-surface' show theme;

package/menusurface/lib/_md-comp-menu-surface.scss

@@ -1,27 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@use 'sass:map';
-@use '../../elevation/lib/elevation';
-@use '../../tokens';
-
-$_default-deps: (
-  md-sys-color: tokens.md-sys-color-values-light(),
-  md-sys-elevation: tokens.md-sys-elevation-values(),
-  md-sys-shape: tokens.md-sys-shape-values(),
-);
-
-@function values($deps: $_default-deps, $exclude-hardcoded-values: false) {
-  // Use menu tokens for default menu surface values.
-  $menu-values: tokens.md-comp-menu-values($deps, $exclude-hardcoded-values);
-
-  @return (
-    container-elevation: map.get($menu-values, container-elevation),
-    container-shadow-color: map.get($menu-values, container-shadow-color),
-    container-shape: map.get($menu-values, container-shape),
-    container-surface-tint-layer-color:
-      map.get($menu-values, container-surface-tint-layer-color)
-  );
-}

package/menusurface/lib/_menu-surface.scss

@@ -1,118 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// stylelint-disable selector-class-pattern --
-// Selector '.md3-*' should only be used in this project.
-
-@use 'sass:map';
-@use '../../elevation/lib/elevation';
-@use '../../sass/theme';
-@use './md-comp-menu-surface';
-
-$_custom-property-prefix: 'menu-surface';
-$_fade-in-duration: 0.03s;
-$_fade-out-duration: 0.075s;
-$_scale-duration: 0.12s;
-$_min-distance-from-edge: 32px;
-$_max-width: calc(100vw - #{$_min-distance-from-edge});
-$_max-height: calc(100vh - #{$_min-distance-from-edge});
-$_z-index: 8; // One above md3-dialog
-$_deceleration-curve-timing-function: cubic-bezier(0, 0, 0.2, 1) !default;
-
-@mixin theme($tokens) {
-  $tokens: theme.validate-theme(md-comp-menu-surface.values(), $tokens);
-  $tokens: elevation.resolve-tokens($tokens, 'container-elevation');
-  $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
-
-  @include theme.emit-theme-vars($tokens);
-}
-
-@mixin styles() {
-  $tokens: md-comp-menu-surface.values();
-  $tokens: elevation.resolve-tokens($tokens, 'container-elevation');
-  $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
-
-  :host {
-    @each $token, $value in $tokens {
-      --_#{$token}: #{$value};
-    }
-  }
-
-  .md3-menu-surface {
-    border-radius: var(--_container-shape);
-    box-sizing: border-box;
-    display: none;
-    opacity: 0;
-    overflow: auto;
-    margin: 0;
-    max-height: $_max-height;
-    max-width: $_max-width;
-    padding: 0;
-    position: absolute;
-    transform: scale(1);
-    transform-origin: top left;
-    transition: opacity $_fade-in-duration linear,
-      transform $_scale-duration $_deceleration-curve-timing-function,
-      height 250ms $_deceleration-curve-timing-function;
-    will-change: transform, opacity;
-    z-index: $_z-index;
-
-    @include elevation.theme(
-      (
-        level: var(--_container-elevation),
-        shadow-color: var(--_container-shadow-color),
-        surface-tint-color: var(--_container-surface-tint-layer-color),
-      )
-    );
-
-    md-elevation {
-      z-index: 0;
-    }
-
-    &:focus {
-      outline: none;
-    }
-
-    &--animating-open {
-      display: inline-block;
-      opacity: 0;
-      transform: scale(0.8);
-    }
-
-    // Render this after `--animating-open` to override `opacity` & `transform`
-    // CSS properties.
-    &--open {
-      display: inline-block;
-      opacity: 1;
-      transform: scale(1);
-    }
-
-    &--animating-closed {
-      display: inline-block;
-      opacity: 0;
-      transition: opacity $_fade-out-duration linear;
-    }
-  }
-
-  .md3-menu-surface--anchor {
-    overflow: visible;
-    position: relative;
-  }
-
-  .md3-menu-surface--fixed {
-    position: fixed;
-  }
-
-  .md3-menu-surface--fullwidth {
-    width: 100%;
-  }
-
-  // Used by filled variants of GM components to conditionally flatten the top
-  // corners of the menu.
-  .md3-menu-surface--is-open-below {
-    border-top-left-radius: 0px;
-    border-top-right-radius: 0px;
-  }
-}

package/menusurface/lib/adapter.d.ts

@@ -1,46 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MDCMenuDimensions, MDCMenuDistance, MDCMenuPoint } from './types.js';
-/**
- * Defines the shape of the adapter expected by the foundation.
- * Implement this adapter for your framework of choice to delegate updates to
- * the component in your framework of choice. See architecture documentation
- * for more details.
- * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
- */
-export interface MDCMenuSurfaceAdapter {
-    addClass(className: string): void;
-    removeClass(className: string): void;
-    hasClass(className: string): boolean;
-    hasAnchor(): boolean;
-    isElementInContainer(el: Element): boolean;
-    isFocused(): boolean;
-    isRtl(): boolean;
-    getInnerDimensions(): MDCMenuDimensions;
-    getAnchorDimensions(): DOMRect | null;
-    getWindowDimensions(): MDCMenuDimensions;
-    getBodyDimensions(): MDCMenuDimensions;
-    getWindowScroll(): MDCMenuPoint;
-    setPosition(position: Partial<MDCMenuDistance>): void;
-    setMaxHeight(height: string): void;
-    setTransformOrigin(origin: string): void;
-    getOwnerDocument?(): Document;
-    /** Saves the element that was focused before the menu surface was opened. */
-    saveFocus(): void;
-    /**
-     * Restores focus to the element that was focused before the menu surface was
-     * opened.
-     */
-    restoreFocus(): void;
-    /** Emits an event when the menu surface is closed. */
-    notifyClose(): void;
-    /** Emits an event when the menu surface is closing. */
-    notifyClosing(): void;
-    /** Emits an event when the menu surface is opened. */
-    notifyOpen(): void;
-    /** Emits an event when the menu surface is opening. */
-    notifyOpening(): void;
-}

package/menusurface/lib/adapter.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-export {};
-//# sourceMappingURL=adapter.js.map

package/menusurface/lib/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","sourceRoot":"","sources":["adapter.ts"],"names":[],"mappings":"AAAA;;;;GAIG","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {MDCMenuDimensions, MDCMenuDistance, MDCMenuPoint} from './types.js';\n\n/**\n * Defines the shape of the adapter expected by the foundation.\n * Implement this adapter for your framework of choice to delegate updates to\n * the component in your framework of choice. See architecture documentation\n * for more details.\n * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md\n */\nexport interface MDCMenuSurfaceAdapter {\n  addClass(className: string): void;\n  removeClass(className: string): void;\n  hasClass(className: string): boolean;\n  hasAnchor(): boolean;\n\n  isElementInContainer(el: Element): boolean;\n  isFocused(): boolean;\n  isRtl(): boolean;\n\n  getInnerDimensions(): MDCMenuDimensions;\n  getAnchorDimensions(): DOMRect|null;\n  getWindowDimensions(): MDCMenuDimensions;\n  getBodyDimensions(): MDCMenuDimensions;\n  getWindowScroll(): MDCMenuPoint;\n  setPosition(position: Partial<MDCMenuDistance>): void;\n  setMaxHeight(height: string): void;\n  setTransformOrigin(origin: string): void;\n  getOwnerDocument?(): Document;\n\n  /** Saves the element that was focused before the menu surface was opened. */\n  saveFocus(): void;\n\n  /**\n   * Restores focus to the element that was focused before the menu surface was\n   * opened.\n   */\n  restoreFocus(): void;\n\n  /** Emits an event when the menu surface is closed. */\n  notifyClose(): void;\n\n  /** Emits an event when the menu surface is closing. */\n  notifyClosing(): void;\n\n  /** Emits an event when the menu surface is opened. */\n  notifyOpen(): void;\n\n  /** Emits an event when the menu surface is opening. */\n  notifyOpening(): void;\n}\n"]}