igniteui-webcomponents 3.3.0 → 3.4.0

package/components/select/select.js

@@ -0,0 +1,343 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 } from 'lit';
+import { property, query, queryAssignedElements, state, } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { themes } from '../../theming/index.js';
+import { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';
+import { watch } from '../common/decorators/watch.js';
+import { defineComponents } from '../common/definitions/defineComponents.js';
+import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
+import IgcDropdownComponent from '../dropdown/dropdown.js';
+import IgcIconComponent from '../icon/icon.js';
+import IgcInputComponent from '../input/input.js';
+import IgcSelectGroupComponent from './select-group.js';
+import IgcSelectHeaderComponent from './select-header.js';
+import IgcSelectItemComponent from './select-item.js';
+import { styles } from './themes/light/select.base.css';
+import { styles as bootstrap } from './themes/light/select.bootstrap.css';
+import { styles as fluent } from './themes/light/select.fluent.css';
+import { styles as indigo } from './themes/light/select.indigo.css';
+import { styles as material } from './themes/light/select.material.css';
+defineComponents(IgcIconComponent, IgcInputComponent, IgcSelectGroupComponent, IgcSelectHeaderComponent, IgcSelectItemComponent);
+let IgcSelectComponent = class IgcSelectComponent extends EventEmitterMixin(IgcDropdownComponent) {
+    constructor() {
+        super();
+        this.searchTerm = '';
+        this.lastKeyTime = Date.now();
+        this.targetKeyHandlers = new Map(Object.entries({
+            ' ': this.onTargetEnterKey,
+            Tab: this.onTargetTabKey,
+            Escape: this.onEscapeKey,
+            Enter: this.onTargetEnterKey,
+            ArrowLeft: this.onTargetArrowLeftKeyDown,
+            ArrowRight: this.onTargetArrowRightKeyDown,
+            ArrowUp: this.onTargetArrowUpKeyDown,
+            ArrowDown: this.onTargetArrowDownKeyDown,
+            Home: this.onTargetHomeKey,
+            End: this.onTargetEndKey,
+        }));
+        this.disabled = false;
+        this.required = false;
+        this.invalid = false;
+        this.outlined = false;
+        this.sameWidth = true;
+        this.dir = 'auto';
+        this.size = 'medium';
+        this.addEventListener('igcClosing', () => this.target.focus());
+    }
+    handleFocusout() { }
+    focus(options) {
+        this.target.focus(options);
+    }
+    blur() {
+        this.target.blur();
+    }
+    reportValidity() {
+        this.invalid = this.required && !this.value;
+        if (this.invalid)
+            this.target.focus();
+        return !this.invalid;
+    }
+    async firstUpdated() {
+        super.firstUpdated();
+        await this.updateComplete;
+        if (!this.selectedItem && this.value) {
+            this.updateSelected();
+        }
+        if (this.autofocus) {
+            this.target.focus();
+        }
+    }
+    updateValue() {
+        var _a;
+        this.value = (_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    updateSelected() {
+        var _a;
+        if (this.allItems.length === 0)
+            return;
+        if (((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.value) !== this.value) {
+            const matches = this.allItems.filter((i) => i.value === this.value);
+            const index = this.allItems.indexOf(matches.at(-1));
+            if (index === -1) {
+                this.value = undefined;
+                this.clearSelection();
+                return;
+            }
+            this.select(index);
+        }
+    }
+    validate() {
+        this.updateComplete.then(() => this.reportValidity());
+    }
+    selectNext() {
+        var _a;
+        const activeItemIndex = [...this.allItems].indexOf((_a = this.selectedItem) !== null && _a !== void 0 ? _a : this.activeItem);
+        const next = this.getNearestSiblingFocusableItemIndex(activeItemIndex !== null && activeItemIndex !== void 0 ? activeItemIndex : -1, 1);
+        this.selectItem(this.allItems[next], true);
+    }
+    selectPrev() {
+        var _a;
+        const activeItemIndex = [...this.allItems].indexOf((_a = this.selectedItem) !== null && _a !== void 0 ? _a : this.activeItem);
+        const prev = this.getNearestSiblingFocusableItemIndex(activeItemIndex !== null && activeItemIndex !== void 0 ? activeItemIndex : -1, -1);
+        this.selectItem(this.allItems[prev], true);
+    }
+    selectInteractiveItem(index) {
+        const item = this.allItems
+            .filter((i) => !i.disabled)
+            .at(index);
+        if (item.value !== this.value) {
+            this.selectItem(item, true);
+        }
+    }
+    searchItem(event) {
+        if (!/^.$/u.test(event.key)) {
+            return;
+        }
+        const currentTime = Date.now();
+        if (currentTime - this.lastKeyTime > 500) {
+            this.searchTerm = '';
+        }
+        this.searchTerm += event.key;
+        this.lastKeyTime = currentTime;
+        const item = this.allItems
+            .filter((i) => !i.disabled)
+            .find((i) => {
+            var _a;
+            return (_a = i.textContent) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase().startsWith(this.searchTerm.toLowerCase());
+        });
+        if (item && this.value !== item.value) {
+            this.open ? this.activateItem(item) : this.selectItem(item);
+        }
+    }
+    handleFocus() {
+        if (this.open)
+            return;
+        this.emitEvent('igcFocus');
+    }
+    handleBlur() {
+        if (this.open)
+            return;
+        this.emitEvent('igcBlur');
+    }
+    onTargetTabKey() {
+        this.target.blur();
+        if (this.open)
+            this.hide();
+    }
+    onTargetEnterKey() {
+        !this.open ? this.target.click() : this.onEnterKey();
+    }
+    onTargetArrowLeftKeyDown() {
+        !this.open ? this.selectPrev() : this.onArrowUpKeyDown();
+    }
+    onTargetArrowRightKeyDown() {
+        !this.open ? this.selectNext() : this.onArrowDownKeyDown();
+    }
+    onTargetArrowUpKeyDown(event) {
+        if (event.altKey) {
+            this.toggle();
+        }
+        else {
+            !this.open ? this.selectPrev() : this.onArrowUpKeyDown();
+        }
+    }
+    onTargetArrowDownKeyDown(event) {
+        if (event.altKey) {
+            this.toggle();
+        }
+        else {
+            !this.open ? this.selectNext() : this.onArrowDownKeyDown();
+        }
+    }
+    onTargetHomeKey() {
+        !this.open ? this.selectInteractiveItem(0) : this.onHomeKey();
+    }
+    onTargetEndKey() {
+        !this.open ? this.selectInteractiveItem(-1) : this.onEndKey();
+    }
+    handleTargetKeyDown(event) {
+        var _a;
+        event.stopPropagation();
+        if (this.targetKeyHandlers.has(event.key)) {
+            event.preventDefault();
+            (_a = this.targetKeyHandlers.get(event.key)) === null || _a === void 0 ? void 0 : _a.call(this, event);
+        }
+        else {
+            this.searchItem(event);
+        }
+    }
+    get hasPrefixes() {
+        return this.inputPrefix.length > 0;
+    }
+    get hasSuffixes() {
+        return this.inputSuffix.length > 0;
+    }
+    render() {
+        var _a, _b;
+        return html `
+      <div
+        role="combobox"
+        tabindex=${this.disabled ? -1 : 0}
+        aria-owns="dropdown"
+        aria-describedby="helper-text"
+        aria-disabled=${this.disabled}
+        @focusin=${this.handleFocus}
+        @focusout=${this.handleBlur}
+        @keydown=${this.handleTargetKeyDown}
+        @click=${this.handleTargetClick}
+      >
+        <igc-input
+          id="input"
+          readonly
+          exportparts="container: input, input: native-input, label, prefix, suffix"
+          value=${ifDefined((_b = (_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim())}
+          placeholder=${ifDefined(this.placeholder)}
+          label=${ifDefined(this.label)}
+          size=${this.size}
+          dir=${this.dir}
+          tabindex="-1"
+          .disabled="${this.disabled}"
+          .required=${this.required}
+          .invalid=${this.invalid}
+          .outlined=${this.outlined}
+          @igcBlur=${(e) => e.stopPropagation()}
+          @igcFocus=${(e) => e.stopPropagation()}
+        >
+          <span slot=${this.hasPrefixes ? 'prefix' : ''}>
+            <slot name="prefix"></slot>
+          </span>
+          <span slot=${this.hasSuffixes ? 'suffix' : ''}>
+            <slot name="suffix"></slot>
+          </span>
+          <span slot="suffix" part="toggle-icon" style="display: flex">
+            <slot name="toggle-icon">
+              <igc-icon
+                size=${this.size}
+                name=${this.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}
+                collection="internal"
+                aria-hidden="true"
+              ></igc-icon>
+            </slot>
+          </span>
+        </igc-input>
+      </div>
+      <div
+        id="helper-text"
+        part="helper-text"
+        ?hidden="${this.helperText.length === 0}"
+      >
+        <slot name="helper-text"></slot>
+      </div>
+      <div
+        part="base"
+        style=${styleMap({ position: this.positionStrategy })}
+        @click=${this.handleClick}
+        ${this.toggleController.toggleDirective}
+      >
+        <div id="dropdown" role="listbox" part="list" aria-labelledby="input">
+          <slot name="header"></slot>
+          <slot></slot>
+          <slot name="footer"></slot>
+        </div>
+      </div>
+    `;
+    }
+};
+IgcSelectComponent.tagName = 'igc-select';
+IgcSelectComponent.styles = styles;
+__decorate([
+    queryAssignedElements({ flatten: true, selector: 'igc-select-item' })
+], IgcSelectComponent.prototype, "items", void 0);
+__decorate([
+    queryAssignedElements({ flatten: true, selector: 'igc-select-group' })
+], IgcSelectComponent.prototype, "groups", void 0);
+__decorate([
+    queryAssignedElements({ slot: 'helper-text' })
+], IgcSelectComponent.prototype, "helperText", void 0);
+__decorate([
+    queryAssignedElements({ slot: 'suffix' })
+], IgcSelectComponent.prototype, "inputSuffix", void 0);
+__decorate([
+    queryAssignedElements({ slot: 'prefix' })
+], IgcSelectComponent.prototype, "inputPrefix", void 0);
+__decorate([
+    state()
+], IgcSelectComponent.prototype, "selectedItem", void 0);
+__decorate([
+    query('div[role="combobox"]')
+], IgcSelectComponent.prototype, "target", void 0);
+__decorate([
+    property({ reflect: false, type: String })
+], IgcSelectComponent.prototype, "value", void 0);
+__decorate([
+    property()
+], IgcSelectComponent.prototype, "name", void 0);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], IgcSelectComponent.prototype, "disabled", void 0);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], IgcSelectComponent.prototype, "required", void 0);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], IgcSelectComponent.prototype, "invalid", void 0);
+__decorate([
+    property({ reflect: true, type: Boolean })
+], IgcSelectComponent.prototype, "outlined", void 0);
+__decorate([
+    property({ type: Boolean })
+], IgcSelectComponent.prototype, "autofocus", void 0);
+__decorate([
+    property({ type: String })
+], IgcSelectComponent.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], IgcSelectComponent.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'same-width' })
+], IgcSelectComponent.prototype, "sameWidth", void 0);
+__decorate([
+    property({ reflect: true })
+], IgcSelectComponent.prototype, "dir", void 0);
+__decorate([
+    watch('selectedItem')
+], IgcSelectComponent.prototype, "updateValue", null);
+__decorate([
+    watch('value')
+], IgcSelectComponent.prototype, "updateSelected", null);
+__decorate([
+    watch('value')
+], IgcSelectComponent.prototype, "validate", null);
+IgcSelectComponent = __decorate([
+    themes({ bootstrap, material, fluent, indigo }),
+    blazorAdditionalDependencies('IgcIconComponent, IgcInputComponent, IgcSelectGroupComponent, IgcSelectHeaderComponent, IgcSelectItemComponent')
+], IgcSelectComponent);
+export default IgcSelectComponent;
+//# sourceMappingURL=select.js.map

package/components/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/components/select/select.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/index.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport IgcDropdownItemComponent from '../dropdown/dropdown-item.js';\nimport IgcDropdownComponent, {\n  IgcDropdownEventMap,\n} from '../dropdown/dropdown.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcInputComponent from '../input/input.js';\nimport IgcSelectGroupComponent from './select-group.js';\nimport IgcSelectHeaderComponent from './select-header.js';\nimport IgcSelectItemComponent from './select-item.js';\nimport { styles } from './themes/light/select.base.css';\nimport { styles as bootstrap } from './themes/light/select.bootstrap.css';\nimport { styles as fluent } from './themes/light/select.fluent.css';\nimport { styles as indigo } from './themes/light/select.indigo.css';\nimport { styles as material } from './themes/light/select.material.css';\n\ndefineComponents(\n  IgcIconComponent,\n  IgcInputComponent,\n  IgcSelectGroupComponent,\n  IgcSelectHeaderComponent,\n  IgcSelectItemComponent\n);\n\nexport interface IgcSelectEventMap extends IgcDropdownEventMap {\n  igcFocus: CustomEvent<void>;\n  igcBlur: CustomEvent<void>;\n}\n\n@themes({ bootstrap, material, fluent, indigo })\n@blazorAdditionalDependencies(\n  'IgcIconComponent, IgcInputComponent, IgcSelectGroupComponent, IgcSelectHeaderComponent, IgcSelectItemComponent'\n)\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 *\n * @fires igcFocus - Emitted when the select gains focus.\n * @fires igcBlur - Emitted when the select loses focus.\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 of options wrapper.\n * @csspart input - The encapsulated igc-input.\n * @csspart label - The encapsulated text label.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart toggle-icon - The toggle icon wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcSelectComponent extends EventEmitterMixin<\n  IgcSelectEventMap,\n  Constructor<IgcDropdownComponent>\n>(IgcDropdownComponent) {\n  /** @private */\n  public static readonly tagName = 'igc-select';\n  public static styles = styles;\n  private searchTerm = '';\n  private lastKeyTime = Date.now();\n\n  private readonly targetKeyHandlers: Map<string, Function> = new Map(\n    Object.entries({\n      ' ': this.onTargetEnterKey,\n      Tab: this.onTargetTabKey,\n      Escape: this.onEscapeKey,\n      Enter: this.onTargetEnterKey,\n      ArrowLeft: this.onTargetArrowLeftKeyDown,\n      ArrowRight: this.onTargetArrowRightKeyDown,\n      ArrowUp: this.onTargetArrowUpKeyDown,\n      ArrowDown: this.onTargetArrowDownKeyDown,\n      Home: this.onTargetHomeKey,\n      End: this.onTargetEndKey,\n    })\n  );\n\n  @queryAssignedElements({ flatten: true, selector: 'igc-select-item' })\n  protected override items!: Array<IgcSelectItemComponent>;\n\n  @queryAssignedElements({ flatten: true, selector: 'igc-select-group' })\n  protected override groups!: Array<IgcSelectGroupComponent>;\n\n  @queryAssignedElements({ slot: 'helper-text' })\n  protected helperText!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'suffix' })\n  protected inputSuffix!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'prefix' })\n  protected inputPrefix!: Array<HTMLElement>;\n\n  @state()\n  protected override selectedItem!: IgcSelectItemComponent | null;\n\n  @query('div[role=\"combobox\"]')\n  protected override target!: IgcInputComponent;\n\n  /** The value attribute of the control. */\n  @property({ reflect: false, type: String })\n  public value?: string | undefined;\n\n  /** The name attribute of the control. */\n  @property()\n  public name!: string;\n\n  /** The disabled attribute of the control. */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  /** The required attribute of the control. */\n  @property({ reflect: true, type: Boolean })\n  public required = false;\n\n  /** The invalid attribute of the control. */\n  @property({ reflect: true, type: Boolean })\n  public invalid = false;\n\n  /** The outlined attribute of the control. */\n  @property({ reflect: true, type: Boolean })\n  public outlined = false;\n\n  /** The autofocus attribute of the control. */\n  @property({ type: Boolean })\n  public override autofocus!: boolean;\n\n  /** The label attribute of the control. */\n  @property({ type: String })\n  public label!: string;\n\n  /** The placeholder attribute of the control. */\n  @property({ type: String })\n  public placeholder!: string;\n\n  /** Whether the dropdown's width should be the same as the target's one. */\n  @property({ type: Boolean, attribute: 'same-width' })\n  public override sameWidth = true;\n\n  /** The direction attribute of the control. */\n  @property({ reflect: true })\n  public override dir: 'ltr' | 'rtl' | 'auto' = 'auto';\n\n  constructor() {\n    super();\n    this.size = 'medium';\n\n    /** Return the focus to the target element when closing the list of options. */\n    this.addEventListener('igcClosing', () => this.target.focus());\n  }\n\n  /** Override the dropdown target focusout behavior to prevent the focus from\n   * being returned to the target element when the select loses focus. */\n  protected override handleFocusout() {}\n\n  /** Sets focus on the component. */\n  public override focus(options?: FocusOptions) {\n    this.target.focus(options);\n  }\n\n  /** Removes focus from the component. */\n  public override blur() {\n    this.target.blur();\n  }\n\n  /** Checks the validity of the control. */\n  public reportValidity() {\n    this.invalid = this.required && !this.value;\n    if (this.invalid) this.target.focus();\n    return !this.invalid;\n  }\n\n  public override async firstUpdated() {\n    super.firstUpdated();\n    await this.updateComplete;\n\n    if (!this.selectedItem && this.value) {\n      this.updateSelected();\n    }\n\n    if (this.autofocus) {\n      this.target.focus();\n    }\n  }\n\n  @watch('selectedItem')\n  protected updateValue() {\n    this.value = this.selectedItem?.value;\n  }\n\n  @watch('value')\n  protected updateSelected() {\n    if (this.allItems.length === 0) return;\n\n    if (this.selectedItem?.value !== this.value) {\n      const matches = this.allItems.filter((i) => i.value === this.value);\n      const index = this.allItems.indexOf(\n        matches.at(-1) as IgcSelectItemComponent\n      );\n\n      if (index === -1) {\n        this.value = undefined;\n        this.clearSelection();\n        return;\n      }\n\n      this.select(index);\n    }\n  }\n\n  @watch('value')\n  protected validate() {\n    this.updateComplete.then(() => this.reportValidity());\n  }\n\n  protected selectNext() {\n    const activeItemIndex = [...this.allItems].indexOf(\n      this.selectedItem ?? this.activeItem\n    );\n\n    const next = this.getNearestSiblingFocusableItemIndex(\n      activeItemIndex ?? -1,\n      1\n    );\n    this.selectItem(this.allItems[next], true);\n  }\n\n  protected selectPrev() {\n    const activeItemIndex = [...this.allItems].indexOf(\n      this.selectedItem ?? this.activeItem\n    );\n    const prev = this.getNearestSiblingFocusableItemIndex(\n      activeItemIndex ?? -1,\n      -1\n    );\n    this.selectItem(this.allItems[prev], true);\n  }\n\n  protected selectInteractiveItem(index: number) {\n    const item = this.allItems\n      .filter((i) => !i.disabled)\n      .at(index) as IgcDropdownItemComponent;\n\n    if (item.value !== this.value) {\n      this.selectItem(item, true);\n    }\n  }\n\n  protected searchItem(event: KeyboardEvent): void {\n    // ignore longer keys ('Alt', 'ArrowDown', etc)\n    if (!/^.$/u.test(event.key)) {\n      return;\n    }\n\n    const currentTime = Date.now();\n\n    if (currentTime - this.lastKeyTime > 500) {\n      this.searchTerm = '';\n    }\n\n    this.searchTerm += event.key;\n    this.lastKeyTime = currentTime;\n\n    const item = this.allItems\n      .filter((i) => !i.disabled)\n      .find((i) =>\n        i.textContent\n          ?.trim()\n          .toLowerCase()\n          .startsWith(this.searchTerm.toLowerCase())\n      );\n\n    if (item && this.value !== item.value) {\n      this.open ? this.activateItem(item) : this.selectItem(item);\n    }\n  }\n\n  protected handleFocus() {\n    if (this.open) return;\n    this.emitEvent('igcFocus');\n  }\n\n  protected handleBlur() {\n    if (this.open) return;\n    this.emitEvent('igcBlur');\n  }\n\n  protected onTargetTabKey() {\n    this.target.blur();\n    if (this.open) this.hide();\n  }\n\n  protected onTargetEnterKey() {\n    !this.open ? this.target.click() : this.onEnterKey();\n  }\n\n  protected onTargetArrowLeftKeyDown() {\n    !this.open ? this.selectPrev() : this.onArrowUpKeyDown();\n  }\n\n  protected onTargetArrowRightKeyDown() {\n    !this.open ? this.selectNext() : this.onArrowDownKeyDown();\n  }\n\n  protected onTargetArrowUpKeyDown(event: KeyboardEvent) {\n    if (event.altKey) {\n      this.toggle();\n    } else {\n      !this.open ? this.selectPrev() : this.onArrowUpKeyDown();\n    }\n  }\n\n  protected onTargetArrowDownKeyDown(event: KeyboardEvent) {\n    if (event.altKey) {\n      this.toggle();\n    } else {\n      !this.open ? this.selectNext() : this.onArrowDownKeyDown();\n    }\n  }\n\n  protected onTargetHomeKey() {\n    !this.open ? this.selectInteractiveItem(0) : this.onHomeKey();\n  }\n\n  protected onTargetEndKey() {\n    !this.open ? this.selectInteractiveItem(-1) : this.onEndKey();\n  }\n\n  protected handleTargetKeyDown(event: KeyboardEvent) {\n    event.stopPropagation();\n\n    if (this.targetKeyHandlers.has(event.key)) {\n      event.preventDefault();\n      this.targetKeyHandlers.get(event.key)?.call(this, event);\n    } else {\n      this.searchItem(event);\n    }\n  }\n\n  protected get hasPrefixes() {\n    return this.inputPrefix.length > 0;\n  }\n\n  protected get hasSuffixes() {\n    return this.inputSuffix.length > 0;\n  }\n\n  protected override render() {\n    return html`\n      <div\n        role=\"combobox\"\n        tabindex=${this.disabled ? -1 : 0}\n        aria-owns=\"dropdown\"\n        aria-describedby=\"helper-text\"\n        aria-disabled=${this.disabled}\n        @focusin=${this.handleFocus}\n        @focusout=${this.handleBlur}\n        @keydown=${this.handleTargetKeyDown}\n        @click=${this.handleTargetClick}\n      >\n        <igc-input\n          id=\"input\"\n          readonly\n          exportparts=\"container: input, input: native-input, label, prefix, suffix\"\n          value=${ifDefined(this.selectedItem?.textContent?.trim())}\n          placeholder=${ifDefined(this.placeholder)}\n          label=${ifDefined(this.label)}\n          size=${this.size}\n          dir=${this.dir}\n          tabindex=\"-1\"\n          .disabled=\"${this.disabled}\"\n          .required=${this.required}\n          .invalid=${this.invalid}\n          .outlined=${this.outlined}\n          @igcBlur=${(e: Event) => e.stopPropagation()}\n          @igcFocus=${(e: Event) => e.stopPropagation()}\n        >\n          <span slot=${this.hasPrefixes ? 'prefix' : ''}>\n            <slot name=\"prefix\"></slot>\n          </span>\n          <span slot=${this.hasSuffixes ? 'suffix' : ''}>\n            <slot name=\"suffix\"></slot>\n          </span>\n          <span slot=\"suffix\" part=\"toggle-icon\" style=\"display: flex\">\n            <slot name=\"toggle-icon\">\n              <igc-icon\n                size=${this.size}\n                name=${this.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}\n                collection=\"internal\"\n                aria-hidden=\"true\"\n              ></igc-icon>\n            </slot>\n          </span>\n        </igc-input>\n      </div>\n      <div\n        id=\"helper-text\"\n        part=\"helper-text\"\n        ?hidden=\"${this.helperText.length === 0}\"\n      >\n        <slot name=\"helper-text\"></slot>\n      </div>\n      <div\n        part=\"base\"\n        style=${styleMap({ position: this.positionStrategy })}\n        @click=${this.handleClick}\n        ${this.toggleController.toggleDirective}\n      >\n        <div id=\"dropdown\" role=\"listbox\" part=\"list\" aria-labelledby=\"input\">\n          <slot name=\"header\"></slot>\n          <slot></slot>\n          <slot name=\"footer\"></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-select': IgcSelectComponent;\n  }\n}\n"]}

package/components/select/themes/dark/select.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/dark/select.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css ``;
+//# sourceMappingURL=select.bootstrap.css.js.map

package/components/select/themes/dark/select.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/select/themes/dark/select.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/dark/select.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css ``;
+//# sourceMappingURL=select.fluent.css.js.map

package/components/select/themes/dark/select.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/select/themes/dark/select.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/dark/select.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css ``;
+//# sourceMappingURL=select.indigo.css.js.map

package/components/select/themes/dark/select.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/select/themes/dark/select.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/dark/select.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css ``;
+//# sourceMappingURL=select.material.css.js.map

package/components/select/themes/dark/select.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/select/themes/light/select.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/light/select.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--igc-font-family)}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);overflow-y:auto;overflow-x:hidden;background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8);min-width:7rem;padding:.5rem 0;z-index:10005}:host([size=small]) ::slotted(igc-dropdown-item),:host([size=small]) ::slotted(igc-select-item){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*3)}:host([size=small]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*2)}:host([size=medium]) ::slotted(igc-dropdown-item),:host([size=medium]) ::slotted(igc-select-item){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*3)}:host([size=medium]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*2)}:host([size=large]) ::slotted(igc-dropdown-item),:host([size=large]) ::slotted(igc-select-item){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*3)}:host([size=large]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*2)}:host{display:block}:host ::slotted([slot=helper-text]){font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);color:hsla(var(--igc-gray-600), var(--igc-gray-a))}[role=combobox]{outline-style:none}:host([disabled]) ::slotted([slot=helper-text]){color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [role=combobox]{pointer-events:none}igc-input{cursor:pointer}igc-input::part(input){cursor:pointer}igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}igc-input::part(input)::selection{background:rgba(0,0,0,0)}`;
+//# sourceMappingURL=select.base.css.js.map

package/components/select/themes/light/select.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.base.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4xFAA4xF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--igc-font-family)}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);overflow-y:auto;overflow-x:hidden;background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8);min-width:7rem;padding:.5rem 0;z-index:10005}:host([size=small]) ::slotted(igc-dropdown-item),:host([size=small]) ::slotted(igc-select-item){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*3)}:host([size=small]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*2)}:host([size=medium]) ::slotted(igc-dropdown-item),:host([size=medium]) ::slotted(igc-select-item){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*3)}:host([size=medium]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*2)}:host([size=large]) ::slotted(igc-dropdown-item),:host([size=large]) ::slotted(igc-select-item){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*3)}:host([size=large]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*2)}:host{display:block}:host ::slotted([slot=helper-text]){font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);color:hsla(var(--igc-gray-600), var(--igc-gray-a))}[role=combobox]{outline-style:none}:host([disabled]) ::slotted([slot=helper-text]){color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [role=combobox]{pointer-events:none}igc-input{cursor:pointer}igc-input::part(input){cursor:pointer}igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}igc-input::part(input)::selection{background:rgba(0,0,0,0)}`;\n"]}

package/components/select/themes/light/select.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/light/select.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host ::slotted([slot=helper-text]){font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([disabled]) ::slotted([slot=helper-text]){color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:focus-within) igc-input[readonly]:not([disabled])::part(input){-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-500), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-500), 0.38);border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([invalid]) igc-input[readonly]:not([disabled])::part(input),:host([invalid]:focus-within) igc-input[readonly]:not([disabled])::part(input){-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-error-500), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-error-500), 0.38);border-color:hsla(var(--igc-error-500), var(--igc-error-a))}igc-input[readonly]:not([disabled])::part(prefix),igc-input[readonly]:not([disabled])::part(suffix){color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-gray-300), var(--igc-gray-a))}igc-input[readonly]:not([disabled])::part(prefix),igc-input[readonly]:not([disabled])::part(suffix),igc-input[readonly]:not([disabled])::part(container){color:hsla(var(--igc-gray-800), var(--igc-gray-a))}igc-input[readonly]:not([disabled])::part(container){background:var(--input-background, #fff)}igc-input[readonly]:not([disabled])::part(input){border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}igc-input[disabled]{pointer-events:none}igc-input[disabled]::part(prefix),igc-input[disabled]::part(suffix),igc-input[disabled]::part(container){background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}igc-input[disabled]::part(prefix),igc-input[disabled]::part(suffix),igc-input[disabled]::part(input){border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;
+//# sourceMappingURL=select.bootstrap.css.js.map

package/components/select/themes/light/select.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,woEAAwoE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::slotted([slot=helper-text]){font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([disabled]) ::slotted([slot=helper-text]){color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:focus-within) igc-input[readonly]:not([disabled])::part(input){-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-500), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-500), 0.38);border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([invalid]) igc-input[readonly]:not([disabled])::part(input),:host([invalid]:focus-within) igc-input[readonly]:not([disabled])::part(input){-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-error-500), 0.38);box-shadow:0 0 0 .25rem hsla(var(--igc-error-500), 0.38);border-color:hsla(var(--igc-error-500), var(--igc-error-a))}igc-input[readonly]:not([disabled])::part(prefix),igc-input[readonly]:not([disabled])::part(suffix){color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-gray-300), var(--igc-gray-a))}igc-input[readonly]:not([disabled])::part(prefix),igc-input[readonly]:not([disabled])::part(suffix),igc-input[readonly]:not([disabled])::part(container){color:hsla(var(--igc-gray-800), var(--igc-gray-a))}igc-input[readonly]:not([disabled])::part(container){background:var(--input-background, #fff)}igc-input[readonly]:not([disabled])::part(input){border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}igc-input[disabled]{pointer-events:none}igc-input[disabled]::part(prefix),igc-input[disabled]::part(suffix),igc-input[disabled]::part(container){background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}igc-input[disabled]::part(prefix),igc-input[disabled]::part(suffix),igc-input[disabled]::part(input){border-color:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;\n"]}

package/components/select/themes/light/select.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/light/select.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host(:focus-within) igc-input[readonly]:not([disabled])::part(container){border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container){border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(prefix){-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(suffix){-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host(:not([invalid]):focus-within) igc-input[readonly][size=large]:not([disabled])::part(input){height:2.75rem}:host(:not([invalid]):focus-within) igc-input[readonly][size=medium]:not([disabled])::part(input){height:2.25rem}:host(:not([invalid]):focus-within) igc-input[readonly][size=small]:not([disabled])::part(input){height:1.75rem}`;
+//# sourceMappingURL=select.fluent.css.js.map

package/components/select/themes/light/select.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w4BAAw4B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:focus-within) igc-input[readonly]:not([disabled])::part(container){border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container){border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(prefix){-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(suffix){-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem}:host(:not([invalid]):focus-within) igc-input[readonly][size=large]:not([disabled])::part(input){height:2.75rem}:host(:not([invalid]):focus-within) igc-input[readonly][size=medium]:not([disabled])::part(input){height:2.25rem}:host(:not([invalid]):focus-within) igc-input[readonly][size=small]:not([disabled])::part(input){height:1.75rem}`;\n"]}

package/components/select/themes/light/select.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/light/select.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host ::slotted([slot=helper-text]){color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host([disabled]) ::slotted([slot=helper-text]){color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:focus-within) igc-input[readonly]:not([disabled])::part(container)::after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container){background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--label-focus-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}`;
+//# sourceMappingURL=select.indigo.css.js.map

package/components/select/themes/light/select.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8oBAA8oB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::slotted([slot=helper-text]){color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host([disabled]) ::slotted([slot=helper-text]){color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:focus-within) igc-input[readonly]:not([disabled])::part(container)::after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container){background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(label){color:var(--label-focus-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}`;\n"]}

package/components/select/themes/light/select.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/select/themes/light/select.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(notch){border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:hsla(var(--igc-error-500), var(--igc-error-a));border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(notch){border-width:.125rem;border-color:hsla(var(--igc-error-500), var(--igc-error-a));border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:hsla(var(--igc-error-500), var(--igc-error-a));border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined]):focus-within) igc-input[readonly]:not([disabled])::part(container){background:var(--focus-background, hsla(var(--igc-gray-300), var(--igc-gray-a)));border-bottom:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([outlined]):focus-within) igc-input[readonly]:not([disabled])::part(container)::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}`;
+//# sourceMappingURL=select.material.css.js.map

package/components/select/themes/light/select.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k3EAAk3E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(notch){border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(start){border-color:hsla(var(--igc-error-500), var(--igc-error-a));border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(notch){border-width:.125rem;border-color:hsla(var(--igc-error-500), var(--igc-error-a));border-top:.0625rem solid rgba(0,0,0,0)}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(filler){border-width:.125rem;border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(end){border-color:hsla(var(--igc-error-500), var(--igc-error-a));border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(label){color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined]):focus-within) igc-input[readonly]:not([disabled])::part(container){background:var(--focus-background, hsla(var(--igc-gray-300), var(--igc-gray-a)));border-bottom:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([outlined]):focus-within) igc-input[readonly]:not([disabled])::part(container)::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}`;\n"]}

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

@@ -75,6 +75,8 @@ export default class IgcRangeSliderComponent extends IgcRangeSliderComponent_bas
     protected emitChangeEvent(): void;
     private swapValues;
     private toggleActiveThumb;
+    private handleFocus;
+    protected renderThumb(value: number, ariaLabel?: string, thumbId?: string): import("lit-html").TemplateResult<1>;
     protected renderThumbs(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/slider/range-slider.js

@@ -6,6 +6,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 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 { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { IgcSliderBaseComponent } from './slider-base.js';
 export default class IgcRangeSliderComponent extends EventEmitterMixin(IgcSliderBaseComponent) {
@@ -114,6 +116,65 @@ export default class IgcRangeSliderComponent extends EventEmitterMixin(IgcSlider
         const thumb = this.activeThumb === this.thumbFrom ? this.thumbTo : this.thumbFrom;
         thumb.focus();
     }
+    handleFocus(ev) {
+        var _a, _b;
+        this.activeThumb = ev.target;
+        const thumbId = (_a = this.activeThumb) === null || _a === void 0 ? void 0 : _a.id;
+        const thumbs = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('div[part="thumb"]');
+        thumbs === null || thumbs === void 0 ? void 0 : thumbs.forEach((t) => {
+            var _a;
+            if (t.id !== thumbId) {
+                const activeThumbVal = parseFloat(this.activeThumb.ariaValueNow);
+                const thumbVal = parseFloat(t.ariaValueNow);
+                const rangeFrom = Math.min(activeThumbVal, thumbVal);
+                const rangeTo = Math.max(activeThumbVal, thumbVal);
+                (_a = this.activeThumb) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-valuetext', `${this.formatValue(rangeFrom)} - ${this.formatValue(rangeTo)}`);
+            }
+        });
+    }
+    renderThumb(value, ariaLabel, thumbId) {
+        const percent = `${this.valueToFraction(value) * 100}%`;
+        const ariaValueText = thumbId === 'thumbFrom' ? `min ${this.lower}` : `max ${this.upper}`;
+        const textValue = this.labels
+            ? 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({ insetInlineStart: percent })}
+        role="slider"
+        aria-valuemin=${this.actualMin}
+        aria-valuemax=${this.actualMax}
+        aria-valuenow=${value}
+        aria-valuetext=${ifDefined(textValue)}
+        aria-label=${ifDefined(ariaLabel)}
+        aria-disabled=${this.disabled ? 'true' : 'false'}
+        @pointerenter=${this.handleThumbPointerEnter}
+        @pointerleave=${this.handleThumbPointerLeave}
+        @focus=${(ev) => this.handleFocus(ev)}
+        @blur=${() => (this.activeThumb = undefined)}
+      ></div>
+      ${this.hideTooltip
+            ? html ``
+            : html `
+            <div
+              part="thumb-label"
+              style=${styleMap({
+                opacity: this.thumbLabelsVisible ? '1' : '0',
+                insetInlineStart: percent,
+            })}
+            >
+              <div part="thumb-label-inner">
+                ${this.labels ? this.labels[value] : this.formatValue(value)}
+              </div>
+            </div>
+          `}
+    `;
+    }
     renderThumbs() {
         return html `${this.renderThumb(this.lower, this.ariaLabelLower, 'thumbFrom')}
     ${this.renderThumb(this.upper, this.ariaLabelUpper, 'thumbTo')}`;