@material/web 0.1.0-alpha.0

package/menu/lib/menu.js

@@ -0,0 +1,334 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate, __metadata } from "tslib";
+import '../../list/list.js';
+import '../../menusurface/menu-surface.js';
+import { ariaProperty } from '@material/web/decorators/aria-property.js';
+import { html, LitElement } from 'lit';
+import { property, query } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { MenuSurface } from '../../menusurface/lib/menu-surface.js';
+import { MDCMenuFoundation } from './foundation.js';
+/**
+ * @fires selected {SelectedDetail}
+ * @fires action {ActionDetail}
+ * @fires items-updated
+ * @fires opened
+ * @fires closed
+ */
+export class Menu extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.listElementInternal = null;
+        this.anchor = null;
+        this.open = false;
+        this.quick = false;
+        this.corner = 'BOTTOM_START';
+        this.x = null;
+        this.y = null;
+        this.absolute = false;
+        this.activatable = false;
+        this.fixed = false;
+        this.forceGroupSelection = false;
+        this.fullwidth = false;
+        this.flipMenuHorizontally = false;
+        this.stayOpenOnBodyClick = false;
+        this.skipRestoreFocus = false;
+        this.defaultFocus = 'LIST_ROOT';
+        this.listUpdateComplete = null;
+    }
+    get listElement() {
+        if (!this.listElementInternal) {
+            this.listElementInternal = this.renderRoot.querySelector('md-list');
+            return this.listElementInternal;
+        }
+        return this.listElementInternal;
+    }
+    get items() {
+        const listElement = this.listElement;
+        if (listElement) {
+            return listElement.items;
+        }
+        return [];
+    }
+    render() {
+        return html `
+      <md-menu-surface
+          ?hidden=${!this.open}
+          .anchor=${this.anchor}
+          .open=${this.open}
+          .quick=${this.quick}
+          .corner=${this.corner}
+          .x=${this.x}
+          .y=${this.y}
+          .absolute=${this.absolute}
+          .fixed=${this.fixed}
+          .fullwidth=${this.fullwidth}
+          .flipMenuHorizontally=${this.flipMenuHorizontally}
+          .skipRestoreFocus=${this.skipRestoreFocus}
+          ?stayOpenOnBodyClick=${this.stayOpenOnBodyClick}
+          class="md3-menu"
+          @closed=${this.onClosed}
+          @opened=${this.onOpened}
+          @keydown=${this.onKeydown}>
+        <md-list
+          aria-label="${ifDefined(this.ariaLabel)}"
+          role=${'menu'}
+          .listTabIndex=${-1}
+          .listItemTagName=${this.getMenuItemTagName()}
+          @action=${this.onAction}>
+        <slot></slot>
+      </md-list>
+    </md-menu-surface>`;
+    }
+    getMenuItemTagName() {
+        return 'md-menu-item';
+    }
+    createAdapter() {
+        return {
+            addClassToElementAtIndex: (index, className) => {
+                const listElement = this.listElement;
+                if (!listElement) {
+                    return;
+                }
+                const element = listElement.items[index];
+                if (!element) {
+                    return;
+                }
+                element.classList.add(className);
+            },
+            removeClassFromElementAtIndex: (index, className) => {
+                const listElement = this.listElement;
+                if (!listElement) {
+                    return;
+                }
+                const element = listElement.items[index];
+                if (!element) {
+                    return;
+                }
+                element.classList.remove(className);
+            },
+            addAttributeToElementAtIndex: (index, attr, value) => {
+                // TODO(b/240174946): This method is only used for setting
+                // `aria-checked` and `aria-disabled` on the menu items when selected
+                // and disabled states change. Remove this in favor of adding to the
+                // template declaratively.
+            },
+            removeAttributeFromElementAtIndex: (index, attr) => {
+                const listElement = this.listElement;
+                if (!listElement) {
+                    return;
+                }
+                const element = listElement.items[index];
+                if (!element) {
+                    return;
+                }
+                element.removeAttribute(attr);
+            },
+            getAttributeFromElementAtIndex: (index, attr) => {
+                const listElement = this.listElement;
+                if (!listElement) {
+                    return null;
+                }
+                const element = listElement.items[index];
+                if (!element) {
+                    return null;
+                }
+                return element.getAttribute(attr);
+            },
+            elementContainsClass: (element, className) => element.classList.contains(className),
+            closeSurface: (skipRestoreFocus) => {
+                this.skipRestoreFocus = Boolean(skipRestoreFocus);
+                this.open = false;
+            },
+            getElementIndex: (element) => {
+                const listElement = this.listElement;
+                if (listElement) {
+                    return listElement.items.indexOf(element);
+                }
+                return -1;
+            },
+            notifySelected: () => { },
+            getMenuItemCount: () => {
+                const listElement = this.listElement;
+                if (!listElement) {
+                    return 0;
+                }
+                return listElement.items.length;
+            },
+            getSelectedSiblingOfItemAtIndex: (index) => {
+                const listElement = this.listElement;
+                if (!listElement) {
+                    return -1;
+                }
+                // TODO(b/240177152): Remove/refactor this when implementing keyboard
+                // navigation support.
+                // const elementAtIndex = listElement.items[index];
+                // if (!elementAtIndex || !elementAtIndex.group) {
+                //   return -1;
+                // }
+                // for (let i = 0; i < listElement.items.length; i++) {
+                //   if (i === index) {
+                //     continue;
+                //   }
+                //   const current = listElement.items[i];
+                //   if (current.selected && current.group === elementAtIndex.group) {
+                //     return i;
+                //   }
+                // }
+                return -1;
+            },
+            isSelectableItemAtIndex: (index) => {
+                const listElement = this.listElement;
+                if (!listElement) {
+                    return false;
+                }
+                const elementAtIndex = listElement.items[index];
+                if (!elementAtIndex) {
+                    return false;
+                }
+                return elementAtIndex.hasAttribute('group');
+            },
+        };
+    }
+    onKeydown(evt) {
+        if (this.mdcFoundation) {
+            this.mdcFoundation.handleKeydown(evt);
+        }
+    }
+    onAction(evt) {
+        const listElement = this.listElement;
+        if (this.mdcFoundation && listElement) {
+            const el = evt.detail.item;
+            if (el) {
+                this.mdcFoundation.handleItemAction(el);
+            }
+        }
+    }
+    onOpened() {
+        this.skipRestoreFocus = false;
+        this.open = true;
+        this.listElement?.resetActiveListItem();
+        switch (this.defaultFocus) {
+            case 'FIRST_ITEM':
+                this.listElement?.activateFirstItem();
+                break;
+            case 'LAST_ITEM':
+                this.listElement?.activateLastItem();
+                break;
+            case 'NONE':
+                // Do nothing.
+                break;
+            case 'LIST_ROOT':
+            default:
+                this.listElement?.focus();
+                break;
+        }
+    }
+    onClosed() {
+        this.open = false;
+    }
+    // tslint:disable:ban-ts-ignore
+    async getUpdateComplete() {
+        await this.listUpdateComplete;
+        // @ts-ignore
+        const result = await super.getUpdateComplete();
+        return result;
+    }
+    // tslint:enable:ban-ts-ignore
+    async firstUpdated() {
+        if (this.mdcFoundation !== undefined) {
+            this.mdcFoundation.destroy();
+        }
+        this.mdcFoundation = new MDCMenuFoundation(this.createAdapter());
+        const listElement = this.listElement;
+        if (listElement) {
+            this.listUpdateComplete = listElement.updateComplete;
+            await this.listUpdateComplete;
+        }
+    }
+    close() {
+        this.open = false;
+    }
+    show() {
+        this.open = true;
+    }
+}
+__decorate([
+    query('.md3-menu'),
+    __metadata("design:type", MenuSurface)
+], Menu.prototype, "mdcRoot", void 0);
+__decorate([
+    query('slot'),
+    __metadata("design:type", HTMLSlotElement)
+], Menu.prototype, "slotElement", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", HTMLElement)
+], Menu.prototype, "anchor", void 0);
+__decorate([
+    ariaProperty // tslint:disable-line:no-new-decorators
+    ,
+    property({ type: String, attribute: 'data-aria-label', noAccessor: true }),
+    __metadata("design:type", String)
+], Menu.prototype, "ariaLabel", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], Menu.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], Menu.prototype, "quick", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], Menu.prototype, "corner", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], Menu.prototype, "x", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], Menu.prototype, "y", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], Menu.prototype, "absolute", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], Menu.prototype, "activatable", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], Menu.prototype, "fixed", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], Menu.prototype, "forceGroupSelection", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], Menu.prototype, "fullwidth", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], Menu.prototype, "flipMenuHorizontally", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], Menu.prototype, "stayOpenOnBodyClick", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], Menu.prototype, "skipRestoreFocus", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], Menu.prototype, "defaultFocus", void 0);
+//# sourceMappingURL=menu.js.map

package/menu/lib/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../list/list.js';\nimport '../../menusurface/menu-surface.js';\n\nimport {ariaProperty} from '@material/web/decorators/aria-property.js';\nimport {html, LitElement} from 'lit';\nimport {property, query} from 'lit/decorators.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\nimport {List} from '../../list/lib/list.js';\nimport {ListItem} from '../../list/lib/listitem/list-item.js';\nimport {Corner, MenuSurface} from '../../menusurface/lib/menu-surface.js';\n\nimport {MDCMenuAdapter} from './adapter.js';\nimport {MDCMenuFoundation} from './foundation.js';\n\ninterface ActionDetail {\n  item: ListItem;\n}\n\n/** Element to focus on when menu is first opened. */\nexport type DefaultFocusState = 'NONE'|'LIST_ROOT'|'FIRST_ITEM'|'LAST_ITEM';\n\n/**\n * @fires selected {SelectedDetail}\n * @fires action {ActionDetail}\n * @fires items-updated\n * @fires opened\n * @fires closed\n */\nexport abstract class Menu extends LitElement {\n  protected mdcFoundation!: MDCMenuFoundation;\n\n  protected listElementInternal: List|null = null;\n\n  @query('.md3-menu') mdcRoot!: MenuSurface;\n\n  @query('slot') slotElement!: HTMLSlotElement|null;\n\n  @property({type: Object}) anchor: HTMLElement|null = null;\n\n  @ariaProperty  // tslint:disable-line:no-new-decorators\n  @property({type: String, attribute: 'data-aria-label', noAccessor: true})\n  override ariaLabel!: string;\n\n  @property({type: Boolean, reflect: true}) open = false;\n\n  @property({type: Boolean}) quick = false;\n\n  @property({type: String}) corner: Corner = 'BOTTOM_START';\n\n  @property({type: Number}) x: number|null = null;\n\n  @property({type: Number}) y: number|null = null;\n\n  @property({type: Boolean}) absolute = false;\n\n  @property({type: Boolean}) activatable = false;\n\n  @property({type: Boolean}) fixed = false;\n\n  @property({type: Boolean}) forceGroupSelection = false;\n\n  @property({type: Boolean}) fullwidth = false;\n\n  @property({type: Boolean}) flipMenuHorizontally = false;\n\n  @property({type: Boolean}) stayOpenOnBodyClick = false;\n\n  @property({type: Boolean}) skipRestoreFocus = false;\n\n  @property({type: String}) defaultFocus: DefaultFocusState = 'LIST_ROOT';\n\n  protected listUpdateComplete: null|Promise<unknown> = null;\n\n  protected get listElement() {\n    if (!this.listElementInternal) {\n      this.listElementInternal = this.renderRoot.querySelector('md-list');\n      return this.listElementInternal;\n    }\n\n    return this.listElementInternal;\n  }\n\n  get items(): ListItem[] {\n    const listElement = this.listElement;\n\n    if (listElement) {\n      return listElement.items;\n    }\n\n    return [];\n  }\n\n  override render() {\n    return html`\n      <md-menu-surface\n          ?hidden=${!this.open}\n          .anchor=${this.anchor}\n          .open=${this.open}\n          .quick=${this.quick}\n          .corner=${this.corner}\n          .x=${this.x}\n          .y=${this.y}\n          .absolute=${this.absolute}\n          .fixed=${this.fixed}\n          .fullwidth=${this.fullwidth}\n          .flipMenuHorizontally=${this.flipMenuHorizontally}\n          .skipRestoreFocus=${this.skipRestoreFocus}\n          ?stayOpenOnBodyClick=${this.stayOpenOnBodyClick}\n          class=\"md3-menu\"\n          @closed=${this.onClosed}\n          @opened=${this.onOpened}\n          @keydown=${this.onKeydown}>\n        <md-list\n          aria-label=\"${ifDefined(this.ariaLabel)}\"\n          role=${'menu'}\n          .listTabIndex=${\n        - 1}\n          .listItemTagName=${this.getMenuItemTagName()}\n          @action=${this.onAction}>\n        <slot></slot>\n      </md-list>\n    </md-menu-surface>`;\n  }\n\n  protected getMenuItemTagName() {\n    return 'md-menu-item';\n  }\n\n  protected createAdapter(): MDCMenuAdapter {\n    return {\n      addClassToElementAtIndex: (index, className) => {\n        const listElement = this.listElement;\n        if (!listElement) {\n          return;\n        }\n\n        const element = listElement.items[index];\n\n        if (!element) {\n          return;\n        }\n\n        element.classList.add(className);\n      },\n      removeClassFromElementAtIndex: (index, className) => {\n        const listElement = this.listElement;\n        if (!listElement) {\n          return;\n        }\n\n        const element = listElement.items[index];\n\n        if (!element) {\n          return;\n        }\n\n        element.classList.remove(className);\n      },\n      addAttributeToElementAtIndex: (index, attr, value) => {\n          // TODO(b/240174946): This method is only used for setting\n          // `aria-checked` and `aria-disabled` on the menu items when selected\n          // and disabled states change. Remove this in favor of adding to the\n          // template declaratively.\n      },\n      removeAttributeFromElementAtIndex: (index, attr) => {\n        const listElement = this.listElement;\n        if (!listElement) {\n          return;\n        }\n\n        const element = listElement.items[index];\n\n        if (!element) {\n          return;\n        }\n\n        element.removeAttribute(attr);\n      },\n      getAttributeFromElementAtIndex: (index, attr) => {\n        const listElement = this.listElement;\n        if (!listElement) {\n          return null;\n        }\n\n        const element = listElement.items[index];\n\n        if (!element) {\n          return null;\n        }\n\n        return element.getAttribute(attr);\n      },\n      elementContainsClass: (element, className) =>\n          element.classList.contains(className),\n      closeSurface: (skipRestoreFocus) => {\n        this.skipRestoreFocus = Boolean(skipRestoreFocus);\n        this.open = false;\n      },\n      getElementIndex: (element) => {\n        const listElement = this.listElement;\n        if (listElement) {\n          return listElement.items.indexOf(element as ListItem);\n        }\n\n        return -1;\n      },\n      notifySelected: () => {/** handled by list */},\n      getMenuItemCount: () => {\n        const listElement = this.listElement;\n        if (!listElement) {\n          return 0;\n        }\n\n        return listElement.items.length;\n      },\n      getSelectedSiblingOfItemAtIndex: (index) => {\n        const listElement = this.listElement;\n\n        if (!listElement) {\n          return -1;\n        }\n\n        // TODO(b/240177152): Remove/refactor this when implementing keyboard\n        // navigation support.\n        // const elementAtIndex = listElement.items[index];\n        // if (!elementAtIndex || !elementAtIndex.group) {\n        //   return -1;\n        // }\n        // for (let i = 0; i < listElement.items.length; i++) {\n        //   if (i === index) {\n        //     continue;\n        //   }\n        //   const current = listElement.items[i];\n        //   if (current.selected && current.group === elementAtIndex.group) {\n        //     return i;\n        //   }\n        // }\n\n        return -1;\n      },\n      isSelectableItemAtIndex: (index) => {\n        const listElement = this.listElement;\n\n        if (!listElement) {\n          return false;\n        }\n\n        const elementAtIndex = listElement.items[index];\n\n        if (!elementAtIndex) {\n          return false;\n        }\n\n        return elementAtIndex.hasAttribute('group');\n      },\n    };\n  }\n\n  protected onKeydown(evt: KeyboardEvent) {\n    if (this.mdcFoundation) {\n      this.mdcFoundation.handleKeydown(evt);\n    }\n  }\n\n  protected onAction(evt: CustomEvent<ActionDetail>) {\n    const listElement = this.listElement;\n    if (this.mdcFoundation && listElement) {\n      const el = evt.detail.item;\n\n      if (el) {\n        this.mdcFoundation.handleItemAction(el);\n      }\n    }\n  }\n\n  protected onOpened() {\n    this.skipRestoreFocus = false;\n    this.open = true;\n\n    this.listElement?.resetActiveListItem();\n    switch (this.defaultFocus) {\n      case 'FIRST_ITEM':\n        this.listElement?.activateFirstItem();\n        break;\n      case 'LAST_ITEM':\n        this.listElement?.activateLastItem();\n        break;\n      case 'NONE':\n        // Do nothing.\n        break;\n      case 'LIST_ROOT':\n      default:\n        this.listElement?.focus();\n        break;\n    }\n  }\n\n  protected onClosed() {\n    this.open = false;\n  }\n\n  // tslint:disable:ban-ts-ignore\n  protected override async getUpdateComplete() {\n    await this.listUpdateComplete;\n    // @ts-ignore\n    const result = await super.getUpdateComplete();\n    return result;\n  }\n  // tslint:enable:ban-ts-ignore\n\n  protected override async firstUpdated() {\n    if (this.mdcFoundation !== undefined) {\n      this.mdcFoundation.destroy();\n    }\n    this.mdcFoundation = new MDCMenuFoundation(this.createAdapter());\n\n    const listElement = this.listElement;\n\n    if (listElement) {\n      this.listUpdateComplete = listElement.updateComplete;\n      await this.listUpdateComplete;\n    }\n  }\n\n  close() {\n    this.open = false;\n  }\n\n  show() {\n    this.open = true;\n  }\n}\n"]}

package/menu/lib/menuitem/harness.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { ListItemHarness } from '@material/web/list/lib/listitem/harness.js';
+/**
+ * Test harness for menu item.
+ */
+export declare class MenuItemHarness extends ListItemHarness {
+}

package/menu/lib/menuitem/harness.js

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { ListItemHarness } from '@material/web/list/lib/listitem/harness.js';
+/**
+ * Test harness for menu item.
+ */
+export class MenuItemHarness extends ListItemHarness {
+}
+//# sourceMappingURL=harness.js.map

package/menu/lib/menuitem/harness.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"harness.js","sourceRoot":"","sources":["harness.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,eAAe,EAAC,MAAM,4CAA4C,CAAC;AAE3E;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,eAAe;CAAG","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {ListItemHarness} from '@material/web/list/lib/listitem/harness.js';\n\n/**\n * Test harness for menu item.\n */\nexport class MenuItemHarness extends ListItemHarness {}\n"]}

package/menu/lib/menuitem/menu-item.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { ListItem } from '@material/web/list/lib/listitem/list-item.js';
+import { ARIARole } from '@material/web/types/aria.js';
+/** Base class for menu item component. */
+export declare class MenuItem extends ListItem {
+    role: ARIARole;
+}

package/menu/lib/menuitem/menu-item.js

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { ListItem } from '@material/web/list/lib/listitem/list-item.js';
+/** Base class for menu item component. */
+export class MenuItem extends ListItem {
+    constructor() {
+        super(...arguments);
+        this.role = 'menuitem';
+    }
+}
+//# sourceMappingURL=menu-item.js.map

package/menu/lib/menuitem/menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["menu-item.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,8CAA8C,CAAC;AAGtE,0CAA0C;AAC1C,MAAM,OAAO,QAAS,SAAQ,QAAQ;IAAtC;;QACW,SAAI,GAAa,UAAU,CAAC;IACvC,CAAC;CAAA","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {ListItem} from '@material/web/list/lib/listitem/list-item.js';\nimport {ARIARole} from '@material/web/types/aria.js';\n\n/** Base class for menu item component. */\nexport class MenuItem extends ListItem {\n  override role: ARIARole = 'menuitem';\n}\n"]}

package/menu/lib/types.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * Event properties used by the adapter and foundation.
+ */
+export interface MDCMenuItemEventDetail {
+    index: number;
+}
+/**
+ * Event properties specific to the default component implementation.
+ */
+export interface MDCMenuItemComponentEventDetail extends MDCMenuItemEventDetail {
+    item: Element;
+}
+export interface MDCMenuItemEvent extends Event {
+    readonly detail: MDCMenuItemEventDetail;
+}
+export interface MDCMenuItemComponentEvent extends Event {
+    readonly detail: MDCMenuItemComponentEventDetail;
+}

package/menu/lib/types.js

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

package/menu/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AAAA;;;;GAIG","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * Event properties used by the adapter and foundation.\n */\nexport interface MDCMenuItemEventDetail {\n  index: number;\n}\n\n/**\n * Event properties specific to the default component implementation.\n */\nexport interface MDCMenuItemComponentEventDetail extends\n    MDCMenuItemEventDetail {\n  item: Element;\n}\n\n// Note: CustomEvent<T> is not supported by Closure Compiler.\n\nexport interface MDCMenuItemEvent extends Event {\n  readonly detail: MDCMenuItemEventDetail;\n}\n\nexport interface MDCMenuItemComponentEvent extends Event {\n  readonly detail: MDCMenuItemComponentEventDetail;\n}\n"]}

package/menu/menu-button.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @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

@@ -0,0 +1,17 @@
+/**
+ * @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

@@ -0,0 +1 @@
+{"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/menu/menu-item.d.ts

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

package/menu/menu-item.js

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

package/menu/menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["menu-item.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,MAAM,EAAC,MAAM,8CAA8C,CAAC;AAEpE,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AASrD,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,QAAQ;CAEvC,CAAA;AADiB,iBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAEtB;SAFY,UAAU","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 {styles} from '../list/lib/listitem/list-item-styles.css.js';\n\nimport {MenuItem} from './lib/menuitem/menu-item.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-menu-item': MdMenuItem;\n  }\n}\n\n@customElement('md-menu-item')\nexport class MdMenuItem extends MenuItem {\n  static override styles = [styles];\n}\n"]}

package/menu/menu.d.ts

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

package/menu/menu.js

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

package/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,MAAM,EAAC,MAAM,0BAA0B,CAAC;AAShD,IAAa,MAAM,GAAnB,MAAa,MAAO,SAAQ,IAAI;CAE/B,CAAA;AADiB,aAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAElB;SAFY,MAAM","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 {Menu} from './lib/menu.js';\nimport {styles} from './lib/menu-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-menu': MdMenu;\n  }\n}\n\n@customElement('md-menu')\nexport class MdMenu extends Menu {\n  static override styles = [styles];\n}\n"]}

package/menusurface/_menu-surface.scss

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

package/menusurface/lib/_menu-surface-theme.scss

@@ -0,0 +1,58 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@use 'sass:map';
+
+@use '@material/web/elevation/lib/elevation-theme';
+@use '@material/web/sass/resolvers';
+@use '@material/web/sass/theme';
+@use '@material/web/tokens';
+
+$_custom-property-prefix: 'menu-surface';
+
+@function _resolve-elevation-theme($theme, $resolvers) {
+  $theme: elevation-theme.resolve-theme(
+    $theme,
+    map.get($resolvers, 'elevation'),
+    $shadow-color-token: 'container-shadow-color',
+    $elevation-tokens: (container-elevation)
+  );
+  @return $theme;
+}
+
+// Use menu tokens for default menu surface values.
+$_theme: _resolve-elevation-theme(
+  tokens.md-comp-menu-values(),
+  resolvers.$material
+);
+// Note that we don't use tokens here because menu surface does not have
+// tokens. Components that use menu surface are expected to pass through
+// their own tokens.
+$light-theme: (
+  // This should be the result of resolving the `container-elevation` and
+  // `container-shadow-color` keys (via `elevation-theme.resolve-theme()`).
+  container-elevation-shadow: map.get($_theme, 'container-elevation-shadow'),
+  container-shape: map.get($_theme, 'container-shape')
+);
+
+@mixin theme($theme, $resolvers: resolvers.$material) {
+  $theme: theme.validate-theme($light-theme, $theme);
+  $theme: theme.create-theme-vars($theme, $_custom-property-prefix);
+
+  @include theme.emit-theme-vars($theme);
+}
+
+@mixin theme-styles($theme, $resolvers: resolvers.$material) {
+  $theme: theme.validate-theme-styles($light-theme, $theme);
+  $theme: theme.create-theme-vars($theme, $_custom-property-prefix);
+
+  @include elevation-theme.theme-styles(
+    (
+      shadow: map.get($theme, 'container-elevation-shadow'),
+    )
+  );
+
+  border-radius: map.get($theme, 'container-shape');
+}