@wirekyt/angular 0.0.10 → 0.0.12

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

@@ -0,0 +1,955 @@
+import * as combobox from '@wirekyt/dom/machines/combobox';
+import { anatomy } from '@wirekyt/dom/machines/combobox';
+import { injectLocale, injectEnvironment, createId, useMachine, bindProps, createCvaController, buildRootCarrier } from '@wirekyt/angular';
+import { injectFieldContextOptional } from '@wirekyt/angular/field';
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, output, signal, effect, computed, Directive, InjectionToken, inject, TemplateRef, ViewContainerRef, ElementRef, untracked, DestroyRef, Renderer2, model, EnvironmentInjector, Injector, forwardRef } from '@angular/core';
+import * as presence from '@wirekyt/dom/machines/presence';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ListCollection } from '@wirekyt/dom/collection';
+
+const comboboxAnatomy = anatomy.extendWith("empty");
+
+function useCombobox(options) {
+    const locale = injectLocale();
+    const environment = injectEnvironment();
+    const field = injectFieldContextOptional();
+    const fallbackId = createId();
+    return useMachine({
+        machine: combobox.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,
+                    input: fieldIds.control,
+                    ...baseIds,
+                };
+                const p = props;
+                const disabled = Boolean(p.disabled) || field.disabled();
+                const invalid = Boolean(p.invalid) || field.invalid();
+                const required = Boolean(p.required) || field.required();
+                const readOnly = Boolean(p.readOnly) || field.readOnly();
+                merged["disabled"] = disabled || undefined;
+                merged["invalid"] = invalid || undefined;
+                merged["required"] = required || undefined;
+                merged["readOnly"] = readOnly || undefined;
+            }
+            return merged;
+        },
+        connect: (service, normalize) => combobox.connect(service, normalize),
+    });
+}
+
+class ComboboxPresence {
+    lazyMount = input(false, { ...(ngDevMode ? { debugName: "lazyMount" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    unmountOnExit = input(false, { ...(ngDevMode ? { debugName: "unmountOnExit" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    skipAnimationOnMount = input(false, { ...(ngDevMode ? { debugName: "skipAnimationOnMount" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    immediate = input(false, { ...(ngDevMode ? { debugName: "immediate" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    present = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "present" }] : /* istanbul ignore next */ []));
+    exitComplete = output();
+    createPresence(open) {
+        const machine = useMachine({
+            machine: presence.machine,
+            context: () => ({
+                present: this.present() ?? open(),
+                immediate: this.immediate(),
+                onExitComplete: () => this.exitComplete.emit(),
+            }),
+            connect: presence.connect,
+        });
+        const wasPresent = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "wasPresent" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            if (machine.api().present)
+                wasPresent.set(true);
+        });
+        return {
+            api: machine.api,
+            isUnmounted: computed(() => !machine.api().present &&
+                ((!wasPresent() && this.lazyMount()) || (wasPresent() && this.unmountOnExit()))),
+            props: () => ({
+                hidden: !machine.api().present,
+                "data-state": machine.api().skip && this.skipAnimationOnMount()
+                    ? undefined
+                    : (this.present() ?? open())
+                        ? "open"
+                        : "closed",
+            }),
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxPresence, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ComboboxPresence, isStandalone: true, inputs: { lazyMount: { classPropertyName: "lazyMount", publicName: "lazyMount", isSignal: true, isRequired: false, transformFunction: null }, unmountOnExit: { classPropertyName: "unmountOnExit", publicName: "unmountOnExit", isSignal: true, isRequired: false, transformFunction: null }, skipAnimationOnMount: { classPropertyName: "skipAnimationOnMount", publicName: "skipAnimationOnMount", isSignal: true, isRequired: false, transformFunction: null }, immediate: { classPropertyName: "immediate", publicName: "immediate", isSignal: true, isRequired: false, transformFunction: null }, present: { classPropertyName: "present", publicName: "present", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { exitComplete: "exitComplete" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxPresence, decorators: [{
+            type: Directive
+        }], propDecorators: { lazyMount: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyMount", required: false }] }], unmountOnExit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unmountOnExit", required: false }] }], skipAnimationOnMount: [{ type: i0.Input, args: [{ isSignal: true, alias: "skipAnimationOnMount", required: false }] }], immediate: [{ type: i0.Input, args: [{ isSignal: true, alias: "immediate", required: false }] }], present: [{ type: i0.Input, args: [{ isSignal: true, alias: "present", required: false }] }], exitComplete: [{ type: i0.Output, args: ["exitComplete"] }] } });
+const COMBOBOX_PRESENCE = new InjectionToken("WIREKYT.COMBOBOX_PRESENCE");
+
+const COMBOBOX_CONTEXT = new InjectionToken("WIREKYT.COMBOBOX_CONTEXT");
+function injectComboboxContext() {
+    return inject(COMBOBOX_CONTEXT);
+}
+const COMBOBOX_CONTEXT_CARRIER = new InjectionToken("WIREKYT.COMBOBOX_CONTEXT_CARRIER");
+function injectComboboxContextCarrier() {
+    return inject(COMBOBOX_CONTEXT_CARRIER);
+}
+
+class ComboboxContent {
+    constructor() {
+        const context = injectComboboxContext();
+        const { presence } = inject(COMBOBOX_PRESENCE);
+        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.isUnmounted();
+            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.api().setNode(elementRef.nativeElement));
+        });
+        bindProps({
+            elementRef,
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => {
+                presence.isUnmounted();
+                return { ...context.api().getContentProps(), ...presence.props() };
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ComboboxContent, isStandalone: true, selector: "[comboboxContent]", exportAs: ["comboboxContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxContent, decorators: [{
+            type: Directive,
+            args: [{ selector: "[comboboxContent]", standalone: true, exportAs: "comboboxContent" }]
+        }], ctorParameters: () => [] });
+
+class ComboboxRoot extends ComboboxPresence {
+    id = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    elementIds = input(undefined, { ...(ngDevMode ? { debugName: "elementIds" } : /* istanbul ignore next */ {}), alias: "ids" });
+    collection = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collection" }] : /* istanbul ignore next */ []));
+    value = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    defaultValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+    inputValue = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputValue" }] : /* istanbul ignore next */ []));
+    defaultInputValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultInputValue" }] : /* istanbul ignore next */ []));
+    open = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    defaultOpen = input(false, { ...(ngDevMode ? { debugName: "defaultOpen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    highlightedValue = model(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "highlightedValue" }] : /* istanbul ignore next */ []));
+    defaultHighlightedValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultHighlightedValue" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    readOnly = input(false, { ...(ngDevMode ? { debugName: "readOnly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    allowCustomValue = input(false, { ...(ngDevMode ? { debugName: "allowCustomValue" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    autoFocus = input(false, { ...(ngDevMode ? { debugName: "autoFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    openOnClick = input(false, { ...(ngDevMode ? { debugName: "openOnClick" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    openOnKeyPress = input(undefined, { ...(ngDevMode ? { debugName: "openOnKeyPress" } : /* istanbul ignore next */ {}), transform: (value) => value === undefined || value === null ? undefined : booleanAttribute(value) });
+    alwaysSubmitOnEnter = input(false, { ...(ngDevMode ? { debugName: "alwaysSubmitOnEnter" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    closeOnSelect = input(undefined, { ...(ngDevMode ? { debugName: "closeOnSelect" } : /* istanbul ignore next */ {}), transform: (value) => value === undefined || value === null ? undefined : booleanAttribute(value) });
+    loopFocus = input(undefined, { ...(ngDevMode ? { debugName: "loopFocus" } : /* istanbul ignore next */ {}), transform: (value) => value === undefined || value === null ? undefined : booleanAttribute(value) });
+    composite = input(undefined, { ...(ngDevMode ? { debugName: "composite" } : /* istanbul ignore next */ {}), transform: (value) => value === undefined || value === null ? undefined : booleanAttribute(value) });
+    disableLayer = input(undefined, { ...(ngDevMode ? { debugName: "disableLayer" } : /* istanbul ignore next */ {}), transform: (value) => value === undefined || value === null ? undefined : booleanAttribute(value) });
+    inputBehavior = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputBehavior" }] : /* istanbul ignore next */ []));
+    selectionBehavior = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectionBehavior" }] : /* istanbul ignore next */ []));
+    openOnChange = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "openOnChange" }] : /* istanbul ignore next */ []));
+    placeholder = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    name = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    form = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
+    positioning = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "positioning" }] : /* istanbul ignore next */ []));
+    scrollToIndexFn = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollToIndexFn" }] : /* istanbul ignore next */ []));
+    navigate = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "navigate" }] : /* istanbul ignore next */ []));
+    translations = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "translations" }] : /* istanbul ignore next */ []));
+    valueChangeDetails = output();
+    inputValueChangeDetails = output();
+    highlightChange = output();
+    openChangeDetails = output();
+    select = output();
+    focusOutside = output();
+    pointerDownOutside = output();
+    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: "ComboboxRoot",
+        hasExternalModelBinding: () => this._hasExternalBinding,
+    });
+    machine = useCombobox({
+        context: () => ({
+            id: this.id(),
+            ids: this.elementIds(),
+            collection: this.readCollection(),
+            value: this.value(),
+            defaultValue: this.defaultValue() ?? [],
+            inputValue: this.inputValue(),
+            defaultInputValue: this.defaultInputValue() ?? "",
+            open: this.open(),
+            defaultOpen: this.defaultOpen() || undefined,
+            highlightedValue: this.highlightedValue(),
+            defaultHighlightedValue: this.defaultHighlightedValue(),
+            disabled: this.disabled() || this._disabledFromForm() || undefined,
+            invalid: this.invalid() || undefined,
+            readOnly: this.readOnly() || undefined,
+            required: this.required() || undefined,
+            multiple: this.multiple() || undefined,
+            allowCustomValue: this.allowCustomValue() || undefined,
+            autoFocus: this.autoFocus() || undefined,
+            openOnClick: this.openOnClick() || undefined,
+            openOnKeyPress: this.openOnKeyPress(),
+            alwaysSubmitOnEnter: this.alwaysSubmitOnEnter() || undefined,
+            closeOnSelect: this.closeOnSelect(),
+            loopFocus: this.loopFocus(),
+            composite: this.composite(),
+            disableLayer: this.disableLayer(),
+            inputBehavior: this.inputBehavior(),
+            selectionBehavior: this.selectionBehavior(),
+            openOnChange: this.openOnChange(),
+            placeholder: this.placeholder(),
+            name: this.name(),
+            form: this.form(),
+            positioning: this.positioning(),
+            scrollToIndexFn: this.scrollToIndexFn(),
+            navigate: this.navigate(),
+            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);
+            },
+            onInputValueChange: (details) => {
+                if (this.inputValue() !== details.inputValue) {
+                    this.inputValue.set(details.inputValue);
+                }
+                this.inputValueChangeDetails.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;
+    contextCarrier = buildRootCarrier({
+        providers: [{ provide: COMBOBOX_PRESENCE, useValue: this }],
+        root: this,
+        rootToken: COMBOBOX_CONTEXT,
+        originInjector: inject(Injector),
+        environmentInjector: inject(EnvironmentInjector),
+    });
+    getContextCarrier() {
+        return this.contextCarrier;
+    }
+    presence = this.createPresence(() => this.api().open);
+    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: ComboboxRoot, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ComboboxRoot, isStandalone: true, selector: "[comboboxRoot]", 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 }, inputValue: { classPropertyName: "inputValue", publicName: "inputValue", isSignal: true, isRequired: false, transformFunction: null }, defaultInputValue: { classPropertyName: "defaultInputValue", publicName: "defaultInputValue", 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 }, allowCustomValue: { classPropertyName: "allowCustomValue", publicName: "allowCustomValue", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, openOnClick: { classPropertyName: "openOnClick", publicName: "openOnClick", isSignal: true, isRequired: false, transformFunction: null }, openOnKeyPress: { classPropertyName: "openOnKeyPress", publicName: "openOnKeyPress", isSignal: true, isRequired: false, transformFunction: null }, alwaysSubmitOnEnter: { classPropertyName: "alwaysSubmitOnEnter", publicName: "alwaysSubmitOnEnter", 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 }, composite: { classPropertyName: "composite", publicName: "composite", isSignal: true, isRequired: false, transformFunction: null }, disableLayer: { classPropertyName: "disableLayer", publicName: "disableLayer", isSignal: true, isRequired: false, transformFunction: null }, inputBehavior: { classPropertyName: "inputBehavior", publicName: "inputBehavior", isSignal: true, isRequired: false, transformFunction: null }, selectionBehavior: { classPropertyName: "selectionBehavior", publicName: "selectionBehavior", isSignal: true, isRequired: false, transformFunction: null }, openOnChange: { classPropertyName: "openOnChange", publicName: "openOnChange", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", 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 }, positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, scrollToIndexFn: { classPropertyName: "scrollToIndexFn", publicName: "scrollToIndexFn", isSignal: true, isRequired: false, transformFunction: null }, navigate: { classPropertyName: "navigate", publicName: "navigate", isSignal: true, isRequired: false, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", inputValue: "inputValueChange", open: "openChange", highlightedValue: "highlightedValueChange", valueChangeDetails: "valueChangeDetails", inputValueChangeDetails: "inputValueChangeDetails", highlightChange: "highlightChange", openChangeDetails: "openChangeDetails", select: "select", focusOutside: "focusOutside", pointerDownOutside: "pointerDownOutside", interactOutside: "interactOutside" }, providers: [
+            { provide: COMBOBOX_PRESENCE, useExisting: forwardRef(() => ComboboxRoot) },
+            { provide: COMBOBOX_CONTEXT, useExisting: forwardRef(() => ComboboxRoot) },
+            {
+                provide: COMBOBOX_CONTEXT_CARRIER,
+                useFactory: (root) => root.getContextCarrier(),
+                deps: [forwardRef(() => ComboboxRoot)],
+            },
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ComboboxRoot), multi: true },
+        ], exportAs: ["comboboxRoot"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxRoot, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxRoot]",
+                    standalone: true,
+                    exportAs: "comboboxRoot",
+                    providers: [
+                        { provide: COMBOBOX_PRESENCE, useExisting: forwardRef(() => ComboboxRoot) },
+                        { provide: COMBOBOX_CONTEXT, useExisting: forwardRef(() => ComboboxRoot) },
+                        {
+                            provide: COMBOBOX_CONTEXT_CARRIER,
+                            useFactory: (root) => root.getContextCarrier(),
+                            deps: [forwardRef(() => ComboboxRoot)],
+                        },
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ComboboxRoot), 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 }] }], inputValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputValue", required: false }] }, { type: i0.Output, args: ["inputValueChange"] }], defaultInputValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultInputValue", 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 }] }], allowCustomValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowCustomValue", required: false }] }], autoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoFocus", required: false }] }], openOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnClick", required: false }] }], openOnKeyPress: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnKeyPress", required: false }] }], alwaysSubmitOnEnter: [{ type: i0.Input, args: [{ isSignal: true, alias: "alwaysSubmitOnEnter", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], loopFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "loopFocus", required: false }] }], composite: [{ type: i0.Input, args: [{ isSignal: true, alias: "composite", required: false }] }], disableLayer: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableLayer", required: false }] }], inputBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputBehavior", required: false }] }], selectionBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionBehavior", required: false }] }], openOnChange: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnChange", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], positioning: [{ type: i0.Input, args: [{ isSignal: true, alias: "positioning", required: false }] }], scrollToIndexFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToIndexFn", required: false }] }], navigate: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigate", required: false }] }], translations: [{ type: i0.Input, args: [{ isSignal: true, alias: "translations", required: false }] }], valueChangeDetails: [{ type: i0.Output, args: ["valueChangeDetails"] }], inputValueChangeDetails: [{ type: i0.Output, args: ["inputValueChangeDetails"] }], 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 ComboboxRootProvider extends ComboboxPresence {
+    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();
+    }
+    contextCarrier = buildRootCarrier({
+        providers: [{ provide: COMBOBOX_PRESENCE, useValue: this }],
+        root: this,
+        rootToken: COMBOBOX_CONTEXT,
+        originInjector: inject(Injector),
+        environmentInjector: inject(EnvironmentInjector),
+    });
+    getContextCarrier() {
+        return this.contextCarrier;
+    }
+    presence = this.createPresence(() => {
+        try {
+            return this.api().open;
+        }
+        catch {
+            return false;
+        }
+    });
+    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: ComboboxRootProvider, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ComboboxRootProvider, isStandalone: true, selector: "[comboboxRootProvider]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, providers: [
+            { provide: COMBOBOX_PRESENCE, useExisting: forwardRef(() => ComboboxRootProvider) },
+            { provide: COMBOBOX_CONTEXT, useExisting: forwardRef(() => ComboboxRootProvider) },
+            {
+                provide: COMBOBOX_CONTEXT_CARRIER,
+                useFactory: (provider) => provider.getContextCarrier(),
+                deps: [forwardRef(() => ComboboxRootProvider)],
+            },
+        ], exportAs: ["comboboxRootProvider"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxRootProvider, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxRootProvider]",
+                    standalone: true,
+                    exportAs: "comboboxRootProvider",
+                    providers: [
+                        { provide: COMBOBOX_PRESENCE, useExisting: forwardRef(() => ComboboxRootProvider) },
+                        { provide: COMBOBOX_CONTEXT, useExisting: forwardRef(() => ComboboxRootProvider) },
+                        {
+                            provide: COMBOBOX_CONTEXT_CARRIER,
+                            useFactory: (provider) => provider.getContextCarrier(),
+                            deps: [forwardRef(() => ComboboxRootProvider)],
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }] } });
+
+class ComboboxLabel {
+    constructor() {
+        const context = injectComboboxContext();
+        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: ComboboxLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ComboboxLabel, isStandalone: true, selector: "[comboboxLabel]", exportAs: ["comboboxLabel"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxLabel]",
+                    standalone: true,
+                    exportAs: "comboboxLabel",
+                }]
+        }], ctorParameters: () => [] });
+
+class ComboboxControl {
+    constructor() {
+        const context = injectComboboxContext();
+        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: ComboboxControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ComboboxControl, isStandalone: true, selector: "[comboboxControl]", exportAs: ["comboboxControl"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxControl, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxControl]",
+                    standalone: true,
+                    exportAs: "comboboxControl",
+                }]
+        }], ctorParameters: () => [] });
+
+class ComboboxInput {
+    constructor() {
+        const context = injectComboboxContext();
+        const field = injectFieldContextOptional();
+        const elementRef = inject(ElementRef);
+        const renderer = inject(Renderer2);
+        const destroyRef = inject(DestroyRef);
+        const inputValue = computed(() => context.api().inputValue, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inputValue" }] : /* istanbul ignore next */ []));
+        const composing = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "composing" }] : /* istanbul ignore next */ []));
+        let upstreamCompositionStart;
+        let upstreamCompositionEnd;
+        const onCompositionStart = (event) => {
+            composing.set(true);
+            if (typeof upstreamCompositionStart === "function") {
+                upstreamCompositionStart(event);
+            }
+        };
+        const onCompositionEnd = (event) => {
+            composing.set(false);
+            if (typeof upstreamCompositionEnd === "function") {
+                upstreamCompositionEnd(event);
+            }
+        };
+        bindProps({
+            elementRef,
+            renderer,
+            destroyRef,
+            props: () => {
+                const props = context.api().getInputProps();
+                const { defaultValue: _defaultValue, ...rest } = props;
+                const describedBy = field?.ariaDescribedby();
+                if (describedBy) {
+                    rest["aria-describedby"] = describedBy;
+                }
+                upstreamCompositionStart = rest["onCompositionStart"];
+                upstreamCompositionEnd = rest["onCompositionEnd"];
+                rest["onCompositionStart"] = onCompositionStart;
+                rest["onCompositionEnd"] = onCompositionEnd;
+                return rest;
+            },
+        });
+        effect(() => {
+            const el = elementRef.nativeElement;
+            if (!el || composing())
+                return;
+            const next = inputValue();
+            if (el.value !== next)
+                el.value = next;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ComboboxInput, isStandalone: true, selector: "[comboboxInput]", exportAs: ["comboboxInput"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxInput, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxInput]",
+                    standalone: true,
+                    exportAs: "comboboxInput",
+                }]
+        }], ctorParameters: () => [] });
+
+class ComboboxTrigger {
+    focusable = input(undefined, { ...(ngDevMode ? { debugName: "focusable" } : /* istanbul ignore next */ {}), transform: (value) => value === undefined || value === null ? undefined : booleanAttribute(value) });
+    constructor() {
+        const context = injectComboboxContext();
+        bindProps({
+            elementRef: inject(ElementRef),
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => context.api().getTriggerProps({ focusable: this.focusable() }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ComboboxTrigger, isStandalone: true, selector: "[comboboxTrigger]", inputs: { focusable: { classPropertyName: "focusable", publicName: "focusable", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["comboboxTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxTrigger]",
+                    standalone: true,
+                    exportAs: "comboboxTrigger",
+                }]
+        }], ctorParameters: () => [], propDecorators: { focusable: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusable", required: false }] }] } });
+
+class ComboboxClearTrigger {
+    constructor() {
+        const context = injectComboboxContext();
+        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: ComboboxClearTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ComboboxClearTrigger, isStandalone: true, selector: "[comboboxClearTrigger]", exportAs: ["comboboxClearTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxClearTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxClearTrigger]",
+                    standalone: true,
+                    exportAs: "comboboxClearTrigger",
+                }]
+        }], ctorParameters: () => [] });
+
+class ComboboxPositioner {
+    constructor() {
+        const context = injectComboboxContext();
+        const { presence } = inject(COMBOBOX_PRESENCE);
+        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.isUnmounted();
+            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;
+                }
+            }
+        });
+        bindProps({
+            elementRef,
+            renderer: inject(Renderer2),
+            destroyRef: inject(DestroyRef),
+            props: () => {
+                presence.isUnmounted();
+                return { ...context.api().getPositionerProps(), hidden: presence.isUnmounted() };
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxPositioner, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ComboboxPositioner, isStandalone: true, selector: "[comboboxPositioner]", exportAs: ["comboboxPositioner"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxPositioner, decorators: [{
+            type: Directive,
+            args: [{ selector: "[comboboxPositioner]", standalone: true, exportAs: "comboboxPositioner" }]
+        }], ctorParameters: () => [] });
+
+class ComboboxList {
+    constructor() {
+        const context = injectComboboxContext();
+        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: ComboboxList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ComboboxList, isStandalone: true, selector: "[comboboxList]", exportAs: ["comboboxList"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxList]",
+                    standalone: true,
+                    exportAs: "comboboxList",
+                }]
+        }], ctorParameters: () => [] });
+
+const parts = comboboxAnatomy.build();
+class ComboboxEmpty {
+    constructor() {
+        const context = injectComboboxContext();
+        const elementRef = inject(ElementRef);
+        const renderer = inject(Renderer2);
+        const destroyRef = inject(DestroyRef);
+        bindProps({
+            elementRef,
+            renderer,
+            destroyRef,
+            props: () => ({
+                ...parts.empty.attrs,
+                role: "presentation",
+                style: { display: context.api().collection.size === 0 ? undefined : "none" },
+            }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ComboboxEmpty, isStandalone: true, selector: "[comboboxEmpty]", exportAs: ["comboboxEmpty"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxEmpty, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxEmpty]",
+                    standalone: true,
+                    exportAs: "comboboxEmpty",
+                }]
+        }], ctorParameters: () => [] });
+
+const COMBOBOX_ITEM_GROUP_CONTEXT = new InjectionToken("WIREKYT.COMBOBOX_ITEM_GROUP_CONTEXT");
+function injectComboboxItemGroupContext() {
+    const context = inject(COMBOBOX_ITEM_GROUP_CONTEXT, { optional: true });
+    if (!context) {
+        throw new Error("COMBOBOX_ITEM_GROUP_CONTEXT not found: an item-group-label directive must be used inside an [comboboxItemGroup] directive.");
+    }
+    return context;
+}
+class ComboboxItemGroup {
+    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 = injectComboboxContext();
+        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: ComboboxItemGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ComboboxItemGroup, isStandalone: true, selector: "[comboboxItemGroup]", inputs: { groupId: { classPropertyName: "groupId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            { provide: COMBOBOX_ITEM_GROUP_CONTEXT, useExisting: forwardRef(() => ComboboxItemGroup) },
+        ], exportAs: ["comboboxItemGroup"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxItemGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxItemGroup]",
+                    standalone: true,
+                    exportAs: "comboboxItemGroup",
+                    providers: [
+                        { provide: COMBOBOX_ITEM_GROUP_CONTEXT, useExisting: forwardRef(() => ComboboxItemGroup) },
+                    ],
+                }]
+        }], ctorParameters: () => [], propDecorators: { groupId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+class ComboboxItemGroupLabel {
+    constructor() {
+        const context = injectComboboxContext();
+        const group = injectComboboxItemGroupContext();
+        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: ComboboxItemGroupLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ComboboxItemGroupLabel, isStandalone: true, selector: "[comboboxItemGroupLabel]", exportAs: ["comboboxItemGroupLabel"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxItemGroupLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxItemGroupLabel]",
+                    standalone: true,
+                    exportAs: "comboboxItemGroupLabel",
+                }]
+        }], ctorParameters: () => [] });
+
+const COMBOBOX_ITEM_CONTEXT = new InjectionToken("WIREKYT.COMBOBOX_ITEM_CONTEXT");
+function injectComboboxItemContext() {
+    const context = inject(COMBOBOX_ITEM_CONTEXT, { optional: true });
+    if (!context) {
+        throw new Error("COMBOBOX_ITEM_CONTEXT not found: a combobox item part directive must be used inside an [comboboxItem] directive.");
+    }
+    return context;
+}
+
+class ComboboxItem {
+    item = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "item" }] : /* istanbul ignore next */ []));
+    persistFocus = input(undefined, { ...(ngDevMode ? { debugName: "persistFocus" } : /* istanbul ignore next */ {}), transform: (value) => value === undefined || value === null ? undefined : booleanAttribute(value) });
+    context = injectComboboxContext();
+    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: ComboboxItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: ComboboxItem, isStandalone: true, selector: "[comboboxItem]", 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: COMBOBOX_ITEM_CONTEXT, useExisting: forwardRef(() => ComboboxItem) }], exportAs: ["comboboxItem"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxItem]",
+                    standalone: true,
+                    exportAs: "comboboxItem",
+                    providers: [{ provide: COMBOBOX_ITEM_CONTEXT, useExisting: forwardRef(() => ComboboxItem) }],
+                }]
+        }], 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 ComboboxItemText {
+    constructor() {
+        const context = injectComboboxContext();
+        const item = injectComboboxItemContext();
+        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: ComboboxItemText, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ComboboxItemText, isStandalone: true, selector: "[comboboxItemText]", exportAs: ["comboboxItemText"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxItemText, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxItemText]",
+                    standalone: true,
+                    exportAs: "comboboxItemText",
+                }]
+        }], ctorParameters: () => [] });
+
+class ComboboxItemIndicator {
+    constructor() {
+        const context = injectComboboxContext();
+        const item = injectComboboxItemContext();
+        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: ComboboxItemIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ComboboxItemIndicator, isStandalone: true, selector: "[comboboxItemIndicator]", exportAs: ["comboboxItemIndicator"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxItemIndicator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxItemIndicator]",
+                    standalone: true,
+                    exportAs: "comboboxItemIndicator",
+                }]
+        }], ctorParameters: () => [] });
+
+class ComboboxContext {
+    static ngTemplateContextGuard(_directive, context) {
+        void context;
+        return true;
+    }
+    combobox = injectComboboxContext();
+    templateRef = inject(TemplateRef);
+    viewContainer = inject(ViewContainerRef);
+    constructor() {
+        const view = this.viewContainer.createEmbeddedView(this.templateRef, {
+            $implicit: this.combobox.api,
+            api: this.combobox.api,
+        });
+        effect(() => {
+            this.combobox.api();
+            view.detectChanges();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxContext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ComboboxContext, isStandalone: true, selector: "[comboboxContext]", exportAs: ["comboboxContext"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxContext, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxContext]",
+                    standalone: true,
+                    exportAs: "comboboxContext",
+                }]
+        }], ctorParameters: () => [] });
+
+class ComboboxItemContextDirective {
+    static ngTemplateContextGuard(_directive, context) {
+        void context;
+        return true;
+    }
+    item = injectComboboxItemContext();
+    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: ComboboxItemContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.3", type: ComboboxItemContextDirective, isStandalone: true, selector: "[comboboxItemContext]", exportAs: ["comboboxItemContext"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: ComboboxItemContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxItemContext]",
+                    standalone: true,
+                    exportAs: "comboboxItemContext",
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { COMBOBOX_CONTEXT, COMBOBOX_CONTEXT_CARRIER, COMBOBOX_ITEM_CONTEXT, COMBOBOX_ITEM_GROUP_CONTEXT, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxItemContextDirective, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, comboboxAnatomy, injectComboboxContext, injectComboboxContextCarrier, injectComboboxItemContext, injectComboboxItemGroupContext, useCombobox };
+//# sourceMappingURL=wirekyt-angular-combobox.mjs.map