@francofantomius/material-components 1.1.1 → 1.2.0

package/dist/components/fab-menu/fab-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"fab-menu.js","names":[],"sources":["../../../src/components/fab-menu/fab-menu.ts"],"sourcesContent":["import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport '../icon/icon.js';\nimport { fabMenuStyles } from './fab-menu.css.js';\nimport { MdFabMenuItem } from './fab-menu-item.js';\n\nexport type FabMenuDirection = 'up' | 'down' | 'left' | 'right';\nexport type FabMenuSize = 'small' | 'medium' | 'large';\n\n/**\n * Material Design 3 Floating Action Button Menu (FAB Menu / Speed Dial) component.\n * Expands a floating action button into a vertical or horizontal stack of related sub-actions with labels.\n *\n * @element md-fab-menu\n *\n * @slot - Default slot for md-fab-menu-item sub-actions.\n * @slot trigger - Custom trigger element replacing the default FAB.\n * @slot icon - Custom icon when closed.\n * @slot open-icon - Custom icon when opened.\n *\n * @fires open - Dispatched when the FAB menu opens.\n * @fires close - Dispatched when the FAB menu closes.\n * @fires toggle - Dispatched when the menu toggles open/close state.\n * @fires scrim-click - Dispatched when the modal scrim backdrop is clicked.\n * @fires action - Dispatched when any child md-fab-menu-item is activated.\n */\n@customElement('md-fab-menu')\nexport class MdFabMenu extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, fabMenuStyles];\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: Boolean, reflect: true })\n  modal = false;\n\n  @property({ type: String, reflect: true })\n  direction: FabMenuDirection = 'up';\n\n  @property({ type: String })\n  icon = 'add';\n\n  @property({ type: String, attribute: 'open-icon' })\n  openIcon = '';\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: Boolean, reflect: true })\n  extended = false;\n\n  @property({ type: String, reflect: true })\n  size: FabMenuSize = 'medium';\n\n  @property({ type: Boolean, reflect: true })\n  lowered = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, attribute: 'close-on-item-click' })\n  closeOnItemClick = true;\n\n  @property({ type: Boolean, attribute: 'close-on-outside-click' })\n  closeOnOutsideClick = true;\n\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabelText = 'Floating action menu';\n\n  override connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('keydown', this.handleKeyDown);\n    document.addEventListener('pointerdown', this.handleDocumentClick);\n    this.addEventListener('action', this.handleItemAction as EventListener);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener('keydown', this.handleKeyDown);\n    document.removeEventListener('pointerdown', this.handleDocumentClick);\n    this.removeEventListener('action', this.handleItemAction as EventListener);\n  }\n\n  override willUpdate(changedProperties: Map<string, unknown>) {\n    super.willUpdate(changedProperties);\n    if (changedProperties.has('label')) {\n      this.extended = Boolean(this.label);\n    }\n  }\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this.emitEvent('open');\n      } else {\n        this.emitEvent('close');\n      }\n      this.emitEvent('toggle', { open: this.open });\n    }\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && this.open) {\n      this.close();\n    }\n  };\n\n  private handleDocumentClick = (event: MouseEvent | PointerEvent) => {\n    if (!this.open || !this.closeOnOutsideClick) return;\n    const path = event.composedPath();\n    if (!path.includes(this)) {\n      this.close();\n    }\n  };\n\n  private handleScrimClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.emitEvent('scrim-click');\n    this.close();\n  };\n\n  private handleTriggerClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (this.disabled) return;\n    this.toggle();\n  };\n\n  private handleItemAction = (event: CustomEvent) => {\n    // If the event came from a child md-fab-menu-item, close menu if closeOnItemClick is true\n    if (this.closeOnItemClick) {\n      this.close();\n    }\n  };\n\n  /**\n   * Opens the FAB menu.\n   */\n  show() {\n    if (!this.open) {\n      this.open = true;\n    }\n  }\n\n  /**\n   * Opens the FAB menu (alias).\n   */\n  openMenu() {\n    this.show();\n  }\n\n  /**\n   * Closes the FAB menu.\n   */\n  close() {\n    if (this.open) {\n      this.open = false;\n    }\n  }\n\n  /**\n   * Closes the FAB menu (alias).\n   */\n  closeMenu() {\n    this.close();\n  }\n\n  /**\n   * Toggles the FAB menu open/closed state.\n   */\n  toggle() {\n    this.open = !this.open;\n  }\n\n  override render() {\n    const hasCustomOpenIcon = Boolean(this.openIcon);\n    const activeIcon = this.open && hasCustomOpenIcon ? this.openIcon : this.icon;\n\n    return html`\n      ${this.modal\n        ? html`<div class=\"scrim\" @click=${this.handleScrimClick}></div>`\n        : nothing}\n\n      <div class=\"container\">\n        <!-- Sub-FAB Action Items Stack -->\n        <div\n          class=\"items\"\n          role=\"menu\"\n          aria-hidden=${this.open ? 'false' : 'true'}\n          aria-orientation=${this.direction === 'left' || this.direction === 'right' ? 'horizontal' : 'vertical'}\n        >\n          <slot></slot>\n        </div>\n\n        <!-- Main FAB Trigger -->\n        <slot name=\"trigger\" @click=${this.handleTriggerClick}>\n          <button\n            type=\"button\"\n            class=\"trigger-btn\"\n            ?disabled=${this.disabled}\n            aria-haspopup=\"menu\"\n            aria-expanded=${this.open ? 'true' : 'false'}\n            aria-label=${this.ariaLabelText || this.label || nothing}\n            @click=${this.handleTriggerClick}\n          >\n            <md-ripple ?disabled=${this.disabled}></md-ripple>\n            <md-focus-ring></md-focus-ring>\n            <span class=\"trigger-content\">\n              <span class=\"trigger-icon ${hasCustomOpenIcon ? '' : 'rotate'}\">\n                <slot name=${this.open && hasCustomOpenIcon ? 'open-icon' : 'icon'}>\n                  ${activeIcon ? html`<md-icon name=${activeIcon}></md-icon>` : nothing}\n                </slot>\n              </span>\n              <slot name=\"label\">\n                ${this.label ? html`<span class=\"trigger-label\">${this.label}</span>` : nothing}\n              </slot>\n            </span>\n          </button>\n        </slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-fab-menu': MdFabMenu;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"fab-menu.js","names":[],"sources":["../../../src/components/fab-menu/fab-menu.ts"],"sourcesContent":["import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport '../icon/icon.js';\nimport { fabMenuStyles } from './fab-menu.css.js';\nimport { MdFabMenuItem } from './fab-menu-item.js';\n\nexport type FabMenuDirection = 'up' | 'down' | 'left' | 'right';\nexport type FabMenuSize = 'small' | 'medium' | 'large';\n\n/**\n * Material Design 3 Floating Action Button Menu (FAB Menu / Speed Dial) component.\n * Expands a floating action button into a vertical or horizontal stack of related sub-actions with labels.\n *\n * @element md-fab-menu\n *\n * @slot - Default slot for md-fab-menu-item sub-actions.\n * @slot trigger - Custom trigger element replacing the default FAB.\n * @slot icon - Custom icon when closed.\n * @slot open-icon - Custom icon when opened.\n *\n * @fires open - Dispatched when the FAB menu opens.\n * @fires close - Dispatched when the FAB menu closes.\n * @fires toggle - Dispatched when the menu toggles open/close state.\n * @fires scrim-click - Dispatched when the modal scrim backdrop is clicked.\n * @fires action - Dispatched when any child md-fab-menu-item is activated.\n */\n@customElement('md-fab-menu')\nexport class MdFabMenu extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, fabMenuStyles];\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: Boolean, reflect: true })\n  modal = false;\n\n  @property({ type: String, reflect: true })\n  direction: FabMenuDirection = 'up';\n\n  @property({ type: String })\n  icon = 'add';\n\n  @property({ type: String, attribute: 'open-icon' })\n  openIcon = '';\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: Boolean, reflect: true })\n  extended = false;\n\n  @property({ type: String, reflect: true })\n  size: FabMenuSize = 'medium';\n\n  @property({ type: Boolean, reflect: true })\n  lowered = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, attribute: 'close-on-item-click' })\n  closeOnItemClick = true;\n\n  @property({ type: Boolean, attribute: 'close-on-outside-click' })\n  closeOnOutsideClick = true;\n\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabelText = 'Floating action menu';\n\n  override connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('keydown', this.handleKeyDown);\n    document.addEventListener('pointerdown', this.handleDocumentClick);\n    this.addEventListener('action', this.handleItemAction as EventListener);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener('keydown', this.handleKeyDown);\n    document.removeEventListener('pointerdown', this.handleDocumentClick);\n    this.removeEventListener('action', this.handleItemAction as EventListener);\n  }\n\n  override willUpdate(changedProperties: Map<string, unknown>) {\n    super.willUpdate(changedProperties);\n    if (changedProperties.has('label')) {\n      this.extended = Boolean(this.label);\n    }\n  }\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this.emitEvent('open');\n      } else {\n        this.emitEvent('close');\n      }\n      this.emitEvent('toggle', { open: this.open });\n    }\n  }\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && this.open) {\n      this.close();\n    }\n  };\n\n  private handleDocumentClick = (event: MouseEvent | PointerEvent) => {\n    if (!this.open || !this.closeOnOutsideClick) return;\n    const path = event.composedPath();\n    if (!path.includes(this)) {\n      this.close();\n    }\n  };\n\n  private handleScrimClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.emitEvent('scrim-click');\n    this.close();\n  };\n\n  private handleTriggerClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (this.disabled) return;\n    this.toggle();\n  };\n\n  private handleItemAction = (event: CustomEvent) => {\n    // If the event came from a child md-fab-menu-item, close menu if closeOnItemClick is true\n    if (this.closeOnItemClick) {\n      this.close();\n    }\n  };\n\n  /**\n   * Opens the FAB menu.\n   */\n  show() {\n    if (!this.open) {\n      this.open = true;\n    }\n  }\n\n  /**\n   * Opens the FAB menu (alias).\n   */\n  openMenu() {\n    this.show();\n  }\n\n  /**\n   * Closes the FAB menu.\n   */\n  close() {\n    if (this.open) {\n      this.open = false;\n    }\n  }\n\n  /**\n   * Closes the FAB menu (alias).\n   */\n  closeMenu() {\n    this.close();\n  }\n\n  /**\n   * Toggles the FAB menu open/closed state.\n   */\n  toggle() {\n    this.open = !this.open;\n  }\n\n  override render() {\n    const hasCustomOpenIcon = Boolean(this.openIcon);\n    const activeIcon = this.open && hasCustomOpenIcon ? this.openIcon : this.icon;\n\n    return html`\n      ${this.modal\n        ? html`<div class=\"scrim\" @click=${this.handleScrimClick}></div>`\n        : nothing}\n\n      <div class=\"container\">\n        <!-- Sub-FAB Action Items Stack -->\n        <div\n          class=\"items\"\n          role=\"menu\"\n          aria-hidden=${this.open ? 'false' : 'true'}\n          aria-orientation=${this.direction === 'left' || this.direction === 'right' ? 'horizontal' : 'vertical'}\n        >\n          <slot></slot>\n        </div>\n\n        <!-- Main FAB Trigger -->\n        <slot name=\"trigger\" @click=${this.handleTriggerClick}>\n          <button\n            type=\"button\"\n            class=\"trigger-btn\"\n            ?disabled=${this.disabled}\n            aria-haspopup=\"menu\"\n            aria-expanded=${this.open ? 'true' : 'false'}\n            aria-label=${this.ariaLabelText || this.label || nothing}\n            @click=${this.handleTriggerClick}\n          >\n            <md-ripple ?disabled=${this.disabled}></md-ripple>\n            <md-focus-ring></md-focus-ring>\n            <span class=\"trigger-content\">\n              <span class=\"trigger-icon ${hasCustomOpenIcon ? '' : 'rotate'}\">\n                <slot name=${this.open && hasCustomOpenIcon ? 'open-icon' : 'icon'}>\n                  ${activeIcon ? html`<md-icon name=${activeIcon}></md-icon>` : nothing}\n                </slot>\n              </span>\n              <slot name=\"label\">\n                ${this.label ? html`<span class=\"trigger-label\">${this.label}</span>` : nothing}\n              </slot>\n            </span>\n          </button>\n        </slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-fab-menu': MdFabMenu;\n  }\n}\n"],"mappings":"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"}

package/dist/components/icon/icon.js

@@ -1,4 +1,2 @@
-import { t as r } from "../../chunks/icon-DrNqcNEL.js";
-export {
-  r as MdIcon
-};
+import { t as e } from "../../chunks/icon-FvKeXi61.js";
+export { e as MdIcon };

package/dist/components/icon-button/icon-button.js

@@ -1,4 +1,2 @@
-import { t } from "../../chunks/icon-button-BQz73GLa.js";
-export {
-  t as MdIconButton
-};
+import { t as e } from "../../chunks/icon-button-CulnCZpZ.js";
+export { e as MdIconButton };

package/dist/components/list/list.js

@@ -1,5 +1,2 @@
-import { n as s, t as i } from "../../chunks/list-D8olR7oZ.js";
-export {
-  i as MdList,
-  s as MdListItem
-};
+import { n as e, t } from "../../chunks/list-D7yrbJRL.js";
+export { t as MdList, e as MdListItem };

package/dist/components/loading-indicator/loading-indicator.js

@@ -1,4 +1,2 @@
-import { t as r } from "../../chunks/loading-indicator-CvWnZr9o.js";
-export {
-  r as MdLoadingIndicator
-};
+import { t as e } from "../../chunks/loading-indicator-D9AyxNQh.js";
+export { e as MdLoadingIndicator };

package/dist/components/menu/menu-item.js

@@ -1,4 +1,2 @@
-import { t as e } from "../../chunks/menu-item-BBSp5Cqc.js";
-export {
-  e as MdMenuItem
-};
+import { t as e } from "../../chunks/menu-item-C3entPo7.js";
+export { e as MdMenuItem };

package/dist/components/menu/menu.js

@@ -1,136 +1,135 @@
-import { n as c, t as n } from "../../chunks/decorate-DXuynaiA.js";
-import { n as g, t as y } from "../../chunks/menu-item-BBSp5Cqc.js";
-import { html as d, nothing as v } from "lit";
-import { customElement as E, property as o, query as b, queryAssignedElements as u } from "lit/decorators.js";
-var i = class extends c {
-  constructor(...e) {
-    super(...e), this.open = !1, this.anchor = null, this.positioning = "absolute", this.placement = "bottom-start", this.alignment = "start", this.xOffset = 0, this.yOffset = 4, this.quick = !1, this.stayOpenOnFocusout = !1, this.dense = !1, this.ariaLabelText = "Menu", this.noTrigger = !1, this._anchorElement = null, this.handlePositionUpdate = () => {
-      this.open && this.updatePosition();
-    }, this.handleDocumentClick = (t) => {
-      if (!this.open) return;
-      const s = t.composedPath();
-      s.includes(this) || this._anchorElement && s.includes(this._anchorElement) || typeof this.anchor == "string" && this.anchorElement && s.includes(this.anchorElement) || this.close();
-    }, this.handleWindowKeyDown = (t) => {
-      this.open && t.key === "Escape" && (t.preventDefault(), t.stopPropagation(), this.close(), this.anchorElement?.focus());
-    }, this.handleSurfaceKeyDown = (t) => {
-      const s = this.getItems(!0);
-      if (s.length === 0) return;
-      let a = null;
-      try {
-        a = document.activeElement;
-      } catch {
-        a = null;
-      }
-      const r = s.findIndex((l) => l === a || l.contains(a));
-      switch (t.key) {
-        case "ArrowDown":
-          t.preventDefault(), s[r >= 0 && r < s.length - 1 ? r + 1 : 0]?.focus();
-          break;
-        case "ArrowUp":
-          t.preventDefault(), s[r > 0 ? r - 1 : s.length - 1]?.focus();
-          break;
-        case "Home":
-          t.preventDefault(), s[0]?.focus();
-          break;
-        case "End":
-          t.preventDefault(), s[s.length - 1]?.focus();
-          break;
-        case "Tab":
-          this.stayOpenOnFocusout || this.close();
-      }
-    }, this.handleItemSelection = (t) => {
-      const s = t.detail;
-      this.emitEvent("select", s), s?.keepOpen || this.close();
-    }, this.handleTriggerClick = (t) => {
-      t.stopPropagation(), this.toggle();
-    };
-  }
-  static {
-    this.styles = [c.styles, g];
-  }
-  get anchorElement() {
-    if (this._anchorElement) return this._anchorElement;
-    if (this.anchor instanceof HTMLElement) return this.anchor;
-    if (typeof this.anchor == "string" && this.anchor.length > 0) {
-      const e = this.getRootNode().getElementById?.(this.anchor) || document.getElementById(this.anchor);
-      if (e) return e;
-    }
-    return this.assignedTriggers && this.assignedTriggers.length > 0 ? this.assignedTriggers[0] ?? null : null;
-  }
-  set anchorElement(e) {
-    this._anchorElement = e, this.requestUpdate();
-  }
-  connectedCallback() {
-    super.connectedCallback(), window.addEventListener("keydown", this.handleWindowKeyDown), document.addEventListener("pointerdown", this.handleDocumentClick), window.addEventListener("resize", this.handlePositionUpdate), window.addEventListener("scroll", this.handlePositionUpdate, !0), this.addEventListener("item-click", this.handleItemSelection), this.addEventListener("menu-item-click", this.handleItemSelection);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), window.removeEventListener("keydown", this.handleWindowKeyDown), document.removeEventListener("pointerdown", this.handleDocumentClick), window.removeEventListener("resize", this.handlePositionUpdate), window.removeEventListener("scroll", this.handlePositionUpdate, !0), this.removeEventListener("item-click", this.handleItemSelection), this.removeEventListener("menu-item-click", this.handleItemSelection);
-  }
-  updated(e) {
-    super.updated(e), e.has("open") && (this.open ? (this.emitEvent("open"), this.updatePosition(), setTimeout(() => {
-      this.focusFirstItem();
-    }, 16)) : this.emitEvent("close")), e.has("dense") && this.updateDenseProp();
-  }
-  updateDenseProp() {
-    const e = this.getItems(!1);
-    for (const t of e) t instanceof y && (t.dense = this.dense);
-  }
-  updatePosition() {
-    if (!this.menuSurfaceElement) return;
-    const e = this.anchorElement;
-    if (!e) {
-      this.applyRelativePlacement();
-      return;
-    }
-    if (!this.contains(e) || this.positioning === "fixed") {
-      const t = e.getBoundingClientRect(), s = this.menuSurfaceElement;
-      s.classList.add("is-fixed");
-      let a = 0, r = 0;
-      const l = this.placement, f = l.startsWith("top"), p = l.endsWith("end") || this.alignment === "end";
-      f ? a = t.top - this.yOffset - (s.offsetHeight || 0) : a = t.bottom + this.yOffset, p ? r = t.right - (s.offsetWidth || 0) + this.xOffset : r = t.left + this.xOffset;
-      const h = 8, m = window.innerWidth - (s.offsetWidth || 112) - h;
-      r = Math.max(h, Math.min(r, m)), s.style.top = `${a}px`, s.style.left = `${r}px`, s.style.right = "auto", s.style.bottom = "auto";
-    } else this.applyRelativePlacement();
-  }
-  applyRelativePlacement() {
-    if (!this.menuSurfaceElement) return;
-    const e = this.menuSurfaceElement;
-    e.classList.remove("is-fixed");
-    const t = this.placement.startsWith("top"), s = this.placement.endsWith("end") || this.alignment === "end";
-    t ? (e.style.top = "auto", e.style.bottom = `calc(100% + ${this.yOffset}px)`) : (e.style.top = `calc(100% + ${this.yOffset}px)`, e.style.bottom = "auto"), s ? (e.style.left = "auto", e.style.right = `${-this.xOffset}px`) : (e.style.left = `${this.xOffset}px`, e.style.right = "auto");
-  }
-  show() {
-    this.open || (this.open = !0);
-  }
-  close() {
-    this.open && (this.open = !1);
-  }
-  toggle() {
-    this.open = !this.open;
-  }
-  getItems(e = !1) {
-    const t = Array.from(this.querySelectorAll("md-menu-item"));
-    return e ? t.filter((s) => !s.disabled && !s.hasAttribute("disabled")) : t;
-  }
-  focusFirstItem() {
-    const e = this.getItems(!0);
-    e.length > 0 ? e[0].focus() : this.menuSurfaceElement && this.menuSurfaceElement.focus();
-  }
-  focusLastItem() {
-    const e = this.getItems(!0);
-    e.length > 0 && e[e.length - 1].focus();
-  }
-  focusItemAtIndex(e) {
-    const t = this.getItems(!0);
-    e >= 0 && e < t.length && t[e].focus();
-  }
-  render() {
-    const e = this.noTrigger ? v : d`
+import { n as e, t } from "../../chunks/decorate-DknOJ8FJ.js";
+import { n, t as r } from "../../chunks/menu-item-C3entPo7.js";
+import { html as i, nothing as a } from "lit";
+import { customElement as o, property as s, query as c, queryAssignedElements as l } from "lit/decorators.js";
+//#region src/components/menu/menu.ts
+var u = class extends e {
+	constructor(...e) {
+		super(...e), this.open = !1, this.anchor = null, this.positioning = "absolute", this.placement = "bottom-start", this.alignment = "start", this.xOffset = 0, this.yOffset = 4, this.quick = !1, this.stayOpenOnFocusout = !1, this.dense = !1, this.ariaLabelText = "Menu", this.noTrigger = !1, this._anchorElement = null, this.handlePositionUpdate = () => {
+			this.open && this.updatePosition();
+		}, this.handleDocumentClick = (e) => {
+			if (!this.open) return;
+			let t = e.composedPath();
+			t.includes(this) || this._anchorElement && t.includes(this._anchorElement) || typeof this.anchor == "string" && this.anchorElement && t.includes(this.anchorElement) || this.close();
+		}, this.handleWindowKeyDown = (e) => {
+			this.open && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), this.close(), this.anchorElement?.focus());
+		}, this.handleSurfaceKeyDown = (e) => {
+			let t = this.getItems(!0);
+			if (t.length === 0) return;
+			let n = null;
+			try {
+				n = document.activeElement;
+			} catch {
+				n = null;
+			}
+			let r = t.findIndex((e) => e === n || e.contains(n));
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), t[r >= 0 && r < t.length - 1 ? r + 1 : 0]?.focus();
+					break;
+				case "ArrowUp":
+					e.preventDefault(), t[r > 0 ? r - 1 : t.length - 1]?.focus();
+					break;
+				case "Home":
+					e.preventDefault(), t[0]?.focus();
+					break;
+				case "End":
+					e.preventDefault(), t[t.length - 1]?.focus();
+					break;
+				case "Tab": this.stayOpenOnFocusout || this.close();
+			}
+		}, this.handleItemSelection = (e) => {
+			let t = e.detail;
+			this.emitEvent("select", t), t?.keepOpen || this.close();
+		}, this.handleTriggerClick = (e) => {
+			e.stopPropagation(), this.toggle();
+		};
+	}
+	static {
+		this.styles = [e.styles, n];
+	}
+	get anchorElement() {
+		if (this._anchorElement) return this._anchorElement;
+		if (this.anchor instanceof HTMLElement) return this.anchor;
+		if (typeof this.anchor == "string" && this.anchor.length > 0) {
+			let e = this.getRootNode().getElementById?.(this.anchor) || document.getElementById(this.anchor);
+			if (e) return e;
+		}
+		return this.assignedTriggers && this.assignedTriggers.length > 0 ? this.assignedTriggers[0] ?? null : null;
+	}
+	set anchorElement(e) {
+		this._anchorElement = e, this.requestUpdate();
+	}
+	connectedCallback() {
+		super.connectedCallback(), window.addEventListener("keydown", this.handleWindowKeyDown), document.addEventListener("pointerdown", this.handleDocumentClick), window.addEventListener("resize", this.handlePositionUpdate), window.addEventListener("scroll", this.handlePositionUpdate, !0), this.addEventListener("item-click", this.handleItemSelection), this.addEventListener("menu-item-click", this.handleItemSelection);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), window.removeEventListener("keydown", this.handleWindowKeyDown), document.removeEventListener("pointerdown", this.handleDocumentClick), window.removeEventListener("resize", this.handlePositionUpdate), window.removeEventListener("scroll", this.handlePositionUpdate, !0), this.removeEventListener("item-click", this.handleItemSelection), this.removeEventListener("menu-item-click", this.handleItemSelection);
+	}
+	updated(e) {
+		super.updated(e), e.has("open") && (this.open ? (this.emitEvent("open"), this.updatePosition(), setTimeout(() => {
+			this.focusFirstItem();
+		}, 16)) : this.emitEvent("close")), e.has("dense") && this.updateDenseProp();
+	}
+	updateDenseProp() {
+		let e = this.getItems(!1);
+		for (let t of e) t instanceof r && (t.dense = this.dense);
+	}
+	updatePosition() {
+		if (!this.menuSurfaceElement) return;
+		let e = this.anchorElement;
+		if (!e) {
+			this.applyRelativePlacement();
+			return;
+		}
+		if (!this.contains(e) || this.positioning === "fixed") {
+			let t = e.getBoundingClientRect(), n = this.menuSurfaceElement;
+			n.classList.add("is-fixed");
+			let r = 0, i = 0, a = this.placement, o = a.startsWith("top"), s = a.endsWith("end") || this.alignment === "end";
+			r = o ? t.top - this.yOffset - (n.offsetHeight || 0) : t.bottom + this.yOffset, i = s ? t.right - (n.offsetWidth || 0) + this.xOffset : t.left + this.xOffset;
+			let c = window.innerWidth - (n.offsetWidth || 112) - 8;
+			i = Math.max(8, Math.min(i, c)), n.style.top = `${r}px`, n.style.left = `${i}px`, n.style.right = "auto", n.style.bottom = "auto";
+		} else this.applyRelativePlacement();
+	}
+	applyRelativePlacement() {
+		if (!this.menuSurfaceElement) return;
+		let e = this.menuSurfaceElement;
+		e.classList.remove("is-fixed");
+		let t = this.placement.startsWith("top"), n = this.placement.endsWith("end") || this.alignment === "end";
+		t ? (e.style.top = "auto", e.style.bottom = `calc(100% + ${this.yOffset}px)`) : (e.style.top = `calc(100% + ${this.yOffset}px)`, e.style.bottom = "auto"), n ? (e.style.left = "auto", e.style.right = `${-this.xOffset}px`) : (e.style.left = `${this.xOffset}px`, e.style.right = "auto");
+	}
+	show() {
+		this.open ||= !0;
+	}
+	close() {
+		this.open &&= !1;
+	}
+	toggle() {
+		this.open = !this.open;
+	}
+	getItems(e = !1) {
+		let t = Array.from(this.querySelectorAll("md-menu-item"));
+		return e ? t.filter((e) => !e.disabled && !e.hasAttribute("disabled")) : t;
+	}
+	focusFirstItem() {
+		let e = this.getItems(!0);
+		e.length > 0 ? e[0].focus() : this.menuSurfaceElement && this.menuSurfaceElement.focus();
+	}
+	focusLastItem() {
+		let e = this.getItems(!0);
+		e.length > 0 && e[e.length - 1].focus();
+	}
+	focusItemAtIndex(e) {
+		let t = this.getItems(!0);
+		e >= 0 && e < t.length && t[e].focus();
+	}
+	render() {
+		let e = this.noTrigger ? a : i`
           <div class="trigger-wrapper" @click=${this.handleTriggerClick}>
             <slot name="trigger"></slot>
           </div>
         `;
-    return d`
+		return i`
       <div class="backdrop" @click=${() => this.close()}></div>
 
       ${e}
@@ -146,60 +145,43 @@ var i = class extends c {
         <slot @slotchange=${this.updateDenseProp}></slot>
       </div>
     `;
-  }
-};
-n([o({
-  type: Boolean,
-  reflect: !0
-})], i.prototype, "open", void 0);
-n([o({ attribute: !1 })], i.prototype, "anchor", void 0);
-n([o({
-  type: String,
-  reflect: !0
-})], i.prototype, "positioning", void 0);
-n([o({
-  type: String,
-  reflect: !0
-})], i.prototype, "placement", void 0);
-n([o({
-  type: String,
-  reflect: !0
-})], i.prototype, "alignment", void 0);
-n([o({
-  type: Number,
-  attribute: "x-offset"
-})], i.prototype, "xOffset", void 0);
-n([o({
-  type: Number,
-  attribute: "y-offset"
-})], i.prototype, "yOffset", void 0);
-n([o({
-  type: Boolean,
-  reflect: !0
-})], i.prototype, "quick", void 0);
-n([o({
-  type: Boolean,
-  attribute: "stay-open-on-focusout"
-})], i.prototype, "stayOpenOnFocusout", void 0);
-n([o({
-  type: Boolean,
-  reflect: !0
-})], i.prototype, "dense", void 0);
-n([o({
-  type: String,
-  attribute: "aria-label"
-})], i.prototype, "ariaLabelText", void 0);
-n([o({
-  type: Boolean,
-  attribute: "no-trigger"
-})], i.prototype, "noTrigger", void 0);
-n([b(".menu-surface")], i.prototype, "menuSurfaceElement", void 0);
-n([u({ slot: "trigger" })], i.prototype, "assignedTriggers", void 0);
-n([u({ flatten: !0 })], i.prototype, "defaultSlotElements", void 0);
-i = n([E("md-menu")], i);
-export {
-  i as MdMenu,
-  y as MdMenuItem
+	}
 };
+t([s({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "open", void 0), t([s({ attribute: !1 })], u.prototype, "anchor", void 0), t([s({
+	type: String,
+	reflect: !0
+})], u.prototype, "positioning", void 0), t([s({
+	type: String,
+	reflect: !0
+})], u.prototype, "placement", void 0), t([s({
+	type: String,
+	reflect: !0
+})], u.prototype, "alignment", void 0), t([s({
+	type: Number,
+	attribute: "x-offset"
+})], u.prototype, "xOffset", void 0), t([s({
+	type: Number,
+	attribute: "y-offset"
+})], u.prototype, "yOffset", void 0), t([s({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "quick", void 0), t([s({
+	type: Boolean,
+	attribute: "stay-open-on-focusout"
+})], u.prototype, "stayOpenOnFocusout", void 0), t([s({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "dense", void 0), t([s({
+	type: String,
+	attribute: "aria-label"
+})], u.prototype, "ariaLabelText", void 0), t([s({
+	type: Boolean,
+	attribute: "no-trigger"
+})], u.prototype, "noTrigger", void 0), t([c(".menu-surface")], u.prototype, "menuSurfaceElement", void 0), t([l({ slot: "trigger" })], u.prototype, "assignedTriggers", void 0), t([l({ flatten: !0 })], u.prototype, "defaultSlotElements", void 0), u = t([o("md-menu")], u);
+//#endregion
+export { u as MdMenu, r as MdMenuItem };
 
 //# sourceMappingURL=menu.js.map

package/dist/components/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":[],"sources":["../../../src/components/menu/menu.ts"],"sourcesContent":["import { html, nothing } from 'lit';\nimport { customElement, property, state, query, queryAssignedElements } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { menuStyles } from './menu.css.js';\nimport { MdMenuItem } from './menu-item.js';\n\nexport type MenuPositioning = 'absolute' | 'fixed';\nexport type MenuPlacement =\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'bottom'\n  | 'top-start'\n  | 'top-end'\n  | 'top'\n  | 'left'\n  | 'right';\nexport type MenuAlignment = 'start' | 'end' | 'center';\n\n/**\n * Material Design 3 Menu component.\n * Menus display a list of choices on temporary surfaces when users interact with a trigger.\n *\n * @element md-menu\n *\n * @slot trigger - Slotted trigger element (e.g. button or icon-button).\n * @slot - Default slot for `md-menu-item` components or dividers.\n *\n * @fires open - Dispatched when the menu opens.\n * @fires close - Dispatched when the menu closes.\n * @fires select - Dispatched when an item inside the menu is selected.\n */\n@customElement('md-menu')\nexport class MdMenu extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, menuStyles];\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ attribute: false })\n  anchor: string | HTMLElement | null = null;\n\n  @property({ type: String, reflect: true })\n  positioning: MenuPositioning = 'absolute';\n\n  @property({ type: String, reflect: true })\n  placement: MenuPlacement = 'bottom-start';\n\n  @property({ type: String, reflect: true })\n  alignment: MenuAlignment = 'start';\n\n  @property({ type: Number, attribute: 'x-offset' })\n  xOffset = 0;\n\n  @property({ type: Number, attribute: 'y-offset' })\n  yOffset = 4;\n\n  @property({ type: Boolean, reflect: true })\n  quick = false;\n\n  @property({ type: Boolean, attribute: 'stay-open-on-focusout' })\n  stayOpenOnFocusout = false;\n\n  @property({ type: Boolean, reflect: true })\n  dense = false;\n\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabelText = 'Menu';\n\n  @property({ type: Boolean, attribute: 'no-trigger' })\n  noTrigger = false;\n\n  @query('.menu-surface')\n  private menuSurfaceElement!: HTMLElement;\n\n  @queryAssignedElements({ slot: 'trigger' })\n  private assignedTriggers!: HTMLElement[];\n\n  @queryAssignedElements({ flatten: true })\n  private defaultSlotElements!: HTMLElement[];\n\n  private _anchorElement: HTMLElement | null = null;\n\n  get anchorElement(): HTMLElement | null {\n    if (this._anchorElement) {\n      return this._anchorElement;\n    }\n    if (this.anchor instanceof HTMLElement) {\n      return this.anchor;\n    }\n    if (typeof this.anchor === 'string' && this.anchor.length > 0) {\n      const root = this.getRootNode() as Document | ShadowRoot;\n      const el = root.getElementById?.(this.anchor) || document.getElementById(this.anchor);\n      if (el) return el;\n    }\n    if (this.assignedTriggers && this.assignedTriggers.length > 0) {\n      return this.assignedTriggers[0] ?? null;\n    }\n    return null;\n  }\n\n  set anchorElement(el: HTMLElement | null) {\n    this._anchorElement = el;\n    this.requestUpdate();\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    window.addEventListener('keydown', this.handleWindowKeyDown);\n    document.addEventListener('pointerdown', this.handleDocumentClick);\n    window.addEventListener('resize', this.handlePositionUpdate);\n    window.addEventListener('scroll', this.handlePositionUpdate, true);\n    this.addEventListener('item-click', this.handleItemSelection as EventListener);\n    this.addEventListener('menu-item-click', this.handleItemSelection as EventListener);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener('keydown', this.handleWindowKeyDown);\n    document.removeEventListener('pointerdown', this.handleDocumentClick);\n    window.removeEventListener('resize', this.handlePositionUpdate);\n    window.removeEventListener('scroll', this.handlePositionUpdate, true);\n    this.removeEventListener('item-click', this.handleItemSelection as EventListener);\n    this.removeEventListener('menu-item-click', this.handleItemSelection as EventListener);\n  }\n\n  override updated(changedProperties: Map<string, unknown>): void {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this.emitEvent('open');\n        this.updatePosition();\n        // Give time for surface to render and receive focus\n        setTimeout(() => {\n          this.focusFirstItem();\n        }, 16);\n      } else {\n        this.emitEvent('close');\n      }\n    }\n\n    if (changedProperties.has('dense')) {\n      this.updateDenseProp();\n    }\n  }\n\n  private updateDenseProp(): void {\n    const items = this.getItems(false);\n    for (const item of items) {\n      if (item instanceof MdMenuItem) {\n        item.dense = this.dense;\n      }\n    }\n  }\n\n  private handlePositionUpdate = (): void => {\n    if (this.open) {\n      this.updatePosition();\n    }\n  };\n\n  /**\n   * Calculates and updates the positioning of the menu surface.\n   */\n  updatePosition(): void {\n    if (!this.menuSurfaceElement) return;\n\n    const anchorEl = this.anchorElement;\n    if (!anchorEl) {\n      // Default relative placement inside host\n      this.applyRelativePlacement();\n      return;\n    }\n\n    // If anchor is external to the component or positioning is fixed\n    const isExternalAnchor = !this.contains(anchorEl);\n    if (isExternalAnchor || this.positioning === 'fixed') {\n      const rect = anchorEl.getBoundingClientRect();\n      const surface = this.menuSurfaceElement;\n      surface.classList.add('is-fixed');\n\n      let top = 0;\n      let left = 0;\n\n      const placement = this.placement;\n      const isTop = placement.startsWith('top');\n      const isEnd = placement.endsWith('end') || this.alignment === 'end';\n\n      if (isTop) {\n        top = rect.top - this.yOffset - (surface.offsetHeight || 0);\n      } else {\n        top = rect.bottom + this.yOffset;\n      }\n\n      if (isEnd) {\n        left = rect.right - (surface.offsetWidth || 0) + this.xOffset;\n      } else {\n        left = rect.left + this.xOffset;\n      }\n\n      // Viewport collision bounds\n      const padding = 8;\n      const maxLeft = window.innerWidth - (surface.offsetWidth || 112) - padding;\n      left = Math.max(padding, Math.min(left, maxLeft));\n\n      surface.style.top = `${top}px`;\n      surface.style.left = `${left}px`;\n      surface.style.right = 'auto';\n      surface.style.bottom = 'auto';\n    } else {\n      this.applyRelativePlacement();\n    }\n  }\n\n  private applyRelativePlacement(): void {\n    if (!this.menuSurfaceElement) return;\n    const surface = this.menuSurfaceElement;\n    surface.classList.remove('is-fixed');\n\n    const isTop = this.placement.startsWith('top');\n    const isEnd = this.placement.endsWith('end') || this.alignment === 'end';\n\n    if (isTop) {\n      surface.style.top = 'auto';\n      surface.style.bottom = `calc(100% + ${this.yOffset}px)`;\n    } else {\n      surface.style.top = `calc(100% + ${this.yOffset}px)`;\n      surface.style.bottom = 'auto';\n    }\n\n    if (isEnd) {\n      surface.style.left = 'auto';\n      surface.style.right = `${-this.xOffset}px`;\n    } else {\n      surface.style.left = `${this.xOffset}px`;\n      surface.style.right = 'auto';\n    }\n  }\n\n  private handleDocumentClick = (event: MouseEvent | PointerEvent): void => {\n    if (!this.open) return;\n    const path = event.composedPath();\n\n    // If clicked inside this menu or anchor, ignore\n    if (path.includes(this)) return;\n    if (this._anchorElement && path.includes(this._anchorElement)) return;\n    if (typeof this.anchor === 'string' && this.anchorElement && path.includes(this.anchorElement)) return;\n\n    this.close();\n  };\n\n  private handleWindowKeyDown = (event: KeyboardEvent): void => {\n    if (!this.open) return;\n\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.close();\n      this.anchorElement?.focus();\n    }\n  };\n\n  private handleSurfaceKeyDown = (event: KeyboardEvent): void => {\n    const items = this.getItems(true);\n    if (items.length === 0) return;\n\n    let activeEl: Element | null = null;\n    try {\n      activeEl = document.activeElement;\n    } catch {\n      activeEl = null;\n    }\n\n    const currentIndex = items.findIndex(\n      (item) => item === activeEl || item.contains(activeEl)\n    );\n\n    switch (event.key) {\n      case 'ArrowDown': {\n        event.preventDefault();\n        const nextIndex = currentIndex >= 0 && currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n        items[nextIndex]?.focus();\n        break;\n      }\n      case 'ArrowUp': {\n        event.preventDefault();\n        const prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n        items[prevIndex]?.focus();\n        break;\n      }\n      case 'Home': {\n        event.preventDefault();\n        items[0]?.focus();\n        break;\n      }\n      case 'End': {\n        event.preventDefault();\n        items[items.length - 1]?.focus();\n        break;\n      }\n      case 'Tab': {\n        if (!this.stayOpenOnFocusout) {\n          this.close();\n        }\n        break;\n      }\n    }\n  };\n\n  private handleItemSelection = (event: CustomEvent): void => {\n    const detail = event.detail;\n    this.emitEvent('select', detail);\n\n    if (!detail?.keepOpen) {\n      this.close();\n    }\n  };\n\n  private handleTriggerClick = (event: MouseEvent): void => {\n    event.stopPropagation();\n    this.toggle();\n  };\n\n  /**\n   * Opens the menu.\n   */\n  show(): void {\n    if (!this.open) {\n      this.open = true;\n    }\n  }\n\n  /**\n   * Closes the menu.\n   */\n  close(): void {\n    if (this.open) {\n      this.open = false;\n    }\n  }\n\n  /**\n   * Toggles the menu open/closed state.\n   */\n  toggle(): void {\n    this.open = !this.open;\n  }\n\n  /**\n   * Returns all menu items inside the menu.\n   * @param onlyEnabled - If true, filters out disabled items.\n   */\n  getItems(onlyEnabled = false): MdMenuItem[] {\n    const items = Array.from(this.querySelectorAll('md-menu-item')) as MdMenuItem[];\n    if (onlyEnabled) {\n      return items.filter((item) => !item.disabled && !item.hasAttribute('disabled'));\n    }\n    return items;\n  }\n\n  /**\n   * Focuses the first non-disabled menu item.\n   */\n  focusFirstItem(): void {\n    const items = this.getItems(true);\n    if (items.length > 0) {\n      items[0]!.focus();\n    } else if (this.menuSurfaceElement) {\n      this.menuSurfaceElement.focus();\n    }\n  }\n\n  /**\n   * Focuses the last non-disabled menu item.\n   */\n  focusLastItem(): void {\n    const items = this.getItems(true);\n    if (items.length > 0) {\n      items[items.length - 1]!.focus();\n    }\n  }\n\n  /**\n   * Focuses the menu item at the specified index.\n   */\n  focusItemAtIndex(index: number): void {\n    const items = this.getItems(true);\n    if (index >= 0 && index < items.length) {\n      items[index]!.focus();\n    }\n  }\n\n  override render() {\n    const triggerContent = !this.noTrigger\n      ? html`\n          <div class=\"trigger-wrapper\" @click=${this.handleTriggerClick}>\n            <slot name=\"trigger\"></slot>\n          </div>\n        `\n      : nothing;\n\n    return html`\n      <div class=\"backdrop\" @click=${() => this.close()}></div>\n\n      ${triggerContent}\n\n      <div\n        class=\"menu-surface\"\n        role=\"menu\"\n        tabindex=\"-1\"\n        aria-label=${this.ariaLabelText}\n        aria-hidden=${this.open ? 'false' : 'true'}\n        @keydown=${this.handleSurfaceKeyDown}\n      >\n        <slot @slotchange=${this.updateDenseProp}></slot>\n      </div>\n    `;\n  }\n}\n\nexport * from './menu-item.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-menu': MdMenu;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"menu.js","names":[],"sources":["../../../src/components/menu/menu.ts"],"sourcesContent":["import { html, nothing } from 'lit';\nimport { customElement, property, state, query, queryAssignedElements } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { menuStyles } from './menu.css.js';\nimport { MdMenuItem } from './menu-item.js';\n\nexport type MenuPositioning = 'absolute' | 'fixed';\nexport type MenuPlacement =\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'bottom'\n  | 'top-start'\n  | 'top-end'\n  | 'top'\n  | 'left'\n  | 'right';\nexport type MenuAlignment = 'start' | 'end' | 'center';\n\n/**\n * Material Design 3 Menu component.\n * Menus display a list of choices on temporary surfaces when users interact with a trigger.\n *\n * @element md-menu\n *\n * @slot trigger - Slotted trigger element (e.g. button or icon-button).\n * @slot - Default slot for `md-menu-item` components or dividers.\n *\n * @fires open - Dispatched when the menu opens.\n * @fires close - Dispatched when the menu closes.\n * @fires select - Dispatched when an item inside the menu is selected.\n */\n@customElement('md-menu')\nexport class MdMenu extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, menuStyles];\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ attribute: false })\n  anchor: string | HTMLElement | null = null;\n\n  @property({ type: String, reflect: true })\n  positioning: MenuPositioning = 'absolute';\n\n  @property({ type: String, reflect: true })\n  placement: MenuPlacement = 'bottom-start';\n\n  @property({ type: String, reflect: true })\n  alignment: MenuAlignment = 'start';\n\n  @property({ type: Number, attribute: 'x-offset' })\n  xOffset = 0;\n\n  @property({ type: Number, attribute: 'y-offset' })\n  yOffset = 4;\n\n  @property({ type: Boolean, reflect: true })\n  quick = false;\n\n  @property({ type: Boolean, attribute: 'stay-open-on-focusout' })\n  stayOpenOnFocusout = false;\n\n  @property({ type: Boolean, reflect: true })\n  dense = false;\n\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabelText = 'Menu';\n\n  @property({ type: Boolean, attribute: 'no-trigger' })\n  noTrigger = false;\n\n  @query('.menu-surface')\n  private menuSurfaceElement!: HTMLElement;\n\n  @queryAssignedElements({ slot: 'trigger' })\n  private assignedTriggers!: HTMLElement[];\n\n  @queryAssignedElements({ flatten: true })\n  private defaultSlotElements!: HTMLElement[];\n\n  private _anchorElement: HTMLElement | null = null;\n\n  get anchorElement(): HTMLElement | null {\n    if (this._anchorElement) {\n      return this._anchorElement;\n    }\n    if (this.anchor instanceof HTMLElement) {\n      return this.anchor;\n    }\n    if (typeof this.anchor === 'string' && this.anchor.length > 0) {\n      const root = this.getRootNode() as Document | ShadowRoot;\n      const el = root.getElementById?.(this.anchor) || document.getElementById(this.anchor);\n      if (el) return el;\n    }\n    if (this.assignedTriggers && this.assignedTriggers.length > 0) {\n      return this.assignedTriggers[0] ?? null;\n    }\n    return null;\n  }\n\n  set anchorElement(el: HTMLElement | null) {\n    this._anchorElement = el;\n    this.requestUpdate();\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    window.addEventListener('keydown', this.handleWindowKeyDown);\n    document.addEventListener('pointerdown', this.handleDocumentClick);\n    window.addEventListener('resize', this.handlePositionUpdate);\n    window.addEventListener('scroll', this.handlePositionUpdate, true);\n    this.addEventListener('item-click', this.handleItemSelection as EventListener);\n    this.addEventListener('menu-item-click', this.handleItemSelection as EventListener);\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener('keydown', this.handleWindowKeyDown);\n    document.removeEventListener('pointerdown', this.handleDocumentClick);\n    window.removeEventListener('resize', this.handlePositionUpdate);\n    window.removeEventListener('scroll', this.handlePositionUpdate, true);\n    this.removeEventListener('item-click', this.handleItemSelection as EventListener);\n    this.removeEventListener('menu-item-click', this.handleItemSelection as EventListener);\n  }\n\n  override updated(changedProperties: Map<string, unknown>): void {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this.emitEvent('open');\n        this.updatePosition();\n        // Give time for surface to render and receive focus\n        setTimeout(() => {\n          this.focusFirstItem();\n        }, 16);\n      } else {\n        this.emitEvent('close');\n      }\n    }\n\n    if (changedProperties.has('dense')) {\n      this.updateDenseProp();\n    }\n  }\n\n  private updateDenseProp(): void {\n    const items = this.getItems(false);\n    for (const item of items) {\n      if (item instanceof MdMenuItem) {\n        item.dense = this.dense;\n      }\n    }\n  }\n\n  private handlePositionUpdate = (): void => {\n    if (this.open) {\n      this.updatePosition();\n    }\n  };\n\n  /**\n   * Calculates and updates the positioning of the menu surface.\n   */\n  updatePosition(): void {\n    if (!this.menuSurfaceElement) return;\n\n    const anchorEl = this.anchorElement;\n    if (!anchorEl) {\n      // Default relative placement inside host\n      this.applyRelativePlacement();\n      return;\n    }\n\n    // If anchor is external to the component or positioning is fixed\n    const isExternalAnchor = !this.contains(anchorEl);\n    if (isExternalAnchor || this.positioning === 'fixed') {\n      const rect = anchorEl.getBoundingClientRect();\n      const surface = this.menuSurfaceElement;\n      surface.classList.add('is-fixed');\n\n      let top = 0;\n      let left = 0;\n\n      const placement = this.placement;\n      const isTop = placement.startsWith('top');\n      const isEnd = placement.endsWith('end') || this.alignment === 'end';\n\n      if (isTop) {\n        top = rect.top - this.yOffset - (surface.offsetHeight || 0);\n      } else {\n        top = rect.bottom + this.yOffset;\n      }\n\n      if (isEnd) {\n        left = rect.right - (surface.offsetWidth || 0) + this.xOffset;\n      } else {\n        left = rect.left + this.xOffset;\n      }\n\n      // Viewport collision bounds\n      const padding = 8;\n      const maxLeft = window.innerWidth - (surface.offsetWidth || 112) - padding;\n      left = Math.max(padding, Math.min(left, maxLeft));\n\n      surface.style.top = `${top}px`;\n      surface.style.left = `${left}px`;\n      surface.style.right = 'auto';\n      surface.style.bottom = 'auto';\n    } else {\n      this.applyRelativePlacement();\n    }\n  }\n\n  private applyRelativePlacement(): void {\n    if (!this.menuSurfaceElement) return;\n    const surface = this.menuSurfaceElement;\n    surface.classList.remove('is-fixed');\n\n    const isTop = this.placement.startsWith('top');\n    const isEnd = this.placement.endsWith('end') || this.alignment === 'end';\n\n    if (isTop) {\n      surface.style.top = 'auto';\n      surface.style.bottom = `calc(100% + ${this.yOffset}px)`;\n    } else {\n      surface.style.top = `calc(100% + ${this.yOffset}px)`;\n      surface.style.bottom = 'auto';\n    }\n\n    if (isEnd) {\n      surface.style.left = 'auto';\n      surface.style.right = `${-this.xOffset}px`;\n    } else {\n      surface.style.left = `${this.xOffset}px`;\n      surface.style.right = 'auto';\n    }\n  }\n\n  private handleDocumentClick = (event: MouseEvent | PointerEvent): void => {\n    if (!this.open) return;\n    const path = event.composedPath();\n\n    // If clicked inside this menu or anchor, ignore\n    if (path.includes(this)) return;\n    if (this._anchorElement && path.includes(this._anchorElement)) return;\n    if (typeof this.anchor === 'string' && this.anchorElement && path.includes(this.anchorElement)) return;\n\n    this.close();\n  };\n\n  private handleWindowKeyDown = (event: KeyboardEvent): void => {\n    if (!this.open) return;\n\n    if (event.key === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.close();\n      this.anchorElement?.focus();\n    }\n  };\n\n  private handleSurfaceKeyDown = (event: KeyboardEvent): void => {\n    const items = this.getItems(true);\n    if (items.length === 0) return;\n\n    let activeEl: Element | null = null;\n    try {\n      activeEl = document.activeElement;\n    } catch {\n      activeEl = null;\n    }\n\n    const currentIndex = items.findIndex(\n      (item) => item === activeEl || item.contains(activeEl)\n    );\n\n    switch (event.key) {\n      case 'ArrowDown': {\n        event.preventDefault();\n        const nextIndex = currentIndex >= 0 && currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n        items[nextIndex]?.focus();\n        break;\n      }\n      case 'ArrowUp': {\n        event.preventDefault();\n        const prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n        items[prevIndex]?.focus();\n        break;\n      }\n      case 'Home': {\n        event.preventDefault();\n        items[0]?.focus();\n        break;\n      }\n      case 'End': {\n        event.preventDefault();\n        items[items.length - 1]?.focus();\n        break;\n      }\n      case 'Tab': {\n        if (!this.stayOpenOnFocusout) {\n          this.close();\n        }\n        break;\n      }\n    }\n  };\n\n  private handleItemSelection = (event: CustomEvent): void => {\n    const detail = event.detail;\n    this.emitEvent('select', detail);\n\n    if (!detail?.keepOpen) {\n      this.close();\n    }\n  };\n\n  private handleTriggerClick = (event: MouseEvent): void => {\n    event.stopPropagation();\n    this.toggle();\n  };\n\n  /**\n   * Opens the menu.\n   */\n  show(): void {\n    if (!this.open) {\n      this.open = true;\n    }\n  }\n\n  /**\n   * Closes the menu.\n   */\n  close(): void {\n    if (this.open) {\n      this.open = false;\n    }\n  }\n\n  /**\n   * Toggles the menu open/closed state.\n   */\n  toggle(): void {\n    this.open = !this.open;\n  }\n\n  /**\n   * Returns all menu items inside the menu.\n   * @param onlyEnabled - If true, filters out disabled items.\n   */\n  getItems(onlyEnabled = false): MdMenuItem[] {\n    const items = Array.from(this.querySelectorAll('md-menu-item')) as MdMenuItem[];\n    if (onlyEnabled) {\n      return items.filter((item) => !item.disabled && !item.hasAttribute('disabled'));\n    }\n    return items;\n  }\n\n  /**\n   * Focuses the first non-disabled menu item.\n   */\n  focusFirstItem(): void {\n    const items = this.getItems(true);\n    if (items.length > 0) {\n      items[0]!.focus();\n    } else if (this.menuSurfaceElement) {\n      this.menuSurfaceElement.focus();\n    }\n  }\n\n  /**\n   * Focuses the last non-disabled menu item.\n   */\n  focusLastItem(): void {\n    const items = this.getItems(true);\n    if (items.length > 0) {\n      items[items.length - 1]!.focus();\n    }\n  }\n\n  /**\n   * Focuses the menu item at the specified index.\n   */\n  focusItemAtIndex(index: number): void {\n    const items = this.getItems(true);\n    if (index >= 0 && index < items.length) {\n      items[index]!.focus();\n    }\n  }\n\n  override render() {\n    const triggerContent = !this.noTrigger\n      ? html`\n          <div class=\"trigger-wrapper\" @click=${this.handleTriggerClick}>\n            <slot name=\"trigger\"></slot>\n          </div>\n        `\n      : nothing;\n\n    return html`\n      <div class=\"backdrop\" @click=${() => this.close()}></div>\n\n      ${triggerContent}\n\n      <div\n        class=\"menu-surface\"\n        role=\"menu\"\n        tabindex=\"-1\"\n        aria-label=${this.ariaLabelText}\n        aria-hidden=${this.open ? 'false' : 'true'}\n        @keydown=${this.handleSurfaceKeyDown}\n      >\n        <slot @slotchange=${this.updateDenseProp}></slot>\n      </div>\n    `;\n  }\n}\n\nexport * from './menu-item.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-menu': MdMenu;\n  }\n}\n"],"mappings":";;;;;AAgCO,IAAM,IAAN,cAAqB,EAAc;;EA8RV,aA1RvB,KAAA,OAAA,IAG+B,KAAA,SAAA,MAGP,KAAA,cAAA,YAGJ,KAAA,YAAA,gBAGA,KAAA,YAAA,SAGjB,KAAA,UAAA,GAGA,KAAA,UAAA,GAGF,KAAA,QAAA,IAGa,KAAA,qBAAA,IAGb,KAAA,QAAA,IAGQ,KAAA,gBAAA,QAGJ,KAAA,YAAA,IAWiC,KAAA,iBAAA,MA2EF,KAAA,6BAAA;GACzC,AAAI,KAAK,QACP,KAAK,eAAe;EAExB,GAgF+B,KAAA,uBAAA,MAA2C;GACxE,IAAI,CAAC,KAAK,MAAM;GAChB,IAAM,IAAO,EAAM,aAAa;GAG5B,EAAK,SAAS,IAAI,KAClB,KAAK,kBAAkB,EAAK,SAAS,KAAK,cAAc,KACxD,OAAO,KAAK,UAAW,YAAY,KAAK,iBAAiB,EAAK,SAAS,KAAK,aAAa,KAE7F,KAAK,MAAM;EACb,GAE+B,KAAA,uBAAA,MAA+B;GACvD,KAAK,QAEN,EAAM,QAAQ,aAChB,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACtB,KAAK,MAAM,GACX,KAAK,eAAe,MAAM;EAE9B,GAEgC,KAAA,wBAAA,MAA+B;GAC7D,IAAM,IAAQ,KAAK,SAAS,EAAI;GAChC,IAAI,EAAM,WAAW,GAAG;GAExB,IAAI,IAA2B;GAC/B,IAAI;IACF,IAAW,SAAS;GACtB,QAAQ;IACN,IAAW;GACb;GAEA,IAAM,IAAe,EAAM,WACxB,MAAS,MAAS,KAAY,EAAK,SAAS,CAAQ,CACvD;GAEA,QAAQ,EAAM,KAAd;IACE,KAAK;KAGH,AAFA,EAAM,eAAe,GAErB,EADkB,KAAgB,KAAK,IAAe,EAAM,SAAS,IAAI,IAAe,IAAI,EAC5E,EAAE,MAAM;KACxB;IAEF,KAAK;KAGH,AAFA,EAAM,eAAe,GAErB,EADkB,IAAe,IAAI,IAAe,IAAI,EAAM,SAAS,EACvD,EAAE,MAAM;KACxB;IAEF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAM,EAAE,EAAE,MAAM;KAChB;IAEF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAM,EAAM,SAAS,EAAE,EAAE,MAAM;KAC/B;IAEF,KAAK,OACH,AAAK,KAAK,sBACR,KAAK,MAAM;GAIjB;EACF,GAE+B,KAAA,uBAAA,MAA6B;GAC1D,IAAM,IAAS,EAAM;GAGrB,AAFA,KAAK,UAAU,UAAU,CAAM,GAE1B,GAAQ,YACX,KAAK,MAAM;EAEf,GAE8B,KAAA,sBAAA,MAA4B;GAExD,AADA,EAAM,gBAAgB,GACtB,KAAK,OAAO;EACd;;;EAhSyB,KAAA,SAAA,CAAC,EAAc,QAAQ,CAAU;;CAiD1D,IAAI,gBAAoC;EACtC,IAAI,KAAK,gBACP,OAAO,KAAK;EAEd,IAAI,KAAK,kBAAkB,aACzB,OAAO,KAAK;EAEd,IAAI,OAAO,KAAK,UAAW,YAAY,KAAK,OAAO,SAAS,GAAG;GAE7D,IAAM,IADO,KAAK,YACP,CAAA,CAAK,iBAAiB,KAAK,MAAM,KAAK,SAAS,eAAe,KAAK,MAAM;GACpF,IAAI,GAAI,OAAO;EACjB;EAIA,OAHI,KAAK,oBAAoB,KAAK,iBAAiB,SAAS,IACnD,KAAK,iBAAiB,MAAM,OAE9B;CACT;CAEA,IAAI,cAAc,GAAwB;EAExC,AADA,KAAK,iBAAiB,GACtB,KAAK,cAAc;CACrB;CAEA,oBAAmC;EAOjC,AANA,MAAM,kBAAkB,GACxB,OAAO,iBAAiB,WAAW,KAAK,mBAAmB,GAC3D,SAAS,iBAAiB,eAAe,KAAK,mBAAmB,GACjE,OAAO,iBAAiB,UAAU,KAAK,oBAAoB,GAC3D,OAAO,iBAAiB,UAAU,KAAK,sBAAsB,EAAI,GACjE,KAAK,iBAAiB,cAAc,KAAK,mBAAoC,GAC7E,KAAK,iBAAiB,mBAAmB,KAAK,mBAAoC;CACpF;CAEA,uBAAsC;EAOpC,AANA,MAAM,qBAAqB,GAC3B,OAAO,oBAAoB,WAAW,KAAK,mBAAmB,GAC9D,SAAS,oBAAoB,eAAe,KAAK,mBAAmB,GACpE,OAAO,oBAAoB,UAAU,KAAK,oBAAoB,GAC9D,OAAO,oBAAoB,UAAU,KAAK,sBAAsB,EAAI,GACpE,KAAK,oBAAoB,cAAc,KAAK,mBAAoC,GAChF,KAAK,oBAAoB,mBAAmB,KAAK,mBAAoC;CACvF;CAEA,QAAiB,GAA+C;EAgB9D,AAfA,MAAM,QAAQ,CAAiB,GAE3B,EAAkB,IAAI,MAAM,MAC1B,KAAK,QACP,KAAK,UAAU,MAAM,GACrB,KAAK,eAAe,GAEpB,iBAAiB;GACf,KAAK,eAAe;EACtB,GAAG,EAAE,KAEL,KAAK,UAAU,OAAO,IAItB,EAAkB,IAAI,OAAO,KAC/B,KAAK,gBAAgB;CAEzB;CAEA,kBAAgC;EAC9B,IAAM,IAAQ,KAAK,SAAS,EAAK;EACjC,KAAK,IAAM,KAAQ,GACjB,AAAI,aAAgB,MAClB,EAAK,QAAQ,KAAK;CAGxB;CAWA,iBAAuB;EACrB,IAAI,CAAC,KAAK,oBAAoB;EAE9B,IAAM,IAAW,KAAK;EACtB,IAAI,CAAC,GAAU;GAEb,KAAK,uBAAuB;GAC5B;EACF;EAIA,IAAI,CADsB,KAAK,SAAS,CAAQ,KACxB,KAAK,gBAAgB,SAAS;GACpD,IAAM,IAAO,EAAS,sBAAsB,GACtC,IAAU,KAAK;GACrB,EAAQ,UAAU,IAAI,UAAU;GAEhC,IAAI,IAAM,GACN,IAAO,GAEL,IAAY,KAAK,WACjB,IAAQ,EAAU,WAAW,KAAK,GAClC,IAAQ,EAAU,SAAS,KAAK,KAAK,KAAK,cAAc;GAQ9D,AANA,AAGE,IAHE,IACI,EAAK,MAAM,KAAK,WAAW,EAAQ,gBAAgB,KAEnD,EAAK,SAAS,KAAK,SAG3B,AAGE,IAHE,IACK,EAAK,SAAS,EAAQ,eAAe,KAAK,KAAK,UAE/C,EAAK,OAAO,KAAK;GAI1B,IACM,IAAU,OAAO,cAAc,EAAQ,eAAe,OAAO;GAMnE,AALA,IAAO,KAAK,IAAI,GAAS,KAAK,IAAI,GAAM,CAAO,CAAC,GAEhD,EAAQ,MAAM,MAAM,GAAG,EAAI,KAC3B,EAAQ,MAAM,OAAO,GAAG,EAAK,KAC7B,EAAQ,MAAM,QAAQ,QACtB,EAAQ,MAAM,SAAS;EACzB,OACE,KAAK,uBAAuB;CAEhC;CAEA,yBAAuC;EACrC,IAAI,CAAC,KAAK,oBAAoB;EAC9B,IAAM,IAAU,KAAK;EACrB,EAAQ,UAAU,OAAO,UAAU;EAEnC,IAAM,IAAQ,KAAK,UAAU,WAAW,KAAK,GACvC,IAAQ,KAAK,UAAU,SAAS,KAAK,KAAK,KAAK,cAAc;EAUnE,AARI,KACF,EAAQ,MAAM,MAAM,QACpB,EAAQ,MAAM,SAAS,eAAe,KAAK,QAAQ,SAEnD,EAAQ,MAAM,MAAM,eAAe,KAAK,QAAQ,MAChD,EAAQ,MAAM,SAAS,SAGrB,KACF,EAAQ,MAAM,OAAO,QACrB,EAAQ,MAAM,QAAQ,GAAG,CAAC,KAAK,QAAQ,QAEvC,EAAQ,MAAM,OAAO,GAAG,KAAK,QAAQ,KACrC,EAAQ,MAAM,QAAQ;CAE1B;CAyFA,OAAa;EACX,AACE,KAAK,SAAO;CAEhB;CAKA,QAAc;EACZ,AACE,KAAK,SAAO;CAEhB;CAKA,SAAe;EACb,KAAK,OAAO,CAAC,KAAK;CACpB;CAMA,SAAS,IAAc,IAAqB;EAC1C,IAAM,IAAQ,MAAM,KAAK,KAAK,iBAAiB,cAAc,CAAC;EAI9D,OAHI,IACK,EAAM,QAAQ,MAAS,CAAC,EAAK,YAAY,CAAC,EAAK,aAAa,UAAU,CAAC,IAEzE;CACT;CAKA,iBAAuB;EACrB,IAAM,IAAQ,KAAK,SAAS,EAAI;EAChC,AAAI,EAAM,SAAS,IACjB,EAAM,EAAE,CAAE,MAAM,IACP,KAAK,sBACd,KAAK,mBAAmB,MAAM;CAElC;CAKA,gBAAsB;EACpB,IAAM,IAAQ,KAAK,SAAS,EAAI;EAChC,AAAI,EAAM,SAAS,KACjB,EAAM,EAAM,SAAS,EAAE,CAAE,MAAM;CAEnC;CAKA,iBAAiB,GAAqB;EACpC,IAAM,IAAQ,KAAK,SAAS,EAAI;EAChC,AAAI,KAAS,KAAK,IAAQ,EAAM,UAC9B,EAAM,EAAM,CAAE,MAAM;CAExB;CAEA,SAAkB;EAChB,IAAM,IAAkB,KAAK,YAMzB,IALA,CAAI;gDACoC,KAAK,mBAAmB;;;;EAMpE,OAAO,CAAI;2CAC4B,KAAK,MAAM,EAAE;;QAEhD,EAAe;;;;;;qBAMF,KAAK,cAAc;sBAClB,KAAK,OAAO,UAAU,OAAO;mBAChC,KAAK,qBAAqB;;4BAEjB,KAAK,gBAAgB;;;CAG/C;AACF;AA/XG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS,EAAE,WAAW,GAAM,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,GAG7B,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,eAAA,KAAA,CAAA,GAGxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAGxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAGxC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAW,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GAGhD,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAW,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,GAGhD,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,WAAW;AAAwB,CAAC,CAAA,GAAA,EAAA,WAAA,sBAAA,KAAA,CAAA,GAG9D,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAa,CAAC,CAAA,GAAA,EAAA,WAAA,iBAAA,KAAA,CAAA,GAGlD,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,WAAW;AAAa,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,GAGnD,EAAA,CAAA,EAAM,eAAe,CAAA,GAAA,EAAA,WAAA,sBAAA,KAAA,CAAA,GAGrB,EAAA,CAAA,EAAsB,EAAE,MAAM,UAAU,CAAC,CAAA,GAAA,EAAA,WAAA,oBAAA,KAAA,CAAA,GAGzC,EAAA,CAAA,EAAsB,EAAE,SAAS,GAAK,CAAC,CAAA,GAAA,EAAA,WAAA,uBAAA,KAAA,CAAA,GA9CzC,IAAA,EAAA,CAAA,EAAc,SAAS,CAAA,GAAA,CAAA"}

package/dist/components/navigation-bar/navigation-bar-item.js

@@ -1,5 +1,2 @@
-import { n as t, t as r } from "../../chunks/navigation-bar-item-C9DfOEzg.js";
-export {
-  r as MdNavBarItem,
-  t as MdNavigationBarItem
-};
+import { n as e, t } from "../../chunks/navigation-bar-item-CWHCQeNw.js";
+export { t as MdNavBarItem, e as MdNavigationBarItem };