@wirekyt/angular 0.0.29 → 0.0.30

package/dist/fesm2022/wirekyt-angular-select.mjs

@@ -0,0 +1,940 @@
+import * as select from '@wirekyt/dom/machines/select';
+export { anatomy as selectAnatomy } from '@wirekyt/dom/machines/select';
+export { createListCollection, useListCollection } from '@wirekyt/angular/collection';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, model, booleanAttribute, output, signal, EnvironmentInjector, Injector, effect, DestroyRef, Renderer2, ElementRef, forwardRef, Directive, TemplateRef, ViewContainerRef, untracked, computed } from '@angular/core';
+import { injectLocale, injectEnvironment, createId, useMachine, createCvaController, buildRootCarrier, bindProps } from '@wirekyt/angular';
+import { injectFieldContextOptional } from '@wirekyt/angular/field';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { PresenceBase, PRESENCE_CONTEXT, injectPresenceContext } from '@wirekyt/angular/presence';
+import { ListCollection } from '@wirekyt/dom/collection';
+
+const SELECT_CONTEXT = new InjectionToken("WIREKYT.SELECT_CONTEXT");
+function injectSelectContext() {
+    return inject(SELECT_CONTEXT);
+}
+const SELECT_CONTEXT_CARRIER = new InjectionToken("WIREKYT.SELECT_CONTEXT_CARRIER");
+function injectSelectContextCarrier() {
+    return inject(SELECT_CONTEXT_CARRIER);
+}
+
+const SELECT_ITEM_CONTEXT = new InjectionToken("WIREKYT.SELECT_ITEM_CONTEXT");
+function injectSelectItemContext() {
+    const context = inject(SELECT_ITEM_CONTEXT, { optional: true });
+    if (!context) {
+        throw new Error("SELECT_ITEM_CONTEXT not found: a select item part directive must be used inside a [select-item] directive.");
+    }
+    return context;
+}
+
+function useSelect(options) {
+    const locale = injectLocale();
+    const environment = injectEnvironment();
+    const field = injectFieldContextOptional();
+    const fallbackId = createId();
+    return useMachine({
+        machine: select.machine,
+        context: () => {
+            const props = options.context();
+            const id = props.id ?? fallbackId;
+            const merged = {
+                dir: locale.dir,
+                locale: locale.locale,
+                getRootNode: environment.getRootNode,
+                ...props,
+                id,
+            };
+            if (field) {
+                const fieldIds = field.ids;
+                const baseIds = (props.ids ?? {});
+                merged["ids"] = {
+                    label: fieldIds.label,
+                    hiddenSelect: fieldIds.control,
+                    ...baseIds,
+                };
+                const disabled = Boolean(props.disabled) || field.disabled();
+                const invalid = Boolean(props.invalid) || field.invalid();
+                const required = Boolean(props.required) || field.required();
+                const readOnly = Boolean(props.readOnly) || field.readOnly();
+                merged["disabled"] = disabled || undefined;
+                merged["invalid"] = invalid || undefined;
+                merged["required"] = required || undefined;
+                merged["readOnly"] = readOnly || undefined;
+            }
+            return merged;
+        },
+        connect: (service, normalize) => select.connect(service, normalize),
+    });
+}
+
+class SelectRoot extends PresenceBase {
+    /** The unique identifier of the select. */
+    id = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    /** The element ids for the select parts. */
+    elementIds = input(undefined, { ...(ngDevMode ? { debugName: "elementIds" } : /* istanbul ignore next */ {}), alias: "ids" });
+    /** The item collection. */
+    collection = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collection" }] : /* istanbul ignore next */ []));
+    /** The controlled value of the select (array of selected keys). */
+    value = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** The initial value of the select when uncontrolled. */
+    defaultValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+    /** The controlled open state of the select menu. */
+    open = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    /** The initial open state of the select when uncontrolled. */
+    defaultOpen = input(false, { ...(ngDevMode ? { debugName: "defaultOpen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** The controlled highlighted value of the select. */
+    highlightedValue = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "highlightedValue" }] : /* istanbul ignore next */ []));
+    /** The initial highlighted value when uncontrolled. */
+    defaultHighlightedValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultHighlightedValue" }] : /* istanbul ignore next */ []));
+    /** Whether the select is disabled. */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the select is invalid. */
+    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the select is read-only. */
+    readOnly = input(false, { ...(ngDevMode ? { debugName: "readOnly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the select is required. */
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether multiple values can be selected. */
+    multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the select should close after an item is selected. */
+    closeOnSelect = input(undefined, { ...(ngDevMode ? { debugName: "closeOnSelect" } : /* istanbul ignore next */ {}), transform: (value) => value === undefined || value === null ? undefined : booleanAttribute(value) });
+    /** Whether to loop keyboard navigation through the items. */
+    loopFocus = input(false, { ...(ngDevMode ? { debugName: "loopFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the value can be cleared by clicking the selected item. */
+    deselectable = input(false, { ...(ngDevMode ? { debugName: "deselectable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Whether the select is composed with other composite widgets. */
+    composite = input(undefined, { ...(ngDevMode ? { debugName: "composite" } : /* istanbul ignore next */ {}), transform: (value) => value === undefined || value === null ? undefined : booleanAttribute(value) });
+    /** The name attribute of the underlying hidden select. */
+    name = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    /** The associated form of the underlying hidden select. */
+    form = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
+    /** The autocomplete attribute for the hidden select. */
+    autoComplete = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "autoComplete" }] : /* istanbul ignore next */ []));
+    /** The positioning options of the menu. */
+    positioning = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "positioning" }] : /* istanbul ignore next */ []));
+    /** Function to scroll to a specific index. */
+    scrollToIndexFn = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollToIndexFn" }] : /* istanbul ignore next */ []));
+    /** Localized strings for accessibility. */
+    translations = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translations" }] : /* istanbul ignore next */ []));
+    /** Emits when the selected value changes. */
+    valueChangeDetails = output();
+    /** Emits when the highlighted value changes. */
+    highlightChange = output();
+    /** Emits when the open state changes. */
+    openChangeDetails = output();
+    /** Emits when an item is selected. */
+    select = output();
+    /** Emits when focus moves outside the select content. */
+    focusOutside = output();
+    /** Emits when pointer down occurs outside the select content. */
+    pointerDownOutside = output();
+    /** Emits when interaction occurs outside the select content. */
+    interactOutside = output();
+    _disabledFromForm = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_disabledFromForm" }] : /* istanbul ignore next */ []));
+    _fallbackCollection = new ListCollection({ items: [] });
+    _pendingInternalWrites = 0;
+    _hasExternalBinding = false;
+    _hasReceivedFormWrite = false;
+    readCollection() {
+        try {
+            return this.collection();
+        }
+        catch {
+            return this._fallbackCollection;
+        }
+    }
+    cva = createCvaController({
+        value: this.value,
+        setDisabled: (disabled) => this._disabledFromForm.set(disabled),
+        componentName: "SelectRoot",
+        hasExternalModelBinding: () => this._hasExternalBinding,
+    });
+    machine = useSelect({
+        context: () => ({
+            id: this.id(),
+            ids: this.elementIds(),
+            collection: this.readCollection(),
+            value: this.value(),
+            defaultValue: this.defaultValue() ?? [],
+            open: this.open(),
+            defaultOpen: this.defaultOpen() || undefined,
+            highlightedValue: this.highlightedValue() ?? undefined,
+            defaultHighlightedValue: this.defaultHighlightedValue() ?? undefined,
+            disabled: this.disabled() || this._disabledFromForm() || undefined,
+            invalid: this.invalid() || undefined,
+            readOnly: this.readOnly() || undefined,
+            required: this.required() || undefined,
+            multiple: this.multiple() || undefined,
+            closeOnSelect: this.closeOnSelect(),
+            loopFocus: this.loopFocus() || undefined,
+            deselectable: this.deselectable() || undefined,
+            composite: this.composite(),
+            name: this.name(),
+            form: this.form(),
+            autoComplete: this.autoComplete(),
+            positioning: this.positioning(),
+            scrollToIndexFn: this.scrollToIndexFn(),
+            translations: this.translations(),
+            onValueChange: (details) => {
+                const current = this.value();
+                if (!arraysShallowEqual(current, details.value)) {
+                    this._pendingInternalWrites++;
+                    this.value.set([...details.value]);
+                }
+                this.cva.notifyValueChange(details.value);
+                this.cva.markTouched();
+                this.valueChangeDetails.emit(details);
+            },
+            onHighlightChange: (details) => {
+                const next = details.highlightedValue;
+                if (this.highlightedValue() !== next) {
+                    this.highlightedValue.set(next);
+                }
+                this.highlightChange.emit(details);
+            },
+            onOpenChange: (details) => {
+                if (this.open() !== details.open) {
+                    this.open.set(details.open);
+                }
+                this.openChangeDetails.emit(details);
+            },
+            onSelect: (details) => {
+                this.select.emit(details);
+            },
+            onFocusOutside: (event) => {
+                this.cva.markTouched();
+                this.focusOutside.emit(event);
+            },
+            onPointerDownOutside: (event) => {
+                this.pointerDownOutside.emit(event);
+            },
+            onInteractOutside: (event) => {
+                this.interactOutside.emit(event);
+            },
+        }),
+    });
+    state = this.machine.state;
+    api = this.machine.api;
+    service = this.machine.service;
+    send = this.machine.send;
+    presence = this.createPresence(() => this.api().open);
+    contextCarrier = buildRootCarrier({
+        providers: [{ provide: PRESENCE_CONTEXT, useValue: this.presence }],
+        root: this,
+        rootToken: SELECT_CONTEXT,
+        originInjector: inject(Injector),
+        environmentInjector: inject(EnvironmentInjector),
+    });
+    /** @internal Exposed for select part directives to consume via SELECT_CONTEXT_CARRIER. */
+    getContextCarrier() {
+        return this.contextCarrier;
+    }
+    constructor() {
+        super();
+        let firstRunValue = true;
+        effect(() => {
+            void this.value();
+            if (firstRunValue) {
+                firstRunValue = false;
+                this._pendingInternalWrites = 0;
+                return;
+            }
+            if (this._pendingInternalWrites > 0) {
+                this._pendingInternalWrites--;
+                return;
+            }
+            this._hasExternalBinding = true;
+        });
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => this.api().getRootProps(),
+        });
+    }
+    writeValue(value) {
+        const next = value ?? [];
+        const current = this.value();
+        if (!this._hasReceivedFormWrite && current !== undefined) {
+            this._hasExternalBinding = true;
+        }
+        this._hasReceivedFormWrite = true;
+        if (!arraysShallowEqual(current, next)) {
+            this._pendingInternalWrites++;
+        }
+        this.cva.writeValue(next);
+    }
+    registerOnChange(fn) {
+        this.cva.registerOnChange(fn);
+    }
+    registerOnTouched(fn) {
+        this.cva.registerOnTouched(fn);
+    }
+    setDisabledState(disabled) {
+        this.cva.setDisabledState(disabled);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: SelectRoot, isStandalone: true, selector: "[select-root]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, elementIds: { classPropertyName: "elementIds", publicName: "ids", isSignal: true, isRequired: false, transformFunction: null }, collection: { classPropertyName: "collection", publicName: "collection", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, highlightedValue: { classPropertyName: "highlightedValue", publicName: "highlightedValue", isSignal: true, isRequired: false, transformFunction: null }, defaultHighlightedValue: { classPropertyName: "defaultHighlightedValue", publicName: "defaultHighlightedValue", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, loopFocus: { classPropertyName: "loopFocus", publicName: "loopFocus", isSignal: true, isRequired: false, transformFunction: null }, deselectable: { classPropertyName: "deselectable", publicName: "deselectable", isSignal: true, isRequired: false, transformFunction: null }, composite: { classPropertyName: "composite", publicName: "composite", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, scrollToIndexFn: { classPropertyName: "scrollToIndexFn", publicName: "scrollToIndexFn", isSignal: true, isRequired: false, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", open: "openChange", highlightedValue: "highlightedValueChange", valueChangeDetails: "valueChangeDetails", highlightChange: "highlightChange", openChangeDetails: "openChangeDetails", select: "select", focusOutside: "focusOutside", pointerDownOutside: "pointerDownOutside", interactOutside: "interactOutside" }, providers: [
+            {
+                provide: PRESENCE_CONTEXT,
+                useFactory: (root) => root.presence,
+                deps: [forwardRef(() => SelectRoot)],
+            },
+            { provide: SELECT_CONTEXT, useExisting: forwardRef(() => SelectRoot) },
+            {
+                provide: SELECT_CONTEXT_CARRIER,
+                useFactory: (root) => root.getContextCarrier(),
+                deps: [forwardRef(() => SelectRoot)],
+            },
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SelectRoot), multi: true },
+        ], exportAs: ["selectRoot"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectRoot, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-root]",
+                    standalone: true,
+                    exportAs: "selectRoot",
+                    providers: [
+                        {
+                            provide: PRESENCE_CONTEXT,
+                            useFactory: (root) => root.presence,
+                            deps: [forwardRef(() => SelectRoot)],
+                        },
+                        { provide: SELECT_CONTEXT, useExisting: forwardRef(() => SelectRoot) },
+                        {
+                            provide: SELECT_CONTEXT_CARRIER,
+                            useFactory: (root) => root.getContextCarrier(),
+                            deps: [forwardRef(() => SelectRoot)],
+                        },
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SelectRoot), multi: true },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], elementIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "ids", required: false }] }], collection: [{ type: i0.Input, args: [{ isSignal: true, alias: "collection", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], highlightedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightedValue", required: false }] }, { type: i0.Output, args: ["highlightedValueChange"] }], defaultHighlightedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultHighlightedValue", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], loopFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "loopFocus", required: false }] }], deselectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "deselectable", required: false }] }], composite: [{ type: i0.Input, args: [{ isSignal: true, alias: "composite", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], autoComplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoComplete", required: false }] }], positioning: [{ type: i0.Input, args: [{ isSignal: true, alias: "positioning", required: false }] }], scrollToIndexFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToIndexFn", required: false }] }], translations: [{ type: i0.Input, args: [{ isSignal: true, alias: "translations", required: false }] }], valueChangeDetails: [{ type: i0.Output, args: ["valueChangeDetails"] }], highlightChange: [{ type: i0.Output, args: ["highlightChange"] }], openChangeDetails: [{ type: i0.Output, args: ["openChangeDetails"] }], select: [{ type: i0.Output, args: ["select"] }], focusOutside: [{ type: i0.Output, args: ["focusOutside"] }], pointerDownOutside: [{ type: i0.Output, args: ["pointerDownOutside"] }], interactOutside: [{ type: i0.Output, args: ["interactOutside"] }] } });
+function arraysShallowEqual(a, b) {
+    if (a === b)
+        return true;
+    if (!a || !b)
+        return false;
+    if (a.length !== b.length)
+        return false;
+    for (let i = 0; i < a.length; i++) {
+        if (a[i] !== b[i])
+            return false;
+    }
+    return true;
+}
+
+class SelectRootProvider extends PresenceBase {
+    /** The select primitive returned by useSelect(). */
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    get state() {
+        return this.value().state;
+    }
+    get api() {
+        return this.value().api;
+    }
+    get service() {
+        return this.value().service;
+    }
+    get send() {
+        return this.value().send;
+    }
+    resolveValue() {
+        return this.value();
+    }
+    presence = this.createPresence(() => {
+        try {
+            return this.api().open;
+        }
+        catch {
+            return false;
+        }
+    });
+    contextCarrier = buildRootCarrier({
+        providers: [{ provide: PRESENCE_CONTEXT, useValue: this.presence }],
+        root: this,
+        rootToken: SELECT_CONTEXT,
+        originInjector: inject(Injector),
+        environmentInjector: inject(EnvironmentInjector),
+    });
+    /** @internal Exposed for select part directives to consume via SELECT_CONTEXT_CARRIER. */
+    getContextCarrier() {
+        return this.contextCarrier;
+    }
+    constructor() {
+        super();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => this.value().api().getRootProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectRootProvider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: SelectRootProvider, isStandalone: true, selector: "[select-root-provider]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+            {
+                provide: PRESENCE_CONTEXT,
+                useFactory: (provider) => provider.presence,
+                deps: [forwardRef(() => SelectRootProvider)],
+            },
+            { provide: SELECT_CONTEXT, useExisting: forwardRef(() => SelectRootProvider) },
+            {
+                provide: SELECT_CONTEXT_CARRIER,
+                useFactory: (provider) => provider.getContextCarrier(),
+                deps: [forwardRef(() => SelectRootProvider)],
+            },
+        ], exportAs: ["selectRootProvider"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectRootProvider, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-root-provider]",
+                    standalone: true,
+                    exportAs: "selectRootProvider",
+                    providers: [
+                        {
+                            provide: PRESENCE_CONTEXT,
+                            useFactory: (provider) => provider.presence,
+                            deps: [forwardRef(() => SelectRootProvider)],
+                        },
+                        { provide: SELECT_CONTEXT, useExisting: forwardRef(() => SelectRootProvider) },
+                        {
+                            provide: SELECT_CONTEXT_CARRIER,
+                            useFactory: (provider) => provider.getContextCarrier(),
+                            deps: [forwardRef(() => SelectRootProvider)],
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+class SelectLabel {
+    constructor() {
+        const context = injectSelectContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getLabelProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SelectLabel, isStandalone: true, selector: "[select-label]", exportAs: ["selectLabel"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-label]",
+                    standalone: true,
+                    exportAs: "selectLabel",
+                }]
+        }], ctorParameters: () => [] });
+
+class SelectControl {
+    constructor() {
+        const context = injectSelectContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getControlProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SelectControl, isStandalone: true, selector: "[select-control]", exportAs: ["selectControl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectControl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-control]",
+                    standalone: true,
+                    exportAs: "selectControl",
+                }]
+        }], ctorParameters: () => [] });
+
+class SelectTrigger {
+    constructor() {
+        const context = injectSelectContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getTriggerProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SelectTrigger, isStandalone: true, selector: "[select-trigger]", exportAs: ["selectTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-trigger]",
+                    standalone: true,
+                    exportAs: "selectTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class SelectIndicator {
+    constructor() {
+        const context = injectSelectContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getIndicatorProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SelectIndicator, isStandalone: true, selector: "[select-indicator]", exportAs: ["selectIndicator"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectIndicator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-indicator]",
+                    standalone: true,
+                    exportAs: "selectIndicator",
+                }]
+        }], ctorParameters: () => [] });
+
+class SelectClearTrigger {
+    constructor() {
+        const context = injectSelectContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getClearTriggerProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectClearTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SelectClearTrigger, isStandalone: true, selector: "[select-clear-trigger]", exportAs: ["selectClearTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectClearTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-clear-trigger]",
+                    standalone: true,
+                    exportAs: "selectClearTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class SelectValueText {
+    /** Text to display when no value is selected. */
+    placeholder = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    ownsTextContent = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ownsTextContent" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectSelectContext();
+        bindProps({
+            elementRef: this.elementRef,
+            renderer: this.renderer,
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getValueTextProps(),
+        });
+        effect(() => {
+            if (!this.ownsTextContent())
+                return;
+            const api = context.api();
+            this.renderer.setProperty(this.elementRef.nativeElement, "textContent", api.valueAsString || this.placeholder() || "");
+        });
+    }
+    ngAfterContentInit() {
+        this.ownsTextContent.set(hasOnlyWhitespaceContent(this.elementRef.nativeElement));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectValueText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: SelectValueText, isStandalone: true, selector: "[select-value-text]", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["selectValueText"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectValueText, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-value-text]",
+                    standalone: true,
+                    exportAs: "selectValueText",
+                }]
+        }], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
+function hasOnlyWhitespaceContent(element) {
+    return element.firstElementChild === null && (element.textContent?.trim() ?? "") === "";
+}
+
+class SelectHiddenSelect {
+    constructor() {
+        const context = injectSelectContext();
+        const field = injectFieldContextOptional();
+        const elementRef = inject(ElementRef);
+        const renderer = inject(Renderer2);
+        const destroyRef = inject(DestroyRef);
+        bindProps({
+            elementRef,
+            renderer,
+            destroyRef,
+            props: () => {
+                const props = context.api().getHiddenSelectProps();
+                const describedBy = field?.ariaDescribedby();
+                if (describedBy) {
+                    return { ...props, "aria-describedby": describedBy };
+                }
+                return props;
+            },
+        });
+        let previousSignature = "";
+        effect(() => {
+            const select = elementRef.nativeElement;
+            const api = context.api();
+            const collection = api.collection;
+            const value = api.value;
+            const signature = `${value.join("\u0000")}::${collection.items
+                .map((item) => `${collection.getItemValue(item) ?? ""}:${collection.getItemDisabled(item) ? "1" : "0"}:${collection.stringifyItem(item) ?? ""}`)
+                .join("\u0001")}`;
+            if (signature === previousSignature)
+                return;
+            previousSignature = signature;
+            while (select.firstChild) {
+                renderer.removeChild(select, select.firstChild);
+            }
+            if (value.length === 0) {
+                const opt = renderer.createElement("option");
+                renderer.setAttribute(opt, "value", "");
+                renderer.appendChild(select, opt);
+            }
+            for (const item of collection.items) {
+                const opt = renderer.createElement("option");
+                const itemValue = collection.getItemValue(item) ?? "";
+                renderer.setAttribute(opt, "value", itemValue);
+                if (collection.getItemDisabled(item)) {
+                    renderer.setAttribute(opt, "disabled", "");
+                }
+                if (value.includes(itemValue)) {
+                    renderer.setAttribute(opt, "selected", "");
+                }
+                const text = renderer.createText(String(collection.stringifyItem(item) ?? ""));
+                renderer.appendChild(opt, text);
+                renderer.appendChild(select, opt);
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectHiddenSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SelectHiddenSelect, isStandalone: true, selector: "select[select-hidden-select]", exportAs: ["selectHiddenSelect"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectHiddenSelect, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "select[select-hidden-select]",
+                    standalone: true,
+                    exportAs: "selectHiddenSelect",
+                }]
+        }], ctorParameters: () => [] });
+
+class SelectPositioner {
+    constructor() {
+        const context = injectSelectContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getPositionerProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectPositioner, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SelectPositioner, isStandalone: true, selector: "[select-positioner]", exportAs: ["selectPositioner"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectPositioner, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-positioner]",
+                    standalone: true,
+                    exportAs: "selectPositioner",
+                }]
+        }], ctorParameters: () => [] });
+
+class SelectContent {
+    constructor() {
+        const context = injectSelectContext();
+        const presence = injectPresenceContext();
+        const template = inject((TemplateRef), { optional: true });
+        const container = inject(ViewContainerRef);
+        const host = inject(ElementRef);
+        const elementRef = template ? { nativeElement: null } : host;
+        let view;
+        effect(() => {
+            const unmounted = presence.unmounted();
+            if (template) {
+                if (unmounted) {
+                    elementRef.nativeElement = null;
+                    container.clear();
+                    view = undefined;
+                }
+                else if (!view) {
+                    view = container.createEmbeddedView(template);
+                    elementRef.nativeElement =
+                        view.rootNodes.find((node) => node.nodeType === 1) ?? null;
+                }
+            }
+            untracked(() => presence.setNode(elementRef.nativeElement));
+        });
+        bindProps({
+            elementRef,
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => {
+                presence.unmounted();
+                return { ...context.api().getContentProps(), ...presence.getPresenceProps() };
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SelectContent, isStandalone: true, selector: "[select-content]", exportAs: ["selectContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectContent, decorators: [{
+            type: Directive,
+            args: [{ selector: "[select-content]", standalone: true, exportAs: "selectContent" }]
+        }], ctorParameters: () => [] });
+
+class SelectList {
+    constructor() {
+        const context = injectSelectContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getListProps(),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SelectList, isStandalone: true, selector: "[select-list]", exportAs: ["selectList"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-list]",
+                    standalone: true,
+                    exportAs: "selectList",
+                }]
+        }], ctorParameters: () => [] });
+
+const SELECT_ITEM_GROUP_CONTEXT = new InjectionToken("WIREKYT.SELECT_ITEM_GROUP_CONTEXT");
+function injectSelectItemGroupContext() {
+    const context = inject(SELECT_ITEM_GROUP_CONTEXT, { optional: true });
+    if (!context) {
+        throw new Error("SELECT_ITEM_GROUP_CONTEXT not found: an item-group-label directive must be used inside a [select-item-group] directive.");
+    }
+    return context;
+}
+class SelectItemGroup {
+    /** The id of the item group. */
+    groupId = input(undefined, { ...(ngDevMode ? { debugName: "groupId" } : /* istanbul ignore next */ {}), alias: "id" });
+    fallbackId = createId();
+    id = computed(() => this.groupId() ?? this.fallbackId, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = injectSelectContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getItemGroupProps({ id: this.id() }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectItemGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: SelectItemGroup, isStandalone: true, selector: "[select-item-group]", inputs: { groupId: { classPropertyName: "groupId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            { provide: SELECT_ITEM_GROUP_CONTEXT, useExisting: forwardRef(() => SelectItemGroup) },
+        ], exportAs: ["selectItemGroup"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectItemGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-item-group]",
+                    standalone: true,
+                    exportAs: "selectItemGroup",
+                    providers: [
+                        { provide: SELECT_ITEM_GROUP_CONTEXT, useExisting: forwardRef(() => SelectItemGroup) },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { groupId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+class SelectItemGroupLabel {
+    constructor() {
+        const context = injectSelectContext();
+        const group = injectSelectItemGroupContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getItemGroupLabelProps({ htmlFor: group.id() }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectItemGroupLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SelectItemGroupLabel, isStandalone: true, selector: "[select-item-group-label]", exportAs: ["selectItemGroupLabel"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectItemGroupLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-item-group-label]",
+                    standalone: true,
+                    exportAs: "selectItemGroupLabel",
+                }]
+        }], ctorParameters: () => [] });
+
+class SelectItem {
+    /** The item to render. */
+    item = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []));
+    /** Whether hovering outside should clear the highlighted state. */
+    persistFocus = input(undefined, { ...(ngDevMode ? { debugName: "persistFocus" } : /* istanbul ignore next */ {}), transform: (value) => value === undefined || value === null ? undefined : booleanAttribute(value) });
+    context = injectSelectContext();
+    state = computed(() => this.context.api().getItemState({ item: this.item(), persistFocus: this.persistFocus() }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const context = this.context;
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getItemProps({ item: this.item(), persistFocus: this.persistFocus() }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: SelectItem, isStandalone: true, selector: "[select-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, persistFocus: { classPropertyName: "persistFocus", publicName: "persistFocus", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: SELECT_ITEM_CONTEXT, useExisting: forwardRef(() => SelectItem) }], exportAs: ["selectItem"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-item]",
+                    standalone: true,
+                    exportAs: "selectItem",
+                    providers: [{ provide: SELECT_ITEM_CONTEXT, useExisting: forwardRef(() => SelectItem) }],
+                }]
+        }], ctorParameters: () => [], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], persistFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "persistFocus", required: false }] }] } });
+
+class SelectContext {
+    static ngTemplateContextGuard(_directive, context) {
+        void context;
+        return true;
+    }
+    select = injectSelectContext();
+    templateRef = inject(TemplateRef);
+    viewContainer = inject(ViewContainerRef);
+    constructor() {
+        const view = this.viewContainer.createEmbeddedView(this.templateRef, {
+            $implicit: this.select.api,
+            api: this.select.api,
+        });
+        effect(() => {
+            this.select.api();
+            view.detectChanges();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectContext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SelectContext, isStandalone: true, selector: "[select-context]", exportAs: ["selectContext"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectContext, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-context]",
+                    standalone: true,
+                    exportAs: "selectContext",
+                }]
+        }], ctorParameters: () => [] });
+
+class SelectItemContextDirective {
+    static ngTemplateContextGuard(_directive, context) {
+        void context;
+        return true;
+    }
+    item = injectSelectItemContext();
+    templateRef = inject(TemplateRef);
+    viewContainer = inject(ViewContainerRef);
+    constructor() {
+        const view = this.viewContainer.createEmbeddedView(this.templateRef, {
+            $implicit: this.item,
+            item: this.item,
+        });
+        effect(() => {
+            this.item.state();
+            view.detectChanges();
+        });
+        inject(DestroyRef).onDestroy(() => view.destroy());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectItemContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SelectItemContextDirective, isStandalone: true, selector: "[select-item-context]", exportAs: ["selectItemContext"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectItemContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-item-context]",
+                    standalone: true,
+                    exportAs: "selectItemContext",
+                }]
+        }], ctorParameters: () => [] });
+
+class SelectItemText {
+    constructor() {
+        const context = injectSelectContext();
+        const item = injectSelectItemContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getItemTextProps({ item: item.item(), persistFocus: item.persistFocus() }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectItemText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SelectItemText, isStandalone: true, selector: "[select-item-text]", exportAs: ["selectItemText"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectItemText, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-item-text]",
+                    standalone: true,
+                    exportAs: "selectItemText",
+                }]
+        }], ctorParameters: () => [] });
+
+class SelectItemIndicator {
+    constructor() {
+        const context = injectSelectContext();
+        const item = injectSelectItemContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context
+                .api()
+                .getItemIndicatorProps({ item: item.item(), persistFocus: item.persistFocus() }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectItemIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: SelectItemIndicator, isStandalone: true, selector: "[select-item-indicator]", exportAs: ["selectItemIndicator"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SelectItemIndicator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[select-item-indicator]",
+                    standalone: true,
+                    exportAs: "selectItemIndicator",
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SELECT_CONTEXT, SELECT_CONTEXT_CARRIER, SELECT_ITEM_CONTEXT, SELECT_ITEM_GROUP_CONTEXT, SelectClearTrigger, SelectContent, SelectContext, SelectControl, SelectHiddenSelect, SelectIndicator, SelectItem, SelectItemContextDirective, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectList, SelectPositioner, SelectRoot, SelectRootProvider, SelectTrigger, SelectValueText, injectSelectContext, injectSelectContextCarrier, injectSelectItemContext, injectSelectItemGroupContext, useSelect };
+//# sourceMappingURL=wirekyt-angular-select.mjs.map