@carbon/web-components 2.58.0-rc.0 → 2.58.0

package/es/components/overflow-menu/overflow-menu.js

@@ -21,7 +21,7 @@ import icon_button_default from "../icon-button/icon-button.scss.js";
 import overflow_menu_default$1 from "./overflow-menu.scss.js";
 import icon_button_default$1 from "../icon-button/icon-button.js";
 import { adoptStyles, html } from "lit";
-import { property } from "lit/decorators.js";
+import { property, query } from "lit/decorators.js";
 //#region src/components/overflow-menu/overflow-menu.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -151,7 +151,7 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
 	updated(changedProperties) {
 		super.updated(changedProperties);
 		const menuCompositionEnabled = this._isMenuCompositionEnabled();
-		const button = this.shadowRoot?.querySelector(`cds-tooltip`)?.querySelector("button");
+		const button = this._tooltip?.querySelector("button");
 		button?.classList.add(`cds--btn--icon-only`, `cds--overflow-menu`);
 		if (changedProperties.has("open")) {
 			if (!menuCompositionEnabled) {
@@ -172,15 +172,15 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
 			this._menuController.hostDisconnected();
 			this._resetMenuChildFloatingStyles({ closeMenu: true });
 		}
-		if (changedProperties.has("dataTable")) (this.shadowRoot?.querySelector(`cds-tooltip`))?.toggleAttribute("data-table", this.dataTable);
+		if (changedProperties.has("dataTable")) this._tooltip?.toggleAttribute("data-table", this.dataTable);
 		if (changedProperties.has("size")) {
 			button?.classList.forEach((item) => {
 				if (item.startsWith(`cds--overflow-menu--`)) button?.classList.remove(item);
 			});
 			button?.classList.add(`cds--overflow-menu--${this.size}`);
-			(this.shadowRoot?.querySelector(`cds-tooltip`))?.setAttribute("size", this.size);
+			this._tooltip?.setAttribute("size", this.size);
 		}
-		if (changedProperties.has("toolbarAction") && this.toolbarAction) this.shadowRoot?.querySelector(`cds-tooltip`)?.setAttribute("toolbar-action", "");
+		if (changedProperties.has("toolbarAction") && this.toolbarAction) this._tooltip?.setAttribute("toolbar-action", "");
 		const labelText = this._getLabelText();
 		const popupId = menuCompositionEnabled ? this._getMenuChild()?.id ?? this._menuId : this._menuBody?.id;
 		button?.setAttribute("aria-haspopup", "menu");
@@ -199,7 +199,7 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
 		return this.querySelector("[slot=tooltip-content]")?.textContent?.trim() || "Options";
 	}
 	_getTriggerButton() {
-		return this.shadowRoot?.querySelector(`cds-tooltip`)?.querySelector("button");
+		return this._tooltip?.querySelector("button");
 	}
 	_isTriggerEvent(event) {
 		const triggerButton = this._getTriggerButton();
@@ -327,14 +327,15 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
 	* Suppresses trigger tooltip interactions while the menu is open.
 	*/
 	_syncTriggerTooltipState() {
-		const tooltip = this.shadowRoot?.querySelector(`cds-tooltip`);
-		const tooltipContent = this.shadowRoot?.querySelector(`cds-tooltip-content`);
+		const tooltip = this._tooltip;
 		if (!tooltip) return;
 		tooltip.keyboardOnly = this.open;
-		tooltipContent?.toggleAttribute("hidden", this.disabled || this.open);
+		this._tooltipContent?.toggleAttribute("hidden", this.disabled || this.open);
 		if (this.open) tooltip.open = false;
 	}
 };
+__decorate([query(`cds-tooltip`)], CDSOverflowMenu.prototype, "_tooltip", void 0);
+__decorate([query(`cds-tooltip-content`)], CDSOverflowMenu.prototype, "_tooltipContent", void 0);
 __decorate([property({
 	type: Boolean,
 	reflect: true,

package/es/components/overflow-menu/overflow-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu.js","names":["CDSIconButton","FloatingUIController","iconButtonStyles","styles","CDSMenu","customElement"],"sources":["../../../src/components/overflow-menu/overflow-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { adoptStyles, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport CDSFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport { OVERFLOW_MENU_SIZE } from './defs';\nimport CDSOverflowMenuBody from './overflow-menu-body';\nimport '../menu/index';\nimport CDSMenu from '../menu/menu';\nimport { MENU_SIZE } from '../menu/defs';\nimport { isFeatureFlagEnabled } from '../feature-flags/index';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\n\nimport iconButtonStyles from '../icon-button/icon-button.scss?lit';\nimport styles from './overflow-menu.scss?lit';\nimport CDSIconButton from '../icon-button/icon-button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { OVERFLOW_MENU_SIZE };\n\nconst menuItemTagPrefix = `${prefix}-menu-item`.toUpperCase();\n\n// Migration support for existing child structure.\nconst deprecatedOverflowMenuTagNames = new Set([\n  `${prefix}-overflow-menu-body`.toUpperCase(),\n  `${prefix}-overflow-menu-item`.toUpperCase(),\n]);\n\nconst bottomFirstFallbackPlacements = [\n  'bottom-start',\n  'bottom-end',\n  'top-start',\n  'top-end',\n] as const;\n\nconst topFirstFallbackPlacements = [\n  'top-start',\n  'top-end',\n  'bottom-start',\n  'bottom-end',\n] as const;\n\nconst warnInDev = (message: string) => {\n  if (process.env.NODE_ENV === 'development') {\n    globalThis.console?.warn(message);\n  }\n};\n\n/**\n * Overflow menu.\n *\n * @element cds-overflow-menu\n * @slot icon - The icon for the trigger button.\n */\n@customElement(`${prefix}-overflow-menu`)\nclass CDSOverflowMenu\n  extends HostListenerMixin(FocusMixin(CDSIconButton))\n  implements CDSFloatingMenuTrigger\n{\n  private _menuController = new FloatingUIController(this);\n\n  /**\n   * The menu body.\n   */\n  private _menuBody: CDSOverflowMenuBody | null = null;\n\n  /**\n   * The identifier used by the popup surface.\n   */\n  private _menuId = `${prefix}-overflow-menu-${Math.random()\n    .toString(16)\n    .slice(2)}`;\n\n  /**\n   * Ensures the deprecated-child warning only fires once.\n   */\n  private _didWarnDeprecatedChildren = false;\n\n  /**\n   * Ensures the invalid menu composition warning only fires once.\n   */\n  private _didWarnInvalidComposition = false;\n\n  /**\n   * Monotonic token used to ignore stale async menu sync callbacks.\n   */\n  private _menuSyncToken = 0;\n\n  /**\n   * Handles user-initiated toggling of the menu.\n   */\n  private async _handleUserInitiatedToggle() {\n    if (this.disabled) {\n      return;\n    }\n\n    this.open = !this.open;\n    const { index, open, updateComplete } = this;\n    if (open) {\n      await updateComplete;\n\n      if (this._isMenuCompositionEnabled()) {\n        await this._focusManagedMenuItem(index);\n        return;\n      }\n\n      const { _menuBody: menuBody } = this;\n      const menuItem = menuBody?.querySelector(\n        `${prefix}-overflow-menu-item:nth-of-type(${index})`\n      ) as HTMLElement;\n      menuItem?.focus();\n    }\n  }\n\n  /**\n   * Handles `click` event on the trigger button.\n   */\n  private _handleClickTrigger = async (event: MouseEvent) => {\n    if (this._isTriggerEvent(event)) {\n      this._handleUserInitiatedToggle();\n      return;\n    }\n\n    if (\n      !this._isMenuCompositionEnabled() &&\n      this._isDeprecatedOverflowMenuItemEvent(event)\n    ) {\n      this.open = false;\n    }\n  };\n\n  /**\n   * Handles `keydown` event on the trigger button.\n   */\n  private _handleKeydownTrigger = async (event: KeyboardEvent) => {\n    if (!this._isTriggerEvent(event)) {\n      return;\n    }\n\n    if (event.key === ' ' || event.key === 'Enter') {\n      this._handleUserInitiatedToggle();\n      event.preventDefault();\n    }\n  };\n\n  /**\n   * Prevents the trigger click from immediately re-opening the menu after blur.\n   */\n  private _handleMousedownTrigger = (event: MouseEvent) => {\n    if (this._isMenuCompositionEnabled() && this._isTriggerEvent(event)) {\n      event.preventDefault();\n    }\n  };\n\n  /**\n   * Handles close requests emitted by the managed menu.\n   */\n  private _handleManagedMenuClose = (\n    event: CustomEvent<{ triggerEventType?: string }>\n  ) => {\n    const menu = this._getMenuChild();\n    if (\n      !this._isMenuCompositionEnabled() ||\n      !menu ||\n      event.composedPath()[0] !== menu\n    ) {\n      return;\n    }\n\n    this.open = false;\n\n    if (event.detail?.triggerEventType !== 'focusout') {\n      requestAnimationFrame(() => {\n        this._getTriggerButton()?.focus();\n      });\n    }\n  };\n\n  /**\n   * `true` if this tooltip is in a data table row\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * `true` if this overflow menu should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Enables the menu-composition OverflowMenu implementation leveraging `cds-menu`.\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'enable-v12-overflowmenu',\n  })\n  enableV12Overflowmenu = false;\n\n  /**\n   * `true` if this overflow menu body should be flipped.\n   */\n  @property({ type: Boolean, reflect: true })\n  flipped = false;\n\n  /**\n   * Experimental property. Enables automatic menu placement flipping to avoid clipping.\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Index (starting at 1) of overflow menu item to focus on open.\n   */\n  @property()\n  index = 1;\n\n  /**\n   * A label describing the menu options. Used for the trigger tooltip and the menu's accessible label.\n   */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * Specify how the menu should align with the trigger button.\n   * Valid values: 'bottom-start', 'bottom-end', 'top-start', 'top-end'\n   */\n  @property({ type: String, attribute: 'menu-alignment' })\n  menuAlignment: string = 'bottom-start';\n\n  /**\n   * Overflow menu size.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n  /**\n   * `true` if this menu is a toolbar action\n   */\n  @property({ type: Boolean, attribute: 'toolbar-action', reflect: true })\n  toolbarAction = false;\n\n  /**\n   * `true` if this overflow menu use inside breadcrumb.\n   */\n  @property({ type: Boolean, reflect: true })\n  breadcrumb = false;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    return this.getBoundingClientRect();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('aria-haspopup')) {\n      this.setAttribute('aria-haspopup', 'true');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [iconButtonStyles, styles]);\n\n    this.addEventListener(\n      CDSMenu.eventOnClose,\n      this._handleManagedMenuClose as EventListener\n    );\n    this.addEventListener('click', this._handleClickTrigger);\n    this.addEventListener('keydown', this._handleKeydownTrigger);\n    this.addEventListener('mousedown', this._handleMousedownTrigger);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(\n      CDSMenu.eventOnClose,\n      this._handleManagedMenuClose as EventListener\n    );\n    this.removeEventListener('click', this._handleClickTrigger);\n    this.removeEventListener('keydown', this._handleKeydownTrigger);\n    this.removeEventListener('mousedown', this._handleMousedownTrigger);\n    super.disconnectedCallback();\n  }\n\n  protected _renderTooltipContent() {\n    const tooltipLabel = this._getLabelText();\n\n    if (this.label || !this.querySelector('[slot=tooltip-content]')) {\n      return html`\n        <cds-tooltip-content ?hidden=${this.disabled || this.open}>\n          ${tooltipLabel}\n        </cds-tooltip-content>\n      `;\n    }\n\n    return super._renderTooltipContent();\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    const menuCompositionEnabled = this._isMenuCompositionEnabled();\n\n    const button = this.shadowRoot\n      ?.querySelector(`${prefix}-tooltip`)\n      ?.querySelector('button');\n    button?.classList.add(\n      `${prefix}--btn--icon-only`,\n      `${prefix}--overflow-menu`\n    );\n\n    if (changedProperties.has('open')) {\n      if (!menuCompositionEnabled) {\n        this._menuController.hostDisconnected();\n        this._resetMenuChildFloatingStyles();\n        const { open } = this;\n        if (open && !this._menuBody) {\n          this._menuBody = find(\n            this.childNodes,\n            (elem) =>\n              (elem.constructor as typeof CDSOverflowMenuBody).FLOATING_MENU\n          );\n        }\n        const { _menuBody: menuBody, size } = this;\n        if (menuBody) {\n          menuBody.id ||= this._menuId;\n          menuBody.setAttribute('breadcrumb', String(this.breadcrumb));\n          menuBody.open = open;\n          menuBody.size = size;\n        }\n      }\n    }\n\n    if (\n      changedProperties.has('enableV12Overflowmenu') &&\n      !menuCompositionEnabled\n    ) {\n      this._menuController.hostDisconnected();\n      this._resetMenuChildFloatingStyles({ closeMenu: true });\n    }\n\n    if (changedProperties.has('dataTable')) {\n      const tooltip = this.shadowRoot?.querySelector(`${prefix}-tooltip`);\n      tooltip?.toggleAttribute('data-table', this.dataTable);\n    }\n\n    if (changedProperties.has('size')) {\n      button?.classList.forEach((item) => {\n        if (item.startsWith(`${prefix}--overflow-menu--`)) {\n          button?.classList.remove(item);\n        }\n      });\n      button?.classList.add(`${prefix}--overflow-menu--${this.size}`);\n\n      const tooltip = this.shadowRoot?.querySelector(`${prefix}-tooltip`);\n      tooltip?.setAttribute('size', this.size);\n    }\n\n    if (changedProperties.has('toolbarAction') && this.toolbarAction) {\n      this.shadowRoot\n        ?.querySelector(`${prefix}-tooltip`)\n        ?.setAttribute('toolbar-action', '');\n    }\n\n    const labelText = this._getLabelText();\n    const popupId = menuCompositionEnabled\n      ? (this._getMenuChild()?.id ?? this._menuId)\n      : this._menuBody?.id;\n\n    button?.setAttribute('aria-haspopup', 'menu');\n    button?.setAttribute('aria-expanded', String(this.open));\n    button?.setAttribute('aria-label', labelText);\n\n    if (this.open && popupId) {\n      button?.setAttribute('aria-controls', popupId);\n    } else {\n      button?.removeAttribute('aria-controls');\n    }\n\n    const shouldSyncMenuChild =\n      menuCompositionEnabled &&\n      (changedProperties.has('open') ||\n        changedProperties.has('label') ||\n        changedProperties.has('autoalign') ||\n        changedProperties.has('menuAlignment') ||\n        changedProperties.has('size') ||\n        changedProperties.has('enableV12Overflowmenu'));\n\n    if (shouldSyncMenuChild) {\n      this._syncMenuChild();\n    }\n\n    if (changedProperties.has('open') || changedProperties.has('disabled')) {\n      this._syncTriggerTooltipState();\n    }\n  }\n\n  render() {\n    return html`${super.render()} `;\n  }\n\n  private _getLabelText() {\n    if (this.label) return this.label;\n\n    const tooltipContent = this.querySelector(\n      '[slot=tooltip-content]'\n    )?.textContent?.trim();\n\n    return tooltipContent || 'Options';\n  }\n\n  private _getTriggerButton() {\n    return this.shadowRoot\n      ?.querySelector(`${prefix}-tooltip`)\n      ?.querySelector('button') as HTMLButtonElement | null;\n  }\n\n  private _isTriggerEvent(event: Event) {\n    const triggerButton = this._getTriggerButton();\n\n    return !!triggerButton && event.composedPath().includes(triggerButton);\n  }\n\n  private _isDeprecatedOverflowMenuItemEvent(event: Event) {\n    return event\n      .composedPath()\n      .some(\n        (entry) =>\n          entry instanceof HTMLElement &&\n          deprecatedOverflowMenuTagNames.has(entry.tagName)\n      );\n  }\n\n  /**\n   * Checks whether the menu-composition path is enabled.\n   */\n  private _isMenuCompositionEnabled() {\n    return (\n      this.enableV12Overflowmenu ||\n      isFeatureFlagEnabled('enable-v12-overflowmenu', this)\n    );\n  }\n\n  /**\n   * Checks whether floating styles should be driven by Floating UI.\n   */\n  private _usesDynamicFloatingStyles() {\n    return (\n      this.autoalign ||\n      isFeatureFlagEnabled('enable-v12-dynamic-floating-styles', this)\n    );\n  }\n\n  private _getMenuChild() {\n    return (Array.from(this.children).find((child) => {\n      return child.tagName === `${prefix}-menu`.toUpperCase();\n    }) ?? null) as CDSMenu | null;\n  }\n\n  private _warnDeprecatedChildren() {\n    if (this._didWarnDeprecatedChildren) {\n      return;\n    }\n\n    // Migration guard for flagged usage of deprecated overflow-menu children.\n    const hasDeprecatedChildren = Array.from(this.children).some((child) => {\n      return deprecatedOverflowMenuTagNames.has(child.tagName);\n    });\n\n    if (hasDeprecatedChildren) {\n      warnInDev(\n        '`cds-overflow-menu` with `enable-v12-overflowmenu` expects a direct `cds-menu` child instead of the deprecated `cds-overflow-menu-body` structure.'\n      );\n      this._didWarnDeprecatedChildren = true;\n    }\n  }\n\n  private _warnInvalidMenuComposition() {\n    if (this._didWarnInvalidComposition) {\n      return;\n    }\n\n    const hasDirectMenuItems = Array.from(this.children).some((child) =>\n      child.tagName.startsWith(menuItemTagPrefix)\n    );\n    const hasMenuChild = !!this._getMenuChild();\n\n    if (!hasMenuChild || hasDirectMenuItems) {\n      warnInDev(\n        '`cds-overflow-menu` with `enable-v12-overflowmenu` expects a direct `cds-menu` child. Place `cds-menu-item*` descendants inside that `cds-menu`.'\n      );\n      this._didWarnInvalidComposition = true;\n    }\n  }\n\n  private _syncMenuChild() {\n    const menuSyncToken = ++this._menuSyncToken;\n\n    this._warnDeprecatedChildren();\n    this._warnInvalidMenuComposition();\n\n    const menu = this._getMenuChild();\n    if (!menu) {\n      return;\n    }\n\n    const menuAlignment = this.menuAlignment;\n\n    menu.id ||= this._menuId;\n    menu.label = this._getLabelText();\n    menu.menuAlignment = menuAlignment;\n    this._syncMenuChildPosition(menu);\n    menu.open = this.open;\n    menu.size = this._toMenuSize(this.size);\n\n    const shouldUseFloatingStyles = this._usesDynamicFloatingStyles();\n\n    if (!this.open || !shouldUseFloatingStyles) {\n      this._menuController.hostDisconnected();\n      this._resetMenuFloatingStyles(menu);\n      return;\n    }\n\n    this.updateComplete.then(async () => {\n      if (\n        menuSyncToken !== this._menuSyncToken ||\n        !this.open ||\n        !this._isMenuCompositionEnabled() ||\n        this._getMenuChild() !== menu\n      ) {\n        return;\n      }\n\n      await menu.updateComplete;\n      if (\n        menuSyncToken !== this._menuSyncToken ||\n        !this.open ||\n        !this._isMenuCompositionEnabled() ||\n        this._getMenuChild() !== menu\n      ) {\n        return;\n      }\n\n      const trigger = this._getTriggerButton();\n      if (!trigger) {\n        return;\n      }\n\n      const styleElement = menu.shadowRoot?.querySelector(\n        `.${prefix}--menu`\n      ) as HTMLElement | undefined;\n\n      const fallbackPlacements = menuAlignment.includes('bottom')\n        ? [...bottomFirstFallbackPlacements]\n        : [...topFirstFallbackPlacements];\n\n      const flipArguments = this.autoalign\n        ? {\n            fallbackPlacements,\n          }\n        : {\n            mainAxis: false,\n            crossAxis: false,\n          };\n\n      this._menuController.setPlacement({\n        trigger,\n        target: menu,\n        alignment: menuAlignment,\n        styleElement,\n        flipArguments,\n        mainAxisOffset: 0,\n        open: this.open,\n      });\n    });\n  }\n\n  private _syncMenuChildPosition(menu: CDSMenu) {\n    const trigger = this._getTriggerButton();\n    if (!trigger) {\n      return;\n    }\n\n    const { left, right, top, bottom } = trigger.getBoundingClientRect();\n    menu.x = [left, right];\n    menu.y = [top, bottom];\n  }\n\n  private _toMenuSize(size: OVERFLOW_MENU_SIZE | string): CDSMenu['size'] {\n    switch (size) {\n      case OVERFLOW_MENU_SIZE.EXTRA_SMALL:\n        return MENU_SIZE.EXTRA_SMALL;\n      case OVERFLOW_MENU_SIZE.SMALL:\n        return MENU_SIZE.SMALL;\n      case OVERFLOW_MENU_SIZE.MEDIUM:\n        return MENU_SIZE.MEDIUM;\n      case OVERFLOW_MENU_SIZE.LARGE:\n        return MENU_SIZE.LARGE;\n      default:\n        return MENU_SIZE.MEDIUM;\n    }\n  }\n\n  private async _focusManagedMenuItem(index: number) {\n    const menu = this._getMenuChild();\n    if (!menu) {\n      return;\n    }\n\n    await menu.updateComplete;\n\n    if (!this.open || this._getMenuChild() !== menu) {\n      return;\n    }\n\n    const enabledItems = menu.activeitems\n      .map(({ item }) => item)\n      .filter(\n        (item) => item instanceof HTMLElement && !item.hasAttribute('disabled')\n      );\n    const focusTarget = enabledItems[index - 1] ?? enabledItems[0];\n\n    focusTarget?.focus();\n  }\n\n  private _resetMenuChildFloatingStyles({\n    closeMenu = false,\n  }: { closeMenu?: boolean } = {}) {\n    const menu = this._getMenuChild();\n    if (!menu) {\n      return;\n    }\n\n    this._resetMenuFloatingStyles(menu);\n\n    if (closeMenu) {\n      menu.open = false;\n    }\n  }\n\n  private _resetMenuFloatingStyles(menu: CDSMenu) {\n    const menuSurface = menu.shadowRoot?.querySelector(`.${prefix}--menu`) as\n      | HTMLElement\n      | undefined;\n\n    if (!menuSurface) {\n      return;\n    }\n\n    menuSurface.style.removeProperty('left');\n    menuSurface.style.removeProperty('top');\n    menuSurface.style.removeProperty('position');\n    menuSurface.style.removeProperty('visibility');\n    menuSurface.removeAttribute('align');\n  }\n\n  /**\n   * Suppresses trigger tooltip interactions while the menu is open.\n   */\n  private _syncTriggerTooltipState() {\n    const tooltip = this.shadowRoot?.querySelector(`${prefix}-tooltip`) as\n      | (HTMLElement & { open?: boolean; keyboardOnly?: boolean })\n      | null;\n    const tooltipContent = this.shadowRoot?.querySelector(\n      `${prefix}-tooltip-content`\n    ) as HTMLElement | null;\n\n    if (!tooltip) {\n      return;\n    }\n\n    tooltip.keyboardOnly = this.open;\n    tooltipContent?.toggleAttribute('hidden', this.disabled || this.open);\n\n    if (this.open) {\n      tooltip.open = false;\n    }\n  }\n}\n\nexport default CDSOverflowMenu;\n"],"mappings":"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"}
+{"version":3,"file":"overflow-menu.js","names":["CDSIconButton","FloatingUIController","iconButtonStyles","styles","CDSMenu","customElement"],"sources":["../../../src/components/overflow-menu/overflow-menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { adoptStyles, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { find } from '../../globals/internal/collection-helpers';\nimport CDSFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';\nimport { OVERFLOW_MENU_SIZE } from './defs';\nimport CDSOverflowMenuBody from './overflow-menu-body';\nimport '../menu/index';\nimport CDSMenu from '../menu/menu';\nimport { MENU_SIZE } from '../menu/defs';\nimport { isFeatureFlagEnabled } from '../feature-flags/index';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\n\nimport iconButtonStyles from '../icon-button/icon-button.scss?lit';\nimport styles from './overflow-menu.scss?lit';\nimport CDSIconButton from '../icon-button/icon-button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { OVERFLOW_MENU_SIZE };\n\nconst menuItemTagPrefix = `${prefix}-menu-item`.toUpperCase();\n\n// Migration support for existing child structure.\nconst deprecatedOverflowMenuTagNames = new Set([\n  `${prefix}-overflow-menu-body`.toUpperCase(),\n  `${prefix}-overflow-menu-item`.toUpperCase(),\n]);\n\nconst bottomFirstFallbackPlacements = [\n  'bottom-start',\n  'bottom-end',\n  'top-start',\n  'top-end',\n] as const;\n\nconst topFirstFallbackPlacements = [\n  'top-start',\n  'top-end',\n  'bottom-start',\n  'bottom-end',\n] as const;\n\nconst warnInDev = (message: string) => {\n  if (process.env.NODE_ENV === 'development') {\n    globalThis.console?.warn(message);\n  }\n};\n\n/**\n * Overflow menu.\n *\n * @element cds-overflow-menu\n * @slot icon - The icon for the trigger button.\n */\n@customElement(`${prefix}-overflow-menu`)\nclass CDSOverflowMenu\n  extends HostListenerMixin(FocusMixin(CDSIconButton))\n  implements CDSFloatingMenuTrigger\n{\n  private _menuController = new FloatingUIController(this);\n\n  /**\n   * The tooltip element in the shadow DOM.\n   */\n  @query(`${prefix}-tooltip`)\n  private _tooltip?: HTMLElement;\n\n  /**\n   * The tooltip content element in the shadow DOM.\n   */\n  @query(`${prefix}-tooltip-content`)\n  private _tooltipContent?: HTMLElement;\n\n  /**\n   * The menu body.\n   */\n  private _menuBody: CDSOverflowMenuBody | null = null;\n\n  /**\n   * The identifier used by the popup surface.\n   */\n  private _menuId = `${prefix}-overflow-menu-${Math.random()\n    .toString(16)\n    .slice(2)}`;\n\n  /**\n   * Ensures the deprecated-child warning only fires once.\n   */\n  private _didWarnDeprecatedChildren = false;\n\n  /**\n   * Ensures the invalid menu composition warning only fires once.\n   */\n  private _didWarnInvalidComposition = false;\n\n  /**\n   * Monotonic token used to ignore stale async menu sync callbacks.\n   */\n  private _menuSyncToken = 0;\n\n  /**\n   * Handles user-initiated toggling of the menu.\n   */\n  private async _handleUserInitiatedToggle() {\n    if (this.disabled) {\n      return;\n    }\n\n    this.open = !this.open;\n    const { index, open, updateComplete } = this;\n    if (open) {\n      await updateComplete;\n\n      if (this._isMenuCompositionEnabled()) {\n        await this._focusManagedMenuItem(index);\n        return;\n      }\n\n      const { _menuBody: menuBody } = this;\n      const menuItem = menuBody?.querySelector(\n        `${prefix}-overflow-menu-item:nth-of-type(${index})`\n      ) as HTMLElement;\n      menuItem?.focus();\n    }\n  }\n\n  /**\n   * Handles `click` event on the trigger button.\n   */\n  private _handleClickTrigger = async (event: MouseEvent) => {\n    if (this._isTriggerEvent(event)) {\n      this._handleUserInitiatedToggle();\n      return;\n    }\n\n    if (\n      !this._isMenuCompositionEnabled() &&\n      this._isDeprecatedOverflowMenuItemEvent(event)\n    ) {\n      this.open = false;\n    }\n  };\n\n  /**\n   * Handles `keydown` event on the trigger button.\n   */\n  private _handleKeydownTrigger = async (event: KeyboardEvent) => {\n    if (!this._isTriggerEvent(event)) {\n      return;\n    }\n\n    if (event.key === ' ' || event.key === 'Enter') {\n      this._handleUserInitiatedToggle();\n      event.preventDefault();\n    }\n  };\n\n  /**\n   * Prevents the trigger click from immediately re-opening the menu after blur.\n   */\n  private _handleMousedownTrigger = (event: MouseEvent) => {\n    if (this._isMenuCompositionEnabled() && this._isTriggerEvent(event)) {\n      event.preventDefault();\n    }\n  };\n\n  /**\n   * Handles close requests emitted by the managed menu.\n   */\n  private _handleManagedMenuClose = (\n    event: CustomEvent<{ triggerEventType?: string }>\n  ) => {\n    const menu = this._getMenuChild();\n    if (\n      !this._isMenuCompositionEnabled() ||\n      !menu ||\n      event.composedPath()[0] !== menu\n    ) {\n      return;\n    }\n\n    this.open = false;\n\n    if (event.detail?.triggerEventType !== 'focusout') {\n      requestAnimationFrame(() => {\n        this._getTriggerButton()?.focus();\n      });\n    }\n  };\n\n  /**\n   * `true` if this tooltip is in a data table row\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n  dataTable = false;\n\n  /**\n   * `true` if this overflow menu should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Enables the menu-composition OverflowMenu implementation leveraging `cds-menu`.\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'enable-v12-overflowmenu',\n  })\n  enableV12Overflowmenu = false;\n\n  /**\n   * `true` if this overflow menu body should be flipped.\n   */\n  @property({ type: Boolean, reflect: true })\n  flipped = false;\n\n  /**\n   * Experimental property. Enables automatic menu placement flipping to avoid clipping.\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * `true` if the dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Index (starting at 1) of overflow menu item to focus on open.\n   */\n  @property()\n  index = 1;\n\n  /**\n   * A label describing the menu options. Used for the trigger tooltip and the menu's accessible label.\n   */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * Specify how the menu should align with the trigger button.\n   * Valid values: 'bottom-start', 'bottom-end', 'top-start', 'top-end'\n   */\n  @property({ type: String, attribute: 'menu-alignment' })\n  menuAlignment: string = 'bottom-start';\n\n  /**\n   * Overflow menu size.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n  /**\n   * `true` if this menu is a toolbar action\n   */\n  @property({ type: Boolean, attribute: 'toolbar-action', reflect: true })\n  toolbarAction = false;\n\n  /**\n   * `true` if this overflow menu use inside breadcrumb.\n   */\n  @property({ type: Boolean, reflect: true })\n  breadcrumb = false;\n\n  /**\n   * @returns The position of the trigger button in the viewport.\n   */\n  get triggerPosition() {\n    return this.getBoundingClientRect();\n  }\n\n  connectedCallback() {\n    if (!this.hasAttribute('aria-haspopup')) {\n      this.setAttribute('aria-haspopup', 'true');\n    }\n    if (!this.shadowRoot) {\n      this.attachShadow({ mode: 'open' });\n    }\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [iconButtonStyles, styles]);\n\n    this.addEventListener(\n      CDSMenu.eventOnClose,\n      this._handleManagedMenuClose as EventListener\n    );\n    this.addEventListener('click', this._handleClickTrigger);\n    this.addEventListener('keydown', this._handleKeydownTrigger);\n    this.addEventListener('mousedown', this._handleMousedownTrigger);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(\n      CDSMenu.eventOnClose,\n      this._handleManagedMenuClose as EventListener\n    );\n    this.removeEventListener('click', this._handleClickTrigger);\n    this.removeEventListener('keydown', this._handleKeydownTrigger);\n    this.removeEventListener('mousedown', this._handleMousedownTrigger);\n    super.disconnectedCallback();\n  }\n\n  protected _renderTooltipContent() {\n    const tooltipLabel = this._getLabelText();\n\n    if (this.label || !this.querySelector('[slot=tooltip-content]')) {\n      return html`\n        <cds-tooltip-content ?hidden=${this.disabled || this.open}>\n          ${tooltipLabel}\n        </cds-tooltip-content>\n      `;\n    }\n\n    return super._renderTooltipContent();\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    const menuCompositionEnabled = this._isMenuCompositionEnabled();\n\n    const button = this._tooltip?.querySelector('button');\n    button?.classList.add(\n      `${prefix}--btn--icon-only`,\n      `${prefix}--overflow-menu`\n    );\n\n    if (changedProperties.has('open')) {\n      if (!menuCompositionEnabled) {\n        this._menuController.hostDisconnected();\n        this._resetMenuChildFloatingStyles();\n        const { open } = this;\n        if (open && !this._menuBody) {\n          this._menuBody = find(\n            this.childNodes,\n            (elem) =>\n              (elem.constructor as typeof CDSOverflowMenuBody).FLOATING_MENU\n          );\n        }\n        const { _menuBody: menuBody, size } = this;\n        if (menuBody) {\n          menuBody.id ||= this._menuId;\n          menuBody.setAttribute('breadcrumb', String(this.breadcrumb));\n          menuBody.open = open;\n          menuBody.size = size;\n        }\n      }\n    }\n\n    if (\n      changedProperties.has('enableV12Overflowmenu') &&\n      !menuCompositionEnabled\n    ) {\n      this._menuController.hostDisconnected();\n      this._resetMenuChildFloatingStyles({ closeMenu: true });\n    }\n\n    if (changedProperties.has('dataTable')) {\n      this._tooltip?.toggleAttribute('data-table', this.dataTable);\n    }\n\n    if (changedProperties.has('size')) {\n      button?.classList.forEach((item) => {\n        if (item.startsWith(`${prefix}--overflow-menu--`)) {\n          button?.classList.remove(item);\n        }\n      });\n      button?.classList.add(`${prefix}--overflow-menu--${this.size}`);\n\n      this._tooltip?.setAttribute('size', this.size);\n    }\n\n    if (changedProperties.has('toolbarAction') && this.toolbarAction) {\n      this._tooltip?.setAttribute('toolbar-action', '');\n    }\n\n    const labelText = this._getLabelText();\n    const popupId = menuCompositionEnabled\n      ? (this._getMenuChild()?.id ?? this._menuId)\n      : this._menuBody?.id;\n\n    button?.setAttribute('aria-haspopup', 'menu');\n    button?.setAttribute('aria-expanded', String(this.open));\n    button?.setAttribute('aria-label', labelText);\n\n    if (this.open && popupId) {\n      button?.setAttribute('aria-controls', popupId);\n    } else {\n      button?.removeAttribute('aria-controls');\n    }\n\n    const shouldSyncMenuChild =\n      menuCompositionEnabled &&\n      (changedProperties.has('open') ||\n        changedProperties.has('label') ||\n        changedProperties.has('autoalign') ||\n        changedProperties.has('menuAlignment') ||\n        changedProperties.has('size') ||\n        changedProperties.has('enableV12Overflowmenu'));\n\n    if (shouldSyncMenuChild) {\n      this._syncMenuChild();\n    }\n\n    if (changedProperties.has('open') || changedProperties.has('disabled')) {\n      this._syncTriggerTooltipState();\n    }\n  }\n\n  render() {\n    return html`${super.render()} `;\n  }\n\n  private _getLabelText() {\n    if (this.label) return this.label;\n\n    const tooltipContent = this.querySelector(\n      '[slot=tooltip-content]'\n    )?.textContent?.trim();\n\n    return tooltipContent || 'Options';\n  }\n\n  private _getTriggerButton() {\n    return this._tooltip?.querySelector('button') as HTMLButtonElement | null;\n  }\n\n  private _isTriggerEvent(event: Event) {\n    const triggerButton = this._getTriggerButton();\n\n    return !!triggerButton && event.composedPath().includes(triggerButton);\n  }\n\n  private _isDeprecatedOverflowMenuItemEvent(event: Event) {\n    return event\n      .composedPath()\n      .some(\n        (entry) =>\n          entry instanceof HTMLElement &&\n          deprecatedOverflowMenuTagNames.has(entry.tagName)\n      );\n  }\n\n  /**\n   * Checks whether the menu-composition path is enabled.\n   */\n  private _isMenuCompositionEnabled() {\n    return (\n      this.enableV12Overflowmenu ||\n      isFeatureFlagEnabled('enable-v12-overflowmenu', this)\n    );\n  }\n\n  /**\n   * Checks whether floating styles should be driven by Floating UI.\n   */\n  private _usesDynamicFloatingStyles() {\n    return (\n      this.autoalign ||\n      isFeatureFlagEnabled('enable-v12-dynamic-floating-styles', this)\n    );\n  }\n\n  private _getMenuChild() {\n    return (Array.from(this.children).find((child) => {\n      return child.tagName === `${prefix}-menu`.toUpperCase();\n    }) ?? null) as CDSMenu | null;\n  }\n\n  private _warnDeprecatedChildren() {\n    if (this._didWarnDeprecatedChildren) {\n      return;\n    }\n\n    // Migration guard for flagged usage of deprecated overflow-menu children.\n    const hasDeprecatedChildren = Array.from(this.children).some((child) => {\n      return deprecatedOverflowMenuTagNames.has(child.tagName);\n    });\n\n    if (hasDeprecatedChildren) {\n      warnInDev(\n        '`cds-overflow-menu` with `enable-v12-overflowmenu` expects a direct `cds-menu` child instead of the deprecated `cds-overflow-menu-body` structure.'\n      );\n      this._didWarnDeprecatedChildren = true;\n    }\n  }\n\n  private _warnInvalidMenuComposition() {\n    if (this._didWarnInvalidComposition) {\n      return;\n    }\n\n    const hasDirectMenuItems = Array.from(this.children).some((child) =>\n      child.tagName.startsWith(menuItemTagPrefix)\n    );\n    const hasMenuChild = !!this._getMenuChild();\n\n    if (!hasMenuChild || hasDirectMenuItems) {\n      warnInDev(\n        '`cds-overflow-menu` with `enable-v12-overflowmenu` expects a direct `cds-menu` child. Place `cds-menu-item*` descendants inside that `cds-menu`.'\n      );\n      this._didWarnInvalidComposition = true;\n    }\n  }\n\n  private _syncMenuChild() {\n    const menuSyncToken = ++this._menuSyncToken;\n\n    this._warnDeprecatedChildren();\n    this._warnInvalidMenuComposition();\n\n    const menu = this._getMenuChild();\n    if (!menu) {\n      return;\n    }\n\n    const menuAlignment = this.menuAlignment;\n\n    menu.id ||= this._menuId;\n    menu.label = this._getLabelText();\n    menu.menuAlignment = menuAlignment;\n    this._syncMenuChildPosition(menu);\n    menu.open = this.open;\n    menu.size = this._toMenuSize(this.size);\n\n    const shouldUseFloatingStyles = this._usesDynamicFloatingStyles();\n\n    if (!this.open || !shouldUseFloatingStyles) {\n      this._menuController.hostDisconnected();\n      this._resetMenuFloatingStyles(menu);\n      return;\n    }\n\n    this.updateComplete.then(async () => {\n      if (\n        menuSyncToken !== this._menuSyncToken ||\n        !this.open ||\n        !this._isMenuCompositionEnabled() ||\n        this._getMenuChild() !== menu\n      ) {\n        return;\n      }\n\n      await menu.updateComplete;\n      if (\n        menuSyncToken !== this._menuSyncToken ||\n        !this.open ||\n        !this._isMenuCompositionEnabled() ||\n        this._getMenuChild() !== menu\n      ) {\n        return;\n      }\n\n      const trigger = this._getTriggerButton();\n      if (!trigger) {\n        return;\n      }\n\n      const styleElement = menu.shadowRoot?.querySelector(\n        `.${prefix}--menu`\n      ) as HTMLElement | undefined;\n\n      const fallbackPlacements = menuAlignment.includes('bottom')\n        ? [...bottomFirstFallbackPlacements]\n        : [...topFirstFallbackPlacements];\n\n      const flipArguments = this.autoalign\n        ? {\n            fallbackPlacements,\n          }\n        : {\n            mainAxis: false,\n            crossAxis: false,\n          };\n\n      this._menuController.setPlacement({\n        trigger,\n        target: menu,\n        alignment: menuAlignment,\n        styleElement,\n        flipArguments,\n        mainAxisOffset: 0,\n        open: this.open,\n      });\n    });\n  }\n\n  private _syncMenuChildPosition(menu: CDSMenu) {\n    const trigger = this._getTriggerButton();\n    if (!trigger) {\n      return;\n    }\n\n    const { left, right, top, bottom } = trigger.getBoundingClientRect();\n    menu.x = [left, right];\n    menu.y = [top, bottom];\n  }\n\n  private _toMenuSize(size: OVERFLOW_MENU_SIZE | string): CDSMenu['size'] {\n    switch (size) {\n      case OVERFLOW_MENU_SIZE.EXTRA_SMALL:\n        return MENU_SIZE.EXTRA_SMALL;\n      case OVERFLOW_MENU_SIZE.SMALL:\n        return MENU_SIZE.SMALL;\n      case OVERFLOW_MENU_SIZE.MEDIUM:\n        return MENU_SIZE.MEDIUM;\n      case OVERFLOW_MENU_SIZE.LARGE:\n        return MENU_SIZE.LARGE;\n      default:\n        return MENU_SIZE.MEDIUM;\n    }\n  }\n\n  private async _focusManagedMenuItem(index: number) {\n    const menu = this._getMenuChild();\n    if (!menu) {\n      return;\n    }\n\n    await menu.updateComplete;\n\n    if (!this.open || this._getMenuChild() !== menu) {\n      return;\n    }\n\n    const enabledItems = menu.activeitems\n      .map(({ item }) => item)\n      .filter(\n        (item) => item instanceof HTMLElement && !item.hasAttribute('disabled')\n      );\n    const focusTarget = enabledItems[index - 1] ?? enabledItems[0];\n\n    focusTarget?.focus();\n  }\n\n  private _resetMenuChildFloatingStyles({\n    closeMenu = false,\n  }: { closeMenu?: boolean } = {}) {\n    const menu = this._getMenuChild();\n    if (!menu) {\n      return;\n    }\n\n    this._resetMenuFloatingStyles(menu);\n\n    if (closeMenu) {\n      menu.open = false;\n    }\n  }\n\n  private _resetMenuFloatingStyles(menu: CDSMenu) {\n    const menuSurface = menu.shadowRoot?.querySelector(`.${prefix}--menu`) as\n      | HTMLElement\n      | undefined;\n\n    if (!menuSurface) {\n      return;\n    }\n\n    menuSurface.style.removeProperty('left');\n    menuSurface.style.removeProperty('top');\n    menuSurface.style.removeProperty('position');\n    menuSurface.style.removeProperty('visibility');\n    menuSurface.removeAttribute('align');\n  }\n\n  /**\n   * Suppresses trigger tooltip interactions while the menu is open.\n   */\n  private _syncTriggerTooltipState() {\n    const tooltip = this._tooltip as\n      | (HTMLElement & { open?: boolean; keyboardOnly?: boolean })\n      | undefined;\n\n    if (!tooltip) {\n      return;\n    }\n\n    tooltip.keyboardOnly = this.open;\n    this._tooltipContent?.toggleAttribute('hidden', this.disabled || this.open);\n\n    if (this.open) {\n      tooltip.open = false;\n    }\n  }\n}\n\nexport default CDSOverflowMenu;\n"],"mappings":"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"}