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

package/es-custom/components/combo-box/combo-box-item.js

@@ -5,12 +5,11 @@
  * 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 combo_box_default from "./combo-box.scss.js";
 import dropdown_item_default from "../dropdown/dropdown-item.js";
-
 //#region src/components/combo-box/combo-box-item.ts
 /**
 * Combo box item.
@@ -28,7 +27,7 @@ let CDSComboBoxItem = class CDSComboBoxItem extends dropdown_item_default {
 	}
 	connectedCallback() {
 		super.connectedCallback();
-		this.classList.add(`${prefix}--list-box__menu-item`);
+		this.classList.add(`cds-custom--list-box__menu-item`);
 	}
 	disconnectedCallback() {
 		this._syncNextSibling("highlighted-next-sibling", false);
@@ -38,7 +37,7 @@ let CDSComboBoxItem = class CDSComboBoxItem extends dropdown_item_default {
 	_getNextItem() {
 		let next = this.nextElementSibling;
 		while (next) {
-			if (next instanceof HTMLElement && next.tagName.toLowerCase() === `${prefix}-combo-box-item`) return next;
+			if (next instanceof HTMLElement && next.tagName.toLowerCase() === `cds-custom-combo-box-item`) return next;
 			next = next.nextElementSibling;
 		}
 		return null;
@@ -64,9 +63,9 @@ let CDSComboBoxItem = class CDSComboBoxItem extends dropdown_item_default {
 		this.styles = combo_box_default;
 	}
 };
-CDSComboBoxItem = __decorate([carbonElement(`${prefix}-combo-box-item`)], CDSComboBoxItem);
+CDSComboBoxItem = __decorate([carbonElement(`cds-custom-combo-box-item`)], CDSComboBoxItem);
 var combo_box_item_default = CDSComboBoxItem;
-
 //#endregion
 export { combo_box_item_default as default };
+
 //# sourceMappingURL=combo-box-item.js.map

package/es-custom/components/combo-box/combo-box-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-box-item.js","names":["CDSDropdownItem","styles","customElement"],"sources":["../../../src/components/combo-box/combo-box-item.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 type { PropertyValues } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport CDSDropdownItem from '../dropdown/dropdown-item';\nimport styles from './combo-box.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\ntype NextSiblingAttribute =\n  | 'hovered-next-sibling'\n  | 'highlighted-next-sibling'\n  | 'selected-next-sibling';\n\n/**\n * Combo box item.\n *\n * @element cds-custom-combo-box-item\n */\n@customElement(`${prefix}-combo-box-item`)\nclass CDSComboBoxItem extends CDSDropdownItem {\n  private _nextSiblingRefs: Record<NextSiblingAttribute, Element | null> = {\n    'hovered-next-sibling': null,\n    'highlighted-next-sibling': null,\n    'selected-next-sibling': null,\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.classList.add(`${prefix}--list-box__menu-item`);\n  }\n\n  disconnectedCallback() {\n    this._syncNextSibling('highlighted-next-sibling', false);\n    this._syncNextSibling('selected-next-sibling', false);\n    super.disconnectedCallback();\n  }\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}-combo-box-item`\n      ) {\n        return next;\n      }\n      next = next.nextElementSibling;\n    }\n    return null;\n  }\n\n  protected _syncNextSibling(\n    attribute: NextSiblingAttribute,\n    shouldSet: boolean\n  ) {\n    const currentSibling = this._nextSiblingRefs[attribute];\n    currentSibling?.removeAttribute(attribute);\n    if (shouldSet) {\n      const next = this._getNextItem();\n      if (next) {\n        next.setAttribute(attribute, '');\n        this._nextSiblingRefs[attribute] = next;\n        return;\n      }\n    }\n    this._nextSiblingRefs[attribute] = null;\n  }\n\n  protected updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    if (changedProperties.has('highlighted')) {\n      this._syncNextSibling('highlighted-next-sibling', this.highlighted);\n    }\n    if (changedProperties.has('selected')) {\n      this._syncNextSibling('selected-next-sibling', this.selected);\n    }\n  }\n\n  static styles = styles;\n}\n\nexport default CDSComboBoxItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBA,4BACM,wBAAwBA,sBAAgB;;;0BAC6B;GACvE,wBAAwB;GACxB,4BAA4B;GAC5B,yBAAyB;GAC1B;;CAED,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,OAAK,UAAU,IAAI,GAAG,OAAO,uBAAuB;;CAGtD,uBAAuB;AACrB,OAAK,iBAAiB,4BAA4B,MAAM;AACxD,OAAK,iBAAiB,yBAAyB,MAAM;AACrD,QAAM,sBAAsB;;CAG9B,AAAU,eAA+B;EACvC,IAAI,OAAO,KAAK;AAChB,SAAO,MAAM;AACX,OACE,gBAAgB,eAChB,KAAK,QAAQ,aAAa,KAAK,GAAG,OAAO,iBAEzC,QAAO;AAET,UAAO,KAAK;;AAEd,SAAO;;CAGT,AAAU,iBACR,WACA,WACA;AAEA,EADuB,KAAK,iBAAiB,YAC7B,gBAAgB,UAAU;AAC1C,MAAI,WAAW;GACb,MAAM,OAAO,KAAK,cAAc;AAChC,OAAI,MAAM;AACR,SAAK,aAAa,WAAW,GAAG;AAChC,SAAK,iBAAiB,aAAa;AACnC;;;AAGJ,OAAK,iBAAiB,aAAa;;CAGrC,AAAU,QAAQ,mBAAmC;AACnD,QAAM,QAAQ,kBAAkB;AAChC,MAAI,kBAAkB,IAAI,cAAc,CACtC,MAAK,iBAAiB,4BAA4B,KAAK,YAAY;AAErE,MAAI,kBAAkB,IAAI,WAAW,CACnC,MAAK,iBAAiB,yBAAyB,KAAK,SAAS;;;gBAIjDC;;;8BA5DjBC,cAAc,GAAG,OAAO,iBAAiB;AA+D1C,6BAAe"}
+{"version":3,"file":"combo-box-item.js","names":["CDSDropdownItem","styles","customElement"],"sources":["../../../src/components/combo-box/combo-box-item.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 type { PropertyValues } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport CDSDropdownItem from '../dropdown/dropdown-item';\nimport styles from './combo-box.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\ntype NextSiblingAttribute =\n  | 'hovered-next-sibling'\n  | 'highlighted-next-sibling'\n  | 'selected-next-sibling';\n\n/**\n * Combo box item.\n *\n * @element cds-custom-combo-box-item\n */\n@customElement(`${prefix}-combo-box-item`)\nclass CDSComboBoxItem extends CDSDropdownItem {\n  private _nextSiblingRefs: Record<NextSiblingAttribute, Element | null> = {\n    'hovered-next-sibling': null,\n    'highlighted-next-sibling': null,\n    'selected-next-sibling': null,\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.classList.add(`${prefix}--list-box__menu-item`);\n  }\n\n  disconnectedCallback() {\n    this._syncNextSibling('highlighted-next-sibling', false);\n    this._syncNextSibling('selected-next-sibling', false);\n    super.disconnectedCallback();\n  }\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}-combo-box-item`\n      ) {\n        return next;\n      }\n      next = next.nextElementSibling;\n    }\n    return null;\n  }\n\n  protected _syncNextSibling(\n    attribute: NextSiblingAttribute,\n    shouldSet: boolean\n  ) {\n    const currentSibling = this._nextSiblingRefs[attribute];\n    currentSibling?.removeAttribute(attribute);\n    if (shouldSet) {\n      const next = this._getNextItem();\n      if (next) {\n        next.setAttribute(attribute, '');\n        this._nextSiblingRefs[attribute] = next;\n        return;\n      }\n    }\n    this._nextSiblingRefs[attribute] = null;\n  }\n\n  protected updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    if (changedProperties.has('highlighted')) {\n      this._syncNextSibling('highlighted-next-sibling', this.highlighted);\n    }\n    if (changedProperties.has('selected')) {\n      this._syncNextSibling('selected-next-sibling', this.selected);\n    }\n  }\n\n  static styles = styles;\n}\n\nexport default CDSComboBoxItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAuBA,IAAA,kBAAA,MACM,wBAAwBA,sBAAgB;;;0BAC6B;GACvE,wBAAwB;GACxB,4BAA4B;GAC5B,yBAAyB;GAC1B;;CAED,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,OAAK,UAAU,IAAI,2BAAiC;;CAGtD,uBAAuB;AACrB,OAAK,iBAAiB,4BAA4B,MAAM;AACxD,OAAK,iBAAiB,yBAAyB,MAAM;AACrD,QAAM,sBAAsB;;CAG9B,eAAyC;EACvC,IAAI,OAAO,KAAK;AAChB,SAAO,MAAM;AACX,OACE,gBAAgB,eAChB,KAAK,QAAQ,aAAa,KAAK,qBAE/B,QAAO;AAET,UAAO,KAAK;;AAEd,SAAO;;CAGT,iBACE,WACA,WACA;AACuB,OAAK,iBAAiB,YAC7B,gBAAgB,UAAU;AAC1C,MAAI,WAAW;GACb,MAAM,OAAO,KAAK,cAAc;AAChC,OAAI,MAAM;AACR,SAAK,aAAa,WAAW,GAAG;AAChC,SAAK,iBAAiB,aAAa;AACnC;;;AAGJ,OAAK,iBAAiB,aAAa;;CAGrC,QAAkB,mBAAmC;AACnD,QAAM,QAAQ,kBAAkB;AAChC,MAAI,kBAAkB,IAAI,cAAc,CACtC,MAAK,iBAAiB,4BAA4B,KAAK,YAAY;AAErE,MAAI,kBAAkB,IAAI,WAAW,CACnC,MAAK,iBAAiB,yBAAyB,KAAK,SAAS;;;gBAIjDC;;;8BA5DjBC,cAAc,qBAA2B,CAAA,EAAA,gBAAA;AA+D1C,IAAA,yBAAe"}

package/es-custom/components/combo-box/combo-box.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 { forEach } 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 { DROPDOWN_DIRECTION, DROPDOWN_KEYBOARD_ACTION, DROPDOWN_SIZE } from "../dropdown/defs.js";
 import dropdown_default from "../dropdown/dropdown.js";
@@ -20,7 +20,6 @@ import { property, query } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import Close16 from "@carbon/icons/es/close/16.js";
-
 //#region src/components/combo-box/combo-box.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -248,8 +247,8 @@ let CDSComboBox = class CDSComboBox extends dropdown_default {
 	_renderLabel() {
 		const { disabled, inputLabel, label, open, readOnly, value, inputProps, _activeDescendant: activeDescendant, _filterInputValue: filterInputValue, _handleInput: handleInput, _handleInputKeydown: handleInputKeydown } = this;
 		const inputClasses = classMap({
-			[`${prefix}--text-input`]: true,
-			[`${prefix}--text-input--empty`]: !value
+			[`cds-custom--text-input`]: true,
+			[`cds-custom--text-input--empty`]: !value
 		});
 		let activeDescendantFallback;
 		if (open && !activeDescendant) {
@@ -285,7 +284,7 @@ let CDSComboBox = class CDSComboBox extends dropdown_default {
           <div
             id="selection-button"
             role="button"
-            class="${prefix}--list-box__selection"
+            class="${"cds-custom"}--list-box__selection"
             tabindex="-1"
             title="${clearSelectionLabel}">
             ${iconLoader(Close16, { "aria-label": clearSelectionLabel })}
@@ -299,9 +298,9 @@ let CDSComboBox = class CDSComboBox extends dropdown_default {
         id="dropdown-label"
         part="title-text"
         class="${classMap({
-			[`${prefix}--label`]: true,
-			[`${prefix}--label--disabled`]: disabled,
-			[`${prefix}--visually-hidden`]: hideLabel
+			[`cds-custom--label`]: true,
+			[`cds-custom--label--disabled`]: disabled,
+			[`cds-custom--visually-hidden`]: hideLabel
 		})}"
         ?hidden="${!(titleText || slotTitleTextNode && slotTitleTextNode.assignedNodes().length > 0)}">
         <slot name="title-text" @slotchange="${handleSlotchangeLabelText}"
@@ -363,7 +362,7 @@ let CDSComboBox = class CDSComboBox extends dropdown_default {
 			}
 		}
 		const { _listBoxNode: listBoxNode } = this;
-		if (listBoxNode) listBoxNode.classList.add(`${prefix}--combo-box`);
+		if (listBoxNode) listBoxNode.classList.add(`cds-custom--combo-box`);
 	}
 	_resetFilteredItems() {
 		forEach(this.querySelectorAll(this.constructor.selectorItem), (item) => {
@@ -379,45 +378,45 @@ let CDSComboBox = class CDSComboBox extends dropdown_default {
 	* A selector that will return highlighted items.
 	*/
 	static get selectorItemHighlighted() {
-		return `${prefix}-combo-box-item[highlighted]`;
+		return `cds-custom-combo-box-item[highlighted]`;
 	}
 	/**
 	* A selector that will return combo box items.
 	*/
 	static get selectorItem() {
-		return `${prefix}-combo-box-item`;
+		return `cds-custom-combo-box-item`;
 	}
 	/**
 	* A selector that will return selected items.
 	*/
 	static get selectorItemSelected() {
-		return `${prefix}-combo-box-item[selected]`;
+		return `cds-custom-combo-box-item[selected]`;
 	}
 	/**
 	* The name of the custom event fired before this combo box item is being toggled upon a user gesture.
 	* Cancellation of this event stops the user-initiated action of toggling this combo box item.
 	*/
 	static get eventBeforeToggle() {
-		return `${prefix}-combo-box-beingtoggled`;
+		return `cds-custom-combo-box-beingtoggled`;
 	}
 	/**
 	* The name of the custom event fired after this combo box item is toggled upon a user gesture.
 	*/
 	static get eventToggle() {
-		return `${prefix}-combo-box-toggled`;
+		return `cds-custom-combo-box-toggled`;
 	}
 	/**
 	* The name of the custom event fired before a combo box item is selected upon a user gesture.
 	* Cancellation of this event stops changing the user-initiated selection.
 	*/
 	static get eventBeforeSelect() {
-		return `${prefix}-combo-box-beingselected`;
+		return `cds-custom-combo-box-beingselected`;
 	}
 	/**
 	* The name of the custom event fired after a a combo box item is selected upon a user gesture.
 	*/
 	static get eventSelect() {
-		return `${prefix}-combo-box-selected`;
+		return `cds-custom-combo-box-selected`;
 	}
 	static {
 		this.styles = combo_box_default$1;
@@ -445,9 +444,9 @@ __decorate([property({
 	type: Object,
 	attribute: false
 })], CDSComboBox.prototype, "inputProps", void 0);
-CDSComboBox = __decorate([carbonElement(`${prefix}-combo-box`)], CDSComboBox);
+CDSComboBox = __decorate([carbonElement(`cds-custom-combo-box`)], CDSComboBox);
 var combo_box_default = CDSComboBox;
-
 //#endregion
 export { DROPDOWN_DIRECTION, DROPDOWN_SIZE, combo_box_default as default };
+
 //# sourceMappingURL=combo-box.js.map

package/es-custom/components/combo-box/combo-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-box.js","names":["CDSDropdown","ifNonEmpty","styles","customElement"],"sources":["../../../src/components/combo-box/combo-box.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 { classMap } from 'lit/directives/class-map.js';\nimport { TemplateResult, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from '../dropdown/dropdown';\nimport CDSComboBoxItem from './combo-box-item';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './combo-box.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport spread from '../../globals/directives/spread';\n\nexport { DROPDOWN_DIRECTION, DROPDOWN_SIZE } from '../dropdown/dropdown';\n\ntype ShouldFilterItem = (input: {\n  item: CDSComboBoxItem;\n  itemToString: (item: CDSComboBoxItem) => string;\n  inputValue: string | null;\n}) => boolean;\n\n/**\n * Combo box.\n *\n * @element cds-custom-combo-box\n * @fires cds-custom-combo-box-beingselected\n *   The custom event fired before a combo box item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-custom-combo-box-beingtoggled\n *   The custom event fired before the open state of this combo box is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires cds-custom-combo-box-selected - The custom event fired after a combo box item is selected upon a user gesture.\n * @fires cds-custom-combo-box-toggled - The custom event fired after the open state of this combo box is toggled upon a user gesture.\n */\n@customElement(`${prefix}-combo-box`)\nclass CDSComboBox extends CDSDropdown {\n  /**\n   * The text content that should be set to the `<input>` for filtering.\n   */\n  protected _filterInputValue = '';\n\n  protected _shouldTriggerBeFocusable = false;\n\n  /**\n   * The `<input>` for filtering.\n   */\n  @query('input')\n  private _filterInputNode!: HTMLInputElement;\n\n  /**\n   * The menu containing all selectable items.\n   */\n  @query('#menu-body')\n  private _itemMenu!: HTMLElement;\n\n  /**\n   * The selection button.\n   */\n  @query('#selection-button')\n  private _selectionButtonNode!: HTMLElement;\n\n  /**\n   * @param item A combo box item.\n   * @returns `true` if the given combo box item matches the query text user types.\n   */\n  protected _testItemWithQueryText(item) {\n    return (this.itemMatches || this._defaultItemMatches)(\n      item,\n      this._filterInputNode.value\n    );\n  }\n\n  /**\n   * The default item matching callback.\n   *\n   * @param item The combo box item.\n   * @param queryText The query text user types.\n   * @returns `true` if the given combo box item matches the given query text.\n   */\n  protected _defaultItemMatches(\n    item: CDSComboBoxItem,\n    queryText: string\n  ): boolean {\n    return (\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      item.textContent!.toLowerCase().indexOf(queryText.toLowerCase()) >= 0\n    );\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.typeahead) {\n      this.shouldFilterItem = true;\n      this.setAttribute('should-filter-item', '');\n    }\n  }\n\n  /**\n   * Handles `input` event on the `<input>` for filtering.\n   */\n  protected _handleInput(event: InputEvent) {\n    const rawQueryText = this._filterInputNode.value;\n    const queryText = rawQueryText.trim().toLowerCase();\n\n    if (rawQueryText.length !== 0) {\n      this.setAttribute('isClosable', '');\n    } else {\n      this.removeAttribute('isClosable');\n    }\n\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSComboBox).selectorItem\n    );\n\n    const firstMatchIndex = this._filterItems(items, queryText, rawQueryText);\n    if (firstMatchIndex !== -1) {\n      const highlightedItem = items[firstMatchIndex];\n      if (highlightedItem) {\n        this._scrollItemIntoView(highlightedItem as HTMLElement);\n      }\n      if (this.typeahead && event?.inputType?.startsWith('insert')) {\n        const suggestedItem = highlightedItem.textContent?.trim() ?? '';\n        if (\n          suggestedItem.toLowerCase().startsWith(rawQueryText.toLowerCase()) &&\n          suggestedItem.length > rawQueryText.length\n        ) {\n          const suggestionText =\n            rawQueryText + suggestedItem.slice(rawQueryText.length);\n\n          this._filterInputNode.value = suggestionText;\n          this._filterInputNode.setSelectionRange(\n            rawQueryText.length,\n            suggestionText.length\n          );\n\n          this._filterInputValue = suggestionText;\n          this.open = true;\n          this.requestUpdate();\n          return;\n        }\n      }\n    }\n\n    this._filterInputValue = rawQueryText;\n\n    if (this.allowCustomValue) {\n      const previousValue = this.value;\n      this.value = rawQueryText;\n\n      if (previousValue !== this.value) {\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSComboBox).eventSelect,\n            {\n              bubbles: true,\n              composed: true,\n              detail: {\n                item: null,\n                value: this.value,\n              },\n            }\n          )\n        );\n      }\n    }\n    this.open = true;\n    this.requestUpdate();\n  }\n\n  // removes the autocomplete suggestion\n  protected _removeAutoCompleteSuggestion() {\n    if (!this._filterInputNode) return;\n    const { selectionStart, selectionEnd, value } = this._filterInputNode;\n    if (selectionStart && selectionEnd && selectionEnd > selectionStart) {\n      const cleanInput = value.slice(0, selectionStart);\n      this._filterInputNode.value = cleanInput;\n      this._filterInputNode.setSelectionRange(\n        cleanInput.length,\n        cleanInput.length\n      );\n      return;\n    }\n  }\n\n  // Applies filtering/highlighting to all slotted items.\n  protected _filterItems(\n    items: NodeListOf<Element>,\n    queryText: string,\n    rawQueryText: string\n  ): number {\n    let firstMatchIndex = -1;\n    const hasQuery = Boolean(queryText);\n    forEach(items, (item, i) => {\n      const comboItem = item as CDSComboBoxItem;\n      const index = i ?? -1;\n      if (!hasQuery) {\n        (comboItem as HTMLElement).style.display = '';\n        comboItem.highlighted = false;\n        return;\n      }\n      const matches = this.typeahead\n        ? (comboItem.textContent || '').toLowerCase().startsWith(queryText)\n        : (comboItem.textContent || '').toLowerCase().includes(queryText);\n      const filterFunction =\n        typeof this.shouldFilterItem === 'function'\n          ? this.shouldFilterItem\n          : null;\n      const shouldApplyBuiltInFilter =\n        filterFunction === null && hasQuery && this.shouldFilterItem === true;\n      const itemToString = (value: CDSComboBoxItem) => value.textContent || '';\n      const filterInputValue = rawQueryText.length === 0 ? null : rawQueryText;\n      const passesFilter = filterFunction\n        ? filterFunction({\n            item: comboItem,\n            itemToString,\n            inputValue: filterInputValue,\n          })\n        : shouldApplyBuiltInFilter\n          ? matches\n          : true;\n      const highlightMatch = filterFunction !== null ? passesFilter : matches;\n      if (highlightMatch && firstMatchIndex === -1) {\n        firstMatchIndex = index;\n      }\n      if (filterFunction || shouldApplyBuiltInFilter) {\n        (comboItem as HTMLElement).style.display = passesFilter ? '' : 'none';\n      } else {\n        (comboItem as HTMLElement).style.display = '';\n      }\n      comboItem.highlighted = index === firstMatchIndex;\n    });\n    return firstMatchIndex;\n  }\n\n  protected _scrollItemIntoView(item: HTMLElement) {\n    if (!this._itemMenu) {\n      return;\n    }\n    const menuRect = this._itemMenu.getBoundingClientRect();\n    const itemRect = item.getBoundingClientRect();\n    if (!menuRect || !itemRect) {\n      return;\n    }\n    const menuBottom = menuRect.top + this._itemMenu.clientHeight;\n    const isWithinViewport =\n      menuRect.top <= itemRect.top && itemRect.bottom <= menuBottom;\n    if (isWithinViewport) {\n      return;\n    }\n    const scrollTop = itemRect.top - menuRect.top;\n    const scrollBottom = itemRect.bottom - menuRect.bottom;\n    this._itemMenu.scrollTop +=\n      Math.abs(scrollTop) < Math.abs(scrollBottom) ? scrollTop : scrollBottom;\n  }\n\n  protected _getSelectedItem(): CDSComboBoxItem | null {\n    if (!this.value) return null;\n    const items = Array.from(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSDropdown).selectorItem\n      )\n    ) as CDSComboBoxItem[];\n    return items.find((it) => String(it.value) === String(this.value)) ?? null;\n  }\n\n  protected _revertInputToSelected(focus = true) {\n    const selected = this._getSelectedItem();\n\n    let text = selected?.textContent ?? '';\n    if (this.allowCustomValue && !selected && this.value) {\n      text = this.value as string;\n    }\n\n    this._filterInputValue = text;\n\n    if (this._filterInputNode) {\n      this._filterInputNode.value = text;\n\n      if (focus) {\n        try {\n          this._filterInputNode.focus();\n          const len = text.length;\n          this._filterInputNode.setSelectionRange(len, len);\n        } catch {\n          /* ignore */\n        }\n      }\n    }\n\n    this._resetFilteredItems();\n    this.removeAttribute('isClosable');\n    this.requestUpdate();\n  }\n\n  protected _handleInputKeydown(event: KeyboardEvent) {\n    // remove the autocomplete suggestion when navigating away from the suggested item\n    if (\n      this.typeahead &&\n      (event.key === 'ArrowDown' || event.key === 'ArrowUp')\n    ) {\n      this._removeAutoCompleteSuggestion();\n    }\n    if (event.key !== 'Escape') {\n      return;\n    }\n    if (!this._filterInputNode) {\n      return;\n    }\n\n    if (this.open) {\n      this._handleUserInitiatedToggle(false);\n    } else {\n      if (this.value) {\n        this._revertInputToSelected(true);\n      } else if (this._filterInputNode.value) {\n        this._clearInputWithoutSelecting(true);\n      }\n\n      if (this.value || this._filterInputNode.value) {\n        this._handleUserInitiatedClearInput();\n      }\n    }\n  }\n\n  protected _handleClickInner(event: MouseEvent) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { target } = event as any;\n    if (this._selectionButtonNode?.contains(target)) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleClickInner(event);\n    }\n  }\n\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n    if (\n      this._selectionButtonNode?.contains(event.target as Node) &&\n      // Space key should be handled by `<input>` unless \"clear selection\" button has focus\n      (action === TRIGGERING || key === ' ')\n    ) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleKeypressInner(event);\n    }\n  }\n\n  /**\n   * Handles user-initiated clearing the `<input>` for filtering.\n   */\n  protected _handleUserInitiatedClearInput() {\n    this._handleUserInitiatedSelectItem();\n    if (this.value) {\n      this._revertInputToSelected(true);\n    } else {\n      this._clearInputWithoutSelecting(true);\n    }\n    this.requestUpdate();\n  }\n\n  protected _handleUserInitiatedSelectItem(item?: CDSComboBoxItem) {\n    if (item && !this._selectionShouldChange(item)) {\n      // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n      // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n      // Use case:\n      // 1. Select the 2nd item in combo box drop down\n      // 2. Type some text in the `<input>`\n      // 3. Re-select the 2nd item in combo box drop down,\n      //    the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n      //    even if there is no change in the selected value\n      this._filterInputValue = item.textContent || '';\n      this.open = false;\n      this.requestUpdate();\n    }\n    super._handleUserInitiatedSelectItem(item);\n  }\n\n  protected _selectionDidChange(itemToSelect?: CDSComboBoxItem) {\n    this.value = !itemToSelect ? '' : itemToSelect.value;\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSDropdown).selectorItemSelected\n      ),\n      (item) => {\n        (item as CDSComboBoxItem).selected = false;\n        item.setAttribute('aria-selected', 'false');\n      }\n    );\n    if (itemToSelect) {\n      itemToSelect.selected = true;\n      itemToSelect.setAttribute('aria-selected', 'true');\n    }\n\n    this._handleUserInitiatedToggle(false);\n\n    if (this._filterInputNode) {\n      try {\n        this._filterInputNode.focus();\n        const val = this._filterInputNode.value || '';\n        this._filterInputNode.setSelectionRange(val.length, val.length);\n      } catch {\n        /* ignore browsers that prevent setSelectionRange */\n      }\n    }\n  }\n\n  protected _renderLabel(): TemplateResult {\n    const {\n      disabled,\n      inputLabel,\n      label,\n      open,\n      readOnly,\n      value,\n      inputProps,\n      _activeDescendant: activeDescendant,\n      _filterInputValue: filterInputValue,\n      _handleInput: handleInput,\n      _handleInputKeydown: handleInputKeydown,\n    } = this;\n\n    const inputClasses = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--text-input--empty`]: !value,\n    });\n\n    let activeDescendantFallback: string | undefined;\n    if (open && !activeDescendant) {\n      const constructor = this.constructor as typeof CDSDropdown;\n      const items = this.querySelectorAll(constructor.selectorItem);\n      activeDescendantFallback = items[0]?.id;\n    }\n\n    return html`\n      <input\n        id=\"trigger-button\"\n        class=\"${inputClasses}\"\n        ?disabled=${disabled}\n        placeholder=\"${label}\"\n        .value=${filterInputValue}\n        role=\"combobox\"\n        aria-label=\"${ifNonEmpty(inputLabel)}\"\n        aria-labelledby=\"dropdown-label\"\n        aria-controls=\"menu-body\"\n        aria-haspopup=\"listbox\"\n        aria-autocomplete=\"list\"\n        aria-expanded=\"${String(open)}\"\n        aria-activedescendant=\"${ifDefined(\n          open ? (activeDescendant ?? activeDescendantFallback) : ''\n        )}\"\n        ?readonly=${readOnly}\n        @input=${handleInput}\n        @keydown=${handleInputKeydown}\n        ...=\"${spread(this._normalizeInputProps(inputProps))}\" />\n    `;\n  }\n\n  protected _renderFollowingLabel(): TemplateResult | undefined {\n    const { clearSelectionLabel, _filterInputValue: filterInputValue } = this;\n\n    if (filterInputValue.length != 0) {\n      this.setAttribute('isClosable', '');\n    } else {\n      this.removeAttribute('isClosable');\n    }\n\n    return filterInputValue.length === 0\n      ? undefined\n      : html`\n          <div\n            id=\"selection-button\"\n            role=\"button\"\n            class=\"${prefix}--list-box__selection\"\n            tabindex=\"-1\"\n            title=\"${clearSelectionLabel}\">\n            ${iconLoader(Close16, { 'aria-label': clearSelectionLabel })}\n          </div>\n        `;\n  }\n\n  protected _renderTitleLabel(): TemplateResult {\n    const {\n      disabled,\n      hideLabel,\n      titleText,\n      _slotTitleTextNode: slotTitleTextNode,\n      _handleSlotchangeLabelText: handleSlotchangeLabelText,\n    } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    const hasTitleText =\n      titleText ||\n      (slotTitleTextNode && slotTitleTextNode.assignedNodes().length > 0);\n\n    return html`\n      <label\n        id=\"dropdown-label\"\n        part=\"title-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasTitleText}\">\n        <slot name=\"title-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${titleText}</slot\n        >\n      </label>\n    `;\n  }\n  /**\n   * The `aria-label` attribute for the icon to clear selection.\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel = 'Clear selection';\n\n  /**\n   * The `aria-label` attribute for the `<input>` for filtering.\n   */\n  @property({ attribute: 'input-label' })\n  inputLabel = '';\n\n  /**\n   * The custom item matching callback.\n   */\n  @property({ attribute: false })\n  itemMatches!: (item: CDSComboBoxItem, queryText: string) => boolean;\n\n  /**\n   * Provide custom filtering behavior. This attribute will be ignored if\n   * `typeahead` is enabled and will default to `true`\n   */\n  @property({\n    attribute: 'should-filter-item',\n    converter: {\n      fromAttribute: (value) => value !== null,\n    },\n  })\n  shouldFilterItem: boolean | ShouldFilterItem = false;\n\n  /**\n   * **Experimental**: will enable autocomplete and typeahead for the input field.\n   */\n  @property({ type: Boolean, reflect: true })\n  typeahead = false;\n\n  /**\n   * `true` to allow custom values that do not match any item in the list.\n   */\n  @property({ type: Boolean, attribute: 'allow-custom-value' })\n  allowCustomValue = false;\n\n  /**\n   * Additional input attributes to apply to the internal input element.\n   * Allows passing native HTML input attributes like `maxlength`, `pattern`,\n   * `autocomplete`, etc.\n   */\n  @property({ type: Object, attribute: false })\n  inputProps?: Record<string, string | number | boolean>;\n\n  private _normalizeInputProps(\n    inputProps?: Record<string, string | number | boolean>\n  ) {\n    const normalizedInputProps: Record<string, string> = {};\n\n    Object.entries(inputProps ?? {}).forEach(([key, value]) => {\n      if (value === undefined || value === null || value === false) {\n        return;\n      }\n      normalizedInputProps[key] = value === true ? '' : String(value);\n    });\n\n    return normalizedInputProps;\n  }\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    if (!changedProperties.has('value')) {\n      return true;\n    }\n    if (this._selectedItemContent) {\n      this._filterInputValue = this._selectedItemContent.textContent || '';\n      return true;\n    }\n    if (this.allowCustomValue && this.value) {\n      this._filterInputValue = String(this.value);\n      return true;\n    }\n    if (this.value === '') {\n      this._filterInputValue = '';\n    }\n    return true;\n  }\n\n  protected _clearInputWithoutSelecting(focus = true) {\n    this._filterInputValue = '';\n    if (this._filterInputNode) {\n      this._filterInputNode.value = '';\n\n      if (focus) {\n        try {\n          this._filterInputNode.focus();\n          this._filterInputNode.setSelectionRange(0, 0);\n        } catch {\n          /* ignore */\n        }\n      }\n    }\n\n    this._resetFilteredItems();\n    this.removeAttribute('isClosable');\n    this.requestUpdate();\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open && this._filterInputNode) {\n        this._handleInput(changedProperties);\n      } else if (!this.open) {\n        // remove the autocomplete suggestion when closing the combobox\n        this._removeAutoCompleteSuggestion();\n        this._resetFilteredItems();\n        if (this._filterInputNode.value == '') {\n          this.value = '';\n        }\n        if (this.value) {\n          this._revertInputToSelected(false);\n          if (\n            this._filterInputNode &&\n            document.activeElement === this._filterInputNode\n          ) {\n            (this._filterInputNode as HTMLInputElement).blur();\n          }\n        } else if (\n          this._filterInputValue &&\n          this._filterInputValue.length > 0 &&\n          !this.allowCustomValue\n        ) {\n          this._clearInputWithoutSelecting(false);\n          if (\n            this._filterInputNode &&\n            document.activeElement === this._filterInputNode\n          ) {\n            (this._filterInputNode as HTMLInputElement).blur();\n          }\n        } else {\n          // nothing typed and no selection, ensure no extra changes\n        }\n      }\n    }\n    const { _listBoxNode: listBoxNode } = this;\n    if (listBoxNode) {\n      listBoxNode.classList.add(`${prefix}--combo-box`);\n    }\n  }\n\n  // Restores the full list when the query is cleared or the menu closes.\n  protected _resetFilteredItems() {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSComboBox).selectorItem\n    );\n    forEach(items, (item) => {\n      const comboItem = item as CDSComboBoxItem;\n      (comboItem as HTMLElement).style.display = '';\n      comboItem.highlighted = false;\n    });\n  }\n\n  // For combo box, open/selection with space key is disabled given the input box should take it over\n  static TRIGGER_KEYS = new Set(['Enter']);\n\n  /**\n   * A selector that will return highlighted items.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-combo-box-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return combo box items.\n   */\n  static get selectorItem() {\n    return `${prefix}-combo-box-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-combo-box-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before this combo box item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this combo box item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-combo-box-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this combo box item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-combo-box-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired before a combo box item is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-combo-box-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a combo box item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-combo-box-selected`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSComboBox;\n"],"mappings":"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"}
+{"version":3,"file":"combo-box.js","names":["CDSDropdown","ifNonEmpty","styles","customElement"],"sources":["../../../src/components/combo-box/combo-box.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 { classMap } from 'lit/directives/class-map.js';\nimport { TemplateResult, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport Close16 from '@carbon/icons/es/close/16.js';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from '../dropdown/dropdown';\nimport CDSComboBoxItem from './combo-box-item';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './combo-box.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport spread from '../../globals/directives/spread';\n\nexport { DROPDOWN_DIRECTION, DROPDOWN_SIZE } from '../dropdown/dropdown';\n\ntype ShouldFilterItem = (input: {\n  item: CDSComboBoxItem;\n  itemToString: (item: CDSComboBoxItem) => string;\n  inputValue: string | null;\n}) => boolean;\n\n/**\n * Combo box.\n *\n * @element cds-custom-combo-box\n * @fires cds-custom-combo-box-beingselected\n *   The custom event fired before a combo box item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-custom-combo-box-beingtoggled\n *   The custom event fired before the open state of this combo box is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires cds-custom-combo-box-selected - The custom event fired after a combo box item is selected upon a user gesture.\n * @fires cds-custom-combo-box-toggled - The custom event fired after the open state of this combo box is toggled upon a user gesture.\n */\n@customElement(`${prefix}-combo-box`)\nclass CDSComboBox extends CDSDropdown {\n  /**\n   * The text content that should be set to the `<input>` for filtering.\n   */\n  protected _filterInputValue = '';\n\n  protected _shouldTriggerBeFocusable = false;\n\n  /**\n   * The `<input>` for filtering.\n   */\n  @query('input')\n  private _filterInputNode!: HTMLInputElement;\n\n  /**\n   * The menu containing all selectable items.\n   */\n  @query('#menu-body')\n  private _itemMenu!: HTMLElement;\n\n  /**\n   * The selection button.\n   */\n  @query('#selection-button')\n  private _selectionButtonNode!: HTMLElement;\n\n  /**\n   * @param item A combo box item.\n   * @returns `true` if the given combo box item matches the query text user types.\n   */\n  protected _testItemWithQueryText(item) {\n    return (this.itemMatches || this._defaultItemMatches)(\n      item,\n      this._filterInputNode.value\n    );\n  }\n\n  /**\n   * The default item matching callback.\n   *\n   * @param item The combo box item.\n   * @param queryText The query text user types.\n   * @returns `true` if the given combo box item matches the given query text.\n   */\n  protected _defaultItemMatches(\n    item: CDSComboBoxItem,\n    queryText: string\n  ): boolean {\n    return (\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      item.textContent!.toLowerCase().indexOf(queryText.toLowerCase()) >= 0\n    );\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.typeahead) {\n      this.shouldFilterItem = true;\n      this.setAttribute('should-filter-item', '');\n    }\n  }\n\n  /**\n   * Handles `input` event on the `<input>` for filtering.\n   */\n  protected _handleInput(event: InputEvent) {\n    const rawQueryText = this._filterInputNode.value;\n    const queryText = rawQueryText.trim().toLowerCase();\n\n    if (rawQueryText.length !== 0) {\n      this.setAttribute('isClosable', '');\n    } else {\n      this.removeAttribute('isClosable');\n    }\n\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSComboBox).selectorItem\n    );\n\n    const firstMatchIndex = this._filterItems(items, queryText, rawQueryText);\n    if (firstMatchIndex !== -1) {\n      const highlightedItem = items[firstMatchIndex];\n      if (highlightedItem) {\n        this._scrollItemIntoView(highlightedItem as HTMLElement);\n      }\n      if (this.typeahead && event?.inputType?.startsWith('insert')) {\n        const suggestedItem = highlightedItem.textContent?.trim() ?? '';\n        if (\n          suggestedItem.toLowerCase().startsWith(rawQueryText.toLowerCase()) &&\n          suggestedItem.length > rawQueryText.length\n        ) {\n          const suggestionText =\n            rawQueryText + suggestedItem.slice(rawQueryText.length);\n\n          this._filterInputNode.value = suggestionText;\n          this._filterInputNode.setSelectionRange(\n            rawQueryText.length,\n            suggestionText.length\n          );\n\n          this._filterInputValue = suggestionText;\n          this.open = true;\n          this.requestUpdate();\n          return;\n        }\n      }\n    }\n\n    this._filterInputValue = rawQueryText;\n\n    if (this.allowCustomValue) {\n      const previousValue = this.value;\n      this.value = rawQueryText;\n\n      if (previousValue !== this.value) {\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSComboBox).eventSelect,\n            {\n              bubbles: true,\n              composed: true,\n              detail: {\n                item: null,\n                value: this.value,\n              },\n            }\n          )\n        );\n      }\n    }\n    this.open = true;\n    this.requestUpdate();\n  }\n\n  // removes the autocomplete suggestion\n  protected _removeAutoCompleteSuggestion() {\n    if (!this._filterInputNode) return;\n    const { selectionStart, selectionEnd, value } = this._filterInputNode;\n    if (selectionStart && selectionEnd && selectionEnd > selectionStart) {\n      const cleanInput = value.slice(0, selectionStart);\n      this._filterInputNode.value = cleanInput;\n      this._filterInputNode.setSelectionRange(\n        cleanInput.length,\n        cleanInput.length\n      );\n      return;\n    }\n  }\n\n  // Applies filtering/highlighting to all slotted items.\n  protected _filterItems(\n    items: NodeListOf<Element>,\n    queryText: string,\n    rawQueryText: string\n  ): number {\n    let firstMatchIndex = -1;\n    const hasQuery = Boolean(queryText);\n    forEach(items, (item, i) => {\n      const comboItem = item as CDSComboBoxItem;\n      const index = i ?? -1;\n      if (!hasQuery) {\n        (comboItem as HTMLElement).style.display = '';\n        comboItem.highlighted = false;\n        return;\n      }\n      const matches = this.typeahead\n        ? (comboItem.textContent || '').toLowerCase().startsWith(queryText)\n        : (comboItem.textContent || '').toLowerCase().includes(queryText);\n      const filterFunction =\n        typeof this.shouldFilterItem === 'function'\n          ? this.shouldFilterItem\n          : null;\n      const shouldApplyBuiltInFilter =\n        filterFunction === null && hasQuery && this.shouldFilterItem === true;\n      const itemToString = (value: CDSComboBoxItem) => value.textContent || '';\n      const filterInputValue = rawQueryText.length === 0 ? null : rawQueryText;\n      const passesFilter = filterFunction\n        ? filterFunction({\n            item: comboItem,\n            itemToString,\n            inputValue: filterInputValue,\n          })\n        : shouldApplyBuiltInFilter\n          ? matches\n          : true;\n      const highlightMatch = filterFunction !== null ? passesFilter : matches;\n      if (highlightMatch && firstMatchIndex === -1) {\n        firstMatchIndex = index;\n      }\n      if (filterFunction || shouldApplyBuiltInFilter) {\n        (comboItem as HTMLElement).style.display = passesFilter ? '' : 'none';\n      } else {\n        (comboItem as HTMLElement).style.display = '';\n      }\n      comboItem.highlighted = index === firstMatchIndex;\n    });\n    return firstMatchIndex;\n  }\n\n  protected _scrollItemIntoView(item: HTMLElement) {\n    if (!this._itemMenu) {\n      return;\n    }\n    const menuRect = this._itemMenu.getBoundingClientRect();\n    const itemRect = item.getBoundingClientRect();\n    if (!menuRect || !itemRect) {\n      return;\n    }\n    const menuBottom = menuRect.top + this._itemMenu.clientHeight;\n    const isWithinViewport =\n      menuRect.top <= itemRect.top && itemRect.bottom <= menuBottom;\n    if (isWithinViewport) {\n      return;\n    }\n    const scrollTop = itemRect.top - menuRect.top;\n    const scrollBottom = itemRect.bottom - menuRect.bottom;\n    this._itemMenu.scrollTop +=\n      Math.abs(scrollTop) < Math.abs(scrollBottom) ? scrollTop : scrollBottom;\n  }\n\n  protected _getSelectedItem(): CDSComboBoxItem | null {\n    if (!this.value) return null;\n    const items = Array.from(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSDropdown).selectorItem\n      )\n    ) as CDSComboBoxItem[];\n    return items.find((it) => String(it.value) === String(this.value)) ?? null;\n  }\n\n  protected _revertInputToSelected(focus = true) {\n    const selected = this._getSelectedItem();\n\n    let text = selected?.textContent ?? '';\n    if (this.allowCustomValue && !selected && this.value) {\n      text = this.value as string;\n    }\n\n    this._filterInputValue = text;\n\n    if (this._filterInputNode) {\n      this._filterInputNode.value = text;\n\n      if (focus) {\n        try {\n          this._filterInputNode.focus();\n          const len = text.length;\n          this._filterInputNode.setSelectionRange(len, len);\n        } catch {\n          /* ignore */\n        }\n      }\n    }\n\n    this._resetFilteredItems();\n    this.removeAttribute('isClosable');\n    this.requestUpdate();\n  }\n\n  protected _handleInputKeydown(event: KeyboardEvent) {\n    // remove the autocomplete suggestion when navigating away from the suggested item\n    if (\n      this.typeahead &&\n      (event.key === 'ArrowDown' || event.key === 'ArrowUp')\n    ) {\n      this._removeAutoCompleteSuggestion();\n    }\n    if (event.key !== 'Escape') {\n      return;\n    }\n    if (!this._filterInputNode) {\n      return;\n    }\n\n    if (this.open) {\n      this._handleUserInitiatedToggle(false);\n    } else {\n      if (this.value) {\n        this._revertInputToSelected(true);\n      } else if (this._filterInputNode.value) {\n        this._clearInputWithoutSelecting(true);\n      }\n\n      if (this.value || this._filterInputNode.value) {\n        this._handleUserInitiatedClearInput();\n      }\n    }\n  }\n\n  protected _handleClickInner(event: MouseEvent) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { target } = event as any;\n    if (this._selectionButtonNode?.contains(target)) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleClickInner(event);\n    }\n  }\n\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n    if (\n      this._selectionButtonNode?.contains(event.target as Node) &&\n      // Space key should be handled by `<input>` unless \"clear selection\" button has focus\n      (action === TRIGGERING || key === ' ')\n    ) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleKeypressInner(event);\n    }\n  }\n\n  /**\n   * Handles user-initiated clearing the `<input>` for filtering.\n   */\n  protected _handleUserInitiatedClearInput() {\n    this._handleUserInitiatedSelectItem();\n    if (this.value) {\n      this._revertInputToSelected(true);\n    } else {\n      this._clearInputWithoutSelecting(true);\n    }\n    this.requestUpdate();\n  }\n\n  protected _handleUserInitiatedSelectItem(item?: CDSComboBoxItem) {\n    if (item && !this._selectionShouldChange(item)) {\n      // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n      // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n      // Use case:\n      // 1. Select the 2nd item in combo box drop down\n      // 2. Type some text in the `<input>`\n      // 3. Re-select the 2nd item in combo box drop down,\n      //    the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n      //    even if there is no change in the selected value\n      this._filterInputValue = item.textContent || '';\n      this.open = false;\n      this.requestUpdate();\n    }\n    super._handleUserInitiatedSelectItem(item);\n  }\n\n  protected _selectionDidChange(itemToSelect?: CDSComboBoxItem) {\n    this.value = !itemToSelect ? '' : itemToSelect.value;\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSDropdown).selectorItemSelected\n      ),\n      (item) => {\n        (item as CDSComboBoxItem).selected = false;\n        item.setAttribute('aria-selected', 'false');\n      }\n    );\n    if (itemToSelect) {\n      itemToSelect.selected = true;\n      itemToSelect.setAttribute('aria-selected', 'true');\n    }\n\n    this._handleUserInitiatedToggle(false);\n\n    if (this._filterInputNode) {\n      try {\n        this._filterInputNode.focus();\n        const val = this._filterInputNode.value || '';\n        this._filterInputNode.setSelectionRange(val.length, val.length);\n      } catch {\n        /* ignore browsers that prevent setSelectionRange */\n      }\n    }\n  }\n\n  protected _renderLabel(): TemplateResult {\n    const {\n      disabled,\n      inputLabel,\n      label,\n      open,\n      readOnly,\n      value,\n      inputProps,\n      _activeDescendant: activeDescendant,\n      _filterInputValue: filterInputValue,\n      _handleInput: handleInput,\n      _handleInputKeydown: handleInputKeydown,\n    } = this;\n\n    const inputClasses = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--text-input--empty`]: !value,\n    });\n\n    let activeDescendantFallback: string | undefined;\n    if (open && !activeDescendant) {\n      const constructor = this.constructor as typeof CDSDropdown;\n      const items = this.querySelectorAll(constructor.selectorItem);\n      activeDescendantFallback = items[0]?.id;\n    }\n\n    return html`\n      <input\n        id=\"trigger-button\"\n        class=\"${inputClasses}\"\n        ?disabled=${disabled}\n        placeholder=\"${label}\"\n        .value=${filterInputValue}\n        role=\"combobox\"\n        aria-label=\"${ifNonEmpty(inputLabel)}\"\n        aria-labelledby=\"dropdown-label\"\n        aria-controls=\"menu-body\"\n        aria-haspopup=\"listbox\"\n        aria-autocomplete=\"list\"\n        aria-expanded=\"${String(open)}\"\n        aria-activedescendant=\"${ifDefined(\n          open ? (activeDescendant ?? activeDescendantFallback) : ''\n        )}\"\n        ?readonly=${readOnly}\n        @input=${handleInput}\n        @keydown=${handleInputKeydown}\n        ...=\"${spread(this._normalizeInputProps(inputProps))}\" />\n    `;\n  }\n\n  protected _renderFollowingLabel(): TemplateResult | undefined {\n    const { clearSelectionLabel, _filterInputValue: filterInputValue } = this;\n\n    if (filterInputValue.length != 0) {\n      this.setAttribute('isClosable', '');\n    } else {\n      this.removeAttribute('isClosable');\n    }\n\n    return filterInputValue.length === 0\n      ? undefined\n      : html`\n          <div\n            id=\"selection-button\"\n            role=\"button\"\n            class=\"${prefix}--list-box__selection\"\n            tabindex=\"-1\"\n            title=\"${clearSelectionLabel}\">\n            ${iconLoader(Close16, { 'aria-label': clearSelectionLabel })}\n          </div>\n        `;\n  }\n\n  protected _renderTitleLabel(): TemplateResult {\n    const {\n      disabled,\n      hideLabel,\n      titleText,\n      _slotTitleTextNode: slotTitleTextNode,\n      _handleSlotchangeLabelText: handleSlotchangeLabelText,\n    } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    const hasTitleText =\n      titleText ||\n      (slotTitleTextNode && slotTitleTextNode.assignedNodes().length > 0);\n\n    return html`\n      <label\n        id=\"dropdown-label\"\n        part=\"title-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasTitleText}\">\n        <slot name=\"title-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${titleText}</slot\n        >\n      </label>\n    `;\n  }\n  /**\n   * The `aria-label` attribute for the icon to clear selection.\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel = 'Clear selection';\n\n  /**\n   * The `aria-label` attribute for the `<input>` for filtering.\n   */\n  @property({ attribute: 'input-label' })\n  inputLabel = '';\n\n  /**\n   * The custom item matching callback.\n   */\n  @property({ attribute: false })\n  itemMatches!: (item: CDSComboBoxItem, queryText: string) => boolean;\n\n  /**\n   * Provide custom filtering behavior. This attribute will be ignored if\n   * `typeahead` is enabled and will default to `true`\n   */\n  @property({\n    attribute: 'should-filter-item',\n    converter: {\n      fromAttribute: (value) => value !== null,\n    },\n  })\n  shouldFilterItem: boolean | ShouldFilterItem = false;\n\n  /**\n   * **Experimental**: will enable autocomplete and typeahead for the input field.\n   */\n  @property({ type: Boolean, reflect: true })\n  typeahead = false;\n\n  /**\n   * `true` to allow custom values that do not match any item in the list.\n   */\n  @property({ type: Boolean, attribute: 'allow-custom-value' })\n  allowCustomValue = false;\n\n  /**\n   * Additional input attributes to apply to the internal input element.\n   * Allows passing native HTML input attributes like `maxlength`, `pattern`,\n   * `autocomplete`, etc.\n   */\n  @property({ type: Object, attribute: false })\n  inputProps?: Record<string, string | number | boolean>;\n\n  private _normalizeInputProps(\n    inputProps?: Record<string, string | number | boolean>\n  ) {\n    const normalizedInputProps: Record<string, string> = {};\n\n    Object.entries(inputProps ?? {}).forEach(([key, value]) => {\n      if (value === undefined || value === null || value === false) {\n        return;\n      }\n      normalizedInputProps[key] = value === true ? '' : String(value);\n    });\n\n    return normalizedInputProps;\n  }\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    if (!changedProperties.has('value')) {\n      return true;\n    }\n    if (this._selectedItemContent) {\n      this._filterInputValue = this._selectedItemContent.textContent || '';\n      return true;\n    }\n    if (this.allowCustomValue && this.value) {\n      this._filterInputValue = String(this.value);\n      return true;\n    }\n    if (this.value === '') {\n      this._filterInputValue = '';\n    }\n    return true;\n  }\n\n  protected _clearInputWithoutSelecting(focus = true) {\n    this._filterInputValue = '';\n    if (this._filterInputNode) {\n      this._filterInputNode.value = '';\n\n      if (focus) {\n        try {\n          this._filterInputNode.focus();\n          this._filterInputNode.setSelectionRange(0, 0);\n        } catch {\n          /* ignore */\n        }\n      }\n    }\n\n    this._resetFilteredItems();\n    this.removeAttribute('isClosable');\n    this.requestUpdate();\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open && this._filterInputNode) {\n        this._handleInput(changedProperties);\n      } else if (!this.open) {\n        // remove the autocomplete suggestion when closing the combobox\n        this._removeAutoCompleteSuggestion();\n        this._resetFilteredItems();\n        if (this._filterInputNode.value == '') {\n          this.value = '';\n        }\n        if (this.value) {\n          this._revertInputToSelected(false);\n          if (\n            this._filterInputNode &&\n            document.activeElement === this._filterInputNode\n          ) {\n            (this._filterInputNode as HTMLInputElement).blur();\n          }\n        } else if (\n          this._filterInputValue &&\n          this._filterInputValue.length > 0 &&\n          !this.allowCustomValue\n        ) {\n          this._clearInputWithoutSelecting(false);\n          if (\n            this._filterInputNode &&\n            document.activeElement === this._filterInputNode\n          ) {\n            (this._filterInputNode as HTMLInputElement).blur();\n          }\n        } else {\n          // nothing typed and no selection, ensure no extra changes\n        }\n      }\n    }\n    const { _listBoxNode: listBoxNode } = this;\n    if (listBoxNode) {\n      listBoxNode.classList.add(`${prefix}--combo-box`);\n    }\n  }\n\n  // Restores the full list when the query is cleared or the menu closes.\n  protected _resetFilteredItems() {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSComboBox).selectorItem\n    );\n    forEach(items, (item) => {\n      const comboItem = item as CDSComboBoxItem;\n      (comboItem as HTMLElement).style.display = '';\n      comboItem.highlighted = false;\n    });\n  }\n\n  // For combo box, open/selection with space key is disabled given the input box should take it over\n  static TRIGGER_KEYS = new Set(['Enter']);\n\n  /**\n   * A selector that will return highlighted items.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-combo-box-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return combo box items.\n   */\n  static get selectorItem() {\n    return `${prefix}-combo-box-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-combo-box-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before this combo box item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this combo box item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-combo-box-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this combo box item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-combo-box-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired before a combo box item is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-combo-box-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a combo box item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-combo-box-selected`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSComboBox;\n"],"mappings":"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"}