@carbon/web-components 2.52.0 → 2.53.0-rc.0

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

@@ -5,15 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
-import { OVERFLOW_MENU_SIZE } from "./defs.js";
+import "./defs.js";
 import overflow_menu_default from "./overflow-menu.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/overflow-menu/overflow-menu-item.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -35,7 +34,7 @@ let CDSOverflowMenuItem = class CDSOverflowMenuItem extends FocusMixin(LitElemen
 		this.disabled = false;
 		this.divider = false;
 		this.href = "";
-		this.size = OVERFLOW_MENU_SIZE.MEDIUM;
+		this.size = "md";
 	}
 	/**
 	* Handles `click` event on this element.
@@ -55,16 +54,16 @@ let CDSOverflowMenuItem = class CDSOverflowMenuItem extends FocusMixin(LitElemen
 		const { _handleClick: handleClick } = this;
 		return this.href ? html`
           <a
-            class="${prefix}--overflow-menu-options__btn"
+            class="${"cds"}--overflow-menu-options__btn"
             ?disabled=${this.disabled}
             href="${this.href}"
             tabindex="-1"
             @click="${handleClick}">
-            <div class="${prefix}--overflow-menu-options__option-content">
+            <div class="${"cds"}--overflow-menu-options__option-content">
               <slot></slot>
               ${this.danger ? html`<span
                     id="danger-description"
-                    class="${prefix}--visually-hidden"
+                    class="${"cds"}--visually-hidden"
                     >${this.dangerDescription}</span
                   >` : html``}
             </div>
@@ -72,15 +71,15 @@ let CDSOverflowMenuItem = class CDSOverflowMenuItem extends FocusMixin(LitElemen
           </a>
         ` : html`
           <button
-            class="${prefix}--overflow-menu-options__btn"
+            class="${"cds"}--overflow-menu-options__btn"
             ?disabled=${this.disabled}
             tabindex="-1"
             @click="${handleClick}">
-            <div class="${prefix}--overflow-menu-options__option-content">
+            <div class="${"cds"}--overflow-menu-options__option-content">
               <slot></slot>
               ${this.danger ? html`<span
                     id="danger-description"
-                    class="${prefix}--visually-hidden"
+                    class="${"cds"}--visually-hidden"
                     >${this.dangerDescription}</span
                   >` : html``}
             </div>
@@ -92,7 +91,7 @@ let CDSOverflowMenuItem = class CDSOverflowMenuItem extends FocusMixin(LitElemen
 	* The name of the custom event fired when the item is clicked.
 	*/
 	static get itemClicked() {
-		return `${prefix}-overflow-menu-item-clicked`;
+		return `cds-overflow-menu-item-clicked`;
 	}
 	static {
 		this.shadowRootOptions = {
@@ -122,9 +121,9 @@ __decorate([property({
 })], CDSOverflowMenuItem.prototype, "divider", void 0);
 __decorate([property()], CDSOverflowMenuItem.prototype, "href", void 0);
 __decorate([property({ reflect: true })], CDSOverflowMenuItem.prototype, "size", void 0);
-CDSOverflowMenuItem = __decorate([carbonElement(`${prefix}-overflow-menu-item`)], CDSOverflowMenuItem);
+CDSOverflowMenuItem = __decorate([carbonElement(`cds-overflow-menu-item`)], CDSOverflowMenuItem);
 var overflow_menu_item_default = CDSOverflowMenuItem;
-
 //#endregion
 export { overflow_menu_item_default as default };
+
 //# sourceMappingURL=overflow-menu-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu-item.js","names":["styles","customElement"],"sources":["../../../src/components/overflow-menu/overflow-menu-item.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { OVERFLOW_MENU_SIZE } from './defs';\nimport styles from './overflow-menu.scss?lit';\n\n/**\n * Overflow menu item.\n *\n * @element cds-overflow-menu-item\n * @fires cds-overflow-menu-item-clicked - The custom event fired when an overflow menu item is clicked.\n */\n@customElement(`${prefix}-overflow-menu-item`)\nclass CDSOverflowMenuItem extends FocusMixin(LitElement) {\n  /**\n   * Handles `click` event on this element.\n   */\n  private _handleClick(event: Event) {\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSOverflowMenuItem).itemClicked,\n        {\n          bubbles: true,\n          composed: true,\n          detail: {\n            evt: event,\n          },\n        }\n      )\n    );\n  }\n\n  /**\n   * `true` if the action is danger.\n   */\n  @property({ type: Boolean, reflect: true })\n  danger = false;\n\n  /**\n   * Specify the message read by screen readers for the danger over flow menu item variant\n   */\n  @property({ type: String, attribute: 'danger-description' })\n  dangerDescription = 'danger';\n\n  /**\n   * `true` if the overflow menu item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the item has a divider\n   */\n  @property({ type: Boolean, reflect: true })\n  divider = false;\n\n  /**\n   * The link href of the overflow menu item.\n   */\n  @property()\n  href = '';\n\n  /**\n   * The size of the overflow menu item.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menuitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { _handleClick: handleClick } = this;\n    return this.href\n      ? html`\n          <a\n            class=\"${prefix}--overflow-menu-options__btn\"\n            ?disabled=${this.disabled}\n            href=\"${this.href}\"\n            tabindex=\"-1\"\n            @click=\"${handleClick}\">\n            <div class=\"${prefix}--overflow-menu-options__option-content\">\n              <slot></slot>\n              ${this.danger\n                ? html`<span\n                    id=\"danger-description\"\n                    class=\"${prefix}--visually-hidden\"\n                    >${this.dangerDescription}</span\n                  >`\n                : html``}\n            </div>\n            <slot name=\"icon\"></slot>\n          </a>\n        `\n      : html`\n          <button\n            class=\"${prefix}--overflow-menu-options__btn\"\n            ?disabled=${this.disabled}\n            tabindex=\"-1\"\n            @click=\"${handleClick}\">\n            <div class=\"${prefix}--overflow-menu-options__option-content\">\n              <slot></slot>\n              ${this.danger\n                ? html`<span\n                    id=\"danger-description\"\n                    class=\"${prefix}--visually-hidden\"\n                    >${this.dangerDescription}</span\n                  >`\n                : html``}\n            </div>\n            <slot name=\"icon\"></slot>\n          </button>\n        `;\n  }\n\n  /**\n   * The name of the custom event fired when the item is clicked.\n   */\n  static get itemClicked() {\n    return `${prefix}-overflow-menu-item-clicked`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSOverflowMenuItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,gCACM,4BAA4B,WAAW,WAAW,CAAC;;;gBAuB9C;2BAMW;kBAMT;iBAMD;cAMH;cAMA,mBAAmB;;;;;CAjD1B,AAAQ,aAAa,OAAc;AACjC,OAAK,cACH,IAAI,YACD,KAAK,YAA2C,aACjD;GACE,SAAS;GACT,UAAU;GACV,QAAQ,EACN,KAAK,OACN;GACF,CACF,CACF;;CAuCH,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;AAEvC,QAAM,mBAAmB;;CAG3B,SAAS;EACP,MAAM,EAAE,cAAc,gBAAgB;AACtC,SAAO,KAAK,OACR,IAAI;;qBAES,OAAO;wBACJ,KAAK,SAAS;oBAClB,KAAK,KAAK;;sBAER,YAAY;0BACR,OAAO;;gBAEjB,KAAK,SACH,IAAI;;6BAEO,OAAO;uBACb,KAAK,kBAAkB;uBAE5B,IAAI,GAAG;;;;YAKjB,IAAI;;qBAES,OAAO;wBACJ,KAAK,SAAS;;sBAEhB,YAAY;0BACR,OAAO;;gBAEjB,KAAK,SACH,IAAI;;6BAEO,OAAO;uBACb,KAAK,kBAAkB;uBAE5B,IAAI,GAAG;;;;;;;;;CAUvB,WAAW,cAAc;AACvB,SAAO,GAAG,OAAO;;;2BAGQ;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YA/Ff,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAsB,CAAC;YAM3D,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,UAAU;YAMV,SAAS,EAAE,SAAS,MAAM,CAAC;kCArD7BC,cAAc,GAAG,OAAO,qBAAqB;AAyH9C,iCAAe"}
+{"version":3,"file":"overflow-menu-item.js","names":["styles","customElement"],"sources":["../../../src/components/overflow-menu/overflow-menu-item.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { OVERFLOW_MENU_SIZE } from './defs';\nimport styles from './overflow-menu.scss?lit';\n\n/**\n * Overflow menu item.\n *\n * @element cds-overflow-menu-item\n * @fires cds-overflow-menu-item-clicked - The custom event fired when an overflow menu item is clicked.\n */\n@customElement(`${prefix}-overflow-menu-item`)\nclass CDSOverflowMenuItem extends FocusMixin(LitElement) {\n  /**\n   * Handles `click` event on this element.\n   */\n  private _handleClick(event: Event) {\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSOverflowMenuItem).itemClicked,\n        {\n          bubbles: true,\n          composed: true,\n          detail: {\n            evt: event,\n          },\n        }\n      )\n    );\n  }\n\n  /**\n   * `true` if the action is danger.\n   */\n  @property({ type: Boolean, reflect: true })\n  danger = false;\n\n  /**\n   * Specify the message read by screen readers for the danger over flow menu item variant\n   */\n  @property({ type: String, attribute: 'danger-description' })\n  dangerDescription = 'danger';\n\n  /**\n   * `true` if the overflow menu item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the item has a divider\n   */\n  @property({ type: Boolean, reflect: true })\n  divider = false;\n\n  /**\n   * The link href of the overflow menu item.\n   */\n  @property()\n  href = '';\n\n  /**\n   * The size of the overflow menu item.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menuitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    const { _handleClick: handleClick } = this;\n    return this.href\n      ? html`\n          <a\n            class=\"${prefix}--overflow-menu-options__btn\"\n            ?disabled=${this.disabled}\n            href=\"${this.href}\"\n            tabindex=\"-1\"\n            @click=\"${handleClick}\">\n            <div class=\"${prefix}--overflow-menu-options__option-content\">\n              <slot></slot>\n              ${this.danger\n                ? html`<span\n                    id=\"danger-description\"\n                    class=\"${prefix}--visually-hidden\"\n                    >${this.dangerDescription}</span\n                  >`\n                : html``}\n            </div>\n            <slot name=\"icon\"></slot>\n          </a>\n        `\n      : html`\n          <button\n            class=\"${prefix}--overflow-menu-options__btn\"\n            ?disabled=${this.disabled}\n            tabindex=\"-1\"\n            @click=\"${handleClick}\">\n            <div class=\"${prefix}--overflow-menu-options__option-content\">\n              <slot></slot>\n              ${this.danger\n                ? html`<span\n                    id=\"danger-description\"\n                    class=\"${prefix}--visually-hidden\"\n                    >${this.dangerDescription}</span\n                  >`\n                : html``}\n            </div>\n            <slot name=\"icon\"></slot>\n          </button>\n        `;\n  }\n\n  /**\n   * The name of the custom event fired when the item is clicked.\n   */\n  static get itemClicked() {\n    return `${prefix}-overflow-menu-item-clicked`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSOverflowMenuItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,sBAAA,MACM,4BAA4B,WAAW,WAAW,CAAC;;;gBAuB9C;2BAMW;kBAMT;iBAMD;cAMH;;;;;;CA3CP,aAAqB,OAAc;AACjC,OAAK,cACH,IAAI,YACD,KAAK,YAA2C,aACjD;GACE,SAAS;GACT,UAAU;GACV,QAAQ,EACN,KAAK,OACN;GACF,CACF,CACF;;CAuCH,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;AAEvC,QAAM,mBAAmB;;CAG3B,SAAS;EACP,MAAM,EAAE,cAAc,gBAAgB;AACtC,SAAO,KAAK,OACR,IAAI;;2BAEgB;wBACJ,KAAK,SAAS;oBAClB,KAAK,KAAK;;sBAER,YAAY;gCACD;;gBAEjB,KAAK,SACH,IAAI;;mCAEc;uBACb,KAAK,kBAAkB;uBAE5B,IAAI,GAAG;;;;YAKjB,IAAI;;2BAEgB;wBACJ,KAAK,SAAS;;sBAEhB,YAAY;gCACD;;gBAEjB,KAAK,SACH,IAAI;;mCAEc;uBACb,KAAK,kBAAkB;uBAE5B,IAAI,GAAG;;;;;;;;;CAUvB,WAAW,cAAc;AACvB,SAAO;;;2BAGkB;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YA/Ff,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,UAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAsB,CAAC,CAAA,EAAA,oBAAA,WAAA,qBAAA,KAAA,EAAA;YAM3D,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,WAAA,KAAA,EAAA;YAM1C,UAAU,CAAA,EAAA,oBAAA,WAAA,QAAA,KAAA,EAAA;YAMV,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,QAAA,KAAA,EAAA;kCArD7BC,cAAc,yBAA+B,CAAA,EAAA,oBAAA;AAyH9C,IAAA,6BAAe"}

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

@@ -5,10 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { find } from "../../globals/internal/collection-helpers.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
@@ -18,7 +18,6 @@ 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";
-
 //#region src/components/overflow-menu/overflow-menu.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -50,7 +49,7 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
 		this.flipped = false;
 		this.open = false;
 		this.index = 1;
-		this.size = OVERFLOW_MENU_SIZE.MEDIUM;
+		this.size = "md";
 		this.toolbarAction = false;
 		this.breadcrumb = false;
 	}
@@ -63,7 +62,7 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
 		if (open) {
 			await updateComplete;
 			const { _menuBody: menuBody } = this;
-			(menuBody?.querySelector(`${prefix}-overflow-menu-item:nth-of-type(${index})`))?.focus();
+			(menuBody?.querySelector(`cds-overflow-menu-item:nth-of-type(${index})`))?.focus();
 		}
 	}
 	/**
@@ -79,8 +78,8 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
 		adoptStyles(this.renderRoot, [icon_button_default, overflow_menu_default$1]);
 	}
 	updated(changedProperties) {
-		const button = this.shadowRoot?.querySelector(`${prefix}-tooltip`)?.querySelector("button");
-		button?.classList.add(`${prefix}--btn--icon-only`, `${prefix}--overflow-menu`);
+		const button = this.shadowRoot?.querySelector(`cds-tooltip`)?.querySelector("button");
+		button?.classList.add(`cds--btn--icon-only`, `cds--overflow-menu`);
 		if (changedProperties.has("open")) {
 			const { open } = this;
 			if (open && !this._menuBody) this._menuBody = find(this.childNodes, (elem) => elem.constructor.FLOATING_MENU);
@@ -94,15 +93,15 @@ let CDSOverflowMenu = class CDSOverflowMenu extends HostListenerMixin(FocusMixin
 				button?.setAttribute("aria-label", String(tooltipContent));
 			}
 		}
-		if (changedProperties.has("dataTable")) (this.shadowRoot?.querySelector(`${prefix}-tooltip`))?.setAttribute("data-table", "");
+		if (changedProperties.has("dataTable")) (this.shadowRoot?.querySelector(`cds-tooltip`))?.setAttribute("data-table", "");
 		if (changedProperties.has("size")) {
 			button?.classList.forEach((item) => {
-				if (item.startsWith(`${prefix}--overflow-menu--`)) button?.classList.remove(item);
+				if (item.startsWith(`cds--overflow-menu--`)) button?.classList.remove(item);
 			});
-			button?.classList.add(`${prefix}--overflow-menu--${this.size}`);
-			(this.shadowRoot?.querySelector(`${prefix}-tooltip`))?.setAttribute("size", this.size);
+			button?.classList.add(`cds--overflow-menu--${this.size}`);
+			(this.shadowRoot?.querySelector(`cds-tooltip`))?.setAttribute("size", this.size);
 		}
-		if (changedProperties.has("toolbarAction") && this.toolbarAction) this.shadowRoot?.querySelector(`${prefix}-tooltip`)?.setAttribute("toolbar-action", "");
+		if (changedProperties.has("toolbarAction") && this.toolbarAction) this.shadowRoot?.querySelector(`cds-tooltip`)?.setAttribute("toolbar-action", "");
 		super.updated(changedProperties);
 	}
 	render() {
@@ -139,9 +138,9 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSOverflowMenu.prototype, "breadcrumb", void 0);
-CDSOverflowMenu = __decorate([carbonElement(`${prefix}-overflow-menu`)], CDSOverflowMenu);
+CDSOverflowMenu = __decorate([carbonElement(`cds-overflow-menu`)], CDSOverflowMenu);
 var overflow_menu_default = CDSOverflowMenu;
-
 //#endregion
 export { OVERFLOW_MENU_SIZE, overflow_menu_default as default };
+
 //# sourceMappingURL=overflow-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu.js","names":["CDSIconButton","iconButtonStyles","styles","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 HostListener from '../../globals/decorators/host-listener';\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';\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\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  /**\n   * The menu body.\n   */\n  private _menuBody: CDSOverflowMenuBody | null = null;\n\n  /**\n   * Handles user-initiated toggling of the menu.\n   */\n  private async _handleUserInitiatedToggle() {\n    this.open = !this.open;\n    const { index, open, updateComplete } = this;\n    if (open) {\n      await updateComplete;\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  @HostListener('click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClickTrigger = async () => {\n    this._handleUserInitiatedToggle();\n  };\n\n  /**\n   * Handles `keydown` event on the trigger button.\n   */\n  @HostListener('keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydownTrigger = async (event) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      this._handleUserInitiatedToggle();\n      event.preventDefault();\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   * `true` if this overflow menu body should be flipped.\n   */\n  @property({ type: Boolean, reflect: true })\n  flipped = 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   * 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\n  updated(changedProperties) {\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      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.setAttribute('breadcrumb', String(this.breadcrumb));\n        menuBody.open = open;\n        menuBody.size = size;\n\n        const tooltipContent = this.querySelector(\n          '[slot=tooltip-content]'\n        )?.textContent;\n        button?.setAttribute('aria-expanded', String(open));\n        button?.setAttribute('aria-label', String(tooltipContent));\n      }\n    }\n\n    if (changedProperties.has('dataTable')) {\n      const tooltip = this.shadowRoot?.querySelector(`${prefix}-tooltip`);\n      tooltip?.setAttribute('data-table', '');\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    super.updated(changedProperties);\n  }\n\n  render() {\n    return html`${super.render()} `;\n  }\n}\n\nexport default CDSOverflowMenu;\n"],"mappings":"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"}
+{"version":3,"file":"overflow-menu.js","names":["CDSIconButton","iconButtonStyles","styles","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 HostListener from '../../globals/decorators/host-listener';\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';\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\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  /**\n   * The menu body.\n   */\n  private _menuBody: CDSOverflowMenuBody | null = null;\n\n  /**\n   * Handles user-initiated toggling of the menu.\n   */\n  private async _handleUserInitiatedToggle() {\n    this.open = !this.open;\n    const { index, open, updateComplete } = this;\n    if (open) {\n      await updateComplete;\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  @HostListener('click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleClickTrigger = async () => {\n    this._handleUserInitiatedToggle();\n  };\n\n  /**\n   * Handles `keydown` event on the trigger button.\n   */\n  @HostListener('keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydownTrigger = async (event) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      this._handleUserInitiatedToggle();\n      event.preventDefault();\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   * `true` if this overflow menu body should be flipped.\n   */\n  @property({ type: Boolean, reflect: true })\n  flipped = 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   * 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\n  updated(changedProperties) {\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      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.setAttribute('breadcrumb', String(this.breadcrumb));\n        menuBody.open = open;\n        menuBody.size = size;\n\n        const tooltipContent = this.querySelector(\n          '[slot=tooltip-content]'\n        )?.textContent;\n        button?.setAttribute('aria-expanded', String(open));\n        button?.setAttribute('aria-label', String(tooltipContent));\n      }\n    }\n\n    if (changedProperties.has('dataTable')) {\n      const tooltip = this.shadowRoot?.querySelector(`${prefix}-tooltip`);\n      tooltip?.setAttribute('data-table', '');\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    super.updated(changedProperties);\n  }\n\n  render() {\n    return html`${super.render()} `;\n  }\n}\n\nexport default CDSOverflowMenu;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,IAAA,kBAAA,MACM,wBACI,kBAAkB,WAAWA,sBAAc,CAAC,CAEtD;;;mBAIkD;6BAwBlB,YAAY;AACxC,QAAK,4BAA4B;;+BASH,OAAO,UAAU;AAC/C,OAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;AAC9C,SAAK,4BAA4B;AACjC,UAAM,gBAAgB;;;mBAQd;kBAMD;iBAMD;cAMH;eAMC;;uBAYQ;oBAMH;;;;;CAlFb,MAAc,6BAA6B;AACzC,OAAK,OAAO,CAAC,KAAK;EAClB,MAAM,EAAE,OAAO,MAAM,mBAAmB;AACxC,MAAI,MAAM;AACR,SAAM;GACN,MAAM,EAAE,WAAW,aAAa;AAIhC,IAHiB,UAAU,cACzB,sCAA4C,MAAM,GACnD,GACS,OAAO;;;;;;CA8ErB,IAAI,kBAAkB;AACpB,SAAO,KAAK,uBAAuB;;CAGrC,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,gBAAgB,CACrC,MAAK,aAAa,iBAAiB,OAAO;AAE5C,MAAI,CAAC,KAAK,WACR,MAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAErC,QAAM,mBAAmB;AAEzB,cAAY,KAAK,YAA0B,CAACC,qBAAkBC,wBAAO,CAAC;;CAGxE,QAAQ,mBAAmB;EACzB,MAAM,SAAS,KAAK,YAChB,cAAc,cAAoB,EAClC,cAAc,SAAS;AAC3B,UAAQ,UAAU,IAChB,uBACA,qBACD;AAED,MAAI,kBAAkB,IAAI,OAAO,EAAE;GACjC,MAAM,EAAE,SAAS;AACjB,OAAI,QAAQ,CAAC,KAAK,UAChB,MAAK,YAAY,KACf,KAAK,aACJ,SACE,KAAK,YAA2C,cACpD;GAEH,MAAM,EAAE,WAAW,UAAU,SAAS;AACtC,OAAI,UAAU;AACZ,aAAS,aAAa,cAAc,OAAO,KAAK,WAAW,CAAC;AAC5D,aAAS,OAAO;AAChB,aAAS,OAAO;IAEhB,MAAM,iBAAiB,KAAK,cAC1B,yBACD,EAAE;AACH,YAAQ,aAAa,iBAAiB,OAAO,KAAK,CAAC;AACnD,YAAQ,aAAa,cAAc,OAAO,eAAe,CAAC;;;AAI9D,MAAI,kBAAkB,IAAI,YAAY,CAEpC,EADgB,KAAK,YAAY,cAAc,cAAoB,GAC1D,aAAa,cAAc,GAAG;AAGzC,MAAI,kBAAkB,IAAI,OAAO,EAAE;AACjC,WAAQ,UAAU,SAAS,SAAS;AAClC,QAAI,KAAK,WAAW,uBAA6B,CAC/C,SAAQ,UAAU,OAAO,KAAK;KAEhC;AACF,WAAQ,UAAU,IAAI,uBAA6B,KAAK,OAAO;AAG/D,IADgB,KAAK,YAAY,cAAc,cAAoB,GAC1D,aAAa,QAAQ,KAAK,KAAK;;AAG1C,MAAI,kBAAkB,IAAI,gBAAgB,IAAI,KAAK,cACjD,MAAK,YACD,cAAc,cAAoB,EAClC,aAAa,kBAAkB,GAAG;AAGxC,QAAM,QAAQ,kBAAkB;;CAGlC,SAAS;AACP,SAAO,IAAI,GAAG,MAAM,QAAQ,CAAC;;;YAlJ9B,aAAa,QAAQ,CAAA,EAAA,gBAAA,WAAA,uBAAA,KAAA,EAAA;YAUrB,aAAa,UAAU,CAAA,EAAA,gBAAA,WAAA,yBAAA,KAAA,EAAA;YAavB,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAc,CAAC,CAAA,EAAA,gBAAA,WAAA,aAAA,KAAA,EAAA;YAMnE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,gBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,gBAAA,WAAA,WAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,gBAAA,WAAA,QAAA,KAAA,EAAA;YAM1C,UAAU,CAAA,EAAA,gBAAA,WAAA,SAAA,KAAA,EAAA;YAMV,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,gBAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAS,WAAW;CAAkB,SAAS;CAAM,CAAC,CAAA,EAAA,gBAAA,WAAA,iBAAA,KAAA,EAAA;YAMvE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,gBAAA,WAAA,cAAA,KAAA,EAAA;8BA9F5CC,cAAc,oBAA0B,CAAA,EAAA,gBAAA;AAmLzC,IAAA,wBAAe"}