igniteui-webcomponents 3.3.1 → 3.4.0-beta.0

package/components/select/select-header.js

@@ -0,0 +1,5 @@
+import IgcDropdownHeaderComponent from '../dropdown/dropdown-header.js';
+export default class IgcSelectHeaderComponent extends IgcDropdownHeaderComponent {
+}
+IgcSelectHeaderComponent.tagName = 'igc-select-header';
+//# sourceMappingURL=select-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-header.js","sourceRoot":"","sources":["../../../src/components/select/select-header.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,MAAM,gCAAgC,CAAC;AAOxE,MAAM,CAAC,OAAO,OAAO,wBAAyB,SAAQ,0BAA0B;;AAE9C,gCAAO,GAAG,mBAAmB,CAAC","sourcesContent":["import IgcDropdownHeaderComponent from '../dropdown/dropdown-header.js';\n\n/**\n * @element igc-select-header - Represents a header item in a select component.\n *\n * @slot - Renders the header.\n */\nexport default class IgcSelectHeaderComponent extends IgcDropdownHeaderComponent {\n  /** @private */\n  public static override readonly tagName = 'igc-select-header';\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-select-header': IgcSelectHeaderComponent;\n  }\n}\n"]}

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

@@ -0,0 +1,30 @@
+import IgcDropdownItemComponent from '../dropdown/dropdown-item.js';
+/**
+ * Represents an item in a select list.
+ *
+ * @element igc-select-item
+ *
+ * @slot - Renders the all content bar the prefix and suffix.
+ * @slot prefix - Renders content before the main content area.
+ * @slot suffix - Renders content after the main content area.
+ *
+ * @csspart prefix - The prefix wrapper.
+ * @csspart content - The main content wrapper.
+ * @csspart suffix - The suffix wrapper.
+ */
+export default class IgcSelectItemComponent extends IgcDropdownItemComponent {
+    private content;
+    /** @private */
+    static readonly tagName = "igc-select-item";
+    constructor();
+    protected activeChange(): void;
+    /** Returns the text of the item without the prefix and suffix content. */
+    get textContent(): string;
+    /** Sets the textContent of the item without touching the prefix and suffix content. */
+    set textContent(value: string);
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-select-item': IgcSelectItemComponent;
+    }
+}

package/components/select/select-item.js

@@ -0,0 +1,39 @@
+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 { queryAssignedNodes } from 'lit/decorators.js';
+import { watch } from '../common/decorators/watch.js';
+import IgcDropdownItemComponent from '../dropdown/dropdown-item.js';
+export default class IgcSelectItemComponent extends IgcDropdownItemComponent {
+    constructor() {
+        super();
+    }
+    activeChange() {
+        this.tabIndex = this.active ? 0 : -1;
+        if (this.active) {
+            this.focus();
+        }
+    }
+    get textContent() {
+        return this.content
+            .map((t) => { var _a; return (_a = t.textContent) === null || _a === void 0 ? void 0 : _a.trim(); })
+            .filter((t) => t !== '')
+            .join(' ');
+    }
+    set textContent(value) {
+        const text = new Text(value);
+        this.content.forEach((n) => n.remove());
+        this.appendChild(text);
+    }
+}
+IgcSelectItemComponent.tagName = 'igc-select-item';
+__decorate([
+    queryAssignedNodes({ flatten: true })
+], IgcSelectItemComponent.prototype, "content", void 0);
+__decorate([
+    watch('active')
+], IgcSelectItemComponent.prototype, "activeChange", null);
+//# sourceMappingURL=select-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select-item.js","sourceRoot":"","sources":["../../../src/components/select/select-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,wBAAwB,MAAM,8BAA8B,CAAC;AAepE,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,wBAAwB;IAO1E;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAGS,YAAY;QACpB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAErC,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,KAAK,EAAE,CAAC;SACd;IACH,CAAC;IAGD,IAAoB,WAAW;QAC7B,OAAO,IAAI,CAAC,OAAO;aAChB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,CAAC,CAAC,WAAW,0CAAE,IAAI,EAAE,CAAA,EAAA,CAAC;aACjC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;aACvB,IAAI,CAAC,GAAG,CAAC,CAAC;IACf,CAAC;IAGD,IAAoB,WAAW,CAAC,KAAa;QAC3C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;QACxC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;;AA5B+B,8BAAO,GAAG,iBAAiB,CAAC;AAH5D;IADC,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACL;AAUjC;IADC,KAAK,CAAC,QAAQ,CAAC;0DAOf","sourcesContent":["import { queryAssignedNodes } from 'lit/decorators.js';\nimport { watch } from '../common/decorators/watch.js';\nimport IgcDropdownItemComponent from '../dropdown/dropdown-item.js';\n\n/**\n * Represents an item in a select list.\n *\n * @element igc-select-item\n *\n * @slot - Renders the all content bar the prefix and suffix.\n * @slot prefix - Renders content before the main content area.\n * @slot suffix - Renders content after the main content area.\n *\n * @csspart prefix - The prefix wrapper.\n * @csspart content - The main content wrapper.\n * @csspart suffix - The suffix wrapper.\n */\nexport default class IgcSelectItemComponent extends IgcDropdownItemComponent {\n  @queryAssignedNodes({ flatten: true })\n  private content!: Array<Element>;\n\n  /** @private */\n  public static override readonly tagName = 'igc-select-item';\n\n  constructor() {\n    super();\n  }\n\n  @watch('active')\n  protected activeChange() {\n    this.tabIndex = this.active ? 0 : -1;\n\n    if (this.active) {\n      this.focus();\n    }\n  }\n\n  /** Returns the text of the item without the prefix and suffix content. */\n  public override get textContent() {\n    return this.content\n      .map((t) => t.textContent?.trim())\n      .filter((t) => t !== '')\n      .join(' ');\n  }\n\n  /** Sets the textContent of the item without touching the prefix and suffix content. */\n  public override set textContent(value: string) {\n    const text = new Text(value);\n    this.content.forEach((n) => n.remove());\n    this.appendChild(text);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-select-item': IgcSelectItemComponent;\n  }\n}\n"]}

package/components/select/select.d.ts

@@ -0,0 +1,112 @@
+import { Constructor } from '../common/mixins/constructor.js';
+import IgcDropdownComponent, { IgcDropdownEventMap } from '../dropdown/dropdown.js';
+import IgcInputComponent from '../input/input.js';
+import IgcSelectGroupComponent from './select-group.js';
+import IgcSelectItemComponent from './select-item.js';
+export interface IgcSelectEventMap extends IgcDropdownEventMap {
+    igcFocus: CustomEvent<void>;
+    igcBlur: CustomEvent<void>;
+}
+declare const IgcSelectComponent_base: import("../common/mixins/constructor.js").AbstractConstructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcSelectEventMap>> & Constructor<IgcDropdownComponent>;
+/**
+ * @element igc-select
+ *
+ * @slot - Renders the list of select items.
+ * @slot prefix - Renders content before the input.
+ * @slot suffix - Renders content after input.
+ * @slot header - Renders a container before the list of options.
+ * @slot footer - Renders a container after the list of options.
+ * @slot helper-text - Renders content below the input.
+ * @slot toggle-icon - Renders content inside the suffix container.
+ *
+ * @fires igcFocus - Emitted when the select gains focus.
+ * @fires igcBlur - Emitted when the select loses focus.
+ * @fires igcChange - Emitted when the control's checked state changes.
+ * @fires igcOpening - Emitted just before the list of options is opened.
+ * @fires igcOpened - Emitted after the list of options is opened.
+ * @fires igcClosing - Emitter just before the list of options is closed.
+ * @fires igcClosed - Emitted after the list of options is closed.
+ *
+ * @csspart list - The list of options wrapper.
+ * @csspart input - The encapsulated igc-input.
+ * @csspart label - The encapsulated text label.
+ * @csspart prefix - The prefix wrapper.
+ * @csspart suffix - The suffix wrapper.
+ * @csspart toggle-icon - The toggle icon wrapper.
+ * @csspart helper-text - The helper text wrapper.
+ */
+export default class IgcSelectComponent extends IgcSelectComponent_base {
+    /** @private */
+    static readonly tagName = "igc-select";
+    static styles: import("lit").CSSResult;
+    private searchTerm;
+    private lastKeyTime;
+    private readonly targetKeyHandlers;
+    protected items: Array<IgcSelectItemComponent>;
+    protected groups: Array<IgcSelectGroupComponent>;
+    protected helperText: Array<HTMLElement>;
+    protected inputSuffix: Array<HTMLElement>;
+    protected inputPrefix: Array<HTMLElement>;
+    protected selectedItem: IgcSelectItemComponent | null;
+    protected target: IgcInputComponent;
+    /** The value attribute of the control. */
+    value?: string | undefined;
+    /** The name attribute of the control. */
+    name: string;
+    /** The disabled attribute of the control. */
+    disabled: boolean;
+    /** The required attribute of the control. */
+    required: boolean;
+    /** The invalid attribute of the control. */
+    invalid: boolean;
+    /** The outlined attribute of the control. */
+    outlined: boolean;
+    /** The autofocus attribute of the control. */
+    autofocus: boolean;
+    /** The label attribute of the control. */
+    label: string;
+    /** The placeholder attribute of the control. */
+    placeholder: string;
+    /** Whether the dropdown's width should be the same as the target's one. */
+    sameWidth: boolean;
+    /** The direction attribute of the control. */
+    dir: 'ltr' | 'rtl' | 'auto';
+    constructor();
+    /** Override the dropdown target focusout behavior to prevent the focus from
+     * being returned to the target element when the select loses focus. */
+    protected handleFocusout(): void;
+    /** Sets focus on the component. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the component. */
+    blur(): void;
+    /** Checks the validity of the control. */
+    reportValidity(): boolean;
+    firstUpdated(): Promise<void>;
+    protected updateValue(): void;
+    protected updateSelected(): void;
+    protected validate(): void;
+    protected selectNext(): void;
+    protected selectPrev(): void;
+    protected selectInteractiveItem(index: number): void;
+    protected searchItem(event: KeyboardEvent): void;
+    protected handleFocus(): void;
+    protected handleBlur(): void;
+    protected onTargetTabKey(): void;
+    protected onTargetEnterKey(): void;
+    protected onTargetArrowLeftKeyDown(): void;
+    protected onTargetArrowRightKeyDown(): void;
+    protected onTargetArrowUpKeyDown(event: KeyboardEvent): void;
+    protected onTargetArrowDownKeyDown(event: KeyboardEvent): void;
+    protected onTargetHomeKey(): void;
+    protected onTargetEndKey(): void;
+    protected handleTargetKeyDown(event: KeyboardEvent): void;
+    protected get hasPrefixes(): boolean;
+    protected get hasSuffixes(): boolean;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-select': IgcSelectComponent;
+    }
+}
+export {};

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;