@carbon/web-components 2.52.0 → 2.53.0

package/es/components/dropdown/dropdown-item.js

@@ -5,17 +5,16 @@
  * 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 iconLoader from "../../globals/internal/icon-loader.js";
-import { DROPDOWN_SIZE } from "./defs.js";
+import "./defs.js";
 import dropdown_default from "./dropdown.scss.js";
 import "./dropdown.js";
 import { LitElement, html } from "lit";
 import { property, state } from "lit/decorators.js";
 import Checkmark16 from "@carbon/icons/es/checkmark/16.js";
-
 //#region src/components/dropdown/dropdown-item.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -35,7 +34,7 @@ let CDSDropdownItem = class CDSDropdownItem extends LitElement {
 		this.disabled = false;
 		this.highlighted = false;
 		this.selected = false;
-		this.size = DROPDOWN_SIZE.MEDIUM;
+		this.size = "md";
 		this.value = "";
 		this._hasEllipsisApplied = false;
 		this._nextSiblingRef = null;
@@ -53,7 +52,7 @@ let CDSDropdownItem = class CDSDropdownItem extends LitElement {
 	_getNextItem() {
 		let next = this.nextElementSibling;
 		while (next) {
-			if (next instanceof HTMLElement && (next.tagName.toLowerCase() === `${prefix}-dropdown-item` || next.tagName.toLowerCase() === `${prefix}-combo-box-item`)) return next;
+			if (next instanceof HTMLElement && (next.tagName.toLowerCase() === `cds-dropdown-item` || next.tagName.toLowerCase() === `cds-combo-box-item`)) return next;
 			next = next.nextElementSibling;
 		}
 		return null;
@@ -76,7 +75,7 @@ let CDSDropdownItem = class CDSDropdownItem extends LitElement {
 	connectedCallback() {
 		super.connectedCallback();
 		if (!this.hasAttribute("role")) this.setAttribute("role", "option");
-		if (!this.hasAttribute("id")) this.setAttribute("id", `${prefix}-dropdown-item-${this.constructor.id++}`);
+		if (!this.hasAttribute("id")) this.setAttribute("id", `cds-dropdown-item-${this.constructor.id++}`);
 		this.setAttribute("aria-selected", String(this.selected));
 		this.addEventListener("mouseenter", this._handleMouseEnter);
 		this.addEventListener("mouseleave", this._handleMouseLeave);
@@ -95,7 +94,7 @@ let CDSDropdownItem = class CDSDropdownItem extends LitElement {
 	*/
 	_handleSlotChange({ target }) {
 		const text = target.assignedNodes().filter((node) => node.nodeType !== Node.TEXT_NODE || node.textContent.trim());
-		const textContainer = this.shadowRoot?.querySelector(`.${prefix}--list-box__menu-item__option`);
+		const textContainer = this.shadowRoot?.querySelector(`.cds--list-box__menu-item__option`);
 		if (!textContainer || this._hasEllipsisApplied === true) return;
 		new ResizeObserver(() => {
 			this._hasEllipsisApplied = textContainer.scrollWidth > textContainer.clientWidth;
@@ -105,11 +104,11 @@ let CDSDropdownItem = class CDSDropdownItem extends LitElement {
 	render() {
 		const { selected, _handleSlotChange: handleSlotChange } = this;
 		return html`
-      <div class="${prefix}--list-box__menu-item__option" part="menu-item">
+      <div class="${"cds"}--list-box__menu-item__option" part="menu-item">
         <slot @slotchange=${handleSlotChange}></slot>
         ${!selected ? void 0 : iconLoader(Checkmark16, {
 			part: "selected-icon",
-			class: `${prefix}--list-box__menu-item__selected-icon`
+			class: `cds--list-box__menu-item__selected-icon`
 		})}
       </div>
     `;
@@ -136,9 +135,9 @@ __decorate([property({
 __decorate([property({ reflect: true })], CDSDropdownItem.prototype, "size", void 0);
 __decorate([property()], CDSDropdownItem.prototype, "value", void 0);
 __decorate([state()], CDSDropdownItem.prototype, "_hasEllipsisApplied", void 0);
-CDSDropdownItem = __decorate([carbonElement(`${prefix}-dropdown-item`)], CDSDropdownItem);
+CDSDropdownItem = __decorate([carbonElement(`cds-dropdown-item`)], CDSDropdownItem);
 var dropdown_item_default = CDSDropdownItem;
-
 //#endregion
 export { dropdown_item_default as default };
+
 //# sourceMappingURL=dropdown-item.js.map

package/es/components/dropdown/dropdown-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.js","names":["styles","customElement"],"sources":["../../../src/components/dropdown/dropdown-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport Checkmark16 from '@carbon/icons/es/checkmark/16.js';\nimport { DROPDOWN_SIZE } from './dropdown';\nimport styles from './dropdown.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Dropdown item.\n *\n * @element cds-dropdown-item\n * @csspart selected-icon The selected icon.\n */\n@customElement(`${prefix}-dropdown-item`)\nclass CDSDropdownItem extends LitElement {\n  /**\n   * `true` if this dropdown item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this dropdown item should be highlighted.\n   * If `true`, parent `<dropdown>` selects/deselects this dropdown item upon keyboard interaction.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * `true` if this dropdown item should be selected.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.MEDIUM;\n\n  /**\n   * The `value` attribute that is set to the parent `<cds-dropdown>` when this dropdown item is selected.\n   */\n  @property()\n  value = '';\n\n  /**\n   * true if menu item has ellipsis applied\n   */\n  @state()\n  _hasEllipsisApplied = false;\n\n  /**\n   * Reference to the next sibling element for hover state management.\n   */\n  protected _nextSiblingRef: Element | null = null;\n\n  /**\n   * Gets the next dropdown/combo-box item sibling.\n   */\n  protected _getNextItem(): Element | null {\n    let next = this.nextElementSibling;\n    while (next) {\n      if (\n        next instanceof HTMLElement &&\n        (next.tagName.toLowerCase() === `${prefix}-dropdown-item` ||\n          next.tagName.toLowerCase() === `${prefix}-combo-box-item`)\n      ) {\n        return next;\n      }\n      next = next.nextElementSibling;\n    }\n    return null;\n  }\n\n  /**\n   * Syncs the hovered-next-sibling attribute with the next item.\n   */\n  protected _syncNextSibling(attribute: string, shouldSet: boolean) {\n    const currentSibling = this._nextSiblingRef;\n    currentSibling?.removeAttribute(attribute);\n    if (shouldSet) {\n      const next = this._getNextItem();\n      if (next) {\n        next.setAttribute(attribute, '');\n        this._nextSiblingRef = next;\n        return;\n      }\n    }\n    this._nextSiblingRef = null;\n  }\n\n  protected _handleMouseEnter = () => {\n    if (this.hasAttribute('disabled')) {\n      return;\n    }\n    this._syncNextSibling('hovered-next-sibling', true);\n  };\n\n  protected _handleMouseLeave = () => {\n    this._syncNextSibling('hovered-next-sibling', false);\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'option');\n    }\n    if (!this.hasAttribute('id')) {\n      this.setAttribute(\n        'id',\n        `${prefix}-dropdown-item-${(this.constructor as typeof CDSDropdownItem)\n          .id++}`\n      );\n    }\n    this.setAttribute('aria-selected', String(this.selected));\n    this.addEventListener('mouseenter', this._handleMouseEnter);\n    this.addEventListener('mouseleave', this._handleMouseLeave);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('mouseenter', this._handleMouseEnter);\n    this.removeEventListener('mouseleave', this._handleMouseLeave);\n    this._syncNextSibling('hovered-next-sibling', false);\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Handles `slotchange` event.\n   *\n   * Adds the `title` property to its parent element so the native\n   * browser tooltip appears for menu items that result in ellipsis\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const text = (target as HTMLSlotElement).assignedNodes().filter(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n    );\n\n    const textContainer = this.shadowRoot?.querySelector(\n      `.${prefix}--list-box__menu-item__option`\n    );\n\n    if (!textContainer || this._hasEllipsisApplied === true) return;\n\n    const observer = new ResizeObserver(() => {\n      this._hasEllipsisApplied =\n        textContainer.scrollWidth > textContainer.clientWidth;\n\n      if (this._hasEllipsisApplied) {\n        textContainer.setAttribute('title', text[0].textContent ?? '');\n      }\n    });\n\n    observer.observe(textContainer);\n  }\n\n  render() {\n    const { selected, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <div class=\"${prefix}--list-box__menu-item__option\" part=\"menu-item\">\n        <slot @slotchange=${handleSlotChange}></slot>\n        ${!selected\n          ? undefined\n          : iconLoader(Checkmark16, {\n              part: 'selected-icon',\n              class: `${prefix}--list-box__menu-item__selected-icon`,\n            })}\n      </div>\n    `;\n  }\n\n  /**\n   * Store an identifier for use in composing this item's id.\n   *\n   * Auto-increments anytime a new dropdown-item appears.\n   */\n  static id = 0;\n\n  static styles = styles;\n}\n\nexport default CDSDropdownItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,4BACM,wBAAwB,WAAW;;;kBAK5B;qBASG;kBAQH;cAMJ,cAAc;eAMb;6BAMc;yBAKsB;iCAqCR;AAClC,OAAI,KAAK,aAAa,WAAW,CAC/B;AAEF,QAAK,iBAAiB,wBAAwB,KAAK;;iCAGjB;AAClC,QAAK,iBAAiB,wBAAwB,MAAM;;;;;;CAxCtD,AAAU,eAA+B;EACvC,IAAI,OAAO,KAAK;AAChB,SAAO,MAAM;AACX,OACE,gBAAgB,gBACf,KAAK,QAAQ,aAAa,KAAK,GAAG,OAAO,mBACxC,KAAK,QAAQ,aAAa,KAAK,GAAG,OAAO,kBAE3C,QAAO;AAET,UAAO,KAAK;;AAEd,SAAO;;;;;CAMT,AAAU,iBAAiB,WAAmB,WAAoB;AAEhE,EADuB,KAAK,iBACZ,gBAAgB,UAAU;AAC1C,MAAI,WAAW;GACb,MAAM,OAAO,KAAK,cAAc;AAChC,OAAI,MAAM;AACR,SAAK,aAAa,WAAW,GAAG;AAChC,SAAK,kBAAkB;AACvB;;;AAGJ,OAAK,kBAAkB;;CAczB,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,SAAS;AAErC,MAAI,CAAC,KAAK,aAAa,KAAK,CAC1B,MAAK,aACH,MACA,GAAG,OAAO,iBAAiB,AAAC,KAAK,YAC9B,OACJ;AAEH,OAAK,aAAa,iBAAiB,OAAO,KAAK,SAAS,CAAC;AACzD,OAAK,iBAAiB,cAAc,KAAK,kBAAkB;AAC3D,OAAK,iBAAiB,cAAc,KAAK,kBAAkB;;CAG7D,uBAAuB;AACrB,OAAK,oBAAoB,cAAc,KAAK,kBAAkB;AAC9D,OAAK,oBAAoB,cAAc,KAAK,kBAAkB;AAC9D,OAAK,iBAAiB,wBAAwB,MAAM;AACpD,QAAM,sBAAsB;;;;;;;;CAS9B,AAAU,kBAAkB,EAAE,UAAiB;EAC7C,MAAM,OAAQ,OAA2B,eAAe,CAAC,QAEtD,SAAS,KAAK,aAAa,KAAK,aAAa,KAAM,YAAa,MAAM,CACxE;EAED,MAAM,gBAAgB,KAAK,YAAY,cACrC,IAAI,OAAO,+BACZ;AAED,MAAI,CAAC,iBAAiB,KAAK,wBAAwB,KAAM;AAWzD,EATiB,IAAI,qBAAqB;AACxC,QAAK,sBACH,cAAc,cAAc,cAAc;AAE5C,OAAI,KAAK,oBACP,eAAc,aAAa,SAAS,KAAK,GAAG,eAAe,GAAG;IAEhE,CAEO,QAAQ,cAAc;;CAGjC,SAAS;EACP,MAAM,EAAE,UAAU,mBAAmB,qBAAqB;AAC1D,SAAO,IAAI;oBACK,OAAO;4BACC,iBAAiB;UACnC,CAAC,WACC,SACA,WAAW,aAAa;GACtB,MAAM;GACN,OAAO,GAAG,OAAO;GAClB,CAAC,CAAC;;;;;YAUD;;;gBAEIA;;;YArKf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAS1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAQ1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,UAAU;YAMV,OAAO;8BAxCTC,cAAc,GAAG,OAAO,gBAAgB;AA6KzC,4BAAe"}
+{"version":3,"file":"dropdown-item.js","names":["styles","customElement"],"sources":["../../../src/components/dropdown/dropdown-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport Checkmark16 from '@carbon/icons/es/checkmark/16.js';\nimport { DROPDOWN_SIZE } from './dropdown';\nimport styles from './dropdown.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Dropdown item.\n *\n * @element cds-dropdown-item\n * @csspart selected-icon The selected icon.\n */\n@customElement(`${prefix}-dropdown-item`)\nclass CDSDropdownItem extends LitElement {\n  /**\n   * `true` if this dropdown item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this dropdown item should be highlighted.\n   * If `true`, parent `<dropdown>` selects/deselects this dropdown item upon keyboard interaction.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * `true` if this dropdown item should be selected.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.MEDIUM;\n\n  /**\n   * The `value` attribute that is set to the parent `<cds-dropdown>` when this dropdown item is selected.\n   */\n  @property()\n  value = '';\n\n  /**\n   * true if menu item has ellipsis applied\n   */\n  @state()\n  _hasEllipsisApplied = false;\n\n  /**\n   * Reference to the next sibling element for hover state management.\n   */\n  protected _nextSiblingRef: Element | null = null;\n\n  /**\n   * Gets the next dropdown/combo-box item sibling.\n   */\n  protected _getNextItem(): Element | null {\n    let next = this.nextElementSibling;\n    while (next) {\n      if (\n        next instanceof HTMLElement &&\n        (next.tagName.toLowerCase() === `${prefix}-dropdown-item` ||\n          next.tagName.toLowerCase() === `${prefix}-combo-box-item`)\n      ) {\n        return next;\n      }\n      next = next.nextElementSibling;\n    }\n    return null;\n  }\n\n  /**\n   * Syncs the hovered-next-sibling attribute with the next item.\n   */\n  protected _syncNextSibling(attribute: string, shouldSet: boolean) {\n    const currentSibling = this._nextSiblingRef;\n    currentSibling?.removeAttribute(attribute);\n    if (shouldSet) {\n      const next = this._getNextItem();\n      if (next) {\n        next.setAttribute(attribute, '');\n        this._nextSiblingRef = next;\n        return;\n      }\n    }\n    this._nextSiblingRef = null;\n  }\n\n  protected _handleMouseEnter = () => {\n    if (this.hasAttribute('disabled')) {\n      return;\n    }\n    this._syncNextSibling('hovered-next-sibling', true);\n  };\n\n  protected _handleMouseLeave = () => {\n    this._syncNextSibling('hovered-next-sibling', false);\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'option');\n    }\n    if (!this.hasAttribute('id')) {\n      this.setAttribute(\n        'id',\n        `${prefix}-dropdown-item-${(this.constructor as typeof CDSDropdownItem)\n          .id++}`\n      );\n    }\n    this.setAttribute('aria-selected', String(this.selected));\n    this.addEventListener('mouseenter', this._handleMouseEnter);\n    this.addEventListener('mouseleave', this._handleMouseLeave);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('mouseenter', this._handleMouseEnter);\n    this.removeEventListener('mouseleave', this._handleMouseLeave);\n    this._syncNextSibling('hovered-next-sibling', false);\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Handles `slotchange` event.\n   *\n   * Adds the `title` property to its parent element so the native\n   * browser tooltip appears for menu items that result in ellipsis\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const text = (target as HTMLSlotElement).assignedNodes().filter(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n    );\n\n    const textContainer = this.shadowRoot?.querySelector(\n      `.${prefix}--list-box__menu-item__option`\n    );\n\n    if (!textContainer || this._hasEllipsisApplied === true) return;\n\n    const observer = new ResizeObserver(() => {\n      this._hasEllipsisApplied =\n        textContainer.scrollWidth > textContainer.clientWidth;\n\n      if (this._hasEllipsisApplied) {\n        textContainer.setAttribute('title', text[0].textContent ?? '');\n      }\n    });\n\n    observer.observe(textContainer);\n  }\n\n  render() {\n    const { selected, _handleSlotChange: handleSlotChange } = this;\n    return html`\n      <div class=\"${prefix}--list-box__menu-item__option\" part=\"menu-item\">\n        <slot @slotchange=${handleSlotChange}></slot>\n        ${!selected\n          ? undefined\n          : iconLoader(Checkmark16, {\n              part: 'selected-icon',\n              class: `${prefix}--list-box__menu-item__selected-icon`,\n            })}\n      </div>\n    `;\n  }\n\n  /**\n   * Store an identifier for use in composing this item's id.\n   *\n   * Auto-increments anytime a new dropdown-item appears.\n   */\n  static id = 0;\n\n  static styles = styles;\n}\n\nexport default CDSDropdownItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAA,kBAAA,MACM,wBAAwB,WAAW;;;kBAK5B;qBASG;kBAQH;;eAYH;6BAMc;yBAKsB;iCAqCR;AAClC,OAAI,KAAK,aAAa,WAAW,CAC/B;AAEF,QAAK,iBAAiB,wBAAwB,KAAK;;iCAGjB;AAClC,QAAK,iBAAiB,wBAAwB,MAAM;;;;;;CAxCtD,eAAyC;EACvC,IAAI,OAAO,KAAK;AAChB,SAAO,MAAM;AACX,OACE,gBAAgB,gBACf,KAAK,QAAQ,aAAa,KAAK,uBAC9B,KAAK,QAAQ,aAAa,KAAK,sBAEjC,QAAO;AAET,UAAO,KAAK;;AAEd,SAAO;;;;;CAMT,iBAA2B,WAAmB,WAAoB;AACzC,OAAK,iBACZ,gBAAgB,UAAU;AAC1C,MAAI,WAAW;GACb,MAAM,OAAO,KAAK,cAAc;AAChC,OAAI,MAAM;AACR,SAAK,aAAa,WAAW,GAAG;AAChC,SAAK,kBAAkB;AACvB;;;AAGJ,OAAK,kBAAkB;;CAczB,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,SAAS;AAErC,MAAI,CAAC,KAAK,aAAa,KAAK,CAC1B,MAAK,aACH,MACA,qBAA2B,KAAM,YAC9B,OACJ;AAEH,OAAK,aAAa,iBAAiB,OAAO,KAAK,SAAS,CAAC;AACzD,OAAK,iBAAiB,cAAc,KAAK,kBAAkB;AAC3D,OAAK,iBAAiB,cAAc,KAAK,kBAAkB;;CAG7D,uBAAuB;AACrB,OAAK,oBAAoB,cAAc,KAAK,kBAAkB;AAC9D,OAAK,oBAAoB,cAAc,KAAK,kBAAkB;AAC9D,OAAK,iBAAiB,wBAAwB,MAAM;AACpD,QAAM,sBAAsB;;;;;;;;CAS9B,kBAA4B,EAAE,UAAiB;EAC7C,MAAM,OAAQ,OAA2B,eAAe,CAAC,QAEtD,SAAS,KAAK,aAAa,KAAK,aAAa,KAAM,YAAa,MAAM,CACxE;EAED,MAAM,gBAAgB,KAAK,YAAY,cACrC,oCACD;AAED,MAAI,CAAC,iBAAiB,KAAK,wBAAwB,KAAM;AAExC,MAAI,qBAAqB;AACxC,QAAK,sBACH,cAAc,cAAc,cAAc;AAE5C,OAAI,KAAK,oBACP,eAAc,aAAa,SAAS,KAAK,GAAG,eAAe,GAAG;IAEhE,CAEO,QAAQ,cAAc;;CAGjC,SAAS;EACP,MAAM,EAAE,UAAU,mBAAmB,qBAAqB;AAC1D,SAAO,IAAI;0BACY;4BACC,iBAAiB;UACnC,CAAC,WACC,KAAA,IACA,WAAW,aAAa;GACtB,MAAM;GACN,OAAO;GACR,CAAC,CAAC;;;;;YAUD;;;gBAEIA;;;YArKf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,gBAAA,WAAA,YAAA,KAAA,EAAA;YAS1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,gBAAA,WAAA,eAAA,KAAA,EAAA;YAQ1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,gBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,gBAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,UAAU,CAAA,EAAA,gBAAA,WAAA,SAAA,KAAA,EAAA;YAMV,OAAO,CAAA,EAAA,gBAAA,WAAA,uBAAA,KAAA,EAAA;8BAxCTC,cAAc,oBAA0B,CAAA,EAAA,gBAAA;AA6KzC,IAAA,wBAAe"}

package/es/components/dropdown/dropdown-skeleton.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 { DROPDOWN_SIZE } from "./defs.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import "./defs.js";
 import dropdown_default from "./dropdown.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
-
 //#region src/components/dropdown/dropdown-skeleton.ts
 /**
 * Copyright IBM Corp. 2019, 2025
@@ -28,17 +27,17 @@ let CDSDropdownSkeleton = class CDSDropdownSkeleton extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.hideLabel = false;
-		this.size = DROPDOWN_SIZE.MEDIUM;
+		this.size = "md";
 	}
 	render() {
 		const { hideLabel, size } = this;
 		const classes = classMap({
-			[`${prefix}--skeleton`]: true,
-			[`${prefix}--dropdown`]: true,
-			[`${prefix}--list-box--${size}`]: Boolean(size)
+			[`cds--skeleton`]: true,
+			[`cds--dropdown`]: true,
+			[`cds--list-box--${size}`]: Boolean(size)
 		});
 		return html`
-      ${!hideLabel ? html`<span class="${prefix}--label ${prefix}--skeleton"></span>` : null}
+      ${!hideLabel ? html`<span class="${"cds"}--label ${"cds"}--skeleton"></span>` : null}
       <div class=${classes}></div>
     `;
 	}
@@ -52,9 +51,9 @@ __decorate([property({
 	attribute: "hide-label"
 })], CDSDropdownSkeleton.prototype, "hideLabel", void 0);
 __decorate([property({ reflect: true })], CDSDropdownSkeleton.prototype, "size", void 0);
-CDSDropdownSkeleton = __decorate([carbonElement(`${prefix}-dropdown-skeleton`)], CDSDropdownSkeleton);
+CDSDropdownSkeleton = __decorate([carbonElement(`cds-dropdown-skeleton`)], CDSDropdownSkeleton);
 var dropdown_skeleton_default = CDSDropdownSkeleton;
-
 //#endregion
 export { dropdown_skeleton_default as default };
+
 //# sourceMappingURL=dropdown-skeleton.js.map

package/es/components/dropdown/dropdown-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/dropdown/dropdown-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\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 { classMap } from 'lit/directives/class-map.js';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { DROPDOWN_SIZE } from './defs';\nimport styles from './dropdown.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton version of dropdown.\n */\n@customElement(`${prefix}-dropdown-skeleton`)\nclass CDSDropdownSkeleton extends LitElement {\n  /**\n   * Specify whether the label should be hidden, or not.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Specify the size of the ListBox.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.MEDIUM;\n\n  render() {\n    const { hideLabel, size } = this;\n    const classes = classMap({\n      [`${prefix}--skeleton`]: true,\n      [`${prefix}--dropdown`]: true,\n      [`${prefix}--list-box--${size}`]: Boolean(size),\n    });\n\n    return html`\n      ${!hideLabel\n        ? html`<span class=\"${prefix}--label ${prefix}--skeleton\"></span>`\n        : null}\n      <div class=${classes}></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDropdownSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,gCACM,4BAA4B,WAAW;;;mBAK/B;cAML,cAAc;;CAErB,SAAS;EACP,MAAM,EAAE,WAAW,SAAS;EAC5B,MAAM,UAAU,SAAS;IACtB,GAAG,OAAO,cAAc;IACxB,GAAG,OAAO,cAAc;IACxB,GAAG,OAAO,cAAc,SAAS,QAAQ,KAAK;GAChD,CAAC;AAEF,SAAO,IAAI;QACP,CAAC,YACC,IAAI,gBAAgB,OAAO,UAAU,OAAO,uBAC5C,KAAK;mBACI,QAAQ;;;;gBAITA;;;YAzBf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAc,CAAC;YAMnE,SAAS,EAAE,SAAS,MAAM,CAAC;kCAX7BC,cAAc,GAAG,OAAO,oBAAoB;AAiC7C,gCAAe"}
+{"version":3,"file":"dropdown-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/dropdown/dropdown-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\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 { classMap } from 'lit/directives/class-map.js';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { DROPDOWN_SIZE } from './defs';\nimport styles from './dropdown.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton version of dropdown.\n */\n@customElement(`${prefix}-dropdown-skeleton`)\nclass CDSDropdownSkeleton extends LitElement {\n  /**\n   * Specify whether the label should be hidden, or not.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * Specify the size of the ListBox.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.MEDIUM;\n\n  render() {\n    const { hideLabel, size } = this;\n    const classes = classMap({\n      [`${prefix}--skeleton`]: true,\n      [`${prefix}--dropdown`]: true,\n      [`${prefix}--list-box--${size}`]: Boolean(size),\n    });\n\n    return html`\n      ${!hideLabel\n        ? html`<span class=\"${prefix}--label ${prefix}--skeleton\"></span>`\n        : null}\n      <div class=${classes}></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDropdownSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,sBAAA,MACM,4BAA4B,WAAW;;;mBAK/B;;;CAQZ,SAAS;EACP,MAAM,EAAE,WAAW,SAAS;EAC5B,MAAM,UAAU,SAAS;IACtB,kBAAwB;IACxB,kBAAwB;IACxB,kBAAwB,SAAS,QAAQ,KAAK;GAChD,CAAC;AAEF,SAAO,IAAI;QACP,CAAC,YACC,IAAI,gBAAA,MAAuB,UAAA,MAAiB,uBAC5C,KAAK;mBACI,QAAQ;;;;gBAITA;;;YAzBf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAc,CAAC,CAAA,EAAA,oBAAA,WAAA,aAAA,KAAA,EAAA;YAMnE,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,QAAA,KAAA,EAAA;kCAX7BC,cAAc,wBAA8B,CAAA,EAAA,oBAAA;AAiC7C,IAAA,4BAAe"}

package/es/components/dropdown/dropdown.d.ts

@@ -272,6 +272,10 @@ declare class CDSDropdown extends CDSDropdown_base {
      * `true` if the value is required.
      */
     required: boolean;
+    /**
+     * Specify whether the dropdown is fluid or not
+     */
+    isFluid: boolean;
     /**
      * The special validity message for `required`.
      */
@@ -304,10 +308,6 @@ declare class CDSDropdown extends CDSDropdown_base {
      * The value of the selected item.
      */
     value: string;
-    /**
-     * Specify whether the textarea is fluid or not
-     */
-    isFluid: boolean;
     /**
      * Specify whether the control is currently in warning state
      */

package/es/components/dropdown/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAkBvD,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,aAAa,EACb,aAAa,EACb,oBAAoB,EACrB,MAAM,QAAQ,CAAC;AAChB,OAAO,eAAe,MAAM,iBAAiB,CAAC;AAI9C,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,oBAAoB,GACrB,CAAC;;;;;;;;;;;;;;;;;;;;uBA1B4D,CAAC;;;;;;;;;;;;AA4B/D;;;;;;;;;;;;;;;;;GAiBG;AACH,cACM,WAAY,SAAQ,gBAEzB;IACC;;OAEG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAqB;IAE9C;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAkC;IAE7D;;OAEG;IACH,OAAO,CAAC,6BAA6B,CAMnC;IAGF,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAErC;;OAEG;IACH,SAAS,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAE/D;;;OAGG;IACH,SAAS,CAAC,yBAAyB,UAAQ;IAE3C;;OAEG;IAEH,SAAS,CAAC,YAAY,EAAG,cAAc,CAAC;IAExC;;OAEG;IAEH,SAAS,CAAC,aAAa,EAAG,cAAc,CAAC;IAEzC;;OAEG;IAEH,SAAS,CAAC,kBAAkB,EAAG,cAAc,CAAC;IAE9C;;OAEG;IAEH,SAAS,CAAC,mBAAmB,EAAG,eAAe,CAAC;IAEhD;;OAEG;IAEH,SAAS,CAAC,kBAAkB,EAAG,eAAe,CAAC;IAE/C;;;OAGG;IACH,SAAS,CAAC,sBAAsB,CAAC,YAAY,CAAC,EAAE,eAAe;IAI/D;;;;;;OAMG;IACH,SAAS,CAAC,mBAAmB,CAAC,YAAY,CAAC,EAAE,eAAe;IAoB5D;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,UAAU;IAiC7C;;OAEG;IACH,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,aAAa;IAgGlD,OAAO,CAAC,uBAAuB;IA2C/B,SAAS,CAAC,6BAA6B,CAAC,EACtC,QAAQ,GACT,EAAE;QACD,KAAK,EAAE,aAAa,CAAC;QACrB,QAAQ,EAAE,OAAO,CAAC;QAClB,aAAa,EAAE,OAAO,CAAC;KACxB;IAID,SAAS,KAAK,2BAA2B,YAExC;IAED,SAAS,KAAK,cAAc,IAAI,gBAAgB,GAAG,IAAI,CAEtD;IAED,SAAS,CAAC,wBAAwB;IAElC,OAAO,CAAC,4BAA4B;IAWpC,OAAO,CAAC,sBAAsB;IAmC9B,OAAO,CAAC,2BAA2B;IAYnC;;OAEG;IACH,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,aAAa;IA4DnD;;;;OAIG;IAEH,SAAS,CAAC,qBAAqB,CAAC,KAAK,EAAE,UAAU;IAgBjD,SAAS,CAAC,sBAAsB,CAAC,KAAK,EAAE,UAAU;IA8BlD,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,UAAU;IAM3C;;OAEG;IACH,SAAS,CAAC,2BAA2B;IAIrC;;OAEG;IACH,SAAS,CAAC,0BAA0B;IAIpC;;OAEG;IACH,SAAS,CAAC,wBAAwB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IA0BpD,oBAAoB;IAKpB;;OAEG;IACH,OAAO,CAAC,2BAA2B;IAYnC;;;;OAIG;IACH,SAAS,CAAC,8BAA8B,CAAC,IAAI,CAAC,EAAE,eAAe;IAsC/D,SAAS,CAAC,0BAA0B,CAAC,IAAI,CAAC,EAAE,eAAe;IAM3D;;;;OAIG;IACH,SAAS,CAAC,0BAA0B,CAClC,KAAK,UAAa,EAClB,EACE,mBAA2B,EAC3B,SAAgB,EAChB,uBAA+B,GAChC,GAAE;QACD,mBAAmB,CAAC,EAAE,OAAO,CAAC;QAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,uBAAuB,CAAC,EAAE,OAAO,CAAC;KAC9B;IAoDR;;OAEG;IACH,SAAS,CAAC,eAAe;IAIzB,SAAS,CAAC,yBAAyB,CAAC,KAAK,EAAE,KAAK,GAAG,eAAe,GAAG,IAAI;IAkBzE,SAAS,CAAC,mBAAmB,CAC3B,IAAI,CAAC,EAAE,eAAe,GAAG,IAAI,EAC7B,EAAE,cAAsB,EAAE,GAAE;QAAE,cAAc,CAAC,EAAE,OAAO,CAAA;KAAO;IAgC/D,SAAS,CAAC,oBAAoB,CAC5B,IAAI,EAAE,eAAe,GACpB,eAAe,GAAG,IAAI;IAezB,SAAS,CAAC,0BAA0B,CAAC,IAAI,CAAC,EAAE,eAAe,GAAG,IAAI,GAAG,IAAI;IAczE,SAAS,CAAC,sBAAsB;IAahC,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAiCrC;;OAEG;IACH,SAAS,CAAC,qBAAqB,IAAI,cAAc,GAAG,SAAS;IAI7D;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,cAAc;IASxC;;OAEG;IACH,SAAS,CAAC,iBAAiB,IAAI,cAAc;IAiC7C;;OAEG;IACH,SAAS,CAAC,qBAAqB,IAAI,cAAc,GAAG,SAAS;IAI7D;;;;OAIG;IACH,eAAe,CAAC,KAAK,EAAE,aAAa;IAQpC;;;OAGG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,SAAS,qBAA6B;IAEtC;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,uBAAuB,SAAiC;IAExD;;OAEG;IAEH,IAAI,gBAAwB;IAE5B;;OAEG;IAEH,iBAAiB,SAAM;IAEvB;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,IAAI,gBAAyB;IAE7B;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IACH,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,YAAY,CAAC,iBAAiB,KAAA;IA+C9B,OAAO,CAAC,iBAAiB,KAAA;IAwCzB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAc5B;;OAEG;IACH,OAAO,CAAC,yBAAyB;IA0BjC;;OAEG;IACH,SAAS,KAAK,gBAAgB;;;;MAO7B;IAED;;OAEG;IAEH,SAAS,KAAK,QAAQ,IAAI,GAAG,CAuB5B;IAED,MAAM;IA6IN;;OAEG;IACH,MAAM,CAAC,YAAY,cAA2B;IAE9C;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IAEF,MAAM,CAAC,MAAM,MAAU;IAEvB;;OAEG;IACH,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM;CAY7B;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.ts"],"names":[],"mappings":"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"}

package/es/components/dropdown/dropdown.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, forEach, indexOf } 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 iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import HostListener from "../../globals/decorators/host-listener.js";
@@ -25,7 +25,6 @@ import { ifDefined } from "lit/directives/if-defined.js";
 import WarningFilled16 from "@carbon/icons/es/warning--filled/16.js";
 import WarningAltFilled16 from "@carbon/icons/es/warning--alt--filled/16.js";
 import ChevronDown16 from "@carbon/icons/es/chevron--down/16.js";
-
 //#region src/components/dropdown/dropdown.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -64,7 +63,7 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
 		this._selectedItemContent = null;
 		this._shouldTriggerBeFocusable = true;
 		this.ariaLabel = "";
-		this.direction = DROPDOWN_DIRECTION.BOTTOM;
+		this.direction = "bottom";
 		this.autoalign = false;
 		this.disabled = false;
 		this.helperText = "";
@@ -76,15 +75,15 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
 		this.open = false;
 		this.readOnly = false;
 		this.required = false;
+		this.isFluid = false;
 		this.requiredValidityMessage = "Please fill out this field.";
-		this.size = DROPDOWN_SIZE.MEDIUM;
+		this.size = "md";
 		this.toggleLabelClosed = "";
 		this.toggleLabelOpen = "";
 		this.label = "";
-		this.type = DROPDOWN_TYPE.DEFAULT;
+		this.type = "";
 		this.validityMessage = "";
 		this.value = "";
-		this.isFluid = false;
 		this.warn = false;
 		this.warnText = "";
 	}
@@ -147,7 +146,7 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
 		const { key } = event;
 		const action = this.constructor.getAction(key);
 		if (!this.open) switch (action) {
-			case DROPDOWN_KEYBOARD_ACTION.NAVIGATING: {
+			case "navigating": {
 				const shouldKeepInputFocus = this._shouldRetainMenuInputFocus(event);
 				const menuInputNode = this._menuInputNode;
 				if (this.readOnly) {
@@ -183,10 +182,10 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
 			default: break;
 		}
 		else switch (action) {
-			case DROPDOWN_KEYBOARD_ACTION.CLOSING:
+			case "closing":
 				this._handleUserInitiatedToggle(false, { restoreTriggerFocus: true });
 				break;
-			case DROPDOWN_KEYBOARD_ACTION.NAVIGATING: {
+			case "navigating": {
 				event.preventDefault();
 				const menu = this.shadowRoot?.getElementById("menu-body");
 				const menuInputNode = this._menuInputNode;
@@ -268,12 +267,12 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
 		const { key } = event;
 		const action = this.constructor.getAction(key);
 		if (!this.open) {
-			if (this.readOnly && action === DROPDOWN_KEYBOARD_ACTION.TRIGGERING) {
+			if (this.readOnly && action === "triggering") {
 				if (key === " " || key === "Space") event.preventDefault();
 				return;
 			}
 			switch (action) {
-				case DROPDOWN_KEYBOARD_ACTION.TRIGGERING: {
+				case "triggering": {
 					if (key === " " || key === "Space") event.preventDefault();
 					const constructor = this.constructor;
 					const selectedItem = this.querySelector(constructor.selectorItemSelected);
@@ -287,7 +286,7 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
 				default: break;
 			}
 		} else switch (action) {
-			case DROPDOWN_KEYBOARD_ACTION.TRIGGERING: {
+			case "triggering": {
 				const constructor = this.constructor;
 				const selectedItem = this.querySelector(constructor.selectorItemSelected);
 				const highlightedItem = this.querySelector(constructor.selectorItemHighlighted);
@@ -504,7 +503,7 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
 	_renderLabel() {
 		const { label, _selectedItemContent: selectedItemContent } = this;
 		return html`
-      <span id="trigger-label" class="${prefix}--list-box__label"
+      <span id="trigger-label" class="${"cds"}--list-box__label"
         >${selectedItemContent || label}</span
       >
     `;
@@ -519,9 +518,9 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
         id="dropdown-label"
         part="title-text"
         class="${classMap({
-			[`${prefix}--label`]: true,
-			[`${prefix}--label--disabled`]: disabled,
-			[`${prefix}--visually-hidden`]: hideLabel
+			[`cds--label`]: true,
+			[`cds--label--disabled`]: disabled,
+			[`cds--visually-hidden`]: hideLabel
 		})}"
         for="trigger-button"
         ?hidden="${!(titleText || slotTitleTextNode && slotTitleTextNode.assignedNodes().length > 0)}">
@@ -587,8 +586,8 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
 		if (this._hasAILabel) this.setAttribute("ai-label", "");
 		else this.removeAttribute("ai-label");
 		const label = this.shadowRoot?.querySelector("slot[name='ai-label']");
-		if (label) label?.classList.toggle(`${prefix}--slug--revert`, this.querySelector(`${prefix}-ai-label`)?.hasAttribute("revert-active"));
-		else this.shadowRoot?.querySelector("slot[name='slug']")?.classList.toggle(`${prefix}--slug--revert`, this.querySelector(`${prefix}-slug`)?.hasAttribute("revert-active"));
+		if (label) label?.classList.toggle(`cds--slug--revert`, this.querySelector(`cds-ai-label`)?.hasAttribute("revert-active"));
+		else this.shadowRoot?.querySelector("slot[name='slug']")?.classList.toggle(`cds--slug--revert`, this.querySelector(`cds-slug`)?.hasAttribute("revert-active"));
 		if (this.autoalign && this.open && (changedProperties.has("open") || changedProperties.has("autoalign") && this.autoalign || changedProperties.has("direction") || changedProperties.has("size"))) this._updateAutoAlignPlacement();
 		else if (changedProperties.has("autoalign") && !this.autoalign || changedProperties.has("open") && !this.open) {
 			this._floatingController.hostDisconnected();
@@ -616,7 +615,7 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
 		const menu = this._menuBodyNode;
 		const trigger = this._triggerButtonNode || this._listBoxNode;
 		if (!menu || !trigger) return;
-		const alignment = this.direction === DROPDOWN_DIRECTION.TOP ? DROPDOWN_DIRECTION.TOP : DROPDOWN_DIRECTION.BOTTOM;
+		const alignment = this.direction === "top" ? "top" : "bottom";
 		this._floatingController.setPlacement({
 			alignment,
 			matchWidth: true,
@@ -641,27 +640,27 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
 	*/
 	get _classes() {
 		const { size, type, open, autoalign } = this;
-		const inline = type === DROPDOWN_TYPE.INLINE;
+		const inline = type === "inline";
 		const normalizedProps = this._normalizedProps;
 		const selectedItemsCount = this.querySelectorAll(this.constructor.selectorItemSelected).length;
 		return classMap({
-			[`${prefix}--dropdown`]: true,
-			[`${prefix}--list-box`]: true,
-			[`${prefix}--list-box--disabled`]: normalizedProps.disabled,
-			[`${prefix}--list-box--inline`]: inline,
-			[`${prefix}--list-box--expanded`]: open,
-			[`${prefix}--list-box--${size}`]: size,
-			[`${prefix}--dropdown--invalid`]: normalizedProps.invalid,
-			[`${prefix}--dropdown--warn`]: normalizedProps.warn,
-			[`${prefix}--dropdown--inline`]: inline,
-			[`${prefix}--dropdown--selected`]: selectedItemsCount > 0,
-			[`${prefix}--list-box__wrapper--decorator`]: this._hasAILabel,
-			[`${prefix}--autoalign`]: autoalign
+			[`cds--dropdown`]: true,
+			[`cds--list-box`]: true,
+			[`cds--list-box--disabled`]: normalizedProps.disabled,
+			[`cds--list-box--inline`]: inline,
+			[`cds--list-box--expanded`]: open,
+			[`cds--list-box--${size}`]: size,
+			[`cds--dropdown--invalid`]: normalizedProps.invalid,
+			[`cds--dropdown--warn`]: normalizedProps.warn,
+			[`cds--dropdown--inline`]: inline,
+			[`cds--dropdown--selected`]: selectedItemsCount > 0,
+			[`cds--list-box__wrapper--decorator`]: this._hasAILabel,
+			[`cds--autoalign`]: autoalign
 		});
 	}
 	render() {
-		const { ariaLabel, _classes: classes, helperText, invalidText, open, toggleLabelClosed, toggleLabelOpen, type, warnText, _activeDescendant: activeDescendant, _shouldTriggerBeFocusable: shouldTriggerBeFocusable, _handleClickInner: handleClickInner, _handleKeydownInner: handleKeydownInner, _handleKeypressInner: handleKeypressInner, _handleMouseleaveInner: handleMouseleaveInner, _handleMouseoverInner: handleMouseoverInner, _handleSlotchangeHelperText: handleSlotchangeHelperText, _handleAILabelSlotChange: handleAILabelSlotChange, _slotHelperTextNode: slotHelperTextNode } = this;
-		const inline = type === DROPDOWN_TYPE.INLINE;
+		const { ariaLabel, _classes: classes, disabled, helperText, invalidText, open, toggleLabelClosed, toggleLabelOpen, type, warnText, _activeDescendant: activeDescendant, _shouldTriggerBeFocusable: shouldTriggerBeFocusable, _handleClickInner: handleClickInner, _handleKeydownInner: handleKeydownInner, _handleKeypressInner: handleKeypressInner, _handleMouseleaveInner: handleMouseleaveInner, _handleMouseoverInner: handleMouseoverInner, _handleSlotchangeHelperText: handleSlotchangeHelperText, _handleAILabelSlotChange: handleAILabelSlotChange, _slotHelperTextNode: slotHelperTextNode } = this;
+		const inline = type === "inline";
 		const normalizedProps = this._normalizedProps;
 		let activeDescendantFallback;
 		if (open && !activeDescendant) {
@@ -669,21 +668,21 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
 			activeDescendantFallback = this.querySelectorAll(constructor.selectorItem)[0]?.id;
 		}
 		const helperClasses = classMap({
-			[`${prefix}--form__helper-text`]: true,
-			[`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled
+			[`cds--form__helper-text`]: true,
+			[`cds--form__helper-text--disabled`]: normalizedProps.disabled
 		});
 		const iconContainerClasses = classMap({
-			[`${prefix}--list-box__menu-icon`]: true,
-			[`${prefix}--list-box__menu-icon--open`]: open
+			[`cds--list-box__menu-icon`]: true,
+			[`cds--list-box__menu-icon--open`]: open
 		});
 		const toggleLabel = (open ? toggleLabelOpen : toggleLabelClosed) || "";
 		const hasHelperText = helperText || invalidText || warnText || slotHelperTextNode && slotHelperTextNode.assignedNodes().length > 0;
 		const validityIcon = !normalizedProps.invalid ? void 0 : iconLoader(WarningFilled16, {
-			class: `${prefix}--list-box__invalid-icon`,
+			class: `cds--list-box__invalid-icon`,
 			"aria-label": toggleLabel
 		});
 		const warningIcon = !normalizedProps.warn ? void 0 : iconLoader(WarningAltFilled16, {
-			class: `${prefix}--list-box__invalid-icon ${prefix}--list-box__invalid-icon--warning`,
+			class: `cds--list-box__invalid-icon cds--list-box__invalid-icon--warning`,
 			"aria-label": toggleLabel
 		});
 		const helperMessage = normalizedProps.invalid ? invalidText : normalizedProps.warn ? warnText : helperText;
@@ -693,7 +692,7 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
         aria-label="${ifDefined(ariaLabel ? ariaLabel : void 0)}"
         id="menu-body"
         part="menu-body"
-        class="${prefix}--list-box__menu"
+        class="${"cds"}--list-box__menu"
         role="listbox"
         tabindex="-1"
         ?hidden=${!open}
@@ -713,9 +712,9 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
         ${validityIcon}${warningIcon}
         <div
           id="${ifDefined(!shouldTriggerBeFocusable ? void 0 : "trigger-button")}"
-          class="${prefix}--list-box__field"
+          class="${"cds"}--list-box__field"
           part="trigger-button"
-          tabindex="${ifDefined(!shouldTriggerBeFocusable ? void 0 : "0")}"
+          tabindex="${ifDefined(!shouldTriggerBeFocusable ? void 0 : disabled ? void 0 : "0")}"
           role="${ifDefined(!shouldTriggerBeFocusable ? void 0 : "combobox")}"
           aria-label="${ifDefined(ariaLabel ? ariaLabel : void 0)}"
           aria-labelledby="${ifDefined(!shouldTriggerBeFocusable ? void 0 : "dropdown-label")}"
@@ -728,7 +727,7 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
             ${iconLoader(ChevronDown16, { "aria-label": toggleLabel })}
           </div>
         </div>
-        ${this.isFluid && (normalizedProps.invalid || normalizedProps.warn) ? html`<hr class="${prefix}--list-box__divider" />` : null}
+        ${this.isFluid && (normalizedProps.invalid || normalizedProps.warn) ? html`<hr class="${"cds"}--list-box__divider" />` : null}
         <slot name="ai-label" @slotchange=${handleAILabelSlotChange}></slot>
         <slot name="slug" @slotchange=${handleAILabelSlotChange}></slot>
         ${menuBody}
@@ -750,45 +749,45 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
 	* A selector that will return highlighted items.
 	*/
 	static get selectorItemHighlighted() {
-		return `${prefix}-dropdown-item[highlighted]`;
+		return `cds-dropdown-item[highlighted]`;
 	}
 	/**
 	* A selector that will return dropdown items.
 	*/
 	static get selectorItem() {
-		return `${prefix}-dropdown-item`;
+		return `cds-dropdown-item`;
 	}
 	/**
 	* A selector that will return selected items.
 	*/
 	static get selectorItemSelected() {
-		return `${prefix}-dropdown-item[selected]`;
+		return `cds-dropdown-item[selected]`;
 	}
 	/**
 	* The name of the custom event fired before a dropdown item is selected upon a user gesture.
 	* Cancellation of this event stops changing the user-initiated selection.
 	*/
 	static get eventBeforeSelect() {
-		return `${prefix}-dropdown-beingselected`;
+		return `cds-dropdown-beingselected`;
 	}
 	/**
 	* The name of the custom event fired after a a dropdown item is selected upon a user gesture.
 	*/
 	static get eventSelect() {
-		return `${prefix}-dropdown-selected`;
+		return `cds-dropdown-selected`;
 	}
 	/**
 	* The name of the custom event fired before this dropdown item is being toggled upon a user gesture.
 	* Cancellation of this event stops the user-initiated action of toggling this dropdown item.
 	*/
 	static get eventBeforeToggle() {
-		return `${prefix}-dropdown-beingtoggled`;
+		return `cds-dropdown-beingtoggled`;
 	}
 	/**
 	* The name of the custom event fired after this dropdown item is toggled upon a user gesture.
 	*/
 	static get eventToggle() {
-		return `${prefix}-dropdown-toggled`;
+		return `cds-dropdown-toggled`;
 	}
 	/**
 	* A selector that will return the slug item.
@@ -796,13 +795,13 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
 	* remove in v12
 	*/
 	static get slugItem() {
-		return `${prefix}-slug`;
+		return `cds-slug`;
 	}
 	/**
 	* A selector that will return the AI Label item.
 	*/
 	static get aiLabelItem() {
-		return `${prefix}-ai-label`;
+		return `cds-ai-label`;
 	}
 	static {
 		this.shadowRootOptions = {
@@ -817,14 +816,14 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
 	* @returns A action for dropdown for the given key symbol.
 	*/
 	static getAction(key) {
-		if (key === "Escape") return DROPDOWN_KEYBOARD_ACTION.CLOSING;
-		if (key in NAVIGATION_DIRECTION) return DROPDOWN_KEYBOARD_ACTION.NAVIGATING;
-		if (this.TRIGGER_KEYS.has(key)) return DROPDOWN_KEYBOARD_ACTION.TRIGGERING;
-		return DROPDOWN_KEYBOARD_ACTION.NONE;
+		if (key === "Escape") return "closing";
+		if (key in NAVIGATION_DIRECTION) return "navigating";
+		if (this.TRIGGER_KEYS.has(key)) return "triggering";
+		return "none";
 	}
 };
 __decorate([state()], CDSDropdown.prototype, "_activeDescendant", void 0);
-__decorate([query(`.${prefix}--list-box`)], CDSDropdown.prototype, "_listBoxNode", void 0);
+__decorate([query(`.cds--list-box`)], CDSDropdown.prototype, "_listBoxNode", void 0);
 __decorate([query("#menu-body")], CDSDropdown.prototype, "_menuBodyNode", void 0);
 __decorate([query("#trigger-button")], CDSDropdown.prototype, "_triggerButtonNode", void 0);
 __decorate([query("slot[name=\"helper-text\"]")], CDSDropdown.prototype, "_slotHelperTextNode", void 0);
@@ -872,6 +871,7 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSDropdown.prototype, "required", void 0);
+__decorate([property({ type: Boolean })], CDSDropdown.prototype, "isFluid", void 0);
 __decorate([property({ attribute: "required-validity-message" })], CDSDropdown.prototype, "requiredValidityMessage", void 0);
 __decorate([property({ reflect: true })], CDSDropdown.prototype, "size", void 0);
 __decorate([property({ attribute: "toggle-label-closed" })], CDSDropdown.prototype, "toggleLabelClosed", void 0);
@@ -880,15 +880,14 @@ __decorate([property({ attribute: "label" })], CDSDropdown.prototype, "label", v
 __decorate([property({ reflect: true })], CDSDropdown.prototype, "type", void 0);
 __decorate([property({ attribute: "validity-message" })], CDSDropdown.prototype, "validityMessage", void 0);
 __decorate([property({ reflect: true })], CDSDropdown.prototype, "value", void 0);
-__decorate([property({ type: Boolean })], CDSDropdown.prototype, "isFluid", void 0);
 __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSDropdown.prototype, "warn", void 0);
 __decorate([property({ attribute: "warn-text" })], CDSDropdown.prototype, "warnText", void 0);
-CDSDropdown = __decorate([carbonElement(`${prefix}-dropdown`)], CDSDropdown);
+CDSDropdown = __decorate([carbonElement(`cds-dropdown`)], CDSDropdown);
 var dropdown_default = CDSDropdown;
-
 //#endregion
 export { DROPDOWN_DIRECTION, DROPDOWN_KEYBOARD_ACTION, DROPDOWN_SIZE, DROPDOWN_TYPE, NAVIGATION_DIRECTION, dropdown_default as default };
+
 //# sourceMappingURL=dropdown.js.map