igniteui-webcomponents 7.3.0-beta.0 → 7.3.0

package/components/select/select-group.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, type PropertyValues } from 'lit';
 import IgcSelectItemComponent from './select-item.js';
 /**
  * A container for a group of select items.
@@ -26,6 +26,7 @@ export default class IgcSelectGroupComponent extends LitElement {
      */
     disabled: boolean;
     constructor();
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     protected firstUpdated(): Promise<void>;
     protected disabledChange(): void;
     /**

package/components/select/select-group.js

@@ -9,7 +9,6 @@ import { property, queryAssignedElements } from 'lit/decorators.js';
 import { addInternalsController } from '#internals/controllers/internals.js';
 import { createMutationController, } from '#internals/controllers/mutation-observer.js';
 import { addSlotController, setSlots } from '#internals/controllers/slot.js';
-import { watch } from '#internals/decorators/watch.js';
 import { registerComponent } from '#internals/definitions/register.js';
 import { addThemingController } from '#theming/theming-controller.js';
 import { styles } from '../dropdown/themes/dropdown-group.base.css.js';
@@ -39,6 +38,7 @@ export default class IgcSelectGroupComponent extends LitElement {
             initialARIA: {
                 role: 'group',
             },
+            aria: () => ({ ariaDisabled: `${this.disabled}` }),
         });
         this._slots = addSlotController(this, {
             slots: Slots,
@@ -56,24 +56,23 @@ export default class IgcSelectGroupComponent extends LitElement {
             },
         });
     }
+    willUpdate(changedProperties) {
+        if (this.hasUpdated && changedProperties.has('disabled')) {
+            this.disabledChange();
+        }
+    }
     async firstUpdated() {
         await this.updateComplete;
         this.controlledItems = this.activeItems;
         this.disabledChange();
     }
     disabledChange() {
-        this._internals.setARIA({ ariaDisabled: this.disabled.toString() });
         for (const item of this.controlledItems) {
             item.disabled = this.disabled;
         }
     }
     _labelChange() {
-        const label = this._slots
-            .getAssignedNodes('label', true)
-            .map((node) => node.textContent ?? '')
-            .join('')
-            .trim()
-            .replace(/\s+/gu, ' ');
+        const label = this._slots.getAssignedText('label', true);
         this._internals.setARIA({ ariaLabel: label || null });
     }
     render() {
@@ -100,7 +99,4 @@ __decorate([
 __decorate([
     property({ reflect: true, type: Boolean })
 ], IgcSelectGroupComponent.prototype, "disabled", void 0);
-__decorate([
-    watch('disabled', { waitUntilFirstUpdate: true })
-], IgcSelectGroupComponent.prototype, "disabledChange", null);
 //# sourceMappingURL=select-group.js.map

package/components/select/select-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-group.js","sourceRoot":"","sources":["../../../src/components/select/select-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { addInternalsController } from '#internals/controllers/internals.js';\nimport {\n  createMutationController,\n  type MutationControllerParams,\n} from '#internals/controllers/mutation-observer.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { watch } from '#internals/decorators/watch.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport { styles } from '../dropdown/themes/dropdown-group.base.css.js';\nimport { all } from '../dropdown/themes/group.js';\nimport { styles as shared } from '../dropdown/themes/shared/group/dropdown-group.common.css.js';\nimport IgcSelectItemComponent from './select-item.js';\n\nconst Slots = setSlots('label');\n\n/**\n * A container for a group of select items.\n * @element igc-select-group\n *\n * @slot label - Contains the group's label.\n * @slot - Intended to contain the items belonging to this group.\n *\n * @csspart label - The native label element.\n */\nexport default class IgcSelectGroupComponent extends LitElement {\n  public static readonly tagName = 'igc-select-group';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcSelectGroupComponent);\n  }\n\n  private readonly _internals = addInternalsController(this, {\n    initialARIA: {\n      role: 'group',\n    },\n  });\n\n  private readonly _slots = addSlotController(this, {\n    slots: Slots,\n    initial: true,\n    onChange: this._labelChange,\n  });\n\n  private controlledItems!: Array<IgcSelectItemComponent>;\n\n  /** All child select items. */\n  @queryAssignedElements({\n    flatten: true,\n    selector: IgcSelectItemComponent.tagName,\n  })\n  public items!: Array<IgcSelectItemComponent>;\n\n  @queryAssignedElements({\n    flatten: true,\n    selector: `${IgcSelectItemComponent.tagName}:not([disabled])`,\n  })\n  protected activeItems!: Array<IgcSelectItemComponent>;\n\n  private _observerCallback({\n    changes: { attributes },\n  }: MutationControllerParams<IgcSelectItemComponent>) {\n    for (const { node: item } of attributes) {\n      if (!this.disabled) {\n        this.controlledItems = this.activeItems;\n      }\n\n      if (this.disabled && !item.disabled) {\n        item.disabled = true;\n      }\n    }\n  }\n\n  /**\n   * Whether the group item and all its children are disabled.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    createMutationController(this, {\n      callback: this._observerCallback,\n      filter: [IgcSelectItemComponent.tagName],\n      config: {\n        attributeFilter: ['disabled'],\n        subtree: true,\n      },\n    });\n  }\n\n  protected override async firstUpdated() {\n    await this.updateComplete;\n    this.controlledItems = this.activeItems;\n\n    this.disabledChange();\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  protected disabledChange() {\n    this._internals.setARIA({ ariaDisabled: this.disabled.toString() });\n\n    for (const item of this.controlledItems) {\n      item.disabled = this.disabled;\n    }\n  }\n\n  /**\n   * The label is rendered into this shadow root, out of reach of an\n   * `aria-labelledby` on the host, so its text names the `group` directly.\n   */\n  private _labelChange(): void {\n    const label = this._slots\n      .getAssignedNodes('label', true)\n      .map((node) => node.textContent ?? '')\n      .join('')\n      .trim()\n      .replace(/\\s+/gu, ' ');\n\n    this._internals.setARIA({ ariaLabel: label || null });\n  }\n\n  protected override render() {\n    return html`\n      <label part=\"label\">\n        <slot name=\"label\"></slot>\n      </label>\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-select-group': IgcSelectGroupComponent;\n  }\n}\n"]}
+{"version":3,"file":"select-group.js","sourceRoot":"","sources":["../../../src/components/select/select-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, type PropertyValues } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { addInternalsController } from '#internals/controllers/internals.js';\nimport {\n  createMutationController,\n  type MutationControllerParams,\n} from '#internals/controllers/mutation-observer.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport { styles } from '../dropdown/themes/dropdown-group.base.css.js';\nimport { all } from '../dropdown/themes/group.js';\nimport { styles as shared } from '../dropdown/themes/shared/group/dropdown-group.common.css.js';\nimport IgcSelectItemComponent from './select-item.js';\n\nconst Slots = setSlots('label');\n\n/**\n * A container for a group of select items.\n * @element igc-select-group\n *\n * @slot label - Contains the group's label.\n * @slot - Intended to contain the items belonging to this group.\n *\n * @csspart label - The native label element.\n */\nexport default class IgcSelectGroupComponent extends LitElement {\n  public static readonly tagName = 'igc-select-group';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcSelectGroupComponent);\n  }\n\n  private readonly _internals = addInternalsController(this, {\n    initialARIA: {\n      role: 'group',\n    },\n    aria: () => ({ ariaDisabled: `${this.disabled}` }),\n  });\n\n  private readonly _slots = addSlotController(this, {\n    slots: Slots,\n    initial: true,\n    onChange: this._labelChange,\n  });\n\n  private controlledItems!: Array<IgcSelectItemComponent>;\n\n  /** All child select items. */\n  @queryAssignedElements({\n    flatten: true,\n    selector: IgcSelectItemComponent.tagName,\n  })\n  public items!: Array<IgcSelectItemComponent>;\n\n  @queryAssignedElements({\n    flatten: true,\n    selector: `${IgcSelectItemComponent.tagName}:not([disabled])`,\n  })\n  protected activeItems!: Array<IgcSelectItemComponent>;\n\n  private _observerCallback({\n    changes: { attributes },\n  }: MutationControllerParams<IgcSelectItemComponent>) {\n    for (const { node: item } of attributes) {\n      if (!this.disabled) {\n        this.controlledItems = this.activeItems;\n      }\n\n      if (this.disabled && !item.disabled) {\n        item.disabled = true;\n      }\n    }\n  }\n\n  /**\n   * Whether the group item and all its children are disabled.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    createMutationController(this, {\n      callback: this._observerCallback,\n      filter: [IgcSelectItemComponent.tagName],\n      config: {\n        attributeFilter: ['disabled'],\n        subtree: true,\n      },\n    });\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\n    if (this.hasUpdated && changedProperties.has('disabled')) {\n      this.disabledChange();\n    }\n  }\n\n  protected override async firstUpdated() {\n    await this.updateComplete;\n    this.controlledItems = this.activeItems;\n\n    this.disabledChange();\n  }\n\n  protected disabledChange() {\n    for (const item of this.controlledItems) {\n      item.disabled = this.disabled;\n    }\n  }\n\n  /**\n   * The label is rendered into this shadow root, out of reach of an\n   * `aria-labelledby` on the host, so its text names the `group` directly.\n   */\n  private _labelChange(): void {\n    const label = this._slots.getAssignedText('label', true);\n    this._internals.setARIA({ ariaLabel: label || null });\n  }\n\n  protected override render() {\n    return html`\n      <label part=\"label\">\n        <slot name=\"label\"></slot>\n      </label>\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-select-group': IgcSelectGroupComponent;\n  }\n}\n"]}

package/components/select/select.d.ts

@@ -1,10 +1,10 @@
-import { type TemplateResult } from 'lit';
+import { type PropertyValues, type TemplateResult } from 'lit';
 import { IgcComboBoxBaseLikeComponent } from '#internals/mixins/combo-box.js';
 import type { AbstractConstructor } from '#internals/mixins/constructor.js';
 import IgcInputComponent from '../input/input.js';
 import { type PopoverPlacement } from '../popover/popover.js';
 import type { PopoverScrollStrategy } from '../types.js';
-import IgcValidationContainerComponent from '../validation-container/validation-container.js';
+import type IgcValidationContainerComponent from '../validation-container/validation-container.js';
 import IgcSelectGroupComponent from './select-group.js';
 import IgcSelectItemComponent from './select-item.js';
 export interface IgcSelectComponentEventMap {
@@ -116,8 +116,7 @@ export default class IgcSelectComponent extends IgcSelectComponent_base {
     get groups(): IgcSelectGroupComponent[];
     /** Returns the selected item from the dropdown or null.  */
     get selectedItem(): IgcSelectItemComponent | null;
-    protected _scrollStrategyChange(): void;
-    protected _openChange(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     constructor();
     /**
      * Re-resolves the selection whenever items enter or leave the light DOM.

package/components/select/select.js

@@ -16,7 +16,6 @@ import { addRootScrollHandler } from '#internals/controllers/root-scroll.js';
 import { addSlotController, setSlots } from '#internals/controllers/slot.js';
 import { blazorAdditionalDependencies } from '#internals/decorators/blazorAdditionalDependencies.js';
 import { shadowOptions } from '#internals/decorators/shadow-options.js';
-import { watch } from '#internals/decorators/watch.js';
 import { registerComponent } from '#internals/definitions/register.js';
 import { getActiveItems, getItems, getNextActiveItem, getPreviousActiveItem, IgcComboBoxBaseLikeComponent, setInitialSelectionState, } from '#internals/mixins/combo-box.js';
 import { EventEmitterMixin } from '#internals/mixins/event-emitter.js';
@@ -24,15 +23,15 @@ import { FormAssociatedRequiredMixin } from '#internals/mixins/forms/associated-
 import { FormValueSelectTransformers } from '#internals/mixins/forms/form-transformers.js';
 import { createFormValueState } from '#internals/mixins/forms/form-value.js';
 import { partMap } from '#internals/part-map.js';
+import { renderSlottedIcon } from '#internals/templates/slotted-icon.js';
 import { isEmpty } from '#internals/utils/arrays.js';
-import { isElement } from '#internals/utils/dom.js';
+import { isElement, normalizedTextContent } from '#internals/utils/dom.js';
 import { addSafeEventListener, focusLeftHost, getElementFromPath, } from '#internals/utils/events.js';
 import { isString } from '#internals/utils/types.js';
 import { addThemingController } from '#theming/theming-controller.js';
 import IgcIconComponent from '../icon/icon.js';
 import IgcInputComponent from '../input/input.js';
 import IgcPopoverComponent from '../popover/popover.js';
-import IgcValidationContainerComponent from '../validation-container/validation-container.js';
 import IgcSelectGroupComponent from './select-group.js';
 import IgcSelectHeaderComponent from './select-header.js';
 import IgcSelectItemComponent from './select-item.js';
@@ -71,12 +70,17 @@ let IgcSelectComponent = class IgcSelectComponent extends FormAssociatedRequired
     get selectedItem() {
         return this._selectedItem;
     }
-    _scrollStrategyChange() {
-        this._rootScrollController.update({ resetListeners: true });
-    }
-    _openChange() {
-        this._rootClickController.update();
-        this._rootScrollController.update();
+    willUpdate(changedProperties) {
+        if (!this.hasUpdated) {
+            return;
+        }
+        if (changedProperties.has('scrollStrategy')) {
+            this._rootScrollController.update({ resetListeners: true });
+        }
+        if (changedProperties.has('open')) {
+            this._rootClickController.update();
+            this._rootScrollController.update();
+        }
     }
     constructor() {
         super();
@@ -257,8 +261,7 @@ let IgcSelectComponent = class IgcSelectComponent extends FormAssociatedRequired
         }
     }
     _handleChange(item) {
-        this._setTouchedState();
-        return this.emitEvent('igcChange', { detail: item });
+        return this._emitTouchedEvent('igcChange', { detail: item });
     }
     _handleClosing() {
         this._hide(true);
@@ -342,14 +345,9 @@ let IgcSelectComponent = class IgcSelectComponent extends FormAssociatedRequired
         if (!this._selectedItem) {
             return undefined;
         }
-        return Array.from(this._selectedItem.childNodes)
-            .filter((node) => isElement(node)
+        return normalizedTextContent(Array.from(this._selectedItem.childNodes).filter((node) => isElement(node)
             ? !node.hasAttribute('slot')
-            : node.nodeType === Node.TEXT_NODE)
-            .map((node) => node.textContent ?? '')
-            .join('')
-            .trim()
-            .replace(/\s+/gu, ' ');
+            : node.nodeType === Node.TEXT_NODE));
     }
     focus(options) {
         this._input.focus(options);
@@ -397,15 +395,18 @@ let IgcSelectComponent = class IgcSelectComponent extends FormAssociatedRequired
         const iconHidden = this.open && this._slots.hasAssignedElements('toggle-icon-expanded');
         return html `
       <span slot="suffix" part=${partMap(parts)} aria-hidden="true">
-        <slot name="toggle-icon" ?hidden=${iconHidden}>
-          <igc-icon name=${iconName} collection="default"></igc-icon>
-        </slot>
+        ${renderSlottedIcon({
+            slot: 'toggle-icon',
+            icon: iconName,
+            hidden: iconHidden,
+            ariaHidden: false,
+        })}
         <slot name="toggle-icon-expanded" ?hidden=${!iconHidden}></slot>
       </span>
     `;
     }
     _renderHelperText() {
-        return IgcValidationContainerComponent.create(this, {
+        return this._renderValidationContainer({
             id: 'select-helper-text',
             slot: 'anchor',
             hasHelperText: true,
@@ -504,12 +505,6 @@ __decorate([
 __decorate([
     property({ attribute: 'scroll-strategy' })
 ], IgcSelectComponent.prototype, "scrollStrategy", void 0);
-__decorate([
-    watch('scrollStrategy', { waitUntilFirstUpdate: true })
-], IgcSelectComponent.prototype, "_scrollStrategyChange", null);
-__decorate([
-    watch('open', { waitUntilFirstUpdate: true })
-], IgcSelectComponent.prototype, "_openChange", null);
 IgcSelectComponent = IgcSelectComponent_1 = __decorate([
     blazorAdditionalDependencies('IgcIconComponent, IgcInputComponent, IgcSelectGroupComponent, IgcSelectHeaderComponent, IgcSelectItemComponent'),
     shadowOptions({ delegatesFocus: true })

package/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/components/select/select.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, type TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { addAriaProjector } from '#internals/controllers/aria-projection.js';\nimport {\n  addKeybindings,\n  altKey,\n  arrowDown,\n  arrowLeft,\n  arrowRight,\n  arrowUp,\n  endKey,\n  enterKey,\n  escapeKey,\n  homeKey,\n  spaceBar,\n  tabKey,\n} from '#internals/controllers/key-bindings.js';\nimport {\n  createMutationController,\n  type MutationControllerParams,\n} from '#internals/controllers/mutation-observer.js';\nimport { addRootClickController } from '#internals/controllers/root-click.js';\nimport { addRootScrollHandler } from '#internals/controllers/root-scroll.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { blazorAdditionalDependencies } from '#internals/decorators/blazorAdditionalDependencies.js';\nimport { shadowOptions } from '#internals/decorators/shadow-options.js';\nimport { watch } from '#internals/decorators/watch.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport {\n  getActiveItems,\n  getItems,\n  getNextActiveItem,\n  getPreviousActiveItem,\n  IgcComboBoxBaseLikeComponent,\n  setInitialSelectionState,\n} 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 { FormValueSelectTransformers } from '#internals/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '#internals/mixins/forms/form-value.js';\nimport { partMap } from '#internals/part-map.js';\nimport { isEmpty } from '#internals/utils/arrays.js';\nimport { isElement } from '#internals/utils/dom.js';\nimport {\n  addSafeEventListener,\n  focusLeftHost,\n  getElementFromPath,\n} from '#internals/utils/events.js';\nimport { isString } from '#internals/utils/types.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcInputComponent from '../input/input.js';\nimport IgcPopoverComponent, {\n  type PopoverPlacement,\n} from '../popover/popover.js';\nimport type { PopoverScrollStrategy } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport IgcSelectGroupComponent from './select-group.js';\nimport IgcSelectHeaderComponent from './select-header.js';\nimport IgcSelectItemComponent from './select-item.js';\nimport { styles } from './themes/select.base.css.js';\nimport { styles as shared } from './themes/shared/select.common.css.js';\nimport { all } from './themes/themes.js';\nimport { selectValidators } from './validators.js';\n\nexport interface IgcSelectComponentEventMap {\n  igcChange: CustomEvent<IgcSelectItemComponent>;\n  // For analyzer meta only:\n  /* skipWCPrefix */\n  focus: FocusEvent;\n  /* skipWCPrefix */\n  blur: FocusEvent;\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n}\n\nconst Slots = setSlots(\n  'prefix',\n  'suffix',\n  'header',\n  'footer',\n  'helper-text',\n  'toggle-icon',\n  'toggle-icon-expanded',\n  'value-missing',\n  'custom-error',\n  'invalid'\n);\n\n/**\n * Represents a control that provides a menu of options.\n *\n * @element igc-select\n *\n * @slot - Renders the list of select items.\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot header - Renders a container before the list of options.\n * @slot footer - Renders a container after the list of options.\n * @slot helper-text - Renders content below the input.\n * @slot toggle-icon - Renders content inside the suffix container.\n * @slot toggle-icon-expanded - Renders content for the toggle icon when the component is in open state.\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 checked state changes.\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 list - The list wrapping container for the items of the select.\n * @csspart input - The encapsulated input of the select.\n * @csspart label - The encapsulated text label of the select.\n * @csspart prefix - The prefix wrapper of the input of the select.\n * @csspart suffix - The suffix wrapper of the input of the select.\n * @csspart toggle-icon - The toggle icon wrapper of the select.\n * @csspart helper-text - The helper text wrapper of the select.\n */\n@blazorAdditionalDependencies(\n  'IgcIconComponent, IgcInputComponent, IgcSelectGroupComponent, IgcSelectHeaderComponent, IgcSelectItemComponent'\n)\n@shadowOptions({ delegatesFocus: true })\nexport default class IgcSelectComponent extends FormAssociatedRequiredMixin(\n  EventEmitterMixin<\n    IgcSelectComponentEventMap,\n    AbstractConstructor<IgcComboBoxBaseLikeComponent>\n  >(IgcComboBoxBaseLikeComponent)\n) {\n  public static readonly tagName = 'igc-select';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcSelectComponent,\n      IgcIconComponent,\n      IgcInputComponent,\n      IgcPopoverComponent,\n      IgcSelectGroupComponent,\n      IgcSelectHeaderComponent,\n      IgcSelectItemComponent\n    );\n  }\n\n  //#region Internal state\n\n  protected override get __validators() {\n    return selectValidators;\n  }\n\n  private _searchTerm = '';\n  private _lastKeyTime = 0;\n\n  private readonly _slots = addSlotController(this, { slots: Slots });\n\n  private readonly _rootScrollController = addRootScrollHandler(this, {\n    hideCallback: this._handleClosing,\n  });\n\n  protected override readonly _rootClickController = addRootClickController(\n    this,\n    {\n      onHide: this._handleClosing,\n    }\n  );\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: undefined,\n    transformers: FormValueSelectTransformers,\n  });\n\n  @state()\n  protected _selectedItem: IgcSelectItemComponent | null = null;\n\n  /**\n   * The item keyboard navigation moves from. Mirrors {@link _selectedItem}\n   * unless the open list has been navigated without committing a selection.\n   * Only {@link _activateItem} may assign it.\n   */\n  @state()\n  protected _activeItem: IgcSelectItemComponent | null = null;\n\n  @query(IgcInputComponent.tagName, true)\n  protected _input!: IgcInputComponent;\n\n  @query('#dropdown')\n  protected _list!: HTMLDivElement | null;\n\n  @query('#select-helper-text')\n  protected _helperText!: IgcValidationContainerComponent | null;\n\n  protected get _activeItems(): IgcSelectItemComponent[] {\n    return Array.from(\n      getActiveItems<IgcSelectItemComponent>(\n        this,\n        IgcSelectItemComponent.tagName\n      )\n    );\n  }\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail.value\", false) */\n  /**\n   * The value of the control.\n   * @attr\n   */\n  @property()\n  public set value(value: string | undefined) {\n    this._updateValue(value);\n    const item = this._getItem(this._formValue.value!);\n    item ? this._setSelectedItem(item) : this._clearSelectedItem();\n  }\n\n  public get value(): string | undefined {\n    return this._formValue.value;\n  }\n\n  /**\n   * Whether the control has an outlined appearance.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public outlined = false;\n\n  /**\n   * Whether the control should receive focus automatically.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /**\n   * The distance of the select dropdown from its input.\n   * @attr\n   */\n  @property({ type: Number })\n  public distance = 0;\n\n  /**\n   * The label of the control.\n   * @attr\n   */\n  @property()\n  public label!: string;\n\n  /**\n   * The placeholder text of the control.\n   * @attr\n   */\n  @property()\n  public placeholder!: string;\n\n  /** The preferred placement of the select dropdown around its input.\n   * @attr\n   */\n  @property()\n  public placement: PopoverPlacement = 'bottom-start';\n\n  /**\n   * Determines the behavior of the component during scrolling of the parent container.\n   * @attr scroll-strategy\n   */\n  @property({ attribute: 'scroll-strategy' })\n  public scrollStrategy: PopoverScrollStrategy = 'scroll';\n\n  /** Returns the items of the select component. */\n  public get items(): IgcSelectItemComponent[] {\n    return Array.from(\n      getItems<IgcSelectItemComponent>(this, IgcSelectItemComponent.tagName)\n    );\n  }\n\n  /** Returns the groups of the select component. */\n  public get groups(): IgcSelectGroupComponent[] {\n    return Array.from(\n      getItems<IgcSelectGroupComponent>(this, IgcSelectGroupComponent.tagName)\n    );\n  }\n\n  /** Returns the selected item from the dropdown or null.  */\n  public get selectedItem(): IgcSelectItemComponent | null {\n    return this._selectedItem;\n  }\n\n  //#endregion\n\n  //#region Life-cycle hooks and watchers\n\n  @watch('scrollStrategy', { waitUntilFirstUpdate: true })\n  protected _scrollStrategyChange(): void {\n    this._rootScrollController.update({ resetListeners: true });\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  protected _openChange(): void {\n    this._rootClickController.update();\n    this._rootScrollController.update();\n  }\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\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).\n    addAriaProjector(this, {\n      target: () => this._input,\n      state: () => ({\n        role: 'combobox',\n        hasPopup: 'listbox',\n        expanded: `${this.open}`,\n        controls: this._list ? [this._list] : null,\n        describedBy: this._helperText ? [this._helperText] : null,\n        labelledBy: this._internals.labels,\n      }),\n    });\n\n    addKeybindings(this, {\n      skip: () => this.disabled,\n      bindingDefaults: { preventDefault: true, repeat: true },\n    })\n      .set([altKey, arrowDown], this._handleAltArrowDown)\n      .set([altKey, arrowUp], this._handleAltArrowUp)\n      .set(arrowDown, this._handleArrowDown)\n      .set(arrowUp, this._handleArrowUp)\n      .set(arrowLeft, this._handleArrowUp)\n      .set(arrowRight, this._handleArrowDown)\n      .set(tabKey, this._handleTab, { preventDefault: false })\n      .set(escapeKey, this._handleEscape)\n      .set(homeKey, this._handleHome)\n      .set(endKey, this._handleEnd)\n      .set(spaceBar, this._handleSpace)\n      .set(enterKey, this._handleEnter);\n\n    createMutationController(this, {\n      callback: this._handleItemsChange,\n      filter: [IgcSelectItemComponent.tagName],\n      config: { childList: true, subtree: true },\n    });\n\n    addSafeEventListener(this, 'keydown', this._handleSearch);\n    addSafeEventListener(this, 'focusin', this._handleFocusIn);\n    addSafeEventListener(this, 'focusout', this._handleFocusOut);\n  }\n\n  /**\n   * Re-resolves the selection whenever items enter or leave the light DOM.\n   * Consuming frameworks routinely render them after the initial paint, so\n   * `value` may name an item that does not exist yet, and a selected item may\n   * be taken out from under us.\n   */\n  private _handleItemsChange({\n    changes: { added, removed },\n  }: MutationControllerParams<IgcSelectItemComponent>): void {\n    if (!this.hasUpdated || (isEmpty(added) && isEmpty(removed))) {\n      return;\n    }\n\n    const match = this.value ? this._getItem(this.value) : undefined;\n\n    if (match) {\n      if (match !== this._selectedItem) {\n        this._setSelectedItem(match);\n      }\n      return;\n    }\n\n    // Nothing resolves the value anymore - drop the stale element references\n    // but hold on to the value itself.\n    const items = this.items;\n\n    if (this._selectedItem && !items.includes(this._selectedItem)) {\n      this._clearSelectedItem();\n    } else if (this._activeItem && !items.includes(this._activeItem)) {\n      this._activateItem(this._selectedItem);\n    }\n  }\n\n  protected override async firstUpdated(): Promise<void> {\n    await this.updateComplete;\n    const selected = setInitialSelectionState(this.items);\n\n    if (selected) {\n      // A `selected` item wins over an initial `value` and becomes what the\n      // component resets to. The default must be assigned while still pristine.\n      if (selected.value !== this.value) {\n        this.defaultValue = selected.value;\n      }\n\n      this._selectItem(selected, false);\n    } else if (this.value) {\n      const item = this._getItem(this.value);\n\n      // An unmatched value is kept, not discarded - its item may still arrive.\n      if (item) {\n        this._selectItem(item, false);\n      }\n    }\n\n    if (this.autofocus) {\n      this.focus();\n    }\n\n    this._validate();\n  }\n\n  //#endregion\n\n  //#region Keyboard event handlers\n\n  private _handleSearch(event: KeyboardEvent): void {\n    // A printable key held with a modifier is a shortcut, not type-ahead.\n    if (event.ctrlKey || event.metaKey || event.altKey) {\n      return;\n    }\n\n    if (!/^.$/u.test(event.key)) {\n      return;\n    }\n\n    event.preventDefault();\n    const now = Date.now();\n\n    if (now - this._lastKeyTime > 500) {\n      this._searchTerm = '';\n    }\n\n    this._lastKeyTime = now;\n    this._searchTerm += event.key.toLocaleLowerCase();\n\n    const item = this._activeItems.find((item) =>\n      item.textContent?.trim().toLocaleLowerCase().startsWith(this._searchTerm)\n    );\n\n    this._navigateTo(item);\n  }\n\n  private _handleEnter(): void {\n    this.open && this._activeItem\n      ? this._selectItem(this._activeItem)\n      : this._handleAnchorClick();\n  }\n\n  private _handleSpace(): void {\n    if (!this.open) {\n      this._handleAnchorClick();\n    }\n  }\n\n  private _handleArrowDown(): void {\n    this._navigateTo(getNextActiveItem(this.items, this._activeItem));\n  }\n\n  private _handleArrowUp(): void {\n    this._navigateTo(getPreviousActiveItem(this.items, this._activeItem));\n  }\n\n  /**\n   * Moves to `item`, committing the move as a selection while closed.\n   * Nowhere to move to is a no-op - clearing the selection is reserved for the\n   * callers that actually mean it.\n   */\n  private _navigateTo(item?: IgcSelectItemComponent): void {\n    if (item) {\n      this.open ? this._navigateToActiveItem(item) : this._selectItem(item);\n    }\n  }\n\n  private _handleAltArrowDown(): void {\n    if (!this.open) {\n      this._show(true);\n      this._focusItemOnOpen();\n    }\n  }\n\n  private async _handleAltArrowUp(): Promise<void> {\n    if (this.open && (await this._hide(true))) {\n      this._input.focus();\n    }\n  }\n\n  private async _handleEscape(): Promise<void> {\n    if (await this._hide(true)) {\n      this._input.focus();\n    }\n  }\n\n  private _handleTab(event: KeyboardEvent): void {\n    if (this.open) {\n      event.preventDefault();\n      this._selectItem(this._activeItem ?? this._selectedItem);\n      this._hide(true);\n    }\n  }\n\n  private _handleHome(): void {\n    this._navigateTo(this._activeItems.at(0));\n  }\n\n  private _handleEnd(): void {\n    this._navigateTo(this._activeItems.at(-1));\n  }\n\n  //#endregion\n\n  //#region Event listeners\n\n  private _handleFocusIn(): void {\n    this._setTouchedState();\n  }\n\n  private _handleFocusOut(event: FocusEvent): void {\n    if (focusLeftHost(this, event)) {\n      super._handleBlur();\n    }\n  }\n\n  private _handleClick(event: PointerEvent): void {\n    const item = getElementFromPath(IgcSelectItemComponent.tagName, event);\n    if (item && this._activeItems.includes(item)) {\n      this._selectItem(item);\n    }\n  }\n\n  private _handleChange(item: IgcSelectItemComponent): boolean {\n    this._setTouchedState();\n    return this.emitEvent('igcChange', { detail: item });\n  }\n\n  private _handleClosing(): void {\n    this._hide(true);\n  }\n\n  protected override _handleAnchorClick(): void {\n    super._handleAnchorClick();\n    this._focusItemOnOpen();\n  }\n\n  //#endregion\n\n  //#region Internal API\n\n  private _activateItem(item: IgcSelectItemComponent | null): void {\n    if (this._activeItem && this._activeItem !== item) {\n      this._activeItem.active = false;\n    }\n\n    this._activeItem = item;\n\n    if (item) {\n      item.active = true;\n    }\n  }\n\n  private _setSelectedItem(\n    item: IgcSelectItemComponent\n  ): IgcSelectItemComponent {\n    if (this._selectedItem && this._selectedItem !== item) {\n      this._selectedItem.selected = false;\n    }\n\n    this._selectedItem = item;\n    item.selected = true;\n    this._activateItem(item);\n\n    return item;\n  }\n\n  private _selectItem(\n    item?: IgcSelectItemComponent | null,\n    emit = true\n  ): IgcSelectItemComponent | null {\n    if (!item) {\n      this._clearSelectedItem();\n      this._updateValue();\n      return null;\n    }\n\n    const shouldFocus = emit && this.open;\n    const shouldHide = emit && !this.keepOpenOnSelect;\n    // Re-selecting the current item is not a change, but it is still a commit:\n    // the list closes and focus returns just the same.\n    const changed = this._selectedItem !== item;\n\n    if (changed) {\n      this._setSelectedItem(item);\n      this._updateValue(item.value);\n      if (emit) this._handleChange(item);\n    } else {\n      this._activateItem(item);\n    }\n\n    if (shouldFocus) this._input.focus();\n    if (shouldHide) this._hide(true);\n\n    return this._selectedItem;\n  }\n\n  /** Highlights `item` and, while the list is open, brings it into view. */\n  private _navigateToActiveItem(item?: IgcSelectItemComponent | null): void {\n    if (!item) {\n      return;\n    }\n\n    this._activateItem(item);\n\n    // Closed, the list is inert: focusing and scrolling it is pointless.\n    if (this.open) {\n      item.focus({ preventScroll: true });\n      item.scrollIntoView({ behavior: 'auto', block: 'nearest' });\n    }\n  }\n\n  private _updateValue(value?: string): void {\n    this._formValue.setValueAndFormState(value!);\n  }\n\n  private _clearSelectedItem(): void {\n    if (this._selectedItem) {\n      this._selectedItem.selected = false;\n    }\n    this._selectedItem = null;\n    this._activateItem(null);\n  }\n\n  private async _focusItemOnOpen(): Promise<void> {\n    await this.updateComplete;\n\n    // Opening restarts navigation from the selection, so that the highlighted\n    // item and the one navigation continues from are always the same.\n    if (this.open) {\n      this._navigateToActiveItem(this._selectedItem ?? this._activeItem);\n    }\n  }\n\n  private _getItem(value: string): IgcSelectItemComponent | undefined {\n    return this.items.find((item) => item.value === value);\n  }\n\n  /**\n   * The text shown in the input for the current selection: the selected item's\n   * main content, without what it routes to its `prefix`/`suffix` slots and\n   * without the marker comments templating engines leave among its children.\n   */\n  private get _displayValue(): string | undefined {\n    if (!this._selectedItem) {\n      return undefined;\n    }\n\n    return Array.from(this._selectedItem.childNodes)\n      .filter((node) =>\n        isElement(node)\n          ? !node.hasAttribute('slot')\n          : node.nodeType === Node.TEXT_NODE\n      )\n      .map((node) => node.textContent ?? '')\n      .join('')\n      .trim()\n      .replace(/\\s+/gu, ' ');\n  }\n\n  //#endregion\n\n  //#region Public API\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the component. */\n  public override focus(options?: FocusOptions): void {\n    this._input.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the component. */\n  public override blur(): void {\n    this._input.blur();\n  }\n\n  /** Checks the validity of the control and moves the focus to it if it is not valid. */\n  public override reportValidity(): boolean {\n    const valid = super.reportValidity();\n    if (!valid) this._input.focus();\n    return valid;\n  }\n\n  /* blazorSuppress */\n  /** Navigates to the item with the specified value. If it exists, returns the found item, otherwise - null. */\n  public navigateTo(value: string): IgcSelectItemComponent | null;\n  /* blazorSuppress */\n  /** Navigates to the item at the specified index. If it exists, returns the found item, otherwise - null. */\n  public navigateTo(index: number): IgcSelectItemComponent | null;\n  /* blazorSuppress */\n  /** Navigates to the specified item. If it exists, returns the found item, otherwise - null. */\n  public navigateTo(value: string | number): IgcSelectItemComponent | null {\n    const item = isString(value) ? this._getItem(value) : this.items[value];\n\n    if (item) {\n      this._navigateToActiveItem(item);\n    }\n\n    return item ?? null;\n  }\n\n  /* blazorSuppress */\n  /** Selects the item with the specified value. If it exists, returns the found item, otherwise - null. */\n  public select(value: string): IgcSelectItemComponent | null;\n  /* blazorSuppress */\n  /** Selects the item at the specified index. If it exists, returns the found item, otherwise - null. */\n  public select(index: number): IgcSelectItemComponent | null;\n  /* blazorSuppress */\n  /** Selects the specified item. If it exists, returns the found item, otherwise - null. */\n  public select(value: string | number): IgcSelectItemComponent | null {\n    const item = isString(value) ? this._getItem(value) : this.items[value];\n    return item ? this._selectItem(item, false) : null;\n  }\n\n  /**  Resets the current value and selection of the component. */\n  public clearSelection(): void {\n    this._updateValue();\n    this._clearSelectedItem();\n  }\n\n  //#endregion\n\n  protected _renderInputSlots() {\n    const prefix = this._slots.hasAssignedElements('prefix') ? 'prefix' : '';\n    const suffix = this._slots.hasAssignedElements('suffix') ? 'suffix' : '';\n\n    return html`\n      <span slot=${prefix}>\n        <slot name=\"prefix\"></slot>\n      </span>\n\n      <span slot=${suffix}>\n        <slot name=\"suffix\"></slot>\n      </span>\n    `;\n  }\n\n  protected _renderToggleIcon() {\n    const parts = { 'toggle-icon': true, filled: !!this.value };\n    const iconName = this.open ? 'input_collapse' : 'input_expand';\n    const iconHidden =\n      this.open && this._slots.hasAssignedElements('toggle-icon-expanded');\n\n    return html`\n      <span slot=\"suffix\" part=${partMap(parts)} aria-hidden=\"true\">\n        <slot name=\"toggle-icon\" ?hidden=${iconHidden}>\n          <igc-icon name=${iconName} collection=\"default\"></igc-icon>\n        </slot>\n        <slot name=\"toggle-icon-expanded\" ?hidden=${!iconHidden}></slot>\n      </span>\n    `;\n  }\n\n  protected _renderHelperText(): TemplateResult {\n    return IgcValidationContainerComponent.create(this, {\n      id: 'select-helper-text',\n      slot: 'anchor',\n      hasHelperText: true,\n    });\n  }\n\n  protected _renderInputAnchor() {\n    return html`\n      <igc-input\n        id=\"input\"\n        slot=\"anchor\"\n        readonly\n        exportparts=\"container: input, input: native-input, label, prefix, suffix\"\n        value=${ifDefined(this._displayValue)}\n        placeholder=${ifDefined(this.placeholder)}\n        label=${ifDefined(this.label)}\n        .disabled=${this.disabled}\n        .required=${this.required}\n        .invalid=${this.invalid}\n        .outlined=${this.outlined}\n        @click=${this._handleAnchorClick}\n      >\n        ${this._renderInputSlots()} ${this._renderToggleIcon()}\n      </igc-input>\n\n      ${this._renderHelperText()}\n    `;\n  }\n\n  protected _renderDropdown() {\n    return html`\n      <div part=\"base\" .inert=${!this.open}>\n        <div\n          id=\"dropdown\"\n          role=\"listbox\"\n          part=\"list\"\n          aria-labelledby=\"input\"\n          @click=${this._handleClick}\n        >\n          <slot name=\"header\"></slot>\n          <slot></slot>\n          <slot name=\"footer\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`\n      <igc-popover\n        ?open=${this.open}\n        flip\n        shift\n        same-width\n        .offset=${this.distance}\n        .placement=${this.placement}\n      >\n        ${this._renderInputAnchor()} ${this._renderDropdown()}\n      </igc-popover>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-select': IgcSelectComponent;\n  }\n}\n"]}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/components/select/select.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { addAriaProjector } from '#internals/controllers/aria-projection.js';\nimport {\n  addKeybindings,\n  altKey,\n  arrowDown,\n  arrowLeft,\n  arrowRight,\n  arrowUp,\n  endKey,\n  enterKey,\n  escapeKey,\n  homeKey,\n  spaceBar,\n  tabKey,\n} from '#internals/controllers/key-bindings.js';\nimport {\n  createMutationController,\n  type MutationControllerParams,\n} from '#internals/controllers/mutation-observer.js';\nimport { addRootClickController } from '#internals/controllers/root-click.js';\nimport { addRootScrollHandler } from '#internals/controllers/root-scroll.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { blazorAdditionalDependencies } from '#internals/decorators/blazorAdditionalDependencies.js';\nimport { shadowOptions } from '#internals/decorators/shadow-options.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport {\n  getActiveItems,\n  getItems,\n  getNextActiveItem,\n  getPreviousActiveItem,\n  IgcComboBoxBaseLikeComponent,\n  setInitialSelectionState,\n} 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 { FormValueSelectTransformers } from '#internals/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '#internals/mixins/forms/form-value.js';\nimport { partMap } from '#internals/part-map.js';\nimport { renderSlottedIcon } from '#internals/templates/slotted-icon.js';\nimport { isEmpty } from '#internals/utils/arrays.js';\nimport { isElement, normalizedTextContent } from '#internals/utils/dom.js';\nimport {\n  addSafeEventListener,\n  focusLeftHost,\n  getElementFromPath,\n} from '#internals/utils/events.js';\nimport { isString } from '#internals/utils/types.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcInputComponent from '../input/input.js';\nimport IgcPopoverComponent, {\n  type PopoverPlacement,\n} from '../popover/popover.js';\nimport type { PopoverScrollStrategy } from '../types.js';\nimport type IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport IgcSelectGroupComponent from './select-group.js';\nimport IgcSelectHeaderComponent from './select-header.js';\nimport IgcSelectItemComponent from './select-item.js';\nimport { styles } from './themes/select.base.css.js';\nimport { styles as shared } from './themes/shared/select.common.css.js';\nimport { all } from './themes/themes.js';\nimport { selectValidators } from './validators.js';\n\nexport interface IgcSelectComponentEventMap {\n  igcChange: CustomEvent<IgcSelectItemComponent>;\n  // For analyzer meta only:\n  /* skipWCPrefix */\n  focus: FocusEvent;\n  /* skipWCPrefix */\n  blur: FocusEvent;\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n}\n\nconst Slots = setSlots(\n  'prefix',\n  'suffix',\n  'header',\n  'footer',\n  'helper-text',\n  'toggle-icon',\n  'toggle-icon-expanded',\n  'value-missing',\n  'custom-error',\n  'invalid'\n);\n\n/**\n * Represents a control that provides a menu of options.\n *\n * @element igc-select\n *\n * @slot - Renders the list of select items.\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot header - Renders a container before the list of options.\n * @slot footer - Renders a container after the list of options.\n * @slot helper-text - Renders content below the input.\n * @slot toggle-icon - Renders content inside the suffix container.\n * @slot toggle-icon-expanded - Renders content for the toggle icon when the component is in open state.\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 checked state changes.\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 list - The list wrapping container for the items of the select.\n * @csspart input - The encapsulated input of the select.\n * @csspart label - The encapsulated text label of the select.\n * @csspart prefix - The prefix wrapper of the input of the select.\n * @csspart suffix - The suffix wrapper of the input of the select.\n * @csspart toggle-icon - The toggle icon wrapper of the select.\n * @csspart helper-text - The helper text wrapper of the select.\n */\n@blazorAdditionalDependencies(\n  'IgcIconComponent, IgcInputComponent, IgcSelectGroupComponent, IgcSelectHeaderComponent, IgcSelectItemComponent'\n)\n@shadowOptions({ delegatesFocus: true })\nexport default class IgcSelectComponent extends FormAssociatedRequiredMixin(\n  EventEmitterMixin<\n    IgcSelectComponentEventMap,\n    AbstractConstructor<IgcComboBoxBaseLikeComponent>\n  >(IgcComboBoxBaseLikeComponent)\n) {\n  public static readonly tagName = 'igc-select';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcSelectComponent,\n      IgcIconComponent,\n      IgcInputComponent,\n      IgcPopoverComponent,\n      IgcSelectGroupComponent,\n      IgcSelectHeaderComponent,\n      IgcSelectItemComponent\n    );\n  }\n\n  //#region Internal state\n\n  protected override get __validators() {\n    return selectValidators;\n  }\n\n  private _searchTerm = '';\n  private _lastKeyTime = 0;\n\n  private readonly _slots = addSlotController(this, { slots: Slots });\n\n  private readonly _rootScrollController = addRootScrollHandler(this, {\n    hideCallback: this._handleClosing,\n  });\n\n  protected override readonly _rootClickController = addRootClickController(\n    this,\n    {\n      onHide: this._handleClosing,\n    }\n  );\n\n  protected override readonly _formValue = createFormValueState(this, {\n    initialValue: undefined,\n    transformers: FormValueSelectTransformers,\n  });\n\n  @state()\n  protected _selectedItem: IgcSelectItemComponent | null = null;\n\n  /**\n   * The item keyboard navigation moves from. Mirrors {@link _selectedItem}\n   * unless the open list has been navigated without committing a selection.\n   * Only {@link _activateItem} may assign it.\n   */\n  @state()\n  protected _activeItem: IgcSelectItemComponent | null = null;\n\n  @query(IgcInputComponent.tagName, true)\n  protected _input!: IgcInputComponent;\n\n  @query('#dropdown')\n  protected _list!: HTMLDivElement | null;\n\n  @query('#select-helper-text')\n  protected _helperText!: IgcValidationContainerComponent | null;\n\n  protected get _activeItems(): IgcSelectItemComponent[] {\n    return Array.from(\n      getActiveItems<IgcSelectItemComponent>(\n        this,\n        IgcSelectItemComponent.tagName\n      )\n    );\n  }\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail.value\", false) */\n  /**\n   * The value of the control.\n   * @attr\n   */\n  @property()\n  public set value(value: string | undefined) {\n    this._updateValue(value);\n    const item = this._getItem(this._formValue.value!);\n    item ? this._setSelectedItem(item) : this._clearSelectedItem();\n  }\n\n  public get value(): string | undefined {\n    return this._formValue.value;\n  }\n\n  /**\n   * Whether the control has an outlined appearance.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public outlined = false;\n\n  /**\n   * Whether the control should receive focus automatically.\n   * @attr\n   */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /**\n   * The distance of the select dropdown from its input.\n   * @attr\n   */\n  @property({ type: Number })\n  public distance = 0;\n\n  /**\n   * The label of the control.\n   * @attr\n   */\n  @property()\n  public label!: string;\n\n  /**\n   * The placeholder text of the control.\n   * @attr\n   */\n  @property()\n  public placeholder!: string;\n\n  /** The preferred placement of the select dropdown around its input.\n   * @attr\n   */\n  @property()\n  public placement: PopoverPlacement = 'bottom-start';\n\n  /**\n   * Determines the behavior of the component during scrolling of the parent container.\n   * @attr scroll-strategy\n   */\n  @property({ attribute: 'scroll-strategy' })\n  public scrollStrategy: PopoverScrollStrategy = 'scroll';\n\n  /** Returns the items of the select component. */\n  public get items(): IgcSelectItemComponent[] {\n    return Array.from(\n      getItems<IgcSelectItemComponent>(this, IgcSelectItemComponent.tagName)\n    );\n  }\n\n  /** Returns the groups of the select component. */\n  public get groups(): IgcSelectGroupComponent[] {\n    return Array.from(\n      getItems<IgcSelectGroupComponent>(this, IgcSelectGroupComponent.tagName)\n    );\n  }\n\n  /** Returns the selected item from the dropdown or null.  */\n  public get selectedItem(): IgcSelectItemComponent | null {\n    return this._selectedItem;\n  }\n\n  //#endregion\n\n  //#region Life-cycle hooks\n\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\n    if (!this.hasUpdated) {\n      return;\n    }\n\n    if (changedProperties.has('scrollStrategy')) {\n      this._rootScrollController.update({ resetListeners: true });\n    }\n\n    if (changedProperties.has('open')) {\n      this._rootClickController.update();\n      this._rootScrollController.update();\n    }\n  }\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\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).\n    addAriaProjector(this, {\n      target: () => this._input,\n      state: () => ({\n        role: 'combobox',\n        hasPopup: 'listbox',\n        expanded: `${this.open}`,\n        controls: this._list ? [this._list] : null,\n        describedBy: this._helperText ? [this._helperText] : null,\n        labelledBy: this._internals.labels,\n      }),\n    });\n\n    addKeybindings(this, {\n      skip: () => this.disabled,\n      bindingDefaults: { preventDefault: true, repeat: true },\n    })\n      .set([altKey, arrowDown], this._handleAltArrowDown)\n      .set([altKey, arrowUp], this._handleAltArrowUp)\n      .set(arrowDown, this._handleArrowDown)\n      .set(arrowUp, this._handleArrowUp)\n      .set(arrowLeft, this._handleArrowUp)\n      .set(arrowRight, this._handleArrowDown)\n      .set(tabKey, this._handleTab, { preventDefault: false })\n      .set(escapeKey, this._handleEscape)\n      .set(homeKey, this._handleHome)\n      .set(endKey, this._handleEnd)\n      .set(spaceBar, this._handleSpace)\n      .set(enterKey, this._handleEnter);\n\n    createMutationController(this, {\n      callback: this._handleItemsChange,\n      filter: [IgcSelectItemComponent.tagName],\n      config: { childList: true, subtree: true },\n    });\n\n    addSafeEventListener(this, 'keydown', this._handleSearch);\n    addSafeEventListener(this, 'focusin', this._handleFocusIn);\n    addSafeEventListener(this, 'focusout', this._handleFocusOut);\n  }\n\n  /**\n   * Re-resolves the selection whenever items enter or leave the light DOM.\n   * Consuming frameworks routinely render them after the initial paint, so\n   * `value` may name an item that does not exist yet, and a selected item may\n   * be taken out from under us.\n   */\n  private _handleItemsChange({\n    changes: { added, removed },\n  }: MutationControllerParams<IgcSelectItemComponent>): void {\n    if (!this.hasUpdated || (isEmpty(added) && isEmpty(removed))) {\n      return;\n    }\n\n    const match = this.value ? this._getItem(this.value) : undefined;\n\n    if (match) {\n      if (match !== this._selectedItem) {\n        this._setSelectedItem(match);\n      }\n      return;\n    }\n\n    // Nothing resolves the value anymore - drop the stale element references\n    // but hold on to the value itself.\n    const items = this.items;\n\n    if (this._selectedItem && !items.includes(this._selectedItem)) {\n      this._clearSelectedItem();\n    } else if (this._activeItem && !items.includes(this._activeItem)) {\n      this._activateItem(this._selectedItem);\n    }\n  }\n\n  protected override async firstUpdated(): Promise<void> {\n    await this.updateComplete;\n    const selected = setInitialSelectionState(this.items);\n\n    if (selected) {\n      // A `selected` item wins over an initial `value` and becomes what the\n      // component resets to. The default must be assigned while still pristine.\n      if (selected.value !== this.value) {\n        this.defaultValue = selected.value;\n      }\n\n      this._selectItem(selected, false);\n    } else if (this.value) {\n      const item = this._getItem(this.value);\n\n      // An unmatched value is kept, not discarded - its item may still arrive.\n      if (item) {\n        this._selectItem(item, false);\n      }\n    }\n\n    if (this.autofocus) {\n      this.focus();\n    }\n\n    this._validate();\n  }\n\n  //#endregion\n\n  //#region Keyboard event handlers\n\n  private _handleSearch(event: KeyboardEvent): void {\n    // A printable key held with a modifier is a shortcut, not type-ahead.\n    if (event.ctrlKey || event.metaKey || event.altKey) {\n      return;\n    }\n\n    if (!/^.$/u.test(event.key)) {\n      return;\n    }\n\n    event.preventDefault();\n    const now = Date.now();\n\n    if (now - this._lastKeyTime > 500) {\n      this._searchTerm = '';\n    }\n\n    this._lastKeyTime = now;\n    this._searchTerm += event.key.toLocaleLowerCase();\n\n    const item = this._activeItems.find((item) =>\n      item.textContent?.trim().toLocaleLowerCase().startsWith(this._searchTerm)\n    );\n\n    this._navigateTo(item);\n  }\n\n  private _handleEnter(): void {\n    this.open && this._activeItem\n      ? this._selectItem(this._activeItem)\n      : this._handleAnchorClick();\n  }\n\n  private _handleSpace(): void {\n    if (!this.open) {\n      this._handleAnchorClick();\n    }\n  }\n\n  private _handleArrowDown(): void {\n    this._navigateTo(getNextActiveItem(this.items, this._activeItem));\n  }\n\n  private _handleArrowUp(): void {\n    this._navigateTo(getPreviousActiveItem(this.items, this._activeItem));\n  }\n\n  /**\n   * Moves to `item`, committing the move as a selection while closed.\n   * Nowhere to move to is a no-op - clearing the selection is reserved for the\n   * callers that actually mean it.\n   */\n  private _navigateTo(item?: IgcSelectItemComponent): void {\n    if (item) {\n      this.open ? this._navigateToActiveItem(item) : this._selectItem(item);\n    }\n  }\n\n  private _handleAltArrowDown(): void {\n    if (!this.open) {\n      this._show(true);\n      this._focusItemOnOpen();\n    }\n  }\n\n  private async _handleAltArrowUp(): Promise<void> {\n    if (this.open && (await this._hide(true))) {\n      this._input.focus();\n    }\n  }\n\n  private async _handleEscape(): Promise<void> {\n    if (await this._hide(true)) {\n      this._input.focus();\n    }\n  }\n\n  private _handleTab(event: KeyboardEvent): void {\n    if (this.open) {\n      event.preventDefault();\n      this._selectItem(this._activeItem ?? this._selectedItem);\n      this._hide(true);\n    }\n  }\n\n  private _handleHome(): void {\n    this._navigateTo(this._activeItems.at(0));\n  }\n\n  private _handleEnd(): void {\n    this._navigateTo(this._activeItems.at(-1));\n  }\n\n  //#endregion\n\n  //#region Event listeners\n\n  private _handleFocusIn(): void {\n    this._setTouchedState();\n  }\n\n  private _handleFocusOut(event: FocusEvent): void {\n    if (focusLeftHost(this, event)) {\n      super._handleBlur();\n    }\n  }\n\n  private _handleClick(event: PointerEvent): void {\n    const item = getElementFromPath(IgcSelectItemComponent.tagName, event);\n    if (item && this._activeItems.includes(item)) {\n      this._selectItem(item);\n    }\n  }\n\n  private _handleChange(item: IgcSelectItemComponent): boolean {\n    return this._emitTouchedEvent('igcChange', { detail: item });\n  }\n\n  private _handleClosing(): void {\n    this._hide(true);\n  }\n\n  protected override _handleAnchorClick(): void {\n    super._handleAnchorClick();\n    this._focusItemOnOpen();\n  }\n\n  //#endregion\n\n  //#region Internal API\n\n  private _activateItem(item: IgcSelectItemComponent | null): void {\n    if (this._activeItem && this._activeItem !== item) {\n      this._activeItem.active = false;\n    }\n\n    this._activeItem = item;\n\n    if (item) {\n      item.active = true;\n    }\n  }\n\n  private _setSelectedItem(\n    item: IgcSelectItemComponent\n  ): IgcSelectItemComponent {\n    if (this._selectedItem && this._selectedItem !== item) {\n      this._selectedItem.selected = false;\n    }\n\n    this._selectedItem = item;\n    item.selected = true;\n    this._activateItem(item);\n\n    return item;\n  }\n\n  private _selectItem(\n    item?: IgcSelectItemComponent | null,\n    emit = true\n  ): IgcSelectItemComponent | null {\n    if (!item) {\n      this._clearSelectedItem();\n      this._updateValue();\n      return null;\n    }\n\n    const shouldFocus = emit && this.open;\n    const shouldHide = emit && !this.keepOpenOnSelect;\n    // Re-selecting the current item is not a change, but it is still a commit:\n    // the list closes and focus returns just the same.\n    const changed = this._selectedItem !== item;\n\n    if (changed) {\n      this._setSelectedItem(item);\n      this._updateValue(item.value);\n      if (emit) this._handleChange(item);\n    } else {\n      this._activateItem(item);\n    }\n\n    if (shouldFocus) this._input.focus();\n    if (shouldHide) this._hide(true);\n\n    return this._selectedItem;\n  }\n\n  /** Highlights `item` and, while the list is open, brings it into view. */\n  private _navigateToActiveItem(item?: IgcSelectItemComponent | null): void {\n    if (!item) {\n      return;\n    }\n\n    this._activateItem(item);\n\n    // Closed, the list is inert: focusing and scrolling it is pointless.\n    if (this.open) {\n      item.focus({ preventScroll: true });\n      item.scrollIntoView({ behavior: 'auto', block: 'nearest' });\n    }\n  }\n\n  private _updateValue(value?: string): void {\n    this._formValue.setValueAndFormState(value!);\n  }\n\n  private _clearSelectedItem(): void {\n    if (this._selectedItem) {\n      this._selectedItem.selected = false;\n    }\n    this._selectedItem = null;\n    this._activateItem(null);\n  }\n\n  private async _focusItemOnOpen(): Promise<void> {\n    await this.updateComplete;\n\n    // Opening restarts navigation from the selection, so that the highlighted\n    // item and the one navigation continues from are always the same.\n    if (this.open) {\n      this._navigateToActiveItem(this._selectedItem ?? this._activeItem);\n    }\n  }\n\n  private _getItem(value: string): IgcSelectItemComponent | undefined {\n    return this.items.find((item) => item.value === value);\n  }\n\n  /**\n   * The text shown in the input for the current selection: the selected item's\n   * main content, without what it routes to its `prefix`/`suffix` slots and\n   * without the marker comments templating engines leave among its children.\n   */\n  private get _displayValue(): string | undefined {\n    if (!this._selectedItem) {\n      return undefined;\n    }\n\n    return normalizedTextContent(\n      Array.from(this._selectedItem.childNodes).filter((node) =>\n        isElement(node)\n          ? !node.hasAttribute('slot')\n          : node.nodeType === Node.TEXT_NODE\n      )\n    );\n  }\n\n  //#endregion\n\n  //#region Public API\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the component. */\n  public override focus(options?: FocusOptions): void {\n    this._input.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the component. */\n  public override blur(): void {\n    this._input.blur();\n  }\n\n  /** Checks the validity of the control and moves the focus to it if it is not valid. */\n  public override reportValidity(): boolean {\n    const valid = super.reportValidity();\n    if (!valid) this._input.focus();\n    return valid;\n  }\n\n  /* blazorSuppress */\n  /** Navigates to the item with the specified value. If it exists, returns the found item, otherwise - null. */\n  public navigateTo(value: string): IgcSelectItemComponent | null;\n  /* blazorSuppress */\n  /** Navigates to the item at the specified index. If it exists, returns the found item, otherwise - null. */\n  public navigateTo(index: number): IgcSelectItemComponent | null;\n  /* blazorSuppress */\n  /** Navigates to the specified item. If it exists, returns the found item, otherwise - null. */\n  public navigateTo(value: string | number): IgcSelectItemComponent | null {\n    const item = isString(value) ? this._getItem(value) : this.items[value];\n\n    if (item) {\n      this._navigateToActiveItem(item);\n    }\n\n    return item ?? null;\n  }\n\n  /* blazorSuppress */\n  /** Selects the item with the specified value. If it exists, returns the found item, otherwise - null. */\n  public select(value: string): IgcSelectItemComponent | null;\n  /* blazorSuppress */\n  /** Selects the item at the specified index. If it exists, returns the found item, otherwise - null. */\n  public select(index: number): IgcSelectItemComponent | null;\n  /* blazorSuppress */\n  /** Selects the specified item. If it exists, returns the found item, otherwise - null. */\n  public select(value: string | number): IgcSelectItemComponent | null {\n    const item = isString(value) ? this._getItem(value) : this.items[value];\n    return item ? this._selectItem(item, false) : null;\n  }\n\n  /**  Resets the current value and selection of the component. */\n  public clearSelection(): void {\n    this._updateValue();\n    this._clearSelectedItem();\n  }\n\n  //#endregion\n\n  protected _renderInputSlots() {\n    const prefix = this._slots.hasAssignedElements('prefix') ? 'prefix' : '';\n    const suffix = this._slots.hasAssignedElements('suffix') ? 'suffix' : '';\n\n    return html`\n      <span slot=${prefix}>\n        <slot name=\"prefix\"></slot>\n      </span>\n\n      <span slot=${suffix}>\n        <slot name=\"suffix\"></slot>\n      </span>\n    `;\n  }\n\n  protected _renderToggleIcon() {\n    const parts = { 'toggle-icon': true, filled: !!this.value };\n    const iconName = this.open ? 'input_collapse' : 'input_expand';\n    const iconHidden =\n      this.open && this._slots.hasAssignedElements('toggle-icon-expanded');\n\n    return html`\n      <span slot=\"suffix\" part=${partMap(parts)} aria-hidden=\"true\">\n        ${renderSlottedIcon({\n          slot: 'toggle-icon',\n          icon: iconName,\n          hidden: iconHidden,\n          ariaHidden: false,\n        })}\n        <slot name=\"toggle-icon-expanded\" ?hidden=${!iconHidden}></slot>\n      </span>\n    `;\n  }\n\n  protected _renderHelperText(): TemplateResult {\n    return this._renderValidationContainer({\n      id: 'select-helper-text',\n      slot: 'anchor',\n      hasHelperText: true,\n    });\n  }\n\n  protected _renderInputAnchor() {\n    return html`\n      <igc-input\n        id=\"input\"\n        slot=\"anchor\"\n        readonly\n        exportparts=\"container: input, input: native-input, label, prefix, suffix\"\n        value=${ifDefined(this._displayValue)}\n        placeholder=${ifDefined(this.placeholder)}\n        label=${ifDefined(this.label)}\n        .disabled=${this.disabled}\n        .required=${this.required}\n        .invalid=${this.invalid}\n        .outlined=${this.outlined}\n        @click=${this._handleAnchorClick}\n      >\n        ${this._renderInputSlots()} ${this._renderToggleIcon()}\n      </igc-input>\n\n      ${this._renderHelperText()}\n    `;\n  }\n\n  protected _renderDropdown() {\n    return html`\n      <div part=\"base\" .inert=${!this.open}>\n        <div\n          id=\"dropdown\"\n          role=\"listbox\"\n          part=\"list\"\n          aria-labelledby=\"input\"\n          @click=${this._handleClick}\n        >\n          <slot name=\"header\"></slot>\n          <slot></slot>\n          <slot name=\"footer\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`\n      <igc-popover\n        ?open=${this.open}\n        flip\n        shift\n        same-width\n        .offset=${this.distance}\n        .placement=${this.placement}\n      >\n        ${this._renderInputAnchor()} ${this._renderDropdown()}\n      </igc-popover>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-select': IgcSelectComponent;\n  }\n}\n"]}

package/components/slider/range-slider.d.ts

@@ -79,8 +79,9 @@ export default class IgcRangeSliderComponent extends IgcRangeSliderComponent_bas
     protected emitInputEvent(): void;
     protected emitChangeEvent(): void;
     private toggleActiveThumb;
-    private handleFocus;
-    protected renderThumb(value: number, ariaLabel?: string, thumbId?: string): import("lit-html").TemplateResult<1>;
+    /** The focused thumb announces the whole range, not just its own end. */
+    protected handleThumbFocus(event: FocusEvent): void;
+    protected _thumbAriaValueText(thumbId?: string): string;
     protected renderThumbs(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/slider/range-slider.js

@@ -4,12 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, nothing } from 'lit';
+import { html } from 'lit';
 import { property, query } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { styleMap } from 'lit/directives/style-map.js';
 import { registerComponent } from '#internals/definitions/register.js';
 import { EventEmitterMixin } from '#internals/mixins/event-emitter.js';
+import { getCenterPoint } from '#internals/utils/dom.js';
 import { asNumber, asPercent } from '#internals/utils/math.js';
 import { IgcSliderBaseComponent } from './slider-base.js';
 import IgcSliderLabelComponent from './slider-label.js';
@@ -53,20 +52,15 @@ export default class IgcRangeSliderComponent extends EventEmitterMixin(IgcSlider
         return positions.reduce((previous, current) => Math.abs(goal - current) < Math.abs(goal - previous) ? current : previous);
     }
     closestHandle(event) {
-        const fromOffset = this.thumbFrom.offsetLeft + this.thumbFrom.offsetWidth / 2;
-        const toOffset = this.thumbTo.offsetLeft + this.thumbTo.offsetWidth / 2;
-        const xPointer = event.clientX - this.getBoundingClientRect().left;
-        const match = this.closestTo(xPointer, [fromOffset, toOffset]);
-        if (fromOffset === toOffset && toOffset < xPointer) {
-            return this.thumbTo;
+        const fromX = getCenterPoint(this.thumbFrom).x;
+        const toX = getCenterPoint(this.thumbTo).x;
+        const pointerX = event.clientX;
+        if (fromX === toX) {
+            return toX < pointerX ? this.thumbTo : this.thumbFrom;
         }
-        if (fromOffset === toOffset && toOffset > xPointer) {
-            return this.thumbFrom;
-        }
-        if (match === fromOffset) {
-            return this.thumbFrom;
-        }
-        return this.thumbTo;
+        return this.closestTo(pointerX, [fromX, toX]) === fromX
+            ? this.thumbFrom
+            : this.thumbTo;
     }
     updateValue(increment) {
         const oldValue = this.activeValue;
@@ -104,60 +98,18 @@ export default class IgcRangeSliderComponent extends EventEmitterMixin(IgcSlider
         const thumb = this.activeThumb === this.thumbFrom ? this.thumbTo : this.thumbFrom;
         thumb.focus();
     }
-    handleFocus(event) {
-        this.activeThumb = event.target;
-        const id = this.activeThumb.id;
-        for (const thumb of [this.thumbFrom, this.thumbTo]) {
-            if (thumb.id === id)
-                continue;
-            const [activeValue, thumbVal] = [
-                asNumber(this.activeThumb.ariaValueNow),
-                asNumber(thumb.ariaValueNow),
-            ];
-            this.activeThumb.ariaValueText = `${this.formatValue(Math.min(activeValue, thumbVal))} - ${this.formatValue(Math.max(activeValue, thumbVal))}`;
-        }
-    }
-    renderThumb(value, ariaLabel, thumbId) {
-        const percent = `${asPercent(value - this.min, this.distance)}%`;
-        const thumbStyles = { insetInlineStart: percent };
-        const tooltipStyles = {
-            insetInlineStart: percent,
-            opacity: this.thumbLabelsVisible ? 1 : 0,
-        };
-        const ariaValueText = thumbId === 'thumbFrom' ? `min ${this.lower}` : `max ${this.upper}`;
-        const textValue = this.hasLabels
-            ? this.labels[value]
-            : this.valueFormat || this.valueFormatOptions
-                ? this.formatValue(value)
-                : ariaValueText;
-        return html `
-      <div
-        part="thumb"
-        id=${ifDefined(thumbId)}
-        tabindex=${this.disabled ? -1 : 0}
-        style=${styleMap(thumbStyles)}
-        role="slider"
-        aria-valuemin=${this.lowerBound}
-        aria-valuemax=${this.upperBound}
-        aria-valuenow=${value}
-        aria-valuetext=${ifDefined(textValue)}
-        aria-label=${ifDefined(ariaLabel)}
-        aria-disabled=${this.disabled}
-        @pointerenter=${this.showThumbLabels}
-        @pointerleave=${this.hideThumbLabels}
-        @focus=${this.handleFocus}
-        @blur=${this.handleThumbBlur}
-      ></div>
-      ${this.hideTooltip
-            ? nothing
-            : html `
-              <div part="thumb-label" style=${styleMap(tooltipStyles)}>
-                <div part="thumb-label-inner">
-                  ${this.hasLabels ? this.labels[value] : this.formatValue(value)}
-                </div>
-              </div>
-            `}
-    `;
+    handleThumbFocus(event) {
+        super.handleThumbFocus(event);
+        const active = event.target;
+        const other = active === this.thumbFrom ? this.thumbTo : this.thumbFrom;
+        const values = [
+            asNumber(active.ariaValueNow),
+            asNumber(other.ariaValueNow),
+        ];
+        active.ariaValueText = `${this.formatValue(Math.min(...values))} - ${this.formatValue(Math.max(...values))}`;
+    }
+    _thumbAriaValueText(thumbId) {
+        return thumbId === 'thumbFrom' ? `min ${this.lower}` : `max ${this.upper}`;
     }
     renderThumbs() {
         return html `${this.renderThumb(this.lower, this.thumbLabelLower, 'thumbFrom')}