igniteui-webcomponents 7.3.0-beta.0 → 7.3.0

package/components/combo/combo.js

@@ -15,14 +15,16 @@ import { addRootClickController } from '#internals/controllers/root-click.js';
 import { addSlotController, setSlots } from '#internals/controllers/slot.js';
 import { blazorAdditionalDependencies } from '#internals/decorators/blazorAdditionalDependencies.js';
 import { blazorIndirectRender } from '#internals/decorators/blazorIndirectRender.js';
+import { coercedProperty } from '#internals/decorators/coerced-property.js';
 import { shadowOptions } from '#internals/decorators/shadow-options.js';
 import { registerComponent } from '#internals/definitions/register.js';
-import { addI18nController } from '#internals/i18n/i18n-controller.js';
 import { IgcBaseComboBoxComponent } from '#internals/mixins/combo-box.js';
 import { EventEmitterMixin } from '#internals/mixins/event-emitter.js';
 import { FormAssociatedRequiredMixin } from '#internals/mixins/forms/associated-required.js';
 import { createFormValueState } from '#internals/mixins/forms/form-value.js';
+import { I18nMixin } from '#internals/mixins/i18n.js';
 import { partMap } from '#internals/part-map.js';
+import { renderSlottedIcon } from '#internals/templates/slotted-icon.js';
 import { asArray, firstOf, isEmpty } from '#internals/utils/arrays.js';
 import { addSafeEventListener, getElementFromPath, stopPropagation, } from '#internals/utils/events.js';
 import { bindIf } from '#internals/utils/lit.js';
@@ -41,7 +43,10 @@ import { styles as shared } from './themes/shared/combo.common.css.js';
 import { all } from './themes/themes.js';
 import { comboValidators } from './validators.js';
 const SLOTS = setSlots('prefix', 'suffix', 'header', 'footer', 'empty', 'helper-text', 'toggle-icon', 'clear-icon', 'value-missing', 'custom-error', 'invalid');
-let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMixin(EventEmitterMixin(IgcBaseComboBoxComponent)) {
+const i18n = {
+    defaultEN: ComboResourceStringsEN,
+};
+let IgcComboComponent = class IgcComboComponent extends I18nMixin(FormAssociatedRequiredMixin(EventEmitterMixin(IgcBaseComboBoxComponent)), i18n) {
     static { IgcComboComponent_1 = this; }
     static { this.tagName = 'igc-combo'; }
     static { this.styles = [styles, shared]; }
@@ -76,55 +81,19 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
             ? this.resourceStrings.combo_aria_label_no_options
             : this.resourceStrings.combo_aria_label_options;
     }
-    set data(value) {
-        this._data = asArray(value);
-        this._index = undefined;
-    }
-    get data() {
-        return this._data;
-    }
-    set singleSelect(value) {
-        this._singleSelect = Boolean(value);
-        this._syncSelectionFromValue();
-        if (this.hasUpdated) {
-            this._withPristine(() => {
-                this._activeIndex = -1;
-                this._searchTerm = '';
-                this._formValue.setValueAndFormState(this.value);
-            });
-        }
-    }
-    get singleSelect() {
-        return this._singleSelect;
-    }
     set locale(value) {
-        this._i18nController.locale = value;
+        super.locale = value;
         this._state.updateLocale(value);
     }
     get locale() {
-        return this._i18nController.locale;
+        return super.locale;
     }
     set placeholderSearch(value) {
         this._placeholderSearch = value;
     }
     get placeholderSearch() {
         return (this._placeholderSearch ??
-            this.resourceStrings.combo_filter_search_placeholder ??
-            'Search');
-    }
-    set resourceStrings(value) {
-        this._i18nController.resourceStrings = value;
-    }
-    get resourceStrings() {
-        return this._i18nController.resourceStrings;
-    }
-    set valueKey(value) {
-        this._valueKey = value;
-        this._displayKey = this._displayKey ?? this._valueKey;
-        this._index = undefined;
-    }
-    get valueKey() {
-        return this._valueKey;
+            this.resourceStrings.combo_filter_search_placeholder);
     }
     set displayKey(value) {
         this._displayKey = value;
@@ -133,7 +102,7 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
         }
     }
     get displayKey() {
-        return this._displayKey ?? this._valueKey;
+        return this._displayKey ?? this.valueKey;
     }
     set filteringOptions(value) {
         this._filteringOptions = { ...this._filteringOptions, ...value };
@@ -141,13 +110,6 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
     get filteringOptions() {
         return this._filteringOptions;
     }
-    set disableFiltering(value) {
-        this._disableFiltering = value;
-        this._searchTerm = '';
-    }
-    get disableFiltering() {
-        return this._disableFiltering;
-    }
     set value(items) {
         this._formValue.setValueAndFormState(items);
         this._syncSelectionFromValue();
@@ -167,9 +129,6 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
         this._rootClickController = addRootClickController(this, {
             onHide: this._handleClosing,
         });
-        this._i18nController = addI18nController(this, {
-            defaultEN: ComboResourceStringsEN,
-        });
         this._formValue = createFormValueState(this, {
             initialValue: [],
             transformers: {
@@ -206,10 +165,7 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
                 clearSelection: () => this._clearSelection(),
             },
         });
-        this._data = [];
         this._indexSize = 0;
-        this._disableFiltering = false;
-        this._singleSelect = false;
         this._selected = new Set();
         this._filteringOptions = {
             filterKey: undefined,
@@ -217,10 +173,14 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
             matchDiacritics: false,
         };
         this._displayValue = '';
+        this.data = [];
         this.outlined = false;
+        this.singleSelect = false;
         this.autofocusList = false;
+        this.valueKey = undefined;
         this.groupSorting = 'asc';
         this.caseSensitiveIcon = false;
+        this.disableFiltering = false;
         this.disableClear = false;
         this.itemTemplate = ({ item }) => html `${this.displayKey ? item[this.displayKey] : item}`;
         this.groupHeaderTemplate = ({ item }) => html `${this.groupKey && item[this.groupKey]}`;
@@ -571,13 +531,10 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
             filled: !isEmpty(this.value),
         })}
       >
-        <slot name="toggle-icon">
-          <igc-icon
-            name=${this.open ? 'input_collapse' : 'input_expand'}
-            collection="default"
-            aria-hidden="true"
-          ></igc-icon>
-        </slot>
+        ${renderSlottedIcon({
+            slot: 'toggle-icon',
+            icon: this.open ? 'input_collapse' : 'input_expand',
+        })}
       </span>
     `;
     }
@@ -591,13 +548,7 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
         ?hidden=${this.disableClear || isEmpty(this._selected)}
         aria-label=${ifDefined(this.resourceStrings.combo_clearItems_placeholder)}
       >
-        <slot name="clear-icon">
-          <igc-icon
-            name="input_clear"
-            collection="default"
-            aria-hidden="true"
-          ></igc-icon>
-        </slot>
+        ${renderSlottedIcon({ slot: 'clear-icon', icon: 'input_clear' })}
       </span>
     `;
     }
@@ -700,7 +651,7 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
     `;
     }
     _renderHelperText() {
-        return IgcValidationContainerComponent.create(this, {
+        return this._renderValidationContainer({
             id: 'combo-helper-text',
             hasHelperText: true,
         });
@@ -727,14 +678,33 @@ __decorate([
     state()
 ], IgcComboComponent.prototype, "_displayValue", void 0);
 __decorate([
-    property({ attribute: false })
-], IgcComboComponent.prototype, "data", null);
+    property({ attribute: false }),
+    coercedProperty({
+        transform: ({ value }) => asArray(value),
+        onChange: ({ host }) => {
+            host._index = undefined;
+        },
+    })
+], IgcComboComponent.prototype, "data", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], IgcComboComponent.prototype, "outlined", void 0);
 __decorate([
-    property({ type: Boolean, reflect: true, attribute: 'single-select' })
-], IgcComboComponent.prototype, "singleSelect", null);
+    property({ type: Boolean, reflect: true, attribute: 'single-select' }),
+    coercedProperty({
+        transform: ({ value }) => Boolean(value),
+        onChange: ({ host }) => {
+            host._syncSelectionFromValue();
+            if (host.hasUpdated) {
+                host._withPristine(() => {
+                    host._activeIndex = -1;
+                    host._searchTerm = '';
+                    host._formValue.setValueAndFormState(host.value);
+                });
+            }
+        },
+    })
+], IgcComboComponent.prototype, "singleSelect", void 0);
 __decorate([
     property({ type: Boolean })
 ], IgcComboComponent.prototype, "autofocus", void 0);
@@ -754,11 +724,14 @@ __decorate([
     property({ attribute: 'placeholder-search' })
 ], IgcComboComponent.prototype, "placeholderSearch", null);
 __decorate([
-    property({ attribute: false })
-], IgcComboComponent.prototype, "resourceStrings", null);
-__decorate([
-    property({ attribute: 'value-key' })
-], IgcComboComponent.prototype, "valueKey", null);
+    property({ attribute: 'value-key' }),
+    coercedProperty({
+        onChange: ({ value, host }) => {
+            host._displayKey = host._displayKey ?? value;
+            host._index = undefined;
+        },
+    })
+], IgcComboComponent.prototype, "valueKey", void 0);
 __decorate([
     property({ attribute: 'display-key' })
 ], IgcComboComponent.prototype, "displayKey", null);
@@ -775,8 +748,13 @@ __decorate([
     property({ type: Boolean, attribute: 'case-sensitive-icon' })
 ], IgcComboComponent.prototype, "caseSensitiveIcon", void 0);
 __decorate([
-    property({ type: Boolean, attribute: 'disable-filtering' })
-], IgcComboComponent.prototype, "disableFiltering", null);
+    property({ type: Boolean, attribute: 'disable-filtering' }),
+    coercedProperty({
+        onChange: ({ host }) => {
+            host._searchTerm = '';
+        },
+    })
+], IgcComboComponent.prototype, "disableFiltering", void 0);
 __decorate([
     property({ type: Boolean, attribute: 'disable-clear' })
 ], IgcComboComponent.prototype, "disableClear", void 0);

package/components/combo/combo.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo.js","sourceRoot":"","sources":["../../../src/components/combo/combo.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ComboResourceStringsEN,\n  type IComboResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addAriaProjector } from '#internals/controllers/aria-projection.js';\nimport { addRootClickController } from '#internals/controllers/root-click.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { blazorAdditionalDependencies } from '#internals/decorators/blazorAdditionalDependencies.js';\nimport { blazorIndirectRender } from '#internals/decorators/blazorIndirectRender.js';\nimport { shadowOptions } from '#internals/decorators/shadow-options.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addI18nController } from '#internals/i18n/i18n-controller.js';\nimport { IgcBaseComboBoxComponent } from '#internals/mixins/combo-box.js';\nimport type { AbstractConstructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '#internals/mixins/forms/associated-required.js';\nimport { createFormValueState } from '#internals/mixins/forms/form-value.js';\nimport { partMap } from '#internals/part-map.js';\nimport { asArray, firstOf, isEmpty } from '#internals/utils/arrays.js';\nimport {\n  addSafeEventListener,\n  getElementFromPath,\n  stopPropagation,\n} from '#internals/utils/events.js';\nimport { bindIf } from '#internals/utils/lit.js';\nimport type { Validator } from '#internals/validators.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcInputComponent from '../input/input.js';\nimport IgcPopoverComponent from '../popover/popover.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport type { VirtualScrollItemContext } from '../virtualization/types.js';\nimport IgcVirtualScrollComponent from '../virtualization/virtualization.js';\nimport IgcComboHeaderComponent from './combo-header.js';\nimport IgcComboItemComponent from './combo-item.js';\nimport { DataState } from './controllers/data.js';\nimport { ComboNavigationController } from './controllers/navigation.js';\nimport { styles } from './themes/combo.base.css.js';\nimport { styles as shared } from './themes/shared/combo.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n  ComboItemTemplate,\n  ComboRecord,\n  ComboRenderFunction,\n  ComboValue,\n  FilteringOptions,\n  GroupingDirection,\n  IgcComboChangeEventArgs,\n  IgcComboComponentEventMap,\n  Item,\n  Keys,\n} from './types.js';\nimport { comboValidators } from './validators.js';\n\nconst SLOTS = setSlots(\n  'prefix',\n  'suffix',\n  'header',\n  'footer',\n  'empty',\n  'helper-text',\n  'toggle-icon',\n  'clear-icon',\n  'value-missing',\n  'custom-error',\n  'invalid'\n);\n\n/* blazorSupportsVisualChildren */\n/**\n * The Combo component is similar to the Select component in that it provides a list of options from which the user can make a selection.\n * In contrast to the Select component, the Combo component displays all options in a virtualized list of items,\n * meaning the combo box can simultaneously show thousands of options, where one or more options can be selected.\n * Additionally, users can create custom item templates, allowing for robust data visualization.\n * The Combo component features case-sensitive filtering, grouping, complex data binding, dynamic addition of values and more.\n *\n * @element igc-combo\n *\n * @slot prefix - Renders content before the input of the combo.\n * @slot suffix - Renders content after the input of the combo.\n * @slot header - Renders a container before the list of options of the combo.\n * @slot footer - Renders a container after the list of options of the combo.\n * @slot empty - Renders content when the combo dropdown list has no items/data.\n * @slot helper-text - Renders content below the input of the combo.\n * @slot toggle-icon - Renders content inside the suffix container of the combo.\n * @slot clear-icon - Renders content inside the suffix container of the combo.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcChange - Emitted when the control's selection has changed.\n * @fires igcOpening - Emitted just before the list of options is opened.\n * @fires igcOpened - Emitted after the list of options is opened.\n * @fires igcClosing - Emitter just before the list of options is closed.\n * @fires igcClosed - Emitted after the list of options is closed.\n *\n * @csspart label - The encapsulated text label of the combo.\n * @csspart input - The main input field of the combo.\n * @csspart native-input - The native input of the main input field of the combo.\n * @csspart prefix - The prefix wrapper of the combo.\n * @csspart suffix - The suffix wrapper of the combo.\n * @csspart toggle-icon - The toggle icon wrapper of the combo.\n * @csspart clear-icon - The clear icon wrapper of the combo.\n * @csspart case-icon - The case icon wrapper of the combo.\n * @csspart helper-text - The helper text wrapper of the combo.\n * @csspart search-input - The search input field of the combo.\n * @csspart list-wrapper - The list of options wrapper of the combo.\n * @csspart list - The list of options box of the combo.\n * @csspart item - Represents each item in the list of options of the combo.\n * @csspart group-header - Represents each header in the list of options of the combo.\n * @csspart active - Appended to the item parts list when the item is active of the combo.\n * @csspart selected - Appended to the item parts list when the item is selected of the combo.\n * @csspart checkbox - Represents each checkbox of each list item of the combo.\n * @csspart checkbox-indicator - Represents the checkbox indicator of each list item of the combo.\n * @csspart checked - Appended to checkbox parts list when checkbox is checked in the combo.\n * @csspart header - The container holding the header content of the combo.\n * @csspart footer - The container holding the footer content of the combo.\n * @csspart empty - The container holding the empty content of the combo.\n */\n@blazorAdditionalDependencies('IgcIconComponent, IgcInputComponent')\n@blazorIndirectRender\n@shadowOptions({ delegatesFocus: true })\nexport default class IgcComboComponent<\n  T extends object = any,\n> extends FormAssociatedRequiredMixin(\n  EventEmitterMixin<\n    IgcComboComponentEventMap,\n    AbstractConstructor<IgcBaseComboBoxComponent>\n  >(IgcBaseComboBoxComponent)\n) {\n  public static readonly tagName = 'igc-combo';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcComboComponent,\n      IgcIconComponent,\n      IgcVirtualScrollComponent,\n      IgcComboItemComponent,\n      IgcComboHeaderComponent,\n      IgcInputComponent,\n      IgcPopoverComponent,\n      IgcValidationContainerComponent\n    );\n  }\n\n  // #region Internal state and controllers\n\n  protected override get __validators(): Validator<IgcComboComponent<T>>[] {\n    return comboValidators;\n  }\n\n  private readonly _slots = addSlotController(this, { slots: SLOTS });\n\n  protected override readonly _rootClickController = addRootClickController(\n    this,\n    {\n      onHide: this._handleClosing,\n    }\n  );\n\n  protected readonly _i18nController = addI18nController<IComboResourceStrings>(\n    this,\n    {\n      defaultEN: ComboResourceStringsEN,\n    }\n  );\n\n  protected override readonly _formValue = createFormValueState<\n    ComboValue<T>[]\n  >(this, {\n    initialValue: [],\n    transformers: {\n      setValue: asArray,\n      setDefaultValue: asArray,\n      setFormValue: (value) => {\n        if (isEmpty(value) || !this.name) {\n          return null;\n        }\n\n        if (this.singleSelect) {\n          return String(firstOf(value));\n        }\n\n        const formData = new FormData();\n\n        for (const item of value) {\n          formData.append(this.name, String(item));\n        }\n\n        return formData;\n      },\n    },\n  });\n\n  /** The primary input of the combo component. */\n  private readonly _inputRef = createRef<IgcInputComponent>();\n\n  @query('#combo-helper-text')\n  private readonly _helperText!: IgcValidationContainerComponent | null;\n\n  /** The search input of the combo component. */\n  private readonly _searchRef = createRef<IgcInputComponent>();\n\n  /** The combo virtualized dropdown list. */\n  private readonly _listRef = createRef<IgcVirtualScrollComponent>();\n\n  private readonly _state = new DataState<T>(this);\n  private readonly _navigation = new ComboNavigationController(\n    this,\n    this._state,\n    {\n      input: this._inputRef,\n      search: this._searchRef,\n      list: this._listRef,\n      interactions: {\n        show: () => this._show(true),\n        hide: () => this._hide(true),\n        toggleSelection: (index: number) => this._toggleSelection(index),\n        select: (index: number) => this._selectByIndex(index),\n        clearSelection: () => this._clearSelection(),\n      },\n    }\n  );\n\n  private _data: T[] = [];\n  private _index?: Map<Item<T>, number[]>;\n  private _indexSize = 0;\n  private _valueKey?: Keys<T>;\n  private _displayKey?: Keys<T>;\n  private _placeholderSearch?: string;\n  private _disableFiltering = false;\n  private _singleSelect = false;\n  private _selected: Set<T> = new Set();\n  // `filterKey` is left unset here - both key fields are still undefined at\n  // field-initialization time. The `displayKey` setter fills it in.\n  private _filteringOptions: FilteringOptions<T> = {\n    filterKey: undefined,\n    caseSensitive: false,\n    matchDiacritics: false,\n  };\n\n  @state()\n  private set _activeIndex(index: number) {\n    this._navigation.active = index;\n    this._listRef.value?.requestUpdate();\n  }\n\n  private get _activeIndex(): number {\n    return this._navigation.active;\n  }\n\n  @state()\n  private set _searchTerm(value: string) {\n    this._state.searchTerm = value;\n  }\n\n  private get _searchTerm(): string {\n    return this._state.searchTerm;\n  }\n\n  @state()\n  private _displayValue = '';\n\n  /** The DOM id of the option rendered at `index` in the current data state. */\n  private _itemId(index: number): string {\n    const position = index + 1;\n    return this.id ? `${this.id}-item-${position}` : `item-${position}`;\n  }\n\n  /**\n   * Derived from {@link _activeIndex} rather than tracked separately, so that it\n   * cannot go stale and does not have to be assigned while rendering an item.\n   */\n  private get _activeDescendant(): string | undefined {\n    return this._activeIndex > -1 ? this._itemId(this._activeIndex) : undefined;\n  }\n\n  private get _mainAriaLabel(): string {\n    return isEmpty(this._selected)\n      ? this.resourceStrings.combo_aria_label_no_options!\n      : this.resourceStrings.combo_aria_label_options!;\n  }\n\n  // #endregion\n\n  //#region Public attributes and properties\n\n  /** The data source used to generate the list of options. */\n  /* treatAsRef */\n  @property({ attribute: false })\n  public set data(value: T[]) {\n    this._data = asArray(value);\n    this._index = undefined;\n  }\n\n  public get data(): T[] {\n    return this._data;\n  }\n\n  /**\n   * Whether the control has an outlined appearance.\n   * @attr outlined\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  /**\n   * Enables single selection mode and moves item filtering to the main input.\n   * @attr single-select\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'single-select' })\n  public set singleSelect(value: boolean) {\n    this._singleSelect = Boolean(value);\n    this._syncSelectionFromValue();\n\n    if (this.hasUpdated) {\n      this._withPristine(() => {\n        this._activeIndex = -1;\n        this._searchTerm = '';\n        this._formValue.setValueAndFormState(this.value);\n      });\n    }\n  }\n\n  public get singleSelect(): boolean {\n    return this._singleSelect;\n  }\n\n  /**\n   * Whether the control should receive focus automatically.\n   * @attr autofocus\n   */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /**\n   * Focuses the list of options when the menu opens.\n   * @attr autofocus-list\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'autofocus-list' })\n  public autofocusList = false;\n\n  /**\n   * Gets/Sets the locale used for getting language, affecting resource strings.\n   * @attr locale\n   */\n  @property()\n  public set locale(value: string) {\n    this._i18nController.locale = value;\n    this._state.updateLocale(value);\n  }\n\n  public get locale(): string {\n    return this._i18nController.locale;\n  }\n\n  /**\n   * The label of the control.\n   * @attr label\n   */\n  @property()\n  public label?: string;\n\n  /**\n   * The placeholder text of the control.\n   * @attr placeholder\n   */\n  @property()\n  public placeholder?: string;\n\n  /**\n   * The placeholder text of the search input.\n   * @attr placeholder-search\n   */\n  @property({ attribute: 'placeholder-search' })\n  public set placeholderSearch(value: string | undefined) {\n    this._placeholderSearch = value;\n  }\n\n  public get placeholderSearch(): string {\n    return (\n      this._placeholderSearch ??\n      this.resourceStrings.combo_filter_search_placeholder ??\n      'Search'\n    );\n  }\n\n  /**\n   * The resource strings for localization.\n   */\n  @property({ attribute: false })\n  public set resourceStrings(value: IComboResourceStrings) {\n    this._i18nController.resourceStrings = value;\n  }\n\n  public get resourceStrings(): IComboResourceStrings {\n    return this._i18nController.resourceStrings;\n  }\n\n  /**\n   * The key in the data source used when selecting items.\n   * @attr value-key\n   */\n  @property({ attribute: 'value-key' })\n  public set valueKey(value: Keys<T> | undefined) {\n    this._valueKey = value;\n    this._displayKey = this._displayKey ?? this._valueKey;\n    this._index = undefined;\n  }\n\n  public get valueKey() {\n    return this._valueKey;\n  }\n\n  /**\n   * The key in the data source used to display items in the list.\n   * @attr display-key\n   */\n  @property({ attribute: 'display-key' })\n  public set displayKey(value: Keys<T> | undefined) {\n    this._displayKey = value;\n    if (!this.filteringOptions.filterKey) {\n      this.filteringOptions = { filterKey: this.displayKey };\n    }\n  }\n\n  public get displayKey() {\n    return this._displayKey ?? this._valueKey;\n  }\n\n  /**\n   * The key in the data source used to group items in the list.\n   * @attr group-key\n   */\n  @property({ attribute: 'group-key' })\n  public groupKey?: Keys<T> | string;\n\n  /**\n   * Sorts the items in each group by ascending or descending order.\n   * @attr group-sorting\n   * @default \"asc\"\n   * @type {\"asc\" | \"desc\" | \"none\"}\n   */\n  @property({ attribute: 'group-sorting' })\n  public groupSorting: GroupingDirection = 'asc';\n\n  /**\n   * An object that configures the filtering of the combo.\n   * @attr filtering-options\n   */\n  @property({ type: Object, attribute: 'filtering-options' })\n  public set filteringOptions(value: Partial<FilteringOptions<T>>) {\n    this._filteringOptions = { ...this._filteringOptions, ...value };\n  }\n\n  public get filteringOptions(): FilteringOptions<T> {\n    return this._filteringOptions;\n  }\n\n  /**\n   * Enables the case sensitive search icon in the filtering input.\n   * @attr case-sensitive-icon\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'case-sensitive-icon' })\n  public caseSensitiveIcon = false;\n\n  /**\n   * Disables the filtering of the list of options.\n   * @attr disable-filtering\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'disable-filtering' })\n  public set disableFiltering(value: boolean) {\n    this._disableFiltering = value;\n    this._searchTerm = '';\n  }\n\n  public get disableFiltering(): boolean {\n    return this._disableFiltering;\n  }\n\n  /**\n   * Hides the clear button.\n   * @attr disable-clear\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'disable-clear' })\n  public disableClear = false;\n\n  /* blazorSuppress */\n  /**\n   * The template used for the content of each combo item.\n   * @type {ComboItemTemplate<T>}\n   */\n  @property({ attribute: false })\n  public itemTemplate: ComboItemTemplate<T> = ({ item }) =>\n    html`${this.displayKey ? item[this.displayKey] : item}`;\n\n  /* blazorSuppress */\n  /**\n   * The template used for the content of each combo group header.\n   * @type {ComboItemTemplate<T>}\n   */\n  @property({ attribute: false })\n  public groupHeaderTemplate: ComboItemTemplate<T> = ({ item }) =>\n    html`${this.groupKey && item[this.groupKey as Keys<T>]}`;\n\n  /**\n   * Sets the value (selected items). The passed value must be a valid JSON array.\n   * If the data source is an array of complex objects, the `valueKey` must be set.\n   * Note that when `displayKey` is not explicitly set, it falls back to the value of `valueKey`.\n   *\n   * @attr value\n   *\n   * @example\n   * ```tsx\n   * <igc-combo\n   *  .data=${[\n   *    {\n   *      id: 'BG01',\n   *      name: 'Sofia'\n   *    },\n   *    {\n   *      id: 'BG02',\n   *      name: 'Plovdiv'\n   *    }\n   *  ]}\n   *  display-key='name'\n   *  value-key='id'\n   *  value='[\"BG01\", \"BG02\"]'>\n   *  </igc-combo>\n   * ```\n   */\n  /* blazorPrimitiveValue */\n  /* blazorByValueArray */\n  /* blazorGenericType */\n  /* @tsTwoWayProperty (true, \"Change\", \"Detail.NewValue\", false) */\n  @property({ type: Array })\n  public set value(items: ComboValue<T>[]) {\n    this._formValue.setValueAndFormState(items);\n    this._syncSelectionFromValue();\n\n    if (this.hasUpdated) {\n      this._validate();\n    }\n  }\n\n  /**\n   * Returns the current selection as a list of comma separated values,\n   * represented by the value key, when provided.\n   */\n  public get value(): ComboValue<T>[] {\n    return this._formValue.value;\n  }\n\n  /**\n   * Returns the current selection as an array of objects as provided in the `data` source.\n   */\n  public get selection(): T[] {\n    return Array.from(this._selected);\n  }\n\n  //#endregion\n\n  //#region Life-cycle\n\n  constructor() {\n    super();\n\n    // TODO: Either fix this in the theming controller or come up with another solution.\n    // Check virtualization `willUpdate` for more details.\n\n    // The virtualized list is rendered into this component's own shadow root\n    // (light DOM child), sharing it with the theming controller below. Theme\n    // changes re-adopt this shadow root's stylesheets wholesale, which would\n    // otherwise silently drop the list's own structural stylesheet since\n    // nothing else forces it to refresh. Requesting an update lets the list\n    // re-verify (and re-adopt, if needed) its stylesheet on its next render.\n    addThemingController(this, all, {\n      themeChange: () => this._listRef.value?.requestUpdate(),\n    });\n\n    // Projects the host's labels and combobox semantics onto the native\n    // input inside `igc-input` (see ProjectedARIA for why the host cannot\n    // publish these itself). `aria-activedescendant` stays on the listbox,\n    // which holds DOM focus while the list is navigated.\n    addAriaProjector(this, {\n      target: () => this._inputRef.value,\n      state: () => ({\n        role: 'combobox',\n        hasPopup: 'listbox',\n        expanded: `${this.open}`,\n        disabled: `${this.disabled}`,\n        label: this._mainAriaLabel,\n        controls: this._listRef.value ? [this._listRef.value] : null,\n        describedBy: this._helperText ? [this._helperText] : null,\n        labelledBy: this._internals.labels,\n      }),\n    });\n    addSafeEventListener(this, 'blur', this._handleBlur);\n    addSafeEventListener(this, 'focusin', this._handleFocusIn);\n  }\n\n  protected override willUpdate(props: PropertyValues<this>): void {\n    if (props.has('open')) {\n      this._rootClickController.update();\n    }\n\n    if (\n      props.has('groupKey') ||\n      props.has('groupSorting') ||\n      props.has('filteringOptions') ||\n      props.has('data')\n    ) {\n      this._state.invalidate();\n    }\n\n    // When data changes, re-sync selection and form\n    // This handles the delayed data scenario where value was set before data\n    if (props.has('data') && !isEmpty(this.data) && !isEmpty(this.value)) {\n      this._withPristine(() => {\n        this._syncSelectionFromValue();\n        this._formValue.setValueAndFormState(this.value);\n      });\n    }\n  }\n\n  /**\n   * Runs `callback`, restoring the pristine flag afterwards.\n   *\n   * Re-syncing the form value in reaction to a configuration change (as opposed\n   * to user interaction) must not count as the control having been dirtied.\n   */\n  private _withPristine(callback: () => void): void {\n    const pristine = this._pristine;\n\n    try {\n      callback();\n    } finally {\n      this._pristine = pristine;\n    }\n  }\n\n  //#endregion\n\n  // #region Form Associated overrides\n\n  protected override _setDefaultValue(current: string | null): void {\n    try {\n      this.defaultValue = JSON.parse(current || '[]');\n    } catch {\n      // A malformed `value` attribute keeps the previous default rather than\n      // discarding it - see the \"invalid JSON\" form integration test.\n    }\n  }\n\n  // #endregion\n\n  //#region Overrides for combo box behavior\n\n  protected override async _show(emitEvent = false): Promise<boolean> {\n    const [canOpen, _] = await Promise.all([\n      super._show(emitEvent),\n      this.updateComplete,\n    ]);\n\n    if (canOpen) {\n      if (!this.singleSelect) {\n        this._listRef.value?.focus();\n      }\n\n      if (!this.autofocusList) {\n        this._searchRef.value?.focus();\n      }\n    }\n\n    return canOpen;\n  }\n\n  protected override async _hide(emitEvent = false): Promise<boolean> {\n    const [canClose, _] = await Promise.all([\n      super._hide(emitEvent),\n      this.updateComplete,\n    ]);\n\n    if (canClose) {\n      this._activeIndex = -1;\n    }\n\n    return canClose;\n  }\n\n  private _setSingleSelectionDisplayValue(value: string): void {\n    if (this.singleSelect && this._inputRef.value) {\n      this._inputRef.value.value = value;\n    }\n  }\n\n  //#endregion\n\n  // #region Selection helpers\n\n  /**\n   * Maps every value representation in the data source to the positions of the\n   * records carrying it. Built on demand and dropped whenever `data` or\n   * `valueKey` changes.\n   *\n   * Positions (rather than records) are stored so that resolution can hand back\n   * matches in data-source order, and duplicate value keys keep resolving to\n   * every record that carries them.\n   *\n   * The size comparison picks up in-place growth or shrink (push/splice) of the\n   * same array. Replacing elements without changing the length is not detectable\n   * here and still requires reassigning `data`.\n   */\n  private get _dataIndex(): Map<Item<T>, number[]> {\n    if (!this._index || this._indexSize !== this.data.length) {\n      this._index = Map.groupBy(this.data.keys(), (position) =>\n        this._resolveItemValue(this.data[position])\n      );\n      this._indexSize = this.data.length;\n    }\n\n    return this._index;\n  }\n\n  /**\n   * Resolves user-provided items (value keys or object references)\n   * to actual objects from the data source, in data-source order.\n   *\n   * @remarks\n   * Repeating the same value in `items` resolves it once - a record cannot be\n   * selected twice, and duplicates would otherwise reach the change event\n   * payload.\n   */\n  private _resolveItems(items: Item<T>[]): T[] {\n    const index = this._dataIndex;\n    const positions = new Set<number>();\n\n    for (const item of items) {\n      const matches = index.get(item);\n\n      if (matches) {\n        for (const position of matches) {\n          positions.add(position);\n        }\n      }\n    }\n\n    return Array.from(positions)\n      .sort((a, b) => a - b)\n      .map((position) => this.data[position]);\n  }\n\n  /**\n   * Gets the value representation of a data record\n   * (its value-key property, or the record itself).\n   */\n  private _resolveItemValue(record: T): Item<T> {\n    return this.valueKey ? record[this.valueKey] : record;\n  }\n\n  /**\n   * Maps data records to their value representations - the `valueKey` property\n   * of each, or the record itself when no `valueKey` is set.\n   */\n  private _toValues(items: Iterable<T>): ComboValue<T>[] {\n    const { valueKey } = this;\n    const values: ComboValue<T>[] = [];\n\n    for (const item of items) {\n      values.push((valueKey ? item[valueKey] : undefined) ?? item);\n    }\n\n    return values;\n  }\n\n  /**\n   * Recomputes {@link _displayValue} from the current selection and returns its\n   * value representation, walking the selection once for both projections.\n   */\n  private _projectSelection(): ComboValue<T>[] {\n    const { valueKey, displayKey } = this;\n    const values: ComboValue<T>[] = [];\n    const display: string[] = [];\n\n    for (const item of this._selected) {\n      values.push((valueKey ? item[valueKey] : undefined) ?? item);\n      display.push(String((displayKey ? item[displayKey] : undefined) ?? item));\n    }\n\n    this._displayValue = display.join(', ');\n    return values;\n  }\n\n  private _emitSelectionChange(detail: IgcComboChangeEventArgs): boolean {\n    return this.emitEvent('igcChange', { cancelable: true, detail });\n  }\n\n  /**\n   * Builds the value the component would have if `resolved` were applied to the\n   * current selection. Used as the `newValue` payload of the change event.\n   */\n  private _previewValue(resolved: T[], selecting: boolean): ComboValue<T>[] {\n    if (selecting) {\n      return this._toValues(\n        this.singleSelect ? resolved : new Set([...resolved, ...this._selected])\n      );\n    }\n\n    const removed = new Set(resolved);\n\n    return this._toValues(\n      Iterator.from(this._selected).filter((item) => !removed.has(item))\n    );\n  }\n\n  /**\n   * Adds the given `items` to, or removes them from, the current selection.\n   *\n   * An empty collection is a \"select all\" / \"deselect all\" request. Single\n   * selection has no \"select all\" - it only resets the current selection.\n   *\n   * When `emit` is set, the cancellable `igcChange` event is fired *before* any\n   * mutation takes place, so cancelling it leaves the selection untouched.\n   *\n   * @returns Whether the change was committed.\n   */\n  private _updateSelection(\n    items: Item<T> | Item<T>[] | undefined,\n    type: 'selection' | 'deselection',\n    emit: boolean\n  ): boolean {\n    const singleSelect = this.singleSelect;\n    const selecting = type === 'selection';\n    const collection = singleSelect\n      ? asArray(items).slice(0, 1)\n      : asArray(items);\n\n    if (isEmpty(collection)) {\n      if (selecting) {\n        this._selected = singleSelect ? new Set() : new Set(this.data);\n\n        if (singleSelect) {\n          this._searchTerm = '';\n        }\n      } else {\n        if (\n          emit &&\n          !this._emitSelectionChange({\n            newValue: [],\n            items: this.selection,\n            type,\n          })\n        ) {\n          return false;\n        }\n\n        this._selected.clear();\n      }\n\n      this.requestUpdate();\n      return true;\n    }\n\n    const resolved = this._resolveItems(collection);\n\n    if (\n      emit &&\n      !this._emitSelectionChange({\n        newValue: this._previewValue(resolved, selecting),\n        items: resolved,\n        type,\n      })\n    ) {\n      return false;\n    }\n\n    // Past this point the change is committed - only now is it safe to drop\n    // the previous single selection and its search term.\n    if (selecting && singleSelect) {\n      this._selected.clear();\n      this._searchTerm = '';\n    }\n\n    for (const item of resolved) {\n      selecting ? this._selected.add(item) : this._selected.delete(item);\n    }\n\n    this.requestUpdate();\n    return true;\n  }\n\n  /**\n   * Syncs the internal `_selected` set from the current `_formValue`.\n   * This is a one-way sync: source of truth (_formValue) → view (_selected).\n   */\n  private _syncSelectionFromValue(): void {\n    this._selected.clear();\n\n    if (!isEmpty(this._formValue.value)) {\n      const values = this.singleSelect\n        ? asArray(firstOf(this._formValue.value))\n        : this._formValue.value;\n\n      if (this.singleSelect && values.length !== this._formValue.value.length) {\n        this._formValue.setValueAndFormState(values);\n      }\n\n      const index = this._dataIndex;\n\n      for (const value of values) {\n        // First match only - mirrors resolving a value against the data source\n        const position = index.get(value)?.[0];\n\n        if (position !== undefined) {\n          this._selected.add(this.data[position]);\n        }\n      }\n    }\n\n    this._projectSelection();\n  }\n\n  protected _syncValueFromSelection(): void {\n    this._formValue.setValueAndFormState(this._projectSelection());\n    this._setSingleSelectionDisplayValue(this._displayValue);\n    this._validate();\n    this._listRef.value?.requestUpdate();\n  }\n\n  /**\n   * The data record rendered at `index`, or undefined when that position holds\n   * a group header instead of a selectable option.\n   *\n   * Guarding on this matters: an unresolvable record would reach\n   * {@link _updateSelection} as an empty collection, which reads as\n   * \"select everything\".\n   */\n  private _recordAt(index: number): T | undefined {\n    const record = this._state.dataState[index];\n    return record && !record.header ? record.value : undefined;\n  }\n\n  private _toggleSelection(index: number): void {\n    const record = this._recordAt(index);\n\n    if (!record) {\n      return;\n    }\n\n    this._updateSelection(\n      this._resolveItemValue(record),\n      this._selected.has(record) ? 'deselection' : 'selection',\n      true\n    );\n\n    this._activeIndex = index;\n    this._syncValueFromSelection();\n  }\n\n  private _selectByIndex(index: number): void {\n    const record = this._recordAt(index);\n\n    if (!record) {\n      return;\n    }\n\n    this._updateSelection(this._resolveItemValue(record), 'selection', true);\n    this._activeIndex = index;\n    this._syncValueFromSelection();\n  }\n\n  private _clearSelection(): void {\n    if (this.singleSelect) {\n      this._searchTerm = '';\n      this._clearSingleSelection();\n    } else {\n      this._updateSelection([], 'deselection', true);\n    }\n    this._syncValueFromSelection();\n  }\n\n  private _clearSingleSelection(): void {\n    const [selection] = this._selected;\n\n    // The form state is reset directly rather than through\n    // `_syncValueFromSelection` so that the text the user is currently typing\n    // into the main input is left alone.\n    if (\n      selection &&\n      this._updateSelection(\n        this._resolveItemValue(selection),\n        'deselection',\n        true\n      )\n    ) {\n      this._formValue.setValueAndFormState([]);\n    }\n  }\n\n  // #endregion\n\n  //#region Event handlers\n\n  protected async _handleMainInput({\n    detail,\n  }: CustomEvent<string>): Promise<void> {\n    this._setTouchedState();\n    void this._show(true);\n\n    // In single selection mode the main input doubles as the filtering input,\n    // so it is the only place `disableFiltering` can be honored.\n    if (!this.disableFiltering) {\n      this._searchTerm = detail;\n    }\n\n    // wait for the dataState to update after filtering\n    await this.updateComplete;\n\n    this._activeIndex = this._state.firstItemIndex;\n    // clear the selection upon typing\n    this._clearSingleSelection();\n  }\n\n  protected _handleFocusIn(): void {\n    this._setTouchedState();\n  }\n\n  protected override _handleBlur(): void {\n    if (isEmpty(this._selected)) {\n      this._searchTerm = '';\n      this._setSingleSelectionDisplayValue('');\n    }\n    super._handleBlur();\n  }\n\n  protected _handleSearchInput({ detail }: CustomEvent<string>): void {\n    this._searchTerm = detail;\n  }\n\n  private _handleClosing(): void {\n    this._hide(true);\n  }\n\n  private async _itemClickHandler(event: PointerEvent): Promise<void> {\n    const target = getElementFromPath(IgcComboItemComponent.tagName, event);\n\n    if (!target) {\n      return;\n    }\n\n    this._setTouchedState();\n    this._toggleSelection(target.index);\n\n    if (this.singleSelect) {\n      this._inputRef.value?.focus();\n      await this._hide(true);\n    } else {\n      this._searchRef.value?.focus();\n    }\n  }\n\n  private _handleClearIconClick(event: PointerEvent): void {\n    event.stopPropagation();\n    this._clearSelection();\n    this._activeIndex = -1;\n  }\n\n  private _handleCaseSensitivity(): void {\n    this.filteringOptions = {\n      caseSensitive: !this.filteringOptions.caseSensitive,\n    };\n  }\n\n  //#endregion\n\n  //#region Public methods\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the component. */\n  public override focus(options?: FocusOptions): void {\n    this._inputRef.value?.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the component. */\n  public override blur(): void {\n    this._inputRef.value?.blur();\n  }\n\n  /**\n   * Selects option(s) in the list by either reference or valueKey.\n   * If not argument is provided all items will be selected.\n   * @param { Item<T> | Item<T>[] } items - One or more items to be selected. Multiple items should be passed as an array.\n   * When valueKey is specified, the corresponding value should be used in place of the item reference.\n   *\n   * @example\n   * ```typescript\n   * const combo<IgcComboComponent<T>> = document.querySelector('igc-combo');\n   *\n   * // Select one item at a time by reference when valueKey is not specified.\n   * combo.select(combo.data[0]);\n   *\n   * // Select multiple items at a time by reference when valueKey is not specified.\n   * combo.select([combo.data[0], combo.data[1]]);\n   *\n   * // Select one item at a time when valueKey is specified.\n   * combo.select('BG01');\n   *\n   * // Select multiple items at a time when valueKey is specified.\n   * combo.select(['BG01', 'BG02']);\n   * ```\n   */\n  public select(items?: Item<T> | Item<T>[]): void {\n    this._updateSelection(items, 'selection', false);\n    this._syncValueFromSelection();\n  }\n\n  /**\n   * Deselects option(s) in the list by either reference or valueKey.\n   * If not argument is provided all items will be deselected.\n   * @param { Item<T> | Item<T>[] } items - One or more items to be deselected. Multiple items should be passed as an array.\n   * When valueKey is specified, the corresponding value should be used in place of the item reference.\n   *\n   * @example\n   * ```typescript\n   * const combo<IgcComboComponent<T>> = document.querySelector('igc-combo');\n   *\n   * // Deselect one item at a time by reference when valueKey is not specified.\n   * combo.deselect(combo.data[0]);\n   *\n   * // Deselect multiple items at a time by reference when valueKey is not specified.\n   * combo.deselect([combo.data[0], combo.data[1]]);\n   *\n   * // Deselect one item at a time when valueKey is specified.\n   * combo.deselect('BG01');\n   *\n   * // Deselect multiple items at a time when valueKey is specified.\n   * combo.deselect(['BG01', 'BG02']);\n   * ```\n   */\n  public deselect(items?: Item<T> | Item<T>[]): void {\n    this._updateSelection(items, 'deselection', false);\n    this._syncValueFromSelection();\n  }\n\n  //#endregion\n\n  protected _itemRenderer: ComboRenderFunction<T> = (\n    context: VirtualScrollItemContext<ComboRecord<T>>\n  ) => {\n    const { value: item, index } = context;\n\n    if (this.groupKey && item.header) {\n      return html`\n        <igc-combo-header part=\"group-header\">\n          ${this.groupHeaderTemplate({ item: item.value })}\n        </igc-combo-header>\n      `;\n    }\n\n    const active = this._activeIndex === index;\n    const selected = this._selected.has(item.value);\n\n    return html`\n      <igc-combo-item\n        id=${this._itemId(index)}\n        part=${partMap({ item: true, selected, active })}\n        aria-setsize=${this._state.itemCount}\n        aria-posinset=${item.position}\n        exportparts=\"checkbox, checkbox-indicator, checked\"\n        .index=${index}\n        ?active=${active}\n        ?selected=${selected}\n        ?hide-checkbox=${this.singleSelect}\n      >\n        ${this.itemTemplate({ item: item.value })}\n      </igc-combo-item>\n    `;\n  };\n\n  private _renderToggleIcon() {\n    return html`\n      <span\n        slot=\"suffix\"\n        part=${partMap({\n          'toggle-icon': true,\n          filled: !isEmpty(this.value),\n        })}\n      >\n        <slot name=\"toggle-icon\">\n          <igc-icon\n            name=${this.open ? 'input_collapse' : 'input_expand'}\n            collection=\"default\"\n            aria-hidden=\"true\"\n          ></igc-icon>\n        </slot>\n      </span>\n    `;\n  }\n\n  private _renderClearIcon() {\n    return html`\n      <span\n        slot=\"suffix\"\n        part=\"clear-icon\"\n        role=\"button\"\n        @click=${this._handleClearIconClick}\n        ?hidden=${this.disableClear || isEmpty(this._selected)}\n        aria-label=${ifDefined(\n          this.resourceStrings.combo_clearItems_placeholder\n        )}\n      >\n        <slot name=\"clear-icon\">\n          <igc-icon\n            name=\"input_clear\"\n            collection=\"default\"\n            aria-hidden=\"true\"\n          ></igc-icon>\n        </slot>\n      </span>\n    `;\n  }\n\n  private _renderMainInput() {\n    const hasPrefix = this._slots.hasAssignedElements('prefix');\n    const hasSuffix = this._slots.hasAssignedElements('suffix');\n\n    return html`\n      <igc-input\n        ${ref(this._inputRef)}\n        id=\"target\"\n        slot=\"anchor\"\n        exportparts=\"container: input, input: native-input, label, prefix, suffix\"\n        @click=${this._handleAnchorClick}\n        placeholder=${ifDefined(this.placeholder)}\n        label=${ifDefined(this.label)}\n        @igcChange=${stopPropagation}\n        @igcInput=${this._handleMainInput}\n        .value=${this._displayValue}\n        .disabled=${this.disabled}\n        .required=${this.required}\n        .invalid=${this.invalid}\n        .outlined=${this.outlined}\n        .autofocus=${this.autofocus}\n        ?readonly=${!this.singleSelect}\n      >\n        <span slot=${bindIf(hasPrefix, 'prefix')}>\n          <slot name=\"prefix\"></slot>\n        </span>\n        ${this._renderClearIcon()}\n        <span slot=${bindIf(hasSuffix, 'suffix')}>\n          <slot name=\"suffix\"></slot>\n        </span>\n        ${this._renderToggleIcon()}\n      </igc-input>\n    `;\n  }\n\n  private _renderSearchInput() {\n    return html`\n      <div\n        part=\"filter-input\"\n        ?hidden=${this.disableFiltering || this.singleSelect}\n      >\n        <igc-input\n          ${ref(this._searchRef)}\n          .value=${this._searchTerm}\n          part=\"search-input\"\n          placeholder=${this.placeholderSearch}\n          exportparts=\"input: search-input\"\n          @igcInput=${this._handleSearchInput}\n        >\n          <igc-icon\n            slot=${bindIf(this.caseSensitiveIcon, 'suffix')}\n            name=\"case_sensitive\"\n            collection=\"default\"\n            part=${partMap({\n              'case-icon': true,\n              active: this.filteringOptions.caseSensitive,\n            })}\n            @click=${this._handleCaseSensitivity}\n          ></igc-icon>\n        </igc-input>\n      </div>\n    `;\n  }\n\n  private _renderEmptyTemplate() {\n    return html`\n      <div part=\"empty\" ?hidden=${!isEmpty(this._state.dataState)}>\n        <slot name=\"empty\">${this.resourceStrings.combo_empty_message}</slot>\n      </div>\n    `;\n  }\n\n  private _renderList() {\n    return html`\n      <div .inert=${!this.open} part=\"list-wrapper\">\n        ${this._renderSearchInput()}\n        <div part=\"header\">\n          <slot name=\"header\"></slot>\n        </div>\n        <igc-virtual-scroll\n          ${ref(this._listRef)}\n          aria-multiselectable=${!this.singleSelect}\n          id=\"dropdown\"\n          part=\"list\"\n          role=\"listbox\"\n          tabindex=\"0\"\n          aria-labelledby=\"target\"\n          over-scan=\"15\"\n          aria-activedescendant=${ifDefined(this._activeDescendant)}\n          .data=${this._state.dataState}\n          .itemTemplate=${this._itemRenderer}\n          ?hidden=${isEmpty(this._state.dataState)}\n          @click=${this._itemClickHandler}\n        >\n        </igc-virtual-scroll>\n        ${this._renderEmptyTemplate()}\n        <div part=\"footer\">\n          <slot name=\"footer\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private _renderHelperText(): TemplateResult {\n    return IgcValidationContainerComponent.create(this, {\n      id: 'combo-helper-text',\n      hasHelperText: true,\n    });\n  }\n\n  protected override render() {\n    return html`\n      <igc-popover ?open=${this.open} flip shift same-width>\n        ${this._renderMainInput()} ${this._renderList()}\n      </igc-popover>\n      ${this._renderHelperText()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo': IgcComboComponent<object>;\n  }\n}\n"]}
+{"version":3,"file":"combo.js","sourceRoot":"","sources":["../../../src/components/combo/combo.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ComboResourceStringsEN,\n  type IComboResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addAriaProjector } from '#internals/controllers/aria-projection.js';\nimport { addRootClickController } from '#internals/controllers/root-click.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { blazorAdditionalDependencies } from '#internals/decorators/blazorAdditionalDependencies.js';\nimport { blazorIndirectRender } from '#internals/decorators/blazorIndirectRender.js';\nimport { coercedProperty } from '#internals/decorators/coerced-property.js';\nimport { shadowOptions } from '#internals/decorators/shadow-options.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport type { I18nControllerConfig } from '#internals/i18n/i18n-controller.js';\nimport { IgcBaseComboBoxComponent } from '#internals/mixins/combo-box.js';\nimport type { AbstractConstructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '#internals/mixins/forms/associated-required.js';\nimport { createFormValueState } from '#internals/mixins/forms/form-value.js';\nimport { I18nMixin } from '#internals/mixins/i18n.js';\nimport { partMap } from '#internals/part-map.js';\nimport { renderSlottedIcon } from '#internals/templates/slotted-icon.js';\nimport { asArray, firstOf, isEmpty } from '#internals/utils/arrays.js';\nimport {\n  addSafeEventListener,\n  getElementFromPath,\n  stopPropagation,\n} from '#internals/utils/events.js';\nimport { bindIf } from '#internals/utils/lit.js';\nimport type { Validator } from '#internals/validators.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcInputComponent from '../input/input.js';\nimport IgcPopoverComponent from '../popover/popover.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport type { VirtualScrollItemContext } from '../virtualization/types.js';\nimport IgcVirtualScrollComponent from '../virtualization/virtualization.js';\nimport IgcComboHeaderComponent from './combo-header.js';\nimport IgcComboItemComponent from './combo-item.js';\nimport { DataState } from './controllers/data.js';\nimport { ComboNavigationController } from './controllers/navigation.js';\nimport { styles } from './themes/combo.base.css.js';\nimport { styles as shared } from './themes/shared/combo.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n  ComboItemTemplate,\n  ComboRecord,\n  ComboRenderFunction,\n  ComboValue,\n  FilteringOptions,\n  GroupingDirection,\n  IgcComboChangeEventArgs,\n  IgcComboComponentEventMap,\n  Item,\n  Keys,\n} from './types.js';\nimport { comboValidators } from './validators.js';\n\nconst SLOTS = setSlots(\n  'prefix',\n  'suffix',\n  'header',\n  'footer',\n  'empty',\n  'helper-text',\n  'toggle-icon',\n  'clear-icon',\n  'value-missing',\n  'custom-error',\n  'invalid'\n);\n\nconst i18n: I18nControllerConfig<IComboResourceStrings> = {\n  defaultEN: ComboResourceStringsEN,\n};\n\n/* blazorSupportsVisualChildren */\n/**\n * The Combo component is similar to the Select component in that it provides a list of options from which the user can make a selection.\n * In contrast to the Select component, the Combo component displays all options in a virtualized list of items,\n * meaning the combo box can simultaneously show thousands of options, where one or more options can be selected.\n * Additionally, users can create custom item templates, allowing for robust data visualization.\n * The Combo component features case-sensitive filtering, grouping, complex data binding, dynamic addition of values and more.\n *\n * @element igc-combo\n *\n * @slot prefix - Renders content before the input of the combo.\n * @slot suffix - Renders content after the input of the combo.\n * @slot header - Renders a container before the list of options of the combo.\n * @slot footer - Renders a container after the list of options of the combo.\n * @slot empty - Renders content when the combo dropdown list has no items/data.\n * @slot helper-text - Renders content below the input of the combo.\n * @slot toggle-icon - Renders content inside the suffix container of the combo.\n * @slot clear-icon - Renders content inside the suffix container of the combo.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcChange - Emitted when the control's selection has changed.\n * @fires igcOpening - Emitted just before the list of options is opened.\n * @fires igcOpened - Emitted after the list of options is opened.\n * @fires igcClosing - Emitter just before the list of options is closed.\n * @fires igcClosed - Emitted after the list of options is closed.\n *\n * @csspart label - The encapsulated text label of the combo.\n * @csspart input - The main input field of the combo.\n * @csspart native-input - The native input of the main input field of the combo.\n * @csspart prefix - The prefix wrapper of the combo.\n * @csspart suffix - The suffix wrapper of the combo.\n * @csspart toggle-icon - The toggle icon wrapper of the combo.\n * @csspart clear-icon - The clear icon wrapper of the combo.\n * @csspart case-icon - The case icon wrapper of the combo.\n * @csspart helper-text - The helper text wrapper of the combo.\n * @csspart search-input - The search input field of the combo.\n * @csspart list-wrapper - The list of options wrapper of the combo.\n * @csspart list - The list of options box of the combo.\n * @csspart item - Represents each item in the list of options of the combo.\n * @csspart group-header - Represents each header in the list of options of the combo.\n * @csspart active - Appended to the item parts list when the item is active of the combo.\n * @csspart selected - Appended to the item parts list when the item is selected of the combo.\n * @csspart checkbox - Represents each checkbox of each list item of the combo.\n * @csspart checkbox-indicator - Represents the checkbox indicator of each list item of the combo.\n * @csspart checked - Appended to checkbox parts list when checkbox is checked in the combo.\n * @csspart header - The container holding the header content of the combo.\n * @csspart footer - The container holding the footer content of the combo.\n * @csspart empty - The container holding the empty content of the combo.\n */\n@blazorAdditionalDependencies('IgcIconComponent, IgcInputComponent')\n@blazorIndirectRender\n@shadowOptions({ delegatesFocus: true })\nexport default class IgcComboComponent<\n  T extends object = any,\n> extends I18nMixin(\n  FormAssociatedRequiredMixin(\n    EventEmitterMixin<\n      IgcComboComponentEventMap,\n      AbstractConstructor<IgcBaseComboBoxComponent>\n    >(IgcBaseComboBoxComponent)\n  ),\n  i18n\n) {\n  public static readonly tagName = 'igc-combo';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcComboComponent,\n      IgcIconComponent,\n      IgcVirtualScrollComponent,\n      IgcComboItemComponent,\n      IgcComboHeaderComponent,\n      IgcInputComponent,\n      IgcPopoverComponent,\n      IgcValidationContainerComponent\n    );\n  }\n\n  // #region Internal state and controllers\n\n  protected override get __validators(): Validator<IgcComboComponent<T>>[] {\n    return comboValidators;\n  }\n\n  private readonly _slots = addSlotController(this, { slots: SLOTS });\n\n  protected override readonly _rootClickController = addRootClickController(\n    this,\n    {\n      onHide: this._handleClosing,\n    }\n  );\n\n  protected override readonly _formValue = createFormValueState<\n    ComboValue<T>[]\n  >(this, {\n    initialValue: [],\n    transformers: {\n      setValue: asArray,\n      setDefaultValue: asArray,\n      setFormValue: (value) => {\n        if (isEmpty(value) || !this.name) {\n          return null;\n        }\n\n        if (this.singleSelect) {\n          return String(firstOf(value));\n        }\n\n        const formData = new FormData();\n\n        for (const item of value) {\n          formData.append(this.name, String(item));\n        }\n\n        return formData;\n      },\n    },\n  });\n\n  /** The primary input of the combo component. */\n  private readonly _inputRef = createRef<IgcInputComponent>();\n\n  @query('#combo-helper-text')\n  private readonly _helperText!: IgcValidationContainerComponent | null;\n\n  /** The search input of the combo component. */\n  private readonly _searchRef = createRef<IgcInputComponent>();\n\n  /** The combo virtualized dropdown list. */\n  private readonly _listRef = createRef<IgcVirtualScrollComponent>();\n\n  private readonly _state = new DataState<T>(this);\n  private readonly _navigation = new ComboNavigationController(\n    this,\n    this._state,\n    {\n      input: this._inputRef,\n      search: this._searchRef,\n      list: this._listRef,\n      interactions: {\n        show: () => this._show(true),\n        hide: () => this._hide(true),\n        toggleSelection: (index: number) => this._toggleSelection(index),\n        select: (index: number) => this._selectByIndex(index),\n        clearSelection: () => this._clearSelection(),\n      },\n    }\n  );\n\n  private _index?: Map<Item<T>, number[]>;\n  private _indexSize = 0;\n  private _displayKey?: Keys<T>;\n  private _placeholderSearch?: string;\n  private _selected: Set<T> = new Set();\n  // `filterKey` is left unset here - both key fields are still undefined at\n  // field-initialization time. The `displayKey` setter fills it in.\n  private _filteringOptions: FilteringOptions<T> = {\n    filterKey: undefined,\n    caseSensitive: false,\n    matchDiacritics: false,\n  };\n\n  @state()\n  private set _activeIndex(index: number) {\n    this._navigation.active = index;\n    this._listRef.value?.requestUpdate();\n  }\n\n  private get _activeIndex(): number {\n    return this._navigation.active;\n  }\n\n  @state()\n  private set _searchTerm(value: string) {\n    this._state.searchTerm = value;\n  }\n\n  private get _searchTerm(): string {\n    return this._state.searchTerm;\n  }\n\n  @state()\n  private _displayValue = '';\n\n  /** The DOM id of the option rendered at `index` in the current data state. */\n  private _itemId(index: number): string {\n    const position = index + 1;\n    return this.id ? `${this.id}-item-${position}` : `item-${position}`;\n  }\n\n  /**\n   * Derived from {@link _activeIndex} rather than tracked separately, so that it\n   * cannot go stale and does not have to be assigned while rendering an item.\n   */\n  private get _activeDescendant(): string | undefined {\n    return this._activeIndex > -1 ? this._itemId(this._activeIndex) : undefined;\n  }\n\n  private get _mainAriaLabel(): string {\n    return isEmpty(this._selected)\n      ? this.resourceStrings.combo_aria_label_no_options\n      : this.resourceStrings.combo_aria_label_options;\n  }\n\n  // #endregion\n\n  //#region Public attributes and properties\n\n  /** The data source used to generate the list of options. */\n  /* treatAsRef */\n  @property({ attribute: false })\n  @coercedProperty<T[], IgcComboComponent<T>>({\n    transform: ({ value }) => asArray(value),\n    onChange: ({ host }) => {\n      host._index = undefined;\n    },\n  })\n  public data: T[] = [];\n\n  /**\n   * Whether the control has an outlined appearance.\n   * @attr outlined\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  /**\n   * Enables single selection mode and moves item filtering to the main input.\n   * @attr single-select\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'single-select' })\n  @coercedProperty<boolean, IgcComboComponent<T>>({\n    transform: ({ value }) => Boolean(value),\n    onChange: ({ host }) => {\n      host._syncSelectionFromValue();\n\n      if (host.hasUpdated) {\n        host._withPristine(() => {\n          host._activeIndex = -1;\n          host._searchTerm = '';\n          host._formValue.setValueAndFormState(host.value);\n        });\n      }\n    },\n  })\n  public singleSelect = false;\n\n  /**\n   * Whether the control should receive focus automatically.\n   * @attr autofocus\n   */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /**\n   * Focuses the list of options when the menu opens.\n   * @attr autofocus-list\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'autofocus-list' })\n  public autofocusList = false;\n\n  /**\n   * The locale used to resolve the component's resource strings.\n   * Falls back to the global locale when not set.\n   * @attr locale\n   */\n  @property()\n  public override set locale(value: string) {\n    super.locale = value;\n    this._state.updateLocale(value);\n  }\n\n  public override get locale(): string {\n    return super.locale;\n  }\n\n  /**\n   * The label of the control.\n   * @attr label\n   */\n  @property()\n  public label?: string;\n\n  /**\n   * The placeholder text of the control.\n   * @attr placeholder\n   */\n  @property()\n  public placeholder?: string;\n\n  /**\n   * The placeholder text of the search input.\n   * @attr placeholder-search\n   */\n  @property({ attribute: 'placeholder-search' })\n  public set placeholderSearch(value: string | undefined) {\n    this._placeholderSearch = value;\n  }\n\n  public get placeholderSearch(): string {\n    return (\n      this._placeholderSearch ??\n      this.resourceStrings.combo_filter_search_placeholder\n    );\n  }\n\n  /**\n   * The key in the data source used when selecting items.\n   * @attr value-key\n   */\n  @property({ attribute: 'value-key' })\n  @coercedProperty<Keys<T> | undefined, IgcComboComponent<T>>({\n    onChange: ({ value, host }) => {\n      host._displayKey = host._displayKey ?? value;\n      host._index = undefined;\n    },\n  })\n  public valueKey?: Keys<T> = undefined;\n\n  /**\n   * The key in the data source used to display items in the list.\n   * @attr display-key\n   */\n  @property({ attribute: 'display-key' })\n  public set displayKey(value: Keys<T> | undefined) {\n    this._displayKey = value;\n    if (!this.filteringOptions.filterKey) {\n      this.filteringOptions = { filterKey: this.displayKey };\n    }\n  }\n\n  public get displayKey() {\n    return this._displayKey ?? this.valueKey;\n  }\n\n  /**\n   * The key in the data source used to group items in the list.\n   * @attr group-key\n   */\n  @property({ attribute: 'group-key' })\n  public groupKey?: Keys<T> | string;\n\n  /**\n   * Sorts the items in each group by ascending or descending order.\n   * @attr group-sorting\n   * @default \"asc\"\n   * @type {\"asc\" | \"desc\" | \"none\"}\n   */\n  @property({ attribute: 'group-sorting' })\n  public groupSorting: GroupingDirection = 'asc';\n\n  /**\n   * An object that configures the filtering of the combo.\n   * @attr filtering-options\n   */\n  @property({ type: Object, attribute: 'filtering-options' })\n  public set filteringOptions(value: Partial<FilteringOptions<T>>) {\n    this._filteringOptions = { ...this._filteringOptions, ...value };\n  }\n\n  public get filteringOptions(): FilteringOptions<T> {\n    return this._filteringOptions;\n  }\n\n  /**\n   * Enables the case sensitive search icon in the filtering input.\n   * @attr case-sensitive-icon\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'case-sensitive-icon' })\n  public caseSensitiveIcon = false;\n\n  /**\n   * Disables the filtering of the list of options.\n   * @attr disable-filtering\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'disable-filtering' })\n  @coercedProperty<boolean, IgcComboComponent<T>>({\n    onChange: ({ host }) => {\n      host._searchTerm = '';\n    },\n  })\n  public disableFiltering = false;\n\n  /**\n   * Hides the clear button.\n   * @attr disable-clear\n   * @default false\n   */\n  @property({ type: Boolean, attribute: 'disable-clear' })\n  public disableClear = false;\n\n  /* blazorSuppress */\n  /**\n   * The template used for the content of each combo item.\n   * @type {ComboItemTemplate<T>}\n   */\n  @property({ attribute: false })\n  public itemTemplate: ComboItemTemplate<T> = ({ item }) =>\n    html`${this.displayKey ? item[this.displayKey] : item}`;\n\n  /* blazorSuppress */\n  /**\n   * The template used for the content of each combo group header.\n   * @type {ComboItemTemplate<T>}\n   */\n  @property({ attribute: false })\n  public groupHeaderTemplate: ComboItemTemplate<T> = ({ item }) =>\n    html`${this.groupKey && item[this.groupKey as Keys<T>]}`;\n\n  /**\n   * Sets the value (selected items). The passed value must be a valid JSON array.\n   * If the data source is an array of complex objects, the `valueKey` must be set.\n   * Note that when `displayKey` is not explicitly set, it falls back to the value of `valueKey`.\n   *\n   * @attr value\n   *\n   * @example\n   * ```tsx\n   * <igc-combo\n   *  .data=${[\n   *    {\n   *      id: 'BG01',\n   *      name: 'Sofia'\n   *    },\n   *    {\n   *      id: 'BG02',\n   *      name: 'Plovdiv'\n   *    }\n   *  ]}\n   *  display-key='name'\n   *  value-key='id'\n   *  value='[\"BG01\", \"BG02\"]'>\n   *  </igc-combo>\n   * ```\n   */\n  /* blazorPrimitiveValue */\n  /* blazorByValueArray */\n  /* blazorGenericType */\n  /* @tsTwoWayProperty (true, \"Change\", \"Detail.NewValue\", false) */\n  @property({ type: Array })\n  public set value(items: ComboValue<T>[]) {\n    this._formValue.setValueAndFormState(items);\n    this._syncSelectionFromValue();\n\n    if (this.hasUpdated) {\n      this._validate();\n    }\n  }\n\n  /**\n   * Returns the current selection as a list of comma separated values,\n   * represented by the value key, when provided.\n   */\n  public get value(): ComboValue<T>[] {\n    return this._formValue.value;\n  }\n\n  /**\n   * Returns the current selection as an array of objects as provided in the `data` source.\n   */\n  public get selection(): T[] {\n    return Array.from(this._selected);\n  }\n\n  //#endregion\n\n  //#region Life-cycle\n\n  constructor() {\n    super();\n\n    // TODO: Either fix this in the theming controller or come up with another solution.\n    // Check virtualization `willUpdate` for more details.\n\n    // The virtualized list is rendered into this component's own shadow root\n    // (light DOM child), sharing it with the theming controller below. Theme\n    // changes re-adopt this shadow root's stylesheets wholesale, which would\n    // otherwise silently drop the list's own structural stylesheet since\n    // nothing else forces it to refresh. Requesting an update lets the list\n    // re-verify (and re-adopt, if needed) its stylesheet on its next render.\n    addThemingController(this, all, {\n      themeChange: () => this._listRef.value?.requestUpdate(),\n    });\n\n    // Projects the host's labels and combobox semantics onto the native\n    // input inside `igc-input` (see ProjectedARIA for why the host cannot\n    // publish these itself). `aria-activedescendant` stays on the listbox,\n    // which holds DOM focus while the list is navigated.\n    addAriaProjector(this, {\n      target: () => this._inputRef.value,\n      state: () => ({\n        role: 'combobox',\n        hasPopup: 'listbox',\n        expanded: `${this.open}`,\n        disabled: `${this.disabled}`,\n        label: this._mainAriaLabel,\n        controls: this._listRef.value ? [this._listRef.value] : null,\n        describedBy: this._helperText ? [this._helperText] : null,\n        labelledBy: this._internals.labels,\n      }),\n    });\n    addSafeEventListener(this, 'blur', this._handleBlur);\n    addSafeEventListener(this, 'focusin', this._handleFocusIn);\n  }\n\n  protected override willUpdate(props: PropertyValues<this>): void {\n    if (props.has('open')) {\n      this._rootClickController.update();\n    }\n\n    if (\n      props.has('groupKey') ||\n      props.has('groupSorting') ||\n      props.has('filteringOptions') ||\n      props.has('data')\n    ) {\n      this._state.invalidate();\n    }\n\n    // When data changes, re-sync selection and form\n    // This handles the delayed data scenario where value was set before data\n    if (props.has('data') && !isEmpty(this.data) && !isEmpty(this.value)) {\n      this._withPristine(() => {\n        this._syncSelectionFromValue();\n        this._formValue.setValueAndFormState(this.value);\n      });\n    }\n  }\n\n  /**\n   * Runs `callback`, restoring the pristine flag afterwards.\n   *\n   * Re-syncing the form value in reaction to a configuration change (as opposed\n   * to user interaction) must not count as the control having been dirtied.\n   */\n  private _withPristine(callback: () => void): void {\n    const pristine = this._pristine;\n\n    try {\n      callback();\n    } finally {\n      this._pristine = pristine;\n    }\n  }\n\n  //#endregion\n\n  // #region Form Associated overrides\n\n  protected override _setDefaultValue(current: string | null): void {\n    try {\n      this.defaultValue = JSON.parse(current || '[]');\n    } catch {\n      // A malformed `value` attribute keeps the previous default rather than\n      // discarding it - see the \"invalid JSON\" form integration test.\n    }\n  }\n\n  // #endregion\n\n  //#region Overrides for combo box behavior\n\n  protected override async _show(emitEvent = false): Promise<boolean> {\n    const [canOpen, _] = await Promise.all([\n      super._show(emitEvent),\n      this.updateComplete,\n    ]);\n\n    if (canOpen) {\n      if (!this.singleSelect) {\n        this._listRef.value?.focus();\n      }\n\n      if (!this.autofocusList) {\n        this._searchRef.value?.focus();\n      }\n    }\n\n    return canOpen;\n  }\n\n  protected override async _hide(emitEvent = false): Promise<boolean> {\n    const [canClose, _] = await Promise.all([\n      super._hide(emitEvent),\n      this.updateComplete,\n    ]);\n\n    if (canClose) {\n      this._activeIndex = -1;\n    }\n\n    return canClose;\n  }\n\n  private _setSingleSelectionDisplayValue(value: string): void {\n    if (this.singleSelect && this._inputRef.value) {\n      this._inputRef.value.value = value;\n    }\n  }\n\n  //#endregion\n\n  // #region Selection helpers\n\n  /**\n   * Maps every value representation in the data source to the positions of the\n   * records carrying it. Built on demand and dropped whenever `data` or\n   * `valueKey` changes.\n   *\n   * Positions (rather than records) are stored so that resolution can hand back\n   * matches in data-source order, and duplicate value keys keep resolving to\n   * every record that carries them.\n   *\n   * The size comparison picks up in-place growth or shrink (push/splice) of the\n   * same array. Replacing elements without changing the length is not detectable\n   * here and still requires reassigning `data`.\n   */\n  private get _dataIndex(): Map<Item<T>, number[]> {\n    if (!this._index || this._indexSize !== this.data.length) {\n      this._index = Map.groupBy(this.data.keys(), (position) =>\n        this._resolveItemValue(this.data[position])\n      );\n      this._indexSize = this.data.length;\n    }\n\n    return this._index;\n  }\n\n  /**\n   * Resolves user-provided items (value keys or object references)\n   * to actual objects from the data source, in data-source order.\n   *\n   * @remarks\n   * Repeating the same value in `items` resolves it once - a record cannot be\n   * selected twice, and duplicates would otherwise reach the change event\n   * payload.\n   */\n  private _resolveItems(items: Item<T>[]): T[] {\n    const index = this._dataIndex;\n    const positions = new Set<number>();\n\n    for (const item of items) {\n      const matches = index.get(item);\n\n      if (matches) {\n        for (const position of matches) {\n          positions.add(position);\n        }\n      }\n    }\n\n    return Array.from(positions)\n      .sort((a, b) => a - b)\n      .map((position) => this.data[position]);\n  }\n\n  /**\n   * Gets the value representation of a data record\n   * (its value-key property, or the record itself).\n   */\n  private _resolveItemValue(record: T): Item<T> {\n    return this.valueKey ? record[this.valueKey] : record;\n  }\n\n  /**\n   * Maps data records to their value representations - the `valueKey` property\n   * of each, or the record itself when no `valueKey` is set.\n   */\n  private _toValues(items: Iterable<T>): ComboValue<T>[] {\n    const { valueKey } = this;\n    const values: ComboValue<T>[] = [];\n\n    for (const item of items) {\n      values.push((valueKey ? item[valueKey] : undefined) ?? item);\n    }\n\n    return values;\n  }\n\n  /**\n   * Recomputes {@link _displayValue} from the current selection and returns its\n   * value representation, walking the selection once for both projections.\n   */\n  private _projectSelection(): ComboValue<T>[] {\n    const { valueKey, displayKey } = this;\n    const values: ComboValue<T>[] = [];\n    const display: string[] = [];\n\n    for (const item of this._selected) {\n      values.push((valueKey ? item[valueKey] : undefined) ?? item);\n      display.push(String((displayKey ? item[displayKey] : undefined) ?? item));\n    }\n\n    this._displayValue = display.join(', ');\n    return values;\n  }\n\n  private _emitSelectionChange(detail: IgcComboChangeEventArgs): boolean {\n    return this.emitEvent('igcChange', { cancelable: true, detail });\n  }\n\n  /**\n   * Builds the value the component would have if `resolved` were applied to the\n   * current selection. Used as the `newValue` payload of the change event.\n   */\n  private _previewValue(resolved: T[], selecting: boolean): ComboValue<T>[] {\n    if (selecting) {\n      return this._toValues(\n        this.singleSelect ? resolved : new Set([...resolved, ...this._selected])\n      );\n    }\n\n    const removed = new Set(resolved);\n\n    return this._toValues(\n      Iterator.from(this._selected).filter((item) => !removed.has(item))\n    );\n  }\n\n  /**\n   * Adds the given `items` to, or removes them from, the current selection.\n   *\n   * An empty collection is a \"select all\" / \"deselect all\" request. Single\n   * selection has no \"select all\" - it only resets the current selection.\n   *\n   * When `emit` is set, the cancellable `igcChange` event is fired *before* any\n   * mutation takes place, so cancelling it leaves the selection untouched.\n   *\n   * @returns Whether the change was committed.\n   */\n  private _updateSelection(\n    items: Item<T> | Item<T>[] | undefined,\n    type: 'selection' | 'deselection',\n    emit: boolean\n  ): boolean {\n    const singleSelect = this.singleSelect;\n    const selecting = type === 'selection';\n    const collection = singleSelect\n      ? asArray(items).slice(0, 1)\n      : asArray(items);\n\n    if (isEmpty(collection)) {\n      if (selecting) {\n        this._selected = singleSelect ? new Set() : new Set(this.data);\n\n        if (singleSelect) {\n          this._searchTerm = '';\n        }\n      } else {\n        if (\n          emit &&\n          !this._emitSelectionChange({\n            newValue: [],\n            items: this.selection,\n            type,\n          })\n        ) {\n          return false;\n        }\n\n        this._selected.clear();\n      }\n\n      this.requestUpdate();\n      return true;\n    }\n\n    const resolved = this._resolveItems(collection);\n\n    if (\n      emit &&\n      !this._emitSelectionChange({\n        newValue: this._previewValue(resolved, selecting),\n        items: resolved,\n        type,\n      })\n    ) {\n      return false;\n    }\n\n    // Past this point the change is committed - only now is it safe to drop\n    // the previous single selection and its search term.\n    if (selecting && singleSelect) {\n      this._selected.clear();\n      this._searchTerm = '';\n    }\n\n    for (const item of resolved) {\n      selecting ? this._selected.add(item) : this._selected.delete(item);\n    }\n\n    this.requestUpdate();\n    return true;\n  }\n\n  /**\n   * Syncs the internal `_selected` set from the current `_formValue`.\n   * This is a one-way sync: source of truth (_formValue) → view (_selected).\n   */\n  private _syncSelectionFromValue(): void {\n    this._selected.clear();\n\n    if (!isEmpty(this._formValue.value)) {\n      const values = this.singleSelect\n        ? asArray(firstOf(this._formValue.value))\n        : this._formValue.value;\n\n      if (this.singleSelect && values.length !== this._formValue.value.length) {\n        this._formValue.setValueAndFormState(values);\n      }\n\n      const index = this._dataIndex;\n\n      for (const value of values) {\n        // First match only - mirrors resolving a value against the data source\n        const position = index.get(value)?.[0];\n\n        if (position !== undefined) {\n          this._selected.add(this.data[position]);\n        }\n      }\n    }\n\n    this._projectSelection();\n  }\n\n  protected _syncValueFromSelection(): void {\n    this._formValue.setValueAndFormState(this._projectSelection());\n    this._setSingleSelectionDisplayValue(this._displayValue);\n    this._validate();\n    this._listRef.value?.requestUpdate();\n  }\n\n  /**\n   * The data record rendered at `index`, or undefined when that position holds\n   * a group header instead of a selectable option.\n   *\n   * Guarding on this matters: an unresolvable record would reach\n   * {@link _updateSelection} as an empty collection, which reads as\n   * \"select everything\".\n   */\n  private _recordAt(index: number): T | undefined {\n    const record = this._state.dataState[index];\n    return record && !record.header ? record.value : undefined;\n  }\n\n  private _toggleSelection(index: number): void {\n    const record = this._recordAt(index);\n\n    if (!record) {\n      return;\n    }\n\n    this._updateSelection(\n      this._resolveItemValue(record),\n      this._selected.has(record) ? 'deselection' : 'selection',\n      true\n    );\n\n    this._activeIndex = index;\n    this._syncValueFromSelection();\n  }\n\n  private _selectByIndex(index: number): void {\n    const record = this._recordAt(index);\n\n    if (!record) {\n      return;\n    }\n\n    this._updateSelection(this._resolveItemValue(record), 'selection', true);\n    this._activeIndex = index;\n    this._syncValueFromSelection();\n  }\n\n  private _clearSelection(): void {\n    if (this.singleSelect) {\n      this._searchTerm = '';\n      this._clearSingleSelection();\n    } else {\n      this._updateSelection([], 'deselection', true);\n    }\n    this._syncValueFromSelection();\n  }\n\n  private _clearSingleSelection(): void {\n    const [selection] = this._selected;\n\n    // The form state is reset directly rather than through\n    // `_syncValueFromSelection` so that the text the user is currently typing\n    // into the main input is left alone.\n    if (\n      selection &&\n      this._updateSelection(\n        this._resolveItemValue(selection),\n        'deselection',\n        true\n      )\n    ) {\n      this._formValue.setValueAndFormState([]);\n    }\n  }\n\n  // #endregion\n\n  //#region Event handlers\n\n  protected async _handleMainInput({\n    detail,\n  }: CustomEvent<string>): Promise<void> {\n    this._setTouchedState();\n    void this._show(true);\n\n    // In single selection mode the main input doubles as the filtering input,\n    // so it is the only place `disableFiltering` can be honored.\n    if (!this.disableFiltering) {\n      this._searchTerm = detail;\n    }\n\n    // wait for the dataState to update after filtering\n    await this.updateComplete;\n\n    this._activeIndex = this._state.firstItemIndex;\n    // clear the selection upon typing\n    this._clearSingleSelection();\n  }\n\n  protected _handleFocusIn(): void {\n    this._setTouchedState();\n  }\n\n  protected override _handleBlur(): void {\n    if (isEmpty(this._selected)) {\n      this._searchTerm = '';\n      this._setSingleSelectionDisplayValue('');\n    }\n    super._handleBlur();\n  }\n\n  protected _handleSearchInput({ detail }: CustomEvent<string>): void {\n    this._searchTerm = detail;\n  }\n\n  private _handleClosing(): void {\n    this._hide(true);\n  }\n\n  private async _itemClickHandler(event: PointerEvent): Promise<void> {\n    const target = getElementFromPath(IgcComboItemComponent.tagName, event);\n\n    if (!target) {\n      return;\n    }\n\n    this._setTouchedState();\n    this._toggleSelection(target.index);\n\n    if (this.singleSelect) {\n      this._inputRef.value?.focus();\n      await this._hide(true);\n    } else {\n      this._searchRef.value?.focus();\n    }\n  }\n\n  private _handleClearIconClick(event: PointerEvent): void {\n    event.stopPropagation();\n    this._clearSelection();\n    this._activeIndex = -1;\n  }\n\n  private _handleCaseSensitivity(): void {\n    this.filteringOptions = {\n      caseSensitive: !this.filteringOptions.caseSensitive,\n    };\n  }\n\n  //#endregion\n\n  //#region Public methods\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the component. */\n  public override focus(options?: FocusOptions): void {\n    this._inputRef.value?.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the component. */\n  public override blur(): void {\n    this._inputRef.value?.blur();\n  }\n\n  /**\n   * Selects option(s) in the list by either reference or valueKey.\n   * If not argument is provided all items will be selected.\n   * @param { Item<T> | Item<T>[] } items - One or more items to be selected. Multiple items should be passed as an array.\n   * When valueKey is specified, the corresponding value should be used in place of the item reference.\n   *\n   * @example\n   * ```typescript\n   * const combo<IgcComboComponent<T>> = document.querySelector('igc-combo');\n   *\n   * // Select one item at a time by reference when valueKey is not specified.\n   * combo.select(combo.data[0]);\n   *\n   * // Select multiple items at a time by reference when valueKey is not specified.\n   * combo.select([combo.data[0], combo.data[1]]);\n   *\n   * // Select one item at a time when valueKey is specified.\n   * combo.select('BG01');\n   *\n   * // Select multiple items at a time when valueKey is specified.\n   * combo.select(['BG01', 'BG02']);\n   * ```\n   */\n  public select(items?: Item<T> | Item<T>[]): void {\n    this._updateSelection(items, 'selection', false);\n    this._syncValueFromSelection();\n  }\n\n  /**\n   * Deselects option(s) in the list by either reference or valueKey.\n   * If not argument is provided all items will be deselected.\n   * @param { Item<T> | Item<T>[] } items - One or more items to be deselected. Multiple items should be passed as an array.\n   * When valueKey is specified, the corresponding value should be used in place of the item reference.\n   *\n   * @example\n   * ```typescript\n   * const combo<IgcComboComponent<T>> = document.querySelector('igc-combo');\n   *\n   * // Deselect one item at a time by reference when valueKey is not specified.\n   * combo.deselect(combo.data[0]);\n   *\n   * // Deselect multiple items at a time by reference when valueKey is not specified.\n   * combo.deselect([combo.data[0], combo.data[1]]);\n   *\n   * // Deselect one item at a time when valueKey is specified.\n   * combo.deselect('BG01');\n   *\n   * // Deselect multiple items at a time when valueKey is specified.\n   * combo.deselect(['BG01', 'BG02']);\n   * ```\n   */\n  public deselect(items?: Item<T> | Item<T>[]): void {\n    this._updateSelection(items, 'deselection', false);\n    this._syncValueFromSelection();\n  }\n\n  //#endregion\n\n  protected _itemRenderer: ComboRenderFunction<T> = (\n    context: VirtualScrollItemContext<ComboRecord<T>>\n  ) => {\n    const { value: item, index } = context;\n\n    if (this.groupKey && item.header) {\n      return html`\n        <igc-combo-header part=\"group-header\">\n          ${this.groupHeaderTemplate({ item: item.value })}\n        </igc-combo-header>\n      `;\n    }\n\n    const active = this._activeIndex === index;\n    const selected = this._selected.has(item.value);\n\n    return html`\n      <igc-combo-item\n        id=${this._itemId(index)}\n        part=${partMap({ item: true, selected, active })}\n        aria-setsize=${this._state.itemCount}\n        aria-posinset=${item.position}\n        exportparts=\"checkbox, checkbox-indicator, checked\"\n        .index=${index}\n        ?active=${active}\n        ?selected=${selected}\n        ?hide-checkbox=${this.singleSelect}\n      >\n        ${this.itemTemplate({ item: item.value })}\n      </igc-combo-item>\n    `;\n  };\n\n  private _renderToggleIcon() {\n    return html`\n      <span\n        slot=\"suffix\"\n        part=${partMap({\n          'toggle-icon': true,\n          filled: !isEmpty(this.value),\n        })}\n      >\n        ${renderSlottedIcon({\n          slot: 'toggle-icon',\n          icon: this.open ? 'input_collapse' : 'input_expand',\n        })}\n      </span>\n    `;\n  }\n\n  private _renderClearIcon() {\n    return html`\n      <span\n        slot=\"suffix\"\n        part=\"clear-icon\"\n        role=\"button\"\n        @click=${this._handleClearIconClick}\n        ?hidden=${this.disableClear || isEmpty(this._selected)}\n        aria-label=${ifDefined(\n          this.resourceStrings.combo_clearItems_placeholder\n        )}\n      >\n        ${renderSlottedIcon({ slot: 'clear-icon', icon: 'input_clear' })}\n      </span>\n    `;\n  }\n\n  private _renderMainInput() {\n    const hasPrefix = this._slots.hasAssignedElements('prefix');\n    const hasSuffix = this._slots.hasAssignedElements('suffix');\n\n    return html`\n      <igc-input\n        ${ref(this._inputRef)}\n        id=\"target\"\n        slot=\"anchor\"\n        exportparts=\"container: input, input: native-input, label, prefix, suffix\"\n        @click=${this._handleAnchorClick}\n        placeholder=${ifDefined(this.placeholder)}\n        label=${ifDefined(this.label)}\n        @igcChange=${stopPropagation}\n        @igcInput=${this._handleMainInput}\n        .value=${this._displayValue}\n        .disabled=${this.disabled}\n        .required=${this.required}\n        .invalid=${this.invalid}\n        .outlined=${this.outlined}\n        .autofocus=${this.autofocus}\n        ?readonly=${!this.singleSelect}\n      >\n        <span slot=${bindIf(hasPrefix, 'prefix')}>\n          <slot name=\"prefix\"></slot>\n        </span>\n        ${this._renderClearIcon()}\n        <span slot=${bindIf(hasSuffix, 'suffix')}>\n          <slot name=\"suffix\"></slot>\n        </span>\n        ${this._renderToggleIcon()}\n      </igc-input>\n    `;\n  }\n\n  private _renderSearchInput() {\n    return html`\n      <div\n        part=\"filter-input\"\n        ?hidden=${this.disableFiltering || this.singleSelect}\n      >\n        <igc-input\n          ${ref(this._searchRef)}\n          .value=${this._searchTerm}\n          part=\"search-input\"\n          placeholder=${this.placeholderSearch}\n          exportparts=\"input: search-input\"\n          @igcInput=${this._handleSearchInput}\n        >\n          <igc-icon\n            slot=${bindIf(this.caseSensitiveIcon, 'suffix')}\n            name=\"case_sensitive\"\n            collection=\"default\"\n            part=${partMap({\n              'case-icon': true,\n              active: this.filteringOptions.caseSensitive,\n            })}\n            @click=${this._handleCaseSensitivity}\n          ></igc-icon>\n        </igc-input>\n      </div>\n    `;\n  }\n\n  private _renderEmptyTemplate() {\n    return html`\n      <div part=\"empty\" ?hidden=${!isEmpty(this._state.dataState)}>\n        <slot name=\"empty\">${this.resourceStrings.combo_empty_message}</slot>\n      </div>\n    `;\n  }\n\n  private _renderList() {\n    return html`\n      <div .inert=${!this.open} part=\"list-wrapper\">\n        ${this._renderSearchInput()}\n        <div part=\"header\">\n          <slot name=\"header\"></slot>\n        </div>\n        <igc-virtual-scroll\n          ${ref(this._listRef)}\n          aria-multiselectable=${!this.singleSelect}\n          id=\"dropdown\"\n          part=\"list\"\n          role=\"listbox\"\n          tabindex=\"0\"\n          aria-labelledby=\"target\"\n          over-scan=\"15\"\n          aria-activedescendant=${ifDefined(this._activeDescendant)}\n          .data=${this._state.dataState}\n          .itemTemplate=${this._itemRenderer}\n          ?hidden=${isEmpty(this._state.dataState)}\n          @click=${this._itemClickHandler}\n        >\n        </igc-virtual-scroll>\n        ${this._renderEmptyTemplate()}\n        <div part=\"footer\">\n          <slot name=\"footer\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  private _renderHelperText(): TemplateResult {\n    return this._renderValidationContainer({\n      id: 'combo-helper-text',\n      hasHelperText: true,\n    });\n  }\n\n  protected override render() {\n    return html`\n      <igc-popover ?open=${this.open} flip shift same-width>\n        ${this._renderMainInput()} ${this._renderList()}\n      </igc-popover>\n      ${this._renderHelperText()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo': IgcComboComponent<object>;\n  }\n}\n"]}