npm - @carbon/web-components - Versions diffs - 2.59.0-rc.0 → 2.60.0-rc.0 - Mend

@carbon/web-components 2.59.0-rc.0 → 2.60.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (598) hide show

package/es-custom/components/data-table/table-header-cell.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION } from "./defs.js";

package/es-custom/components/data-table/table-header-description.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import data_table_default from "./data-table.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/data-table/table-header-description.ts

package/es-custom/components/data-table/table-header-row.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import table_row_default from "./table-row.js";
 //#region src/components/data-table/table-header-row.ts
 /**

package/es-custom/components/data-table/table-header-title.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import data_table_default from "./data-table.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/data-table/table-header-title.ts

package/es-custom/components/data-table/table-row.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/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";

package/es-custom/components/data-table/table-skeleton.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import data_table_default from "./data-table.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es-custom/components/data-table/table-toolbar-content.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import data_table_default from "./data-table.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es-custom/components/data-table/table-toolbar-search.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
 import data_table_default from "./data-table.scss.js";

package/es-custom/components/data-table/table-toolbar.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import data_table_default from "./data-table.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es-custom/components/data-table/table.js CHANGED Viewed

@@ -8,7 +8,7 @@
 import "../../globals/settings.js";
 import { forEach } from "../../globals/internal/collection-helpers.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
 import { TABLE_SIZE } from "./defs.js";

package/es-custom/components/date-picker/date-picker-input-skeleton.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import "./defs.js";
 import date_picker_default from "./date-picker.scss.js";
 import "./date-picker-input.js";

package/es-custom/components/date-picker/date-picker-input.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import { FORM_ELEMENT_COLOR_SCHEME } from "../../globals/shared-enums.js";

package/es-custom/components/date-picker/date-picker.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
 import FormMixin from "../../globals/mixins/form.js";

package/es-custom/components/dialog/dialog-body.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import dialog_default from "./dialog.scss.js";
 import modal_body_default from "../modal/modal-body.js";
 //#region src/components/dialog/dialog-body.ts

package/es-custom/components/dialog/dialog-close-button.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import dialog_default from "./dialog.scss.js";
 import modal_close_button_default from "../modal/modal-close-button.js";

package/es-custom/components/dialog/dialog-controls.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import dialog_default from "./dialog.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/dialog/dialog-controls.ts

package/es-custom/components/dialog/dialog-footer-button.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import button_default from "../button/button.scss.js";
 import button_default$1 from "../button/button.js";
 import dialog_default from "./dialog.scss.js";

package/es-custom/components/dialog/dialog-footer.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import dialog_default from "./dialog.scss.js";
 import modal_footer_default from "../modal/modal-footer.js";
 //#region src/components/dialog/dialog-footer.ts

package/es-custom/components/dialog/dialog-header.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import dialog_default from "./dialog.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/dialog/dialog-header.ts

package/es-custom/components/dialog/dialog-subtitle.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import dialog_default from "./dialog.scss.js";
 import modal_label_default from "../modal/modal-label.js";
 import { html } from "lit";

package/es-custom/components/dialog/dialog-title.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import dialog_default from "./dialog.scss.js";
 import modal_heading_default from "../modal/modal-heading.js";
 import { html } from "lit";

package/es-custom/components/dialog/dialog.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import { CDSModalBase } from "../modal/modal-base.js";
 import dialog_default$1 from "./dialog.scss.js";

package/es-custom/components/dropdown/dropdown-item.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2024
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -46,6 +46,7 @@ declare class CDSDropdownItem extends LitElement {
      * Reference to the next sibling element for hover state management.
      */
     protected _nextSiblingRef: Element | null;
+    private _textContainer;
     /**
      * Gets the next dropdown/combo-box item sibling.
      */

package/es-custom/components/dropdown/dropdown-item.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAI3C;;;;;GAKG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;;OAKG;IAEH,WAAW,UAAS;IAEpB;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,gBAAwB;IAE5B;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,mBAAmB,UAAS;IAE5B;;OAEG;IACH,SAAS,CAAC,eAAe,EAAE,OAAO,GAAG,IAAI,CAAQ;~~IAEjD~~;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,OAAO,GAAG,IAAI;IAexC;;OAEG;IACH,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO;IAchE,SAAS,CAAC,iBAAiB,aAKzB;IAEF,SAAS,CAAC,iBAAiB,aAEzB;IAEF,iBAAiB;IAiBjB,oBAAoB;IAOpB;;;;;OAKG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;~~IAwB7C~~,MAAM;IAeN;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAK;IAEd,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC"}
1	+ {"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAI3C;;;;;GAKG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;;OAKG;IAEH,WAAW,UAAS;IAEpB;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,gBAAwB;IAE5B;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,mBAAmB,UAAS;IAE5B;;OAEG;IACH,SAAS,CAAC,eAAe,EAAE,OAAO,GAAG,IAAI,CAAQ;IAGjD,OAAO,CAAC,cAAc,CAAyB;IAE/C;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,OAAO,GAAG,IAAI;IAexC;;OAEG;IACH,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO;IAchE,SAAS,CAAC,iBAAiB,aAKzB;IAEF,SAAS,CAAC,iBAAiB,aAEzB;IAEF,iBAAiB;IAiBjB,oBAAoB;IAOpB;;;;;OAKG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAsB7C,MAAM;IAeN;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAK;IAEd,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC"}

package/es-custom/components/dropdown/dropdown-item.js CHANGED Viewed

@@ -7,17 +7,17 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.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 { property, query, 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
+* Copyright IBM Corp. 2019, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
@@ -94,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(`.cds-custom--list-box__menu-item__option`);
+		const textContainer = this._textContainer;
 		if (!textContainer || this._hasEllipsisApplied === true) return;
 		new ResizeObserver(() => {
 			this._hasEllipsisApplied = textContainer.scrollWidth > textContainer.clientWidth;
@@ -135,6 +135,7 @@ __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);
+__decorate([query(`.cds-custom--list-box__menu-item__option`)], CDSDropdownItem.prototype, "_textContainer", void 0);
 CDSDropdownItem = __decorate([carbonElement(`cds-custom-dropdown-item`)], CDSDropdownItem);
 var dropdown_item_default = CDSDropdownItem;
 //#endregion

package/es-custom/components/dropdown/dropdown-item.js.map CHANGED Viewed

	@@ -1 +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-custom-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-custom-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~~;GAClC,IAAI,KAAK,aAAa,UAAU,GAC9B;GAEF,KAAK,iBAAiB,wBAAwB,IAAI;EACpD;iCAEoC;GAClC,KAAK,iBAAiB,wBAAwB,KAAK;EACrD;;;;;CAzCA,eAAyC;EACvC,IAAI,OAAO,KAAK;EAChB,OAAO,MAAM;GACX,IACE,gBAAgB,gBACf,KAAK,QAAQ,YAAY,MAAM,uBAC9B,KAAK,QAAQ,YAAY,MAAM,uBAEjC,OAAO;GAET,OAAO,KAAK;EACd;EACA,OAAO;CACT;;;;CAKA,iBAA2B,WAAmB,WAAoB;EAEhE,KAD4B,iBACZ,gBAAgB,SAAS;EACzC,IAAI,WAAW;GACb,MAAM,OAAO,KAAK,aAAa;GAC/B,IAAI,MAAM;IACR,KAAK,aAAa,WAAW,EAAE;IAC/B,KAAK,kBAAkB;IACvB;GACF;EACF;EACA,KAAK,kBAAkB;CACzB;CAaA,oBAAoB;EAClB,MAAM,kBAAkB;EACxB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,QAAQ;EAEpC,IAAI,CAAC,KAAK,aAAa,IAAI,GACzB,KAAK,aACH,MACA,qBAA2B,KAAM,YAC9B,MACL;EAEF,KAAK,aAAa,iBAAiB,OAAO,KAAK,QAAQ,CAAC;EACxD,KAAK,iBAAiB,cAAc,KAAK,iBAAiB;EAC1D,KAAK,iBAAiB,cAAc,KAAK,iBAAiB;CAC5D;CAEA,uBAAuB;EACrB,KAAK,oBAAoB,cAAc,KAAK,iBAAiB;EAC7D,KAAK,oBAAoB,cAAc,KAAK,iBAAiB;EAC7D,KAAK,iBAAiB,wBAAwB,KAAK;EACnD,MAAM,qBAAqB;CAC7B;;;;;;;CAQA,kBAA4B,EAAE,UAAiB;EAC7C,MAAM,OAAQ,OAA2B,cAAc,CAAC,CAAC,QAEtD,SAAS,KAAK,aAAa,KAAK,aAAa,KAAM,YAAa,KAAK,CACxE;EAEA,MAAM,gBAAgB,KAAK~~,YAAY,cACrC,mCACF~~;~~EAEA~~,IAAI,CAAC,iBAAiB,KAAK,wBAAwB,MAAM;EAWzD,IATqB,qBAAqB;GACxC,KAAK,sBACH,cAAc,cAAc,cAAc;GAE5C,IAAI,KAAK,qBACP,cAAc,aAAa,SAAS,KAAK,EAAE,CAAC,eAAe,EAAE;EAEjE,CAEO,CAAC,CAAC,QAAQ,aAAa;CAChC;CAEA,SAAS;EACP,MAAM,EAAE,UAAU,mBAAmB,qBAAqB;EAC1D,OAAO,IAAI;0BACY;4BACC,iBAAiB;UACnC,CAAC,WACC,KAAA,IACA,WAAW,aAAa;GACtB,MAAM;GACN,OAAO;EACT,CAAC,EAAE;;;CAGb;;YAOY;;;gBAEIA;;AAClB;~~YAtKG~~,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,YAAA,KAAA,CAAA;YASzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,eAAA,KAAA,CAAA;YAQzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,QAAA,KAAA,CAAA;YAM1B,SAAS,CAAA,GAAA,gBAAA,WAAA,SAAA,KAAA,CAAA;YAMT,MAAM,CAAA,GAAA,gBAAA,WAAA,uBAAA,KAAA,CAAA;~~8BAxCRC~~,cAAc,mBAAyB,CAAA,GAAA,eAAA;~~AA6KxC~~,IAAA,wBAAe"}
1	+ {"version":3,"file":"dropdown-item.js","names":["styles","customElement"],"sources":["../../../src/components/dropdown/dropdown-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, query, 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-custom-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-custom-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 @query(`.${prefix}--list-box__menu-item__option`)\n private _textContainer!: HTMLDivElement \| 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._textContainer;\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":"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"}

package/es-custom/components/dropdown/dropdown-skeleton.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import "./defs.js";
 import dropdown_default from "./dropdown.scss.js";
 import { LitElement, html } from "lit";

package/es-custom/components/dropdown/dropdown.js CHANGED Viewed

@@ -8,7 +8,7 @@
 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.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/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";
@@ -753,7 +753,7 @@ let CDSDropdown = class CDSDropdown extends ValidityMixin(HostListenerMixin(Form
     `;
 	}
 	static {
-		this.TRIGGER_KEYS = new Set([" ", "Enter"]);
+		this.TRIGGER_KEYS = /* @__PURE__ */ new Set([" ", "Enter"]);
 	}
 	/**
 	* A selector that will return highlighted items.