@material/web 1.0.0-pre.0 → 1.0.0-pre.2

package/menu/lib/menu.js.map

@@ -1 +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 {html, LitElement} from 'lit';\nimport {property, query} from 'lit/decorators.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\nimport {ariaProperty} from '../../decorators/aria-property.js';\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-suppressions\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-suppressions\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"]}
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["menu.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,6BAA6B;AAC7B,mCAAmC;AACnC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,2BAA2B,CAAC;AACnC,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAE,UAAU,EAAC,MAAM,KAAK,CAAC;AACrC,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAC,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAC,WAAW,EAAC,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAC,YAAY,EAAE,qBAAqB,EAAC,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAC,qBAAqB,EAAE,MAAM,EAAC,MAAM,2BAA2B,CAAC;AAGxE,OAAO,EAAS,yBAAyB,EAAC,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAC,mBAAmB,EAAC,MAAM,0BAA0B,CAAC;AAS7D;;;;;;GAMG;AACH,SAAS,iBAAiB,CAAC,YAAiC,QAAQ;IAElE,MAAM,QAAQ,GAAG,SAAS,CAAC,aAAmC,CAAC;IAE/D,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAC;KACb;IAED,IAAI,QAAQ,CAAC,UAAU,EAAE;QACvB,OAAO,iBAAiB,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,QAAQ,CAAC;KAC3D;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED;;;;;GAKG;AACH,MAAM,OAAgB,IAAK,SAAQ,UAAU;IAA7C;;QAUE;;WAEG;QAC2B,WAAM,GAAqB,IAAI,CAAC;QAC9D;;;;;;;;WAQG;QACwB,UAAK,GAAG,KAAK,CAAC;QACzC;;WAEG;QACwB,UAAK,GAAG,KAAK,CAAC;QACzC;;;;;;WAMG;QACmD,gBAAW,GAAG,KAAK,CAAC;QAC1E;;;WAGG;QACuC,SAAI,GAAG,KAAK,CAAC;QACvD;;;;;;;WAOG;QAC8C,YAAO,GAAG,CAAC,CAAC;QAC7D;;;;;WAKG;QAC8C,YAAO,GAAG,CAAC,CAAC;QAC7D;;WAEG;QAEH,iBAAY,GAAG,CAAC,CAAC;QACjB;;;WAGG;QAEH,wBAAmB,GAAG,GAAG,CAAC;QAC1B;;;WAGG;QAEH,iBAAY,GAAW,WAAW,CAAC;QACnC;;;WAGG;QAEH,eAAU,GAAW,aAAa,CAAC;QACnC;;WAEG;QAEH,2BAAsB,GAAG,KAAK,CAAC;QAC/B;;;WAGG;QAEH,qBAAgB,GAAG,KAAK,CAAC;QACzB;;WAEG;QAEH,iBAAY,GAAsB,WAAW,CAAC;QAEpC,6BAAwB,GAAG,qBAAqB,EAAE,CAAC;QAW7D;;WAEG;QACO,uBAAkB,GAAqB,IAAI,CAAC;QAEtD;;WAEG;QACO,wBAAmB,GAAG,IAAI,mBAAmB,CAAC,GAAG,EAAE;YAC3D,OAAO;gBACL,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK;gBAC1B,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;aAC9C,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH;;WAEG;QACO,2BAAsB,GAAG,IAAI,yBAAyB,CAAC,IAAI,EAAE,GAAG,EAAE;YAC1E,OAAO;gBACL,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,aAAa,EAAE,IAAI,CAAC,UAAU;gBAC9B,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,QAAQ,EAAE,IAAI,CAAC,MAAM;gBACrB,UAAU,EAAE,IAAI,CAAC,KAAK;gBACtB,MAAM,EAAE,IAAI,CAAC,IAAI;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,MAAM,EAAE,IAAI,CAAC,QAAQ;gBACrB,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,OAAO,EAAE,IAAI,CAAC,QAAQ;aACvB,CAAC;QACJ,CAAC,CAAC,CAAC;QAiGH;;;WAGG;QACO,aAAQ,GAAG,GAAG,EAAE;YACxB,IAAI,CAAC,kBAAkB,GAAG,iBAAiB,EAAE,CAAC;YAE9C,IAAI,CAAC,IAAI,CAAC,WAAW;gBAAE,OAAO;YAE9B,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;YACrC,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAEnD,IAAI,gBAAgB,IAAI,IAAI,CAAC,YAAY,KAAK,MAAM,EAAE;gBACpD,gBAAgB,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;aACtC;YAED,QAAQ,IAAI,CAAC,YAAY,EAAE;gBACzB,KAAK,YAAY;oBACf,MAAM,KAAK,GAAG,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC;oBAClD,IAAI,KAAK,EAAE;wBACT,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;qBACrB;oBACD,MAAM;gBACR,KAAK,WAAW;oBACd,MAAM,IAAI,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;oBAChD,IAAI,IAAI,EAAE;wBACR,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;qBACpB;oBACD,MAAM;gBACR,KAAK,WAAW;oBACd,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC;oBAC1B,MAAM;gBACR,QAAQ;gBACR,KAAK,MAAM;oBACT,cAAc;oBACd,MAAM;aACT;YAED,IAAI,IAAI,CAAC,KAAK,EAAE;gBACd,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;aACzC;iBAAM;gBACL,IAAI,CAAC,WAAW,EAAE,CAAC;aACpB;QACH,CAAC,CAAC;QAEF;;WAEG;QACO,gBAAW,GAAG,KAAK,IAAI,EAAE;YACjC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAElB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;gBACf,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;aAC3B;QACH,CAAC,CAAC;QAEF;;WAEG;QACO,aAAQ,GAAG,GAAG,EAAE;YACxB,IAAI,IAAI,CAAC,KAAK,EAAE;gBACd,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;aACzC;YAED,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAC1B,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,CAAC;aACpC;QACH,CAAC,CAAC;QA4NQ,kBAAa,GAAG,CAAC,CAAa,EAAE,EAAE;YAC1C,IAAI,CAAC,IAAI,CAAC,sBAAsB,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gBACpE,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;aACnB;QACH,CAAC,CAAC;IA4BJ,CAAC;IAzcC;;;OAGG;IACH,IAAc,aAAa;QACzB,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACtD,OAAO,eAAe,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACrD,CAAC;IAoCD;;;OAGG;IACH,IAAI,KAAK;QACP,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QAErC,IAAI,WAAW,EAAE;YACf,OAAO,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,cAAc,CAAC,CACvD,CAAC;SAChB;QAED,OAAO,EAAE,CAAC;IACZ,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;IAC9B,CAAC;IAED;;OAEG;IACO,aAAa;QACrB,OAAO,IAAI,CAAA;;yBAEU,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;mBACxC,QAAQ,CAAC,IAAI,CAAC,sBAAsB,CAAC,aAAa,CAAC;UAC5D,IAAI,CAAC,UAAU,EAAE;UACjB,IAAI,CAAC,eAAe,EAAE;UACtB,IAAI,CAAC,eAAe,EAAE;;MAE1B,CAAC;IACL,CAAC;IAED;;OAEG;IACO,UAAU;QAClB,OAAO,IAAI,CAAA;;wBAES,IAAI,CAAC,SAAS;;0BAEZ,IAAI,CAAC,YAAY;oBACvB,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;oBACd,IAAI,CAAC,WAAW;sBACd,IAAI,CAAC,mBAAmB,CAAC,SAAS;WAC7C,IAAI,CAAC,eAAe,EAAE;kBACf,CAAC;IACjB,CAAC;IAED;;OAEG;IACO,eAAe;QACvB,OAAO,IAAI,CAAA;sBACO,IAAI,CAAC,WAAW;4BACV,IAAI,CAAC,iBAAiB,UAAU,CAAC;IAC3D,CAAC;IAED;;OAEG;IACO,eAAe;QACvB,OAAO,IAAI,CAAA,8CAA8C,CAAC;IAC5D,CAAC;IAED;;OAEG;IACO,eAAe;QACvB,OAAO,IAAI,CAAA,iCAAiC,CAAC;IAC/C,CAAC;IAES,iBAAiB;QACzB,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,cAAc,EAAE,IAAI,CAAC,WAAW;SACjC,CAAC;IACJ,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO,GAAG,qBAAqB,EAAE,CAAC;IACnD,CAAC;IAES,WAAW;QACnB,YAAY,EAAE,CAAC;QACf,IAAI,CAAC,SAAS,CAAC,OAAO,GAAG,qBAAqB,EAAE,CAAC;IACnD,CAAC;IAES,UAAU;QAClB,IAAI,CAAC,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;IACjC,CAAC;IAuED;;;;OAIG;IACO,WAAW;QACnB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QACjC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAE3B,IAAI,CAAC,SAAS,IAAI,CAAC,MAAM;YAAE,OAAO;QAElC,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;QACzC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;QACzC,wEAAwE;QACxE,gBAAgB;QAChB,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAE9C,MAAM,MAAM,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,EAAE,CAAC;QACrD,MAAM,MAAM,GAAG,SAAS,CAAC,YAAY,CAAC;QACtC,MAAM,cAAc,GAAG,aAAa,KAAK,IAAI,CAAC;QAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5B,MAAM,aAAa,GAAG,GAAG,CAAC;QAC1B,MAAM,wBAAwB,GAAG,EAAE,CAAC;QACpC,MAAM,qBAAqB,GAAG,GAAG,CAAC;QAClC,2EAA2E;QAC3E,iBAAiB;QACjB,MAAM,mBAAmB,GACrB,CAAC,aAAa,GAAG,qBAAqB,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC;QAE9D,MAAM,sBAAsB,GACxB,SAAS,CAAC,OAAO,CAAC,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,EAAE,EAAC,MAAM,EAAE,GAAG,MAAM,IAAI,EAAC,CAAC,EAAE;YAC5D,QAAQ,EAAE,aAAa;YACvB,MAAM,EAAE,MAAM,CAAC,UAAU;SAC1B,CAAC,CAAC;QACP,4EAA4E;QAC5E,4EAA4E;QAC5E,mBAAmB;QACnB,MAAM,6BAA6B,GAAG,MAAM,CAAC,OAAO,CAChD;YACE,EAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,eAAe,MAAM,KAAK,CAAC,CAAC,CAAC,EAAE,EAAC;YAC7D,EAAC,SAAS,EAAE,EAAE,EAAC;SAChB,EACD,EAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,CAAC,UAAU,EAAC,CAAC,CAAC;QAE1D,MAAM,uBAAuB,GAAG,SAAS,CAAC,OAAO,CAC7C,CAAC,EAAC,OAAO,EAAE,CAAC,EAAC,EAAE,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC,EAAE,wBAAwB,CAAC,CAAC;QAE5D,MAAM,kBAAkB,GAAoC,EAAE,CAAC;QAE/D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACxC,+DAA+D;YAC/D,MAAM,gBAAgB,GAAG,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACtE,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;YACzC,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,EAAC,OAAO,EAAE,CAAC,EAAC,EAAE,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC,EAAE;gBAC5D,QAAQ,EAAE,qBAAqB;gBAC/B,KAAK,EAAE,mBAAmB,GAAG,CAAC;aAC/B,CAAC,CAAC;YAEH,sEAAsE;YACtE,aAAa;YACb,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YACvC,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;gBACxC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC1C,CAAC,CAAC,CAAC;YAEH,kBAAkB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;SAC7C;QAED,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YACpC,sBAAsB,CAAC,MAAM,EAAE,CAAC;YAChC,6BAA6B,CAAC,MAAM,EAAE,CAAC;YACvC,uBAAuB,CAAC,MAAM,EAAE,CAAC;YACjC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,EAAE;gBAChD,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;gBACxC,SAAS,CAAC,MAAM,EAAE,CAAC;YACrB,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,sBAAsB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;YACrD,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;YAC/C,IAAI,CAAC,wBAAwB,CAAC,MAAM,EAAE,CAAC;YACvC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACO,YAAY;QACpB,IAAI,OAAkC,CAAC;QACvC,IAAI,MAAmB,CAAC;QAExB,mEAAmE;QACnE,yEAAyE;QACzE,MAAM,cAAc,GAAG,IAAI,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YAC9C,OAAO,GAAG,GAAG,CAAC;YACd,MAAM,GAAG,GAAG,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QACjC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAE3B,IAAI,CAAC,SAAS,IAAI,CAAC,MAAM,EAAE;YACzB,MAAM,EAAE,CAAC;YACT,OAAO,cAAc,CAAC;SACvB;QAED,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;QACzC,MAAM,gBAAgB,GAAG,aAAa,KAAK,IAAI,CAAC;QAChD,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;QACzC,wEAAwE;QACxE,gBAAgB;QAChB,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,EAAE,CAAC;QACrD,MAAM,MAAM,GAAG,SAAS,CAAC,YAAY,CAAC;QACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5B,MAAM,aAAa,GAAG,GAAG,CAAC;QAC1B,MAAM,wBAAwB,GAAG,EAAE,CAAC;QACpC,yCAAyC;QACzC,MAAM,qBAAqB,GAAG,aAAa,GAAG,wBAAwB,CAAC;QACvE,MAAM,qBAAqB,GAAG,EAAE,CAAC;QACjC,MAAM,0BAA0B,GAAG,EAAE,CAAC;QACtC,MAAM,qBAAqB,GAAG,GAAG,CAAC;QAElC,4EAA4E;QAC5E,iBAAiB;QACjB,MAAM,mBAAmB,GACrB,CAAC,aAAa,GAAG,0BAA0B,GAAG,qBAAqB,CAAC;YACpE,QAAQ,CAAC,MAAM,CAAC;QAEpB,2CAA2C;QAC3C,MAAM,sBAAsB,GAAG,SAAS,CAAC,OAAO,CAC5C;YACE,EAAC,MAAM,EAAE,GAAG,MAAM,IAAI,EAAC;YACvB,EAAC,MAAM,EAAE,GAAG,MAAM,GAAG,qBAAqB,IAAI,EAAC;SAChD,EACD;YACE,QAAQ,EAAE,aAAa;YACvB,MAAM,EAAE,MAAM,CAAC,qBAAqB;SACrC,CAAC,CAAC;QAEP,uEAAuE;QACvE,4EAA4E;QAC5E,0BAA0B;QAC1B,MAAM,+BAA+B,GAAG,MAAM,CAAC,OAAO,CAClD;YACE,EAAC,SAAS,EAAE,EAAE,EAAC,EAAE;gBACf,SAAS,EAAE,gBAAgB,CAAC,CAAC;oBACzB,eAAe,MAAM,GAAG,CAAC,CAAC,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;oBAC1D,EAAE;aACP;SACF,EACD,EAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,CAAC,qBAAqB,EAAC,CAAC,CAAC;QAErE,MAAM,uBAAuB,GAAG,SAAS,CAAC,OAAO,CAC7C,CAAC,EAAC,OAAO,EAAE,CAAC,EAAC,EAAE,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC,EAC5B,EAAC,QAAQ,EAAE,wBAAwB,EAAE,KAAK,EAAE,qBAAqB,EAAC,CAAC,CAAC;QAExE,MAAM,kBAAkB,GAAoC,EAAE,CAAC;QAE/D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACxC,gEAAgE;YAChE,yDAAyD;YACzD,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;YACxE,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;YACzC,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,EAAC,OAAO,EAAE,CAAC,EAAC,EAAE,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC,EAAE;gBAC5D,QAAQ,EAAE,qBAAqB;gBAC/B,KAAK,EAAE,0BAA0B,GAAG,mBAAmB,GAAG,CAAC;aAC5D,CAAC,CAAC;YAEH,sEAAsE;YACtE,wDAAwD;YACxD,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;gBACxC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YACzC,CAAC,CAAC,CAAC;YACH,kBAAkB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;SAC7C;QAED,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YACpC,sBAAsB,CAAC,MAAM,EAAE,CAAC;YAChC,+BAA+B,CAAC,MAAM,EAAE,CAAC;YACzC,uBAAuB,CAAC,MAAM,EAAE,CAAC;YACjC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,EAAE;gBAChD,SAAS,CAAC,MAAM,EAAE,CAAC;gBACnB,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC1C,CAAC,CAAC,CAAC;YACH,MAAM,EAAE,CAAC;QACX,CAAC,CAAC,CAAC;QAEH,sBAAsB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;YACrD,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;YAC/C,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;gBACrC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YAC1C,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,wBAAwB,CAAC,MAAM,EAAE,CAAC;YACvC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;YACxC,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,OAAO,cAAc,CAAC;IACxB,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,MAAM,IAAI,MAAM,CAAC,gBAAgB,EAAE;YACrC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;SACvE;IACH,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,MAAM,IAAI,MAAM,CAAC,mBAAmB,EAAE;YACxC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;SACzD;IACH,CAAC;IAQS,WAAW,CAAC,CAAQ;QAC5B,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAES,iBAAiB,CAAC,CAAQ;QAClC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SACrB;IACH,CAAC;IAEQ,KAAK;QACZ,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACxB,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;QACjB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;CACF;AA3iBmB;IAAjB,KAAK,CAAC,SAAS,CAAC;8BAAkC,IAAI;yCAAM;AAC7C;IAAf,KAAK,CAAC,OAAO,CAAC;8BAAgC,WAAW;uCAAM;AACjD;IAAd,KAAK,CAAC,MAAM,CAAC;8BAA6B,eAAe;oCAAM;AACxC;IAAvB,KAAK,CAAC,eAAe,CAAC;8BAAgC,WAAW;uCAAC;AAInE;IAFC,YAAY;IACZ,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;;uCAC7C;AAKE;IAA7B,QAAQ,CAAC,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC;8BAAS,WAAW;oCAAa;AAUnC;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;mCAAe;AAId;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;mCAAe;AAQa;IAArD,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAC,CAAC;;yCAAqB;AAKhC;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;kCAAc;AASN;IAAhD,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAC,CAAC;;qCAAa;AAOZ;IAAhD,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAC,CAAC;;qCAAa;AAK7D;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAC,CAAC;;0CACrC;AAMjB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAC,CAAC;;iDAC7B;AAM1B;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAC,CAAC;;0CAClB;AAMnC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAC,CAAC;;wCAChB;AAKnC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,4BAA4B,EAAC,CAAC;;oDACpC;AAM/B;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAC,CAAC;;8CAClC;AAKzB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAC,CAAC;;0CACP","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n// Required for @ariaProperty\n// tslint:disable:no-new-decorators\nimport '../../list/list.js';\nimport '../../focus/focus-ring.js';\nimport '../../elevation/elevation.js';\n\nimport {html, LitElement} from 'lit';\nimport {property, query} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {styleMap} from 'lit/directives/style-map.js';\n\nimport {ariaProperty} from '../../decorators/aria-property.js';\nimport {MdFocusRing} from '../../focus/focus-ring.js';\nimport {pointerPress, shouldShowStrongFocus} from '../../focus/strong-focus.js';\nimport {List} from '../../list/lib/list.js';\nimport {createAnimationSignal, EASING} from '../../motion/animation.js';\n\nimport {MenuItem} from './shared.js';\nimport {Corner, SurfacePositionController} from './surfacePositionController.js';\nimport {TypeaheadController} from './typeaheadController.js';\n\nexport {Corner} from './surfacePositionController.js';\n\n/**\n * Element to focus on when menu is first opened.\n */\nexport type DefaultFocusState = 'NONE'|'LIST_ROOT'|'FIRST_ITEM'|'LAST_ITEM';\n\n/**\n * Gets the currently focused element on the page.\n *\n * @param activeDoc The document or shadowroot from which to start the search.\n *    Defaults to `window.document`\n * @return Returns the currently deeply focused element or `null` if none.\n */\nfunction getFocusedElement(activeDoc: Document|ShadowRoot = document):\n    HTMLElement|null {\n  const activeEl = activeDoc.activeElement as HTMLElement | null;\n\n  if (!activeEl) {\n    return null;\n  }\n\n  if (activeEl.shadowRoot) {\n    return getFocusedElement(activeEl.shadowRoot) ?? activeEl;\n  }\n\n  return activeEl;\n}\n\n/**\n * @fires opening Fired before the opening animation begins (not fired on quick)\n * @fires opened Fired once the menu is open, after any animations\n * @fires closing Fired before the closing animation begins (not fired on quick)\n * @fires closed Fired once the menu is closed, after any animations\n */\nexport abstract class Menu extends LitElement {\n  @query('md-list') protected readonly listElement!: List|null;\n  @query('.menu') protected readonly surfaceEl!: HTMLElement|null;\n  @query('slot') protected readonly slotEl!: HTMLSlotElement|null;\n  @query('md-focus-ring') protected readonly focusRing!: MdFocusRing;\n\n  @ariaProperty\n  @property({type: String, attribute: 'data-aria-label', noAccessor: true})\n  override ariaLabel!: string;\n\n  /**\n   * The element in which the menu should align to.\n   */\n  @property({attribute: false}) anchor: HTMLElement|null = null;\n  /**\n   * Makes the element use `position:fixed` instead of `position:absolute`. In\n   * most cases, the menu should position itself above most other\n   * `position:absolute` or `position:fixed` elements when placed inside of\n   * them. e.g. using a menu inside of an `md-dialog`.\n   *\n   * __NOTE__: Fixed menus will not scroll with the page and will be fixed to\n   * the window instead.\n   */\n  @property({type: Boolean}) fixed = false;\n  /**\n   * Skips the opening and closing animations.\n   */\n  @property({type: Boolean}) quick = false;\n  /**\n   * Displays overflow content like a submenu.\n   *\n   * __NOTE__: This may cause adverse effects if you set\n   * `md-menu {max-height:...}`\n   * and have items overflowing items in the \"y\" direction.\n   */\n  @property({type: Boolean, attribute: 'has-overflow'}) hasOverflow = false;\n  /**\n   * Opens the menu and makes it visible. Alternative to the `.show()` and\n   * `.close()` methods\n   */\n  @property({type: Boolean, reflect: true}) open = false;\n  /**\n   * Offsets the menu's inline alignment from the anchor by the given number in\n   * pixels. This value is direction aware and will follow the LTR / RTL\n   * direction.\n   *\n   * e.g. LTR: positive -> right, negative -> left\n   *      RTL: positive -> left, negative -> right\n   */\n  @property({type: Number, attribute: 'x-offset'}) xOffset = 0;\n  /**\n   * Offsets the menu's block alignment from the anchor by the given number in\n   * pixels.\n   *\n   * e.g. positive -> down, negative -> up\n   */\n  @property({type: Number, attribute: 'y-offset'}) yOffset = 0;\n  /**\n   * The tabindex of the underlying list element.\n   */\n  @property({type: Number, attribute: 'list-tab-index'})\n  listTabIndex = 0;\n  /**\n   * The max time between the keystrokes of the typeahead menu behavior before\n   * it clears the typeahead buffer.\n   */\n  @property({type: Number, attribute: 'typeahead-delay'})\n  typeaheadBufferTime = 200;\n  /**\n   * The corner of the anchor which to align the menu in the standard logical\n   * property style of <block>_<inline>.\n   */\n  @property({type: String, attribute: 'anchor-corner'})\n  anchorCorner: Corner = 'END_START';\n  /**\n   * The corner of the menu which to align the anchor in the standard logical\n   * property style of <block>_<inline>.\n   */\n  @property({type: String, attribute: 'menu-corner'})\n  menuCorner: Corner = 'START_START';\n  /**\n   * Keeps the user clicks outside the menu\n   */\n  @property({type: Boolean, attribute: 'stay-open-on-outside-click'})\n  stayOpenOnOutsideClick = false;\n  /**\n   * After closing, does not restore focus to the last focused element before\n   * the menu was opened.\n   */\n  @property({type: Boolean, attribute: 'skip-restore-focus'})\n  skipRestoreFocus = false;\n  /**\n   * The element that should be focused by default once opened.\n   */\n  @property({type: String, attribute: 'default-focus'})\n  defaultFocus: DefaultFocusState = 'LIST_ROOT';\n\n  protected openCloseAnimationSignal = createAnimationSignal();\n\n  /**\n   * Whether the menu is animating upwards or downwards when opening. This is\n   * helpful for calculating some animation calculations.\n   */\n  protected get openDirection(): 'UP'|'DOWN' {\n    const menuCornerBlock = this.menuCorner.split('_')[0];\n    return menuCornerBlock === 'START' ? 'DOWN' : 'UP';\n  }\n\n  /**\n   * The element that was focused before the menu opened.\n   */\n  protected lastFocusedElement: HTMLElement|null = null;\n\n  /**\n   * Handles typeahead navigation through the menu.\n   */\n  protected typeaheadController = new TypeaheadController(() => {\n    return {\n      getItems: () => this.items,\n      typeaheadBufferTime: this.typeaheadBufferTime,\n    };\n  });\n\n  /**\n   * Handles positioning the surface and aligning it to the anchor.\n   */\n  protected menuPositionController = new SurfacePositionController(this, () => {\n    return {\n      anchorCorner: this.anchorCorner,\n      surfaceCorner: this.menuCorner,\n      surfaceEl: this.surfaceEl,\n      anchorEl: this.anchor,\n      isTopLayer: this.fixed,\n      isOpen: this.open,\n      xOffset: this.xOffset,\n      yOffset: this.yOffset,\n      onOpen: this.onOpened,\n      beforeClose: this.beforeClose,\n      onClose: this.onClosed,\n    };\n  });\n\n  /**\n   * The menu items associated with this menu. The items must be `MenuItem`s and\n   * have both the `md-menu-item` and `md-list-item` attributes.\n   */\n  get items(): MenuItem[] {\n    const listElement = this.listElement;\n\n    if (listElement) {\n      return listElement.items.filter(el => el.hasAttribute('md-menu-item')) as\n          MenuItem[];\n    }\n\n    return [];\n  }\n\n  override render() {\n    return this.renderSurface();\n  }\n\n  /**\n   * Renders the positionable surface element and its contents.\n   */\n  protected renderSurface() {\n    return html`\n       <div\n           class=\"menu ${classMap(this.getSurfaceClasses())}\"\n           style=${styleMap(this.menuPositionController.surfaceStyles)}>\n        ${this.renderList()} \n        ${this.renderElevation()}\n        ${this.renderFocusRing()}\n       </div>\n     `;\n  }\n\n  /**\n   * Renders the List element and its items\n   */\n  protected renderList() {\n    return html`\n       <md-list\n           .ariaLabel=${this.ariaLabel}\n           role=\"menu\"\n           listTabIndex=${this.listTabIndex}\n           @focus=${this.onListFocus}\n           @blur=${this.onListBlur}\n           @click=${this.onListClick}\n           @keydown=${this.typeaheadController.onKeydown}>\n         ${this.renderMenuItems()}\n       </md-list>`;\n  }\n\n  /**\n   * Renders the menu items' slot\n   */\n  protected renderMenuItems() {\n    return html`<slot\n        @close-menu=${this.onCloseMenu}\n        @deactivate-items=${this.onDeactivateItems}></slot>`;\n  }\n\n  /**\n   * Renders the elevation component.\n   */\n  protected renderElevation() {\n    return html`<md-elevation shadow surface></md-elevation>`;\n  }\n\n  /**\n   * Renders the focus ring component.\n   */\n  protected renderFocusRing() {\n    return html`<md-focus-ring></md-focus-ring>`;\n  }\n\n  protected getSurfaceClasses() {\n    return {\n      open: this.open,\n      fixed: this.fixed,\n      'has-overflow': this.hasOverflow,\n    };\n  }\n\n  protected onListFocus() {\n    this.focusRing.visible = shouldShowStrongFocus();\n  }\n\n  protected onListClick() {\n    pointerPress();\n    this.focusRing.visible = shouldShowStrongFocus();\n  }\n\n  protected onListBlur() {\n    this.focusRing.visible = false;\n  }\n\n  /**\n   * Saves the last focused element focuses the new element based on\n   * `defaultFocus`, and animates open.\n   */\n  protected onOpened = () => {\n    this.lastFocusedElement = getFocusedElement();\n\n    if (!this.listElement) return;\n\n    const items = this.listElement.items;\n    const activeItemRecord = List.getActiveItem(items);\n\n    if (activeItemRecord && this.defaultFocus !== 'NONE') {\n      activeItemRecord.item.active = false;\n    }\n\n    switch (this.defaultFocus) {\n      case 'FIRST_ITEM':\n        const first = List.getFirstActivatableItem(items);\n        if (first) {\n          first.active = true;\n        }\n        break;\n      case 'LAST_ITEM':\n        const last = List.getLastActivatableItem(items);\n        if (last) {\n          last.active = true;\n        }\n        break;\n      case 'LIST_ROOT':\n        this.listElement?.focus();\n        break;\n      default:\n      case 'NONE':\n        // Do nothing.\n        break;\n    }\n\n    if (this.quick) {\n      this.dispatchEvent(new Event('opened'));\n    } else {\n      this.animateOpen();\n    }\n  };\n\n  /**\n   * Animates closed.\n   */\n  protected beforeClose = async () => {\n    this.open = false;\n\n    if (!this.quick) {\n      await this.animateClose();\n    }\n  };\n\n  /**\n   * Focuses the last focused element.\n   */\n  protected onClosed = () => {\n    if (this.quick) {\n      this.dispatchEvent(new Event('closed'));\n    }\n\n    if (!this.skipRestoreFocus) {\n      this.lastFocusedElement?.focus?.();\n    }\n  };\n\n  /**\n   * Performs the opening animation:\n   *\n   * https://direct.googleplex.com/#/spec/295000003+271060003\n   */\n  protected animateOpen() {\n    const surfaceEl = this.surfaceEl;\n    const slotEl = this.slotEl;\n\n    if (!surfaceEl || !slotEl) return;\n\n    const openDirection = this.openDirection;\n    this.dispatchEvent(new Event('opening'));\n    // needs to be imperative because we don't want to mix animation and Lit\n    // render timing\n    surfaceEl.classList.toggle('animating', true);\n\n    const signal = this.openCloseAnimationSignal.start();\n    const height = surfaceEl.offsetHeight;\n    const openingUpwards = openDirection === 'UP';\n    const children = this.items;\n    const FULL_DURATION = 500;\n    const SURFACE_OPACITY_DURATION = 50;\n    const ITEM_OPACITY_DURATION = 250;\n    // We want to fit every child fade-in animation within the full duration of\n    // the animation.\n    const DELAY_BETWEEN_ITEMS =\n        (FULL_DURATION - ITEM_OPACITY_DURATION) / children.length;\n\n    const surfaceHeightAnimation =\n        surfaceEl.animate([{height: '0px'}, {height: `${height}px`}], {\n          duration: FULL_DURATION,\n          easing: EASING.EMPHASIZED,\n        });\n    // When we are opening upwards, we want to make sure the last item is always\n    // in view, so we need to translate it upwards the opposite direction of the\n    // height animation\n    const upPositionCorrectionAnimation = slotEl.animate(\n        [\n          {transform: openingUpwards ? `translateY(-${height}px)` : ''},\n          {transform: ''}\n        ],\n        {duration: FULL_DURATION, easing: EASING.EMPHASIZED});\n\n    const surfaceOpacityAnimation = surfaceEl.animate(\n        [{opacity: 0}, {opacity: 1}], SURFACE_OPACITY_DURATION);\n\n    const childrenAnimations: Array<[HTMLElement, Animation]> = [];\n\n    for (let i = 0; i < children.length; i++) {\n      // If we are animating upwards, then reverse the children list.\n      const directionalIndex = openingUpwards ? children.length - 1 - i : i;\n      const child = children[directionalIndex];\n      const animation = child.animate([{opacity: 0}, {opacity: 1}], {\n        duration: ITEM_OPACITY_DURATION,\n        delay: DELAY_BETWEEN_ITEMS * i,\n      });\n\n      // Make them all initially hidden and then clean up at the end of each\n      // animation.\n      child.classList.toggle('hidden', true);\n      animation.addEventListener('finish', () => {\n        child.classList.toggle('hidden', false);\n      });\n\n      childrenAnimations.push([child, animation]);\n    }\n\n    signal.addEventListener('abort', () => {\n      surfaceHeightAnimation.cancel();\n      upPositionCorrectionAnimation.cancel();\n      surfaceOpacityAnimation.cancel();\n      childrenAnimations.forEach(([child, animation]) => {\n        child.classList.toggle('hidden', false);\n        animation.cancel();\n      });\n    });\n\n    surfaceHeightAnimation.addEventListener('finish', () => {\n      surfaceEl.classList.toggle('animating', false);\n      this.openCloseAnimationSignal.finish();\n      this.dispatchEvent(new Event('opened'));\n    });\n  }\n\n  /**\n   * Performs the closing animation:\n   *\n   * https://direct.googleplex.com/#/spec/295000003+271060003\n   */\n  protected animateClose() {\n    let resolve!: (value: unknown) => void;\n    let reject!: () => void;\n\n    // This promise blocks the surface position controller from setting\n    // display: none on the surface which will interfere with this animation.\n    const animationEnded = new Promise((res, rej) => {\n      resolve = res;\n      reject = rej;\n    });\n\n    const surfaceEl = this.surfaceEl;\n    const slotEl = this.slotEl;\n\n    if (!surfaceEl || !slotEl) {\n      reject();\n      return animationEnded;\n    }\n\n    const openDirection = this.openDirection;\n    const closingDownwards = openDirection === 'UP';\n    this.dispatchEvent(new Event('closing'));\n    // needs to be imperative because we don't want to mix animation and Lit\n    // render timing\n    surfaceEl.classList.toggle('animating', true);\n    const signal = this.openCloseAnimationSignal.start();\n    const height = surfaceEl.offsetHeight;\n    const children = this.items;\n    const FULL_DURATION = 150;\n    const SURFACE_OPACITY_DURATION = 50;\n    // The surface fades away at the very end\n    const SURFACE_OPACITY_DELAY = FULL_DURATION - SURFACE_OPACITY_DURATION;\n    const ITEM_OPACITY_DURATION = 50;\n    const ITEM_OPACITY_INITIAL_DELAY = 50;\n    const END_HEIGHT_PRECENTAGE = .35;\n\n    // We want to fit every child fade-out animation within the full duration of\n    // the animation.\n    const DELAY_BETWEEN_ITEMS =\n        (FULL_DURATION - ITEM_OPACITY_INITIAL_DELAY - ITEM_OPACITY_DURATION) /\n        children.length;\n\n    // The mock has the animation shrink to 35%\n    const surfaceHeightAnimation = surfaceEl.animate(\n        [\n          {height: `${height}px`},\n          {height: `${height * END_HEIGHT_PRECENTAGE}px`}\n        ],\n        {\n          duration: FULL_DURATION,\n          easing: EASING.EMPHASIZED_ACCELERATE,\n        });\n\n    // When we are closing downwards, we want to make sure the last item is\n    // always in view, so we need to translate it upwards the opposite direction\n    // of the height animation\n    const downPositionCorrectionAnimation = slotEl.animate(\n        [\n          {transform: ''}, {\n            transform: closingDownwards ?\n                `translateY(-${height * (1 - END_HEIGHT_PRECENTAGE)}px)` :\n                ''\n          }\n        ],\n        {duration: FULL_DURATION, easing: EASING.EMPHASIZED_ACCELERATE});\n\n    const surfaceOpacityAnimation = surfaceEl.animate(\n        [{opacity: 1}, {opacity: 0}],\n        {duration: SURFACE_OPACITY_DURATION, delay: SURFACE_OPACITY_DELAY});\n\n    const childrenAnimations: Array<[HTMLElement, Animation]> = [];\n\n    for (let i = 0; i < children.length; i++) {\n      // If the animation is closing upwards, then reverse the list of\n      // children so that we animate in the opposite direction.\n      const directionalIndex = closingDownwards ? i : children.length - 1 - i;\n      const child = children[directionalIndex];\n      const animation = child.animate([{opacity: 1}, {opacity: 0}], {\n        duration: ITEM_OPACITY_DURATION,\n        delay: ITEM_OPACITY_INITIAL_DELAY + DELAY_BETWEEN_ITEMS * i,\n      });\n\n      // Make sure the items stay hidden at the end of each child animation.\n      // We clean this up at the end of the overall animation.\n      animation.addEventListener('finish', () => {\n        child.classList.toggle('hidden', true);\n      });\n      childrenAnimations.push([child, animation]);\n    }\n\n    signal.addEventListener('abort', () => {\n      surfaceHeightAnimation.cancel();\n      downPositionCorrectionAnimation.cancel();\n      surfaceOpacityAnimation.cancel();\n      childrenAnimations.forEach(([child, animation]) => {\n        animation.cancel();\n        child.classList.toggle('hidden', false);\n      });\n      reject();\n    });\n\n    surfaceHeightAnimation.addEventListener('finish', () => {\n      surfaceEl.classList.toggle('animating', false);\n      childrenAnimations.forEach(([child]) => {\n        child.classList.toggle('hidden', false);\n      });\n      this.openCloseAnimationSignal.finish();\n      this.dispatchEvent(new Event('closed'));\n      resolve(true);\n    });\n\n    return animationEnded;\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    if (window && window.addEventListener) {\n      window.addEventListener('click', this.onWindowClick, {capture: true});\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    if (window && window.removeEventListener) {\n      window.removeEventListener('click', this.onWindowClick);\n    }\n  }\n\n  protected onWindowClick = (e: MouseEvent) => {\n    if (!this.stayOpenOnOutsideClick && !e.composedPath().includes(this)) {\n      this.open = false;\n    }\n  };\n\n  protected onCloseMenu(e: Event) {\n    this.close();\n  }\n\n  protected onDeactivateItems(e: Event) {\n    e.stopPropagation();\n    const items = this.items;\n    for (const item of items) {\n      item.active = false;\n    }\n  }\n\n  override focus() {\n    this.listElement?.focus();\n  }\n\n  close() {\n    this.open = false;\n    this.items.forEach(item => {\n      item.close?.();\n    });\n  }\n\n  show() {\n    this.open = true;\n  }\n}\n"]}

package/menu/lib/menuitem/_menu-item.scss

@@ -0,0 +1,115 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@use 'sass:map';
+@use 'sass:string';
+
+@use '../../../list/list';
+@use '../../../ripple/ripple';
+@use '../../../list/list-item';
+@use '../../../sass/resolvers';
+@use '../../../sass/theme';
+@use '../../../tokens';
+@use '../../../sass/map-ext';
+@use '../../../sass/string-ext';
+@use '../../../elevation/lib/elevation';
+@use '../../../focus/focus-ring';
+
+$_custom-property-prefix: 'menu';
+
+@mixin theme($theme) {
+  $reference: tokens.md-comp-menu-values();
+  $theme: theme.validate-theme($reference, $theme);
+  $theme: resolve-tokens($theme);
+  $theme: theme.create-theme-vars($theme, $_custom-property-prefix);
+
+  @include theme.emit-theme-vars($theme);
+}
+
+@mixin styles() {
+  :host([active]) .list-item {
+    background-color: var(--_list-item-selected-container-color);
+  }
+
+  /*
+    Set the ripple opacity to 0 if there is a submenu that is hovered.
+  */
+  .list-item:has(.submenu:hover) {
+    /*
+      Have to use ripple theme directly because :has selector in this case does
+      not work in this case with the :has selector, thus we cannot override the
+      custom props set in :host
+    */
+    @include ripple.theme(
+      (
+        hover-state-layer-opacity: 0,
+      )
+    );
+  }
+}
+
+@function resolve-tokens($tokens) {
+  $list-item-tokens: ();
+  $tokens: map-ext.duplicate-key(
+    $tokens,
+    list-item-container-height,
+    list-item-one-line-container-height
+  );
+
+  @each $token, $value in $tokens {
+    $index: string.index($token, list-item);
+    $with-leading-index: string.index($token, list-item-with-leading-icon-);
+    $with-trailing-index: string.index($token, list-item-with-trailing-icon-);
+
+    @if $index {
+      // Replace list-item-with-leading-icon-focus-icon-color
+      //    with list-item-focus-leading-icon-icon-color
+      // and replace list-item-with-leading-icon-leading-icon-size
+      //    with list-item-leading-icon-size
+      @if $with-leading-index {
+        $token: string-ext.replace(
+          $token,
+          list-item-with-leading-icon-,
+          list-item-
+        );
+        $leading-index: string.index($token, -leading-);
+        @if not $leading-index {
+          $token: string-ext.replace($token, -icon-, -leading-icon-icon-);
+        }
+      }
+
+      // Replace list-item-with-trailing-icon-focus-icon-color
+      //    with list-item-focus-trailing-icon-icon-color
+      // and replace list-item-with-trailing-icon-trailing-icon-size
+      //        with list-item-trailing-icon-size
+      @if $with-trailing-index {
+        $token: string-ext.replace(
+          $token,
+          list-item-with-trailing-icon-,
+          list-item-
+        );
+        $trailing-index: string.index($token, -trailing-);
+        @if not $trailing-index {
+          $token: string-ext.replace($token, -icon-, -trailing-icon-icon-);
+        }
+      }
+
+      $list-item-tokens: map.set($list-item-tokens, $token, $value);
+    }
+  }
+
+  @return $list-item-tokens;
+}
+
+@mixin private-props() {
+  $tokens: resolve-tokens(tokens.md-comp-menu-values());
+  $tokens: theme.create-theme-vars($tokens, menu);
+
+  :host {
+    @each $token, $value in $tokens {
+      --_#{$token}: #{$value};
+    }
+  }
+}

package/menu/lib/menuitem/menu-item-private-styles.css.js

@@ -0,0 +1,9 @@
+/**
+  * @license
+  * Copyright 2022 Google LLC
+  * SPDX-License-Identifier: Apache-2.0
+  */
+import { css } from 'lit';
+export const styles = css `:host{--_list-item-container-height: var(--md-menu-list-item-container-height, 48px);--_list-item-disabled-label-text-color: var(--md-menu-list-item-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-label-text-opacity: var(--md-menu-list-item-disabled-label-text-opacity, 0.38);--_list-item-focus-label-text-color: var(--md-menu-list-item-focus-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-focus-state-layer-color: var(--md-menu-list-item-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-focus-state-layer-opacity: var(--md-menu-list-item-focus-state-layer-opacity, 0.12);--_list-item-hover-label-text-color: var(--md-menu-list-item-hover-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-hover-state-layer-color: var(--md-menu-list-item-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-hover-state-layer-opacity: var(--md-menu-list-item-hover-state-layer-opacity, 0.08);--_list-item-label-text-color: var(--md-menu-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-label-text-font: var(--md-menu-list-item-label-text-font, Roboto);--_list-item-label-text-line-height: var(--md-menu-list-item-label-text-line-height, 1.25rem);--_list-item-label-text-size: var(--md-menu-list-item-label-text-size, 0.875rem);--_list-item-label-text-tracking: var(--md-menu-list-item-label-text-tracking, 0.006rem);--_list-item-label-text-type: var(--md-menu-list-item-label-text-type, 500 0.875rem / 1.25rem Roboto);--_list-item-label-text-weight: var(--md-menu-list-item-label-text-weight, 500);--_list-item-pressed-label-text-color: var(--md-menu-list-item-pressed-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-pressed-state-layer-color: var(--md-menu-list-item-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-pressed-state-layer-opacity: var(--md-menu-list-item-pressed-state-layer-opacity, 0.12);--_list-item-selected-container-color: var(--md-menu-list-item-selected-container-color, var(--md-sys-color-surface-variant, #e7e0ec));--_list-item-disabled-leading-icon-color: var(--md-menu-list-item-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-leading-icon-opacity: var(--md-menu-list-item-disabled-leading-icon-opacity, 0.38);--_list-item-focus-leading-icon-icon-color: var(--md-menu-list-item-focus-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-hover-leading-icon-icon-color: var(--md-menu-list-item-hover-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-leading-icon-color: var(--md-menu-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-leading-icon-size: var(--md-menu-list-item-leading-icon-size, 24px);--_list-item-pressed-leading-icon-icon-color: var(--md-menu-list-item-pressed-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-disabled-trailing-icon-color: var(--md-menu-list-item-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-trailing-icon-opacity: var(--md-menu-list-item-disabled-trailing-icon-opacity, 0.38);--_list-item-focus-trailing-icon-icon-color: var(--md-menu-list-item-focus-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-hover-trailing-icon-icon-color: var(--md-menu-list-item-hover-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-pressed-trailing-icon-icon-color: var(--md-menu-list-item-pressed-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-trailing-icon-color: var(--md-menu-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-trailing-icon-size: var(--md-menu-list-item-trailing-icon-size, 24px);--_list-item-one-line-container-height: var(--md-menu-list-item-one-line-container-height, 48px)}/*# sourceMappingURL=menu-item-private-styles.css.map */
+`;
+//# sourceMappingURL=menu-item-private-styles.css.js.map

package/menu/lib/menuitem/menu-item-private-styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-private-styles.css.js","sourceRoot":"","sources":["menu-item-private-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`:host{--_list-item-container-height: var(--md-menu-list-item-container-height, 48px);--_list-item-disabled-label-text-color: var(--md-menu-list-item-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-label-text-opacity: var(--md-menu-list-item-disabled-label-text-opacity, 0.38);--_list-item-focus-label-text-color: var(--md-menu-list-item-focus-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-focus-state-layer-color: var(--md-menu-list-item-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-focus-state-layer-opacity: var(--md-menu-list-item-focus-state-layer-opacity, 0.12);--_list-item-hover-label-text-color: var(--md-menu-list-item-hover-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-hover-state-layer-color: var(--md-menu-list-item-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-hover-state-layer-opacity: var(--md-menu-list-item-hover-state-layer-opacity, 0.08);--_list-item-label-text-color: var(--md-menu-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-label-text-font: var(--md-menu-list-item-label-text-font, Roboto);--_list-item-label-text-line-height: var(--md-menu-list-item-label-text-line-height, 1.25rem);--_list-item-label-text-size: var(--md-menu-list-item-label-text-size, 0.875rem);--_list-item-label-text-tracking: var(--md-menu-list-item-label-text-tracking, 0.006rem);--_list-item-label-text-type: var(--md-menu-list-item-label-text-type, 500 0.875rem / 1.25rem Roboto);--_list-item-label-text-weight: var(--md-menu-list-item-label-text-weight, 500);--_list-item-pressed-label-text-color: var(--md-menu-list-item-pressed-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-pressed-state-layer-color: var(--md-menu-list-item-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-pressed-state-layer-opacity: var(--md-menu-list-item-pressed-state-layer-opacity, 0.12);--_list-item-selected-container-color: var(--md-menu-list-item-selected-container-color, var(--md-sys-color-surface-variant, #e7e0ec));--_list-item-disabled-leading-icon-color: var(--md-menu-list-item-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-leading-icon-opacity: var(--md-menu-list-item-disabled-leading-icon-opacity, 0.38);--_list-item-focus-leading-icon-icon-color: var(--md-menu-list-item-focus-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-hover-leading-icon-icon-color: var(--md-menu-list-item-hover-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-leading-icon-color: var(--md-menu-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-leading-icon-size: var(--md-menu-list-item-leading-icon-size, 24px);--_list-item-pressed-leading-icon-icon-color: var(--md-menu-list-item-pressed-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-disabled-trailing-icon-color: var(--md-menu-list-item-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-trailing-icon-opacity: var(--md-menu-list-item-disabled-trailing-icon-opacity, 0.38);--_list-item-focus-trailing-icon-icon-color: var(--md-menu-list-item-focus-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-hover-trailing-icon-icon-color: var(--md-menu-list-item-hover-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-pressed-trailing-icon-icon-color: var(--md-menu-list-item-pressed-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-trailing-icon-color: var(--md-menu-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-trailing-icon-size: var(--md-menu-list-item-trailing-icon-size, 24px);--_list-item-one-line-container-height: var(--md-menu-list-item-one-line-container-height, 48px)}/*# sourceMappingURL=menu-item-private-styles.css.map */\n`;\n "]}

package/menu/lib/menuitem/menu-item-private-styles.scss

@@ -0,0 +1,8 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@use './menu-item';
+
+@include menu-item.private-props;

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

@@ -0,0 +1,9 @@
+/**
+  * @license
+  * Copyright 2022 Google LLC
+  * SPDX-License-Identifier: Apache-2.0
+  */
+import { css } from 'lit';
+export const styles = css `:host([active]) .list-item{background-color:var(--_list-item-selected-container-color)}.list-item:has(.submenu:hover){--md-ripple-hover-state-layer-opacity:0}/*# sourceMappingURL=menu-item-styles.css.map */
+`;
+//# sourceMappingURL=menu-item-styles.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-styles.css.js","sourceRoot":"","sources":["menu-item-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`:host([active]) .list-item{background-color:var(--_list-item-selected-container-color)}.list-item:has(.submenu:hover){--md-ripple-hover-state-layer-opacity:0}/*# sourceMappingURL=menu-item-styles.css.map */\n`;\n "]}

package/menu/lib/menuitem/menu-item-styles.scss

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

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

@@ -3,9 +3,26 @@
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import { ListItem } from '../../../list/lib/listitem/list-item.js';
+import { ListItemEl } from '../../../list/lib/listitem/list-item.js';
 import { ARIARole } from '../../../types/aria.js';
-/** Base class for menu item component. */
-export declare class MenuItem extends ListItem {
+import { MenuItem } from '../shared.js';
+/**
+ * @fires close-menu {CloseMenuEvent}
+ */
+export declare class MenuItemEl extends ListItemEl implements MenuItem {
     role: ARIARole;
+    /**
+     * READONLY: self-identifies as a menu item and sets its identifying attribute
+     */
+    isMenuItem: boolean;
+    /**
+     * Keeps the menu open if clicked or keyboard selected.
+     */
+    keepOpen: boolean;
+    /**
+     * Used for overriding e.g. sub-menu-item.
+     */
+    protected keepOpenOnClick: boolean;
+    protected onClick(): void;
+    protected onKeydown(e: KeyboardEvent): void;
 }

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

@@ -3,12 +3,51 @@
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import { ListItem } from '../../../list/lib/listitem/list-item.js';
-/** Base class for menu item component. */
-export class MenuItem extends ListItem {
+import { __decorate, __metadata } from "tslib";
+import { property } from 'lit/decorators.js';
+import { ListItemEl } from '../../../list/lib/listitem/list-item.js';
+import { CLOSE_REASON, DefaultCloseMenuEvent, isClosableKey } from '../shared.js';
+/**
+ * @fires close-menu {CloseMenuEvent}
+ */
+export class MenuItemEl extends ListItemEl {
     constructor() {
         super(...arguments);
         this.role = 'menuitem';
+        /**
+         * READONLY: self-identifies as a menu item and sets its identifying attribute
+         */
+        this.isMenuItem = true;
+        /**
+         * Keeps the menu open if clicked or keyboard selected.
+         */
+        this.keepOpen = false;
+        /**
+         * Used for overriding e.g. sub-menu-item.
+         */
+        this.keepOpenOnClick = false;
+    }
+    onClick() {
+        if (this.keepOpen || this.keepOpenOnClick)
+            return;
+        this.dispatchEvent(new DefaultCloseMenuEvent(this, { kind: CLOSE_REASON.CLICK_SELECTION }));
+    }
+    onKeydown(e) {
+        if (this.keepOpen)
+            return;
+        const keyCode = e.code;
+        if (isClosableKey(keyCode)) {
+            e.preventDefault();
+            this.dispatchEvent(new DefaultCloseMenuEvent(this, { kind: CLOSE_REASON.KEYDOWN, key: keyCode }));
+        }
     }
 }
+__decorate([
+    property({ type: Boolean, attribute: 'md-menu-item', reflect: true }),
+    __metadata("design:type", Object)
+], MenuItemEl.prototype, "isMenuItem", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'keep-open' }),
+    __metadata("design:type", Object)
+], MenuItemEl.prototype, "keepOpen", void 0);
 //# sourceMappingURL=menu-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["menu-item.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,yCAAyC,CAAC;AAGjE,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 '../../../list/lib/listitem/list-item.js';\nimport {ARIARole} from '../../../types/aria.js';\n\n/** Base class for menu item component. */\nexport class MenuItem extends ListItem {\n  override role: ARIARole = 'menuitem';\n}\n"]}
+{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["menu-item.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAC;AAEnE,OAAO,EAAC,YAAY,EAAE,qBAAqB,EAAE,aAAa,EAAW,MAAM,cAAc,CAAC;AAE1F;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,UAAU;IAA1C;;QACW,SAAI,GAAa,UAAU,CAAC;QACrC;;WAEG;QAEH,eAAU,GAAG,IAAI,CAAC;QAElB;;WAEG;QACgD,aAAQ,GAAG,KAAK,CAAC;QAEpE;;WAEG;QACO,oBAAe,GAAG,KAAK,CAAC;IAkBpC,CAAC;IAhBoB,OAAO;QACxB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe;YAAE,OAAO;QAElD,IAAI,CAAC,aAAa,CACd,IAAI,qBAAqB,CAAC,IAAI,EAAE,EAAC,IAAI,EAAE,YAAY,CAAC,eAAe,EAAC,CAAC,CAAC,CAAC;IAC7E,CAAC;IAEkB,SAAS,CAAC,CAAgB;QAC3C,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC;QACvB,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE;YAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,IAAI,qBAAqB,CACxC,IAAI,EAAE,EAAC,IAAI,EAAE,YAAY,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAC,CAAC,CAAC,CAAC;SACxD;IACH,CAAC;CACF;AA5BC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;8CAClD;AAKiC;IAAlD,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAC,CAAC;;4CAAkB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {property} from 'lit/decorators.js';\n\nimport {ListItemEl} from '../../../list/lib/listitem/list-item.js';\nimport {ARIARole} from '../../../types/aria.js';\nimport {CLOSE_REASON, DefaultCloseMenuEvent, isClosableKey, MenuItem} from '../shared.js';\n\n/**\n * @fires close-menu {CloseMenuEvent}\n */\nexport class MenuItemEl extends ListItemEl implements MenuItem {\n  override role: ARIARole = 'menuitem';\n  /**\n   * READONLY: self-identifies as a menu item and sets its identifying attribute\n   */\n  @property({type: Boolean, attribute: 'md-menu-item', reflect: true})\n  isMenuItem = true;\n\n  /**\n   * Keeps the menu open if clicked or keyboard selected.\n   */\n  @property({type: Boolean, attribute: 'keep-open'}) keepOpen = false;\n\n  /**\n   * Used for overriding e.g. sub-menu-item.\n   */\n  protected keepOpenOnClick = false;\n\n  protected override onClick() {\n    if (this.keepOpen || this.keepOpenOnClick) return;\n\n    this.dispatchEvent(\n        new DefaultCloseMenuEvent(this, {kind: CLOSE_REASON.CLICK_SELECTION}));\n  }\n\n  protected override onKeydown(e: KeyboardEvent) {\n    if (this.keepOpen) return;\n    const keyCode = e.code;\n    if (isClosableKey(keyCode)) {\n      e.preventDefault();\n      this.dispatchEvent(new DefaultCloseMenuEvent(\n          this, {kind: CLOSE_REASON.KEYDOWN, key: keyCode}));\n    }\n  }\n}\n"]}

package/menu/lib/menuitemlink/menu-item-link.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { ListItemLink } from '../../../list/lib/listitemlink/list-item-link.js';
+import { ARIARole } from '../../../types/aria.js';
+import { MenuItem } from '../shared.js';
+/**
+ * @fires close-menu {CloseMenuEvent}
+ */
+export declare class MenuItemLink extends ListItemLink implements MenuItem {
+    role: ARIARole;
+    /**
+     * READONLY: self-identifies as a menu item and sets its identifying attribute
+     */
+    isMenuItem: boolean;
+    /**
+     * Keeps the menu open if clicked or keyboard selected.
+     */
+    keepOpen: boolean;
+    protected keepOpenOnClick: boolean;
+    protected onClick(): void;
+    protected onKeydown(e: KeyboardEvent): void;
+}

package/menu/lib/menuitemlink/menu-item-link.js

@@ -0,0 +1,51 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate, __metadata } from "tslib";
+import { property } from 'lit/decorators.js';
+import { ListItemLink } from '../../../list/lib/listitemlink/list-item-link.js';
+import { CLOSE_REASON, DefaultCloseMenuEvent, isClosableKey, SELECTION_KEY } from '../shared.js';
+/**
+ * @fires close-menu {CloseMenuEvent}
+ */
+export class MenuItemLink extends ListItemLink {
+    constructor() {
+        super(...arguments);
+        this.role = 'menuitem';
+        /**
+         * READONLY: self-identifies as a menu item and sets its identifying attribute
+         */
+        this.isMenuItem = true;
+        /**
+         * Keeps the menu open if clicked or keyboard selected.
+         */
+        this.keepOpen = false;
+        this.keepOpenOnClick = false;
+    }
+    onClick() {
+        if (this.keepOpen || this.keepOpenOnClick)
+            return;
+        this.dispatchEvent(new DefaultCloseMenuEvent(this, { kind: CLOSE_REASON.CLICK_SELECTION }));
+    }
+    onKeydown(e) {
+        if (this.keepOpen)
+            return;
+        const keyCode = e.code;
+        // Do not preventDefault on enter or else it will prevent from opening links
+        if (isClosableKey(keyCode) && keyCode !== SELECTION_KEY.ENTER) {
+            e.preventDefault();
+            this.dispatchEvent(new DefaultCloseMenuEvent(this, { kind: CLOSE_REASON.KEYDOWN, key: keyCode }));
+        }
+    }
+}
+__decorate([
+    property({ type: Boolean, attribute: 'md-menu-item', reflect: true }),
+    __metadata("design:type", Object)
+], MenuItemLink.prototype, "isMenuItem", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'keep-open' }),
+    __metadata("design:type", Object)
+], MenuItemLink.prototype, "keepOpen", void 0);
+//# sourceMappingURL=menu-item-link.js.map

package/menu/lib/menuitemlink/menu-item-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-link.js","sourceRoot":"","sources":["menu-item-link.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,YAAY,EAAC,MAAM,kDAAkD,CAAC;AAE9E,OAAO,EAAC,YAAY,EAAE,qBAAqB,EAAE,aAAa,EAAY,aAAa,EAAC,MAAM,cAAc,CAAC;AAEzG;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,YAAY;IAA9C;;QACW,SAAI,GAAa,UAAU,CAAC;QACrC;;WAEG;QAEH,eAAU,GAAG,IAAI,CAAC;QAElB;;WAEG;QACgD,aAAQ,GAAG,KAAK,CAAC;QAE1D,oBAAe,GAAG,KAAK,CAAC;IAoBpC,CAAC;IAlBoB,OAAO;QACxB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe;YAAE,OAAO;QAElD,IAAI,CAAC,aAAa,CACd,IAAI,qBAAqB,CAAC,IAAI,EAAE,EAAC,IAAI,EAAE,YAAY,CAAC,eAAe,EAAC,CAAC,CAAC,CAAC;IAC7E,CAAC;IAEkB,SAAS,CAAC,CAAgB;QAC3C,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE1B,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC;QACvB,4EAA4E;QAC5E,IAAI,aAAa,CAAC,OAAO,CAAC,IAAI,OAAO,KAAK,aAAa,CAAC,KAAK,EAAE;YAC7D,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,IAAI,qBAAqB,CACxC,IAAI,EAAE,EAAC,IAAI,EAAE,YAAY,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAC,CAAC,CAAC,CAAC;SACxD;IACH,CAAC;CACF;AA3BC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;gDAClD;AAKiC;IAAlD,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAC,CAAC;;8CAAkB","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {property} from 'lit/decorators.js';\n\nimport {ListItemLink} from '../../../list/lib/listitemlink/list-item-link.js';\nimport {ARIARole} from '../../../types/aria.js';\nimport {CLOSE_REASON, DefaultCloseMenuEvent, isClosableKey, MenuItem, SELECTION_KEY} from '../shared.js';\n\n/**\n * @fires close-menu {CloseMenuEvent}\n */\nexport class MenuItemLink extends ListItemLink implements MenuItem {\n  override role: ARIARole = 'menuitem';\n  /**\n   * READONLY: self-identifies as a menu item and sets its identifying attribute\n   */\n  @property({type: Boolean, attribute: 'md-menu-item', reflect: true})\n  isMenuItem = true;\n\n  /**\n   * Keeps the menu open if clicked or keyboard selected.\n   */\n  @property({type: Boolean, attribute: 'keep-open'}) keepOpen = false;\n\n  protected keepOpenOnClick = false;\n\n  protected override onClick() {\n    if (this.keepOpen || this.keepOpenOnClick) return;\n\n    this.dispatchEvent(\n        new DefaultCloseMenuEvent(this, {kind: CLOSE_REASON.CLICK_SELECTION}));\n  }\n\n  protected override onKeydown(e: KeyboardEvent) {\n    if (this.keepOpen) return;\n\n    const keyCode = e.code;\n    // Do not preventDefault on enter or else it will prevent from opening links\n    if (isClosableKey(keyCode) && keyCode !== SELECTION_KEY.ENTER) {\n      e.preventDefault();\n      this.dispatchEvent(new DefaultCloseMenuEvent(\n          this, {kind: CLOSE_REASON.KEYDOWN, key: keyCode}));\n    }\n  }\n}\n"]}

package/menu/lib/shared.d.ts

@@ -0,0 +1,134 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { ListItem } from '../../list/lib/listitem/list-item.js';
+/**
+ * Interface specific to menu item and not list item.
+ */
+interface MenuItemSelf {
+    /**
+     * The visible headline text of the item.
+     */
+    headline: string;
+    /**
+     * Whether or not the item is in the selected visual state (focuses on
+     * selection).
+     */
+    active: boolean;
+    /**
+     * If it is a sub-menu-item, a method that can close the submenu.
+     */
+    close?: () => void;
+}
+/**
+ * The interface of every menu item interactive with a menu. All menu items
+ * should implement this interface to be compatible with md-menu. Additionally
+ * they should have both the `md-menu-item` and `md-list-item` attributes set.
+ */
+export declare type MenuItem = MenuItemSelf & ListItem;
+/**
+ * The reason the `close-menu` event was dispatched.
+ */
+export interface Reason {
+    kind: string;
+}
+/**
+ * The click selection reason for the `close-menu` event. The menu was closed
+ * because an item was selected via user click.
+ */
+export interface ClickReason extends Reason {
+    kind: typeof CLOSE_REASON.CLICK_SELECTION;
+}
+/**
+ * The keydown reason for the `close-menu` event. The menu was closed
+ * because a specific key was pressed. The default closing keys for
+ * `md-menu-item` are, Space, Enter or Escape.
+ */
+export interface KeydownReason extends Reason {
+    kind: typeof CLOSE_REASON.KEYDOWN;
+    key: string;
+}
+/**
+ * The default menu closing reasons for the material md-menu package.
+ */
+export declare type DefaultReasons = ClickReason | KeydownReason;
+/**
+ * The event that closes any parent menus. It is recommended to subclass and
+ * dispatch this event rather than creating your own `close-menu` event.
+ */
+export declare class CloseMenuEvent<T extends Reason = DefaultReasons> extends Event {
+    initiator: MenuItem;
+    readonly reason: T;
+    readonly itemPath: MenuItem[];
+    constructor(initiator: MenuItem, reason: T);
+}
+/**
+ * The default close menu event used by md-menu. To create your own `close-menu`
+ * event, you should subclass the `CloseMenuEvent` instead.
+ */
+export declare const DefaultCloseMenuEvent: {
+    new (initiator: MenuItem, reason: DefaultReasons): CloseMenuEvent<DefaultReasons>;
+    readonly AT_TARGET: number;
+    readonly BUBBLING_PHASE: number;
+    readonly CAPTURING_PHASE: number;
+    readonly NONE: number;
+};
+/**
+ * The event that requests the parent md-menu to deactivate all other items.
+ */
+export declare class DeactivateItemsEvent extends Event {
+    constructor();
+}
+/**
+ * Keys that are used to navigate menus.
+ */
+export declare const NAVIGABLE_KEY: {
+    readonly UP: "ArrowUp";
+    readonly DOWN: "ArrowDown";
+    readonly RIGHT: "ArrowRight";
+    readonly LEFT: "ArrowLeft";
+};
+/**
+ * Keys that are used for selection in menus.
+ */
+export declare const SELECTION_KEY: {
+    readonly SPACE: "Space";
+    readonly ENTER: "Enter";
+};
+/**
+ * Default close `Reason` kind values.
+ */
+export declare const CLOSE_REASON: {
+    readonly CLICK_SELECTION: "CLICK_SELECTION";
+    readonly KEYDOWN: "KEYDOWN";
+};
+/**
+ * Keys that can close menus.
+ */
+export declare const KEYDOWN_CLOSE_KEYS: {
+    readonly ESCAPE: "Escape";
+    readonly SPACE: "Space";
+    readonly ENTER: "Enter";
+};
+declare type Values<T> = T[keyof T];
+/**
+ * Determines whether the given key code is a key code that should close the
+ * menu.
+ *
+ * @param code The KeyboardEvent code to check.
+ * @return Whether or not the key code is in the predetermined list to close the
+ * menu.
+ */
+export declare function isClosableKey(code: string): code is Values<typeof KEYDOWN_CLOSE_KEYS>;
+/**
+ * Determines whether the given key code is a key code that should select a menu
+ * item.
+ *
+ * @param code They KeyboardEvent code to check.
+ * @return Whether or not the key code is in the predetermined list to select a
+ * menu item.
+ */
+export declare function isSelectableKey(code: string): code is Values<typeof SELECTION_KEY>;
+export {};