@qualcomm-ui/angular-core 1.0.1 → 1.0.3

package/fesm2022/qualcomm-ui-angular-core-combobox.mjs

@@ -0,0 +1,797 @@
+import * as i0 from '@angular/core';
+import { Injectable, input, computed, Directive, inject, booleanAttribute, output, untracked } from '@angular/core';
+import { BaseApiContextService, createApiContext, useTrackBindings, useMachine, normalizeProps } from '@qualcomm-ui/angular-core/machine';
+import { useId, useOnDestroy, useIsMounted } from '@qualcomm-ui/angular-core/common';
+import { PresenceContextService, usePresenceRenderer } from '@qualcomm-ui/angular-core/presence';
+import { mergeProps } from '@qualcomm-ui/utils/merge-props';
+import { DOCUMENT } from '@angular/common';
+import { AbstractListCollectionFormControlDirective } from '@qualcomm-ui/angular-core/input';
+import { comboboxMachine, createComboboxApi } from '@qualcomm-ui/core/combobox';
+import { presenceMachine, createPresenceApi } from '@qualcomm-ui/core/presence';
+import { isDefined } from '@qualcomm-ui/utils/guard';
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxContextService, decorators: [{
+            type: Injectable
+        }] });
+const [COMBOBOX_CONTEXT, useComboboxContext, provideComboboxContext,] = createApiContext("ComboboxContext", ComboboxContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxItemContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxItemContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxItemContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxItemContextService, decorators: [{
+            type: Injectable
+        }] });
+const [COMBOBOX_ITEM_CONTEXT, useComboboxItemContext, provideComboboxItemContext,] = createApiContext("ComboboxItemContext", ComboboxItemContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxItemGroupContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxItemGroupContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxItemGroupContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxItemGroupContextService, decorators: [{
+            type: Injectable
+        }] });
+const [COMBOBOX_ITEM_GROUP_CONTEXT, useComboboxItemGroupContext, provideComboboxItemGroupContext,] = createApiContext("ComboboxItemGroupContext", ComboboxItemGroupContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxClearTriggerDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    comboboxContext = useComboboxContext();
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    trackBindings = useTrackBindings(() => this.comboboxContext().getClearTriggerBindings({
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxClearTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreComboboxClearTriggerDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxClearTriggerDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxContentDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    comboboxContext = useComboboxContext();
+    onDestroy = useOnDestroy();
+    presenceService = inject(PresenceContextService);
+    presenceRendererEffect = usePresenceRenderer();
+    trackBindings = useTrackBindings(() => mergeProps(this.comboboxContext().getContentBindings({
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }), this.presenceService.getPresenceBindings()));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreComboboxContentDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxContentDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxControlDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    comboboxContext = useComboboxContext();
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    trackBindings = useTrackBindings(() => this.comboboxContext().getControlBindings({
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreComboboxControlDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxControlDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxEmptyDirective {
+    comboboxContext = useComboboxContext();
+    trackBindings = useTrackBindings(() => this.comboboxContext().getEmptyBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxEmptyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: CoreComboboxEmptyDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxEmptyDirective, decorators: [{
+            type: Directive
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxErrorIndicatorDirective {
+    comboboxContext = useComboboxContext();
+    trackBindings = useTrackBindings(() => this.comboboxContext().getErrorIndicatorBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxErrorIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: CoreComboboxErrorIndicatorDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxErrorIndicatorDirective, decorators: [{
+            type: Directive
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxErrorTextDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    comboboxContext = useComboboxContext();
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    trackBindings = useTrackBindings(() => this.comboboxContext().getErrorTextBindings({
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxErrorTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreComboboxErrorTextDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxErrorTextDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxHintDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    comboboxContext = useComboboxContext();
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    trackBindings = useTrackBindings(() => this.comboboxContext().getHintBindings({
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreComboboxHintDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxHintDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxInputDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    comboboxContext = useComboboxContext();
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    trackBindings = useTrackBindings(() => this.comboboxContext().getInputBindings({
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreComboboxInputDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxInputDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxItemGroupLabelDirective {
+    comboboxContext = useComboboxContext();
+    itemGroupContext = useComboboxItemGroupContext();
+    trackBindings = useTrackBindings(() => this.comboboxContext().getItemGroupLabelBindings({
+        htmlFor: this.itemGroupContext().id,
+    }));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxItemGroupLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: CoreComboboxItemGroupLabelDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxItemGroupLabelDirective, decorators: [{
+            type: Directive
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxItemGroupDirective {
+    /**
+     * Unique identifier for the combobox item group. Not the final HTML `id`
+     * attribute.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    comboboxContext = useComboboxContext();
+    comboboxItemGroupService = inject(ComboboxItemGroupContextService);
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    trackBindings = useTrackBindings(() => this.comboboxContext().getItemGroupBindings(this.comboboxItemGroupService.context()));
+    ngOnInit() {
+        this.comboboxItemGroupService.init(computed(() => ({
+            id: this.hostId(),
+        })));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxItemGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreComboboxItemGroupDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxItemGroupDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxItemIndicatorDirective {
+    comboboxContext = useComboboxContext();
+    itemContext = useComboboxItemContext();
+    trackBindings = useTrackBindings(() => this.comboboxContext().getItemIndicatorBindings(this.itemContext()));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxItemIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: CoreComboboxItemIndicatorDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxItemIndicatorDirective, decorators: [{
+            type: Directive
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxItemTextDirective {
+    comboboxContext = useComboboxContext();
+    itemContext = useComboboxItemContext();
+    trackBindings = useTrackBindings(() => this.comboboxContext().getItemTextBindings(this.itemContext()));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxItemTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: CoreComboboxItemTextDirective, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxItemTextDirective, decorators: [{
+            type: Directive
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxItemDirective {
+    /**
+     * The item to render, from the collection
+     */
+    item = input(...(ngDevMode ? [undefined, { debugName: "item" }] : []));
+    /**
+     * Whether hovering outside should clear the highlighted state
+     */
+    persistFocus = input(undefined, ...(ngDevMode ? [{ debugName: "persistFocus", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    comboboxContext = useComboboxContext();
+    comboboxItemService = inject(ComboboxItemContextService);
+    trackBindings = useTrackBindings(() => this.comboboxContext().getItemBindings(this.comboboxItemService.context()));
+    ngOnInit() {
+        this.comboboxItemService.init(computed(() => this.comboboxContext().getItemState({
+            item: this.item(),
+            persistFocus: this.persistFocus(),
+        })));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreComboboxItemDirective, isStandalone: true, inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, persistFocus: { classPropertyName: "persistFocus", publicName: "persistFocus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxItemDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], persistFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "persistFocus", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxLabelDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    comboboxContext = useComboboxContext();
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    trackBindings = useTrackBindings(() => this.comboboxContext().getLabelBindings({
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreComboboxLabelDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxLabelDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxPositionerDirective {
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    comboboxContext = useComboboxContext();
+    onDestroy = useOnDestroy();
+    presenceRendererEffect = usePresenceRenderer();
+    trackBindings = useTrackBindings(() => this.comboboxContext().getPositionerBindings({
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxPositionerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreComboboxPositionerDirective, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxPositionerDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxRootDirective extends AbstractListCollectionFormControlDirective {
+    /**
+     * Whether to allow custom values that are not in the collection
+     *
+     * @default false
+     */
+    allowCustomValue = input(undefined, ...(ngDevMode ? [{ debugName: "allowCustomValue", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether to always submit on Enter key press, even if popup is open
+     *
+     * @default false
+     */
+    alwaysSubmitOnEnter = input(undefined, ...(ngDevMode ? [{ debugName: "alwaysSubmitOnEnter", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether to autofocus the input on mount
+     */
+    autoFocus = input(undefined, ...(ngDevMode ? [{ debugName: "autoFocus", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether the combobox should close after an item is selected
+     *
+     * @default false
+     */
+    closeOnSelect = input(undefined, ...(ngDevMode ? [{ debugName: "closeOnSelect", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether the combobox is a composed with other composite widgets
+     *
+     * @default true
+     */
+    composite = input(undefined, ...(ngDevMode ? [{ debugName: "composite", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The initial value of the highlighted item when opened.
+     * Use when you don't need to control the highlighted value of the combobox.
+     */
+    defaultHighlightedValue = input(...(ngDevMode ? [undefined, { debugName: "defaultHighlightedValue" }] : []));
+    /**
+     * The initial value of the input when opened.
+     */
+    defaultInputValue = input(...(ngDevMode ? [undefined, { debugName: "defaultInputValue" }] : []));
+    /**
+     * Whether the combobox's open state is controlled by the user
+     */
+    defaultOpen = input(undefined, ...(ngDevMode ? [{ debugName: "defaultOpen", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The document's text/writing direction.
+     *
+     * @default "ltr"
+     */
+    dir = input(...(ngDevMode ? [undefined, { debugName: "dir" }] : []));
+    /**
+     * Whether to disable registering this as a dismissable layer
+     */
+    disableLayer = input(undefined, ...(ngDevMode ? [{ debugName: "disableLayer", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * A root node to correctly resolve the Document in custom environments. i.e.,
+     * Iframes, Electron.
+     */
+    getRootNode = input(...(ngDevMode ? [undefined, { debugName: "getRootNode" }] : []));
+    /**
+     * The controlled key of the highlighted item
+     */
+    highlightedValue = input(...(ngDevMode ? [undefined, { debugName: "highlightedValue" }] : []));
+    /**
+     * Defines the auto-completion behavior of the combobox
+     *
+     * @default "none"
+     */
+    inputBehavior = input(...(ngDevMode ? [undefined, { debugName: "inputBehavior" }] : []));
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.)
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    /**
+     * Whether to synchronize the present change immediately or defer it to the next
+     * frame.
+     *
+     * @default false
+     */
+    immediate = input(undefined, ...(ngDevMode ? [{ debugName: "immediate", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * The value of the input
+     */
+    inputValue = input(...(ngDevMode ? [undefined, { debugName: "inputValue" }] : []));
+    /**
+     * When true, the component will not be rendered in the DOM until it becomes
+     * visible or active.
+     *
+     * @default false
+     */
+    lazyMount = input(undefined, ...(ngDevMode ? [{ debugName: "lazyMount", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether to loop the keyboard navigation through the options
+     *
+     * @default false
+     */
+    loopFocus = input(undefined, ...(ngDevMode ? [{ debugName: "loopFocus", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether to allow multiple selection
+     *
+     * @default false
+     */
+    multiple = input(undefined, ...(ngDevMode ? [{ debugName: "multiple", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether the combobox menu is open
+     */
+    open = input(undefined, ...(ngDevMode ? [{ debugName: "open", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether to show the combobox when the input value changes
+     *
+     * @default true
+     */
+    openOnChange = input(undefined, ...(ngDevMode ? [{ debugName: "openOnChange", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether to open the combobox popup on click
+     *
+     * @default true
+     */
+    openOnClick = input(undefined, ...(ngDevMode ? [{ debugName: "openOnClick", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Whether to open the combobox on arrow key press
+     *
+     * @default true
+     */
+    openOnKeyPress = input(undefined, ...(ngDevMode ? [{ debugName: "openOnKeyPress", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Placeholder text to display when no value is selected.
+     *
+     * @default "Select option"
+     */
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
+    /**
+     * The positioning options of the menu.
+     *
+     * @inheritDoc
+     */
+    positioning = input(...(ngDevMode ? [undefined, { debugName: "positioning" }] : []));
+    /**
+     * The controlled presence of the node.
+     */
+    present = input(undefined, ...(ngDevMode ? [{ debugName: "present" }] : []));
+    /**
+     * Function to scroll to a specific index
+     */
+    scrollToIndexFn = input(...(ngDevMode ? [undefined, { debugName: "scrollToIndexFn" }] : []));
+    /**
+     * The behavior of the combobox input when an item is selected
+     * - `replace`: The selected item string is set as the input value
+     * - `clear`: The input value is cleared
+     * - `preserve`: The input value is preserved
+     *
+     * @default "replace"
+     */
+    selectionBehavior = input(...(ngDevMode ? [undefined, { debugName: "selectionBehavior" }] : []));
+    /**
+     * Whether to allow the initial presence animation.
+     *
+     * @default false
+     */
+    skipAnimationOnMount = input(undefined, ...(ngDevMode ? [{ debugName: "skipAnimationOnMount", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
+    /**
+     * Specifies the localized strings
+     */
+    translations = input(...(ngDevMode ? [undefined, { debugName: "translations" }] : []));
+    /**
+     * When true, the component will be completely removed from the DOM when it
+     * becomes inactive or hidden, rather than just being hidden with CSS.
+     *
+     * @default false
+     */
+    unmountOnExit = input(undefined, ...(ngDevMode ? [{ debugName: "unmountOnExit", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Function called when the animation ends in the closed state
+     */
+    exitCompleted = output();
+    /**
+     * Function called when the focus is moved outside the component
+     */
+    focusOutside = output();
+    /**
+     * The callback fired when the highlighted item changes.
+     */
+    highlightChanged = output();
+    /**
+     * The callback fired when the input value changes
+     */
+    inputValueChanged = output();
+    /**
+     * Function called when an interaction happens outside the component
+     */
+    interactOutside = output();
+    /**
+     * Function invoked when the popup opens or closes
+     */
+    openChanged = output();
+    /**
+     * Function called when the pointer is pressed down outside the component
+     */
+    pointerDownOutside = output();
+    /**
+     * The callback fired when the selected item changes.
+     */
+    valueChanged = output();
+    document = inject(DOCUMENT);
+    isMounted = useIsMounted();
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    comboboxContext = inject(ComboboxContextService);
+    presenceService = inject(PresenceContextService);
+    trackBindings = useTrackBindings(() => this.comboboxContext.context().getRootBindings({
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }));
+    ngOnInit() {
+        super.ngOnInit();
+        const initialDefaultValue = this.collection().getValues(this.defaultValue());
+        const machine = useMachine(comboboxMachine, computed(() => {
+            return {
+                allowCustomValue: this.allowCustomValue(),
+                alwaysSubmitOnEnter: this.alwaysSubmitOnEnter(),
+                autoFocus: this.autoFocus(),
+                closeOnSelect: this.closeOnSelect(),
+                collection: this.collection(),
+                composite: this.composite(),
+                defaultHighlightedValue: this.defaultHighlightedValue(),
+                defaultInputValue: this.defaultInputValue(),
+                defaultOpen: this.defaultOpen(),
+                defaultValue: initialDefaultValue,
+                dir: this.dir(),
+                disabled: this.isDisabled(),
+                disableLayer: this.disableLayer(),
+                form: undefined,
+                getRootNode: this.getRootNode() || (() => this.document),
+                highlightedValue: this.highlightedValue(),
+                id: this.id(),
+                ids: undefined,
+                inputBehavior: this.inputBehavior(),
+                inputValue: this.inputValue(),
+                invalid: this.isInvalid(),
+                loopFocus: this.loopFocus(),
+                multiple: this.multiple(),
+                name: this.name(),
+                onFocusOutside: (event) => {
+                    if (this.isMounted()) {
+                        this.focusOutside.emit(event);
+                        this.onTouched();
+                    }
+                },
+                onHighlightChange: (details) => {
+                    if (this.isMounted()) {
+                        this.highlightChanged.emit({
+                            value: details.highlightedValue,
+                            ...details,
+                        });
+                    }
+                },
+                onInputValueChange: (details) => {
+                    if (this.isMounted()) {
+                        this.inputValueChanged.emit(details);
+                    }
+                },
+                onInteractOutside: (event) => {
+                    if (this.isMounted()) {
+                        this.interactOutside.emit(event);
+                    }
+                },
+                onOpenChange: (details) => {
+                    if (this.isMounted()) {
+                        this.openChanged.emit(details);
+                        if (!details.open) {
+                            this.onTouched();
+                        }
+                    }
+                },
+                onPointerDownOutside: (event) => {
+                    if (this.isMounted()) {
+                        this.pointerDownOutside.emit(event);
+                    }
+                },
+                onSelect: undefined,
+                onValueChange: (details) => {
+                    if (!this.control) {
+                        if (this.isMounted()) {
+                            this.valueChanged.emit({ ...details, value: details.value });
+                        }
+                        this.value.set(details.items);
+                        return;
+                    }
+                    this.onChange(details.items);
+                    if (!this.control?.touched) {
+                        this.control.markAsTouched?.();
+                    }
+                    if (!this.control?.dirty) {
+                        this.control.markAsDirty?.();
+                    }
+                },
+                open: this.open(),
+                openOnChange: this.openOnChange(),
+                openOnClick: this.openOnClick(),
+                openOnKeyPress: this.openOnKeyPress(),
+                placeholder: this.placeholder(),
+                positioning: this.positioning(),
+                readOnly: this.readOnly(),
+                required: this.isRequired(),
+                scrollToIndexFn: this.scrollToIndexFn(),
+                selectionBehavior: this.selectionBehavior(),
+                translations: this.translations(),
+                value: this.collection().getValues(this.value()),
+            };
+        }), this.injector);
+        const comboboxApi = computed(() => createComboboxApi(machine, normalizeProps), ...(ngDevMode ? [{ debugName: "comboboxApi" }] : []));
+        this.comboboxContext.init(comboboxApi);
+        const presence = useMachine(presenceMachine, computed(() => {
+            const present = this.present();
+            const api = comboboxApi();
+            const showing = isDefined(present) ? present : api.open;
+            untracked(() => {
+                if (this.presenceService.initialized()) {
+                    this.presenceService.immediatePresent = showing;
+                }
+            });
+            return {
+                immediate: this.immediate(),
+                lazyMount: this.lazyMount(),
+                onExitComplete: () => {
+                    if (this.isMounted()) {
+                        this.exitCompleted.emit();
+                    }
+                },
+                present: showing,
+                skipAnimationOnMount: this.skipAnimationOnMount(),
+                unmountOnExit: this.unmountOnExit(),
+            };
+        }), this.injector);
+        this.presenceService.init(computed(() => createPresenceApi(presence, normalizeProps)));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreComboboxRootDirective, isStandalone: true, inputs: { allowCustomValue: { classPropertyName: "allowCustomValue", publicName: "allowCustomValue", isSignal: true, isRequired: false, transformFunction: null }, alwaysSubmitOnEnter: { classPropertyName: "alwaysSubmitOnEnter", publicName: "alwaysSubmitOnEnter", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, composite: { classPropertyName: "composite", publicName: "composite", isSignal: true, isRequired: false, transformFunction: null }, defaultHighlightedValue: { classPropertyName: "defaultHighlightedValue", publicName: "defaultHighlightedValue", isSignal: true, isRequired: false, transformFunction: null }, defaultInputValue: { classPropertyName: "defaultInputValue", publicName: "defaultInputValue", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, disableLayer: { classPropertyName: "disableLayer", publicName: "disableLayer", isSignal: true, isRequired: false, transformFunction: null }, getRootNode: { classPropertyName: "getRootNode", publicName: "getRootNode", isSignal: true, isRequired: false, transformFunction: null }, highlightedValue: { classPropertyName: "highlightedValue", publicName: "highlightedValue", isSignal: true, isRequired: false, transformFunction: null }, inputBehavior: { classPropertyName: "inputBehavior", publicName: "inputBehavior", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, immediate: { classPropertyName: "immediate", publicName: "immediate", isSignal: true, isRequired: false, transformFunction: null }, inputValue: { classPropertyName: "inputValue", publicName: "inputValue", isSignal: true, isRequired: false, transformFunction: null }, lazyMount: { classPropertyName: "lazyMount", publicName: "lazyMount", isSignal: true, isRequired: false, transformFunction: null }, loopFocus: { classPropertyName: "loopFocus", publicName: "loopFocus", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, openOnChange: { classPropertyName: "openOnChange", publicName: "openOnChange", 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 }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, positioning: { classPropertyName: "positioning", publicName: "positioning", isSignal: true, isRequired: false, transformFunction: null }, present: { classPropertyName: "present", publicName: "present", isSignal: true, isRequired: false, transformFunction: null }, scrollToIndexFn: { classPropertyName: "scrollToIndexFn", publicName: "scrollToIndexFn", isSignal: true, isRequired: false, transformFunction: null }, selectionBehavior: { classPropertyName: "selectionBehavior", publicName: "selectionBehavior", isSignal: true, isRequired: false, transformFunction: null }, skipAnimationOnMount: { classPropertyName: "skipAnimationOnMount", publicName: "skipAnimationOnMount", isSignal: true, isRequired: false, transformFunction: null }, translations: { classPropertyName: "translations", publicName: "translations", isSignal: true, isRequired: false, transformFunction: null }, unmountOnExit: { classPropertyName: "unmountOnExit", publicName: "unmountOnExit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { exitCompleted: "exitCompleted", focusOutside: "focusOutside", highlightChanged: "highlightChanged", inputValueChanged: "inputValueChanged", interactOutside: "interactOutside", openChanged: "openChanged", pointerDownOutside: "pointerDownOutside", valueChanged: "valueChanged" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxRootDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { allowCustomValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowCustomValue", required: false }] }], alwaysSubmitOnEnter: [{ type: i0.Input, args: [{ isSignal: true, alias: "alwaysSubmitOnEnter", required: false }] }], autoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoFocus", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], composite: [{ type: i0.Input, args: [{ isSignal: true, alias: "composite", required: false }] }], defaultHighlightedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultHighlightedValue", required: false }] }], defaultInputValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultInputValue", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], disableLayer: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableLayer", required: false }] }], getRootNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "getRootNode", required: false }] }], highlightedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightedValue", required: false }] }], inputBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputBehavior", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], immediate: [{ type: i0.Input, args: [{ isSignal: true, alias: "immediate", required: false }] }], inputValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputValue", required: false }] }], lazyMount: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazyMount", required: false }] }], loopFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "loopFocus", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], openOnChange: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnChange", required: false }] }], openOnClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnClick", required: false }] }], openOnKeyPress: [{ type: i0.Input, args: [{ isSignal: true, alias: "openOnKeyPress", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], positioning: [{ type: i0.Input, args: [{ isSignal: true, alias: "positioning", required: false }] }], present: [{ type: i0.Input, args: [{ isSignal: true, alias: "present", required: false }] }], scrollToIndexFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollToIndexFn", required: false }] }], selectionBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionBehavior", required: false }] }], skipAnimationOnMount: [{ type: i0.Input, args: [{ isSignal: true, alias: "skipAnimationOnMount", required: false }] }], translations: [{ type: i0.Input, args: [{ isSignal: true, alias: "translations", required: false }] }], unmountOnExit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unmountOnExit", required: false }] }], exitCompleted: [{ type: i0.Output, args: ["exitCompleted"] }], focusOutside: [{ type: i0.Output, args: ["focusOutside"] }], highlightChanged: [{ type: i0.Output, args: ["highlightChanged"] }], inputValueChanged: [{ type: i0.Output, args: ["inputValueChanged"] }], interactOutside: [{ type: i0.Output, args: ["interactOutside"] }], openChanged: [{ type: i0.Output, args: ["openChanged"] }], pointerDownOutside: [{ type: i0.Output, args: ["pointerDownOutside"] }], valueChanged: [{ type: i0.Output, args: ["valueChanged"] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class CoreComboboxTriggerDirective {
+    /**
+     * Whether the trigger is focusable
+     */
+    focusable = input(undefined, ...(ngDevMode ? [{ debugName: "focusable", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * {@link https://www.w3schools.com/html/html_id.asp id attribute}. If
+     * omitted, a unique identifier will be generated for accessibility.
+     */
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    comboboxContext = useComboboxContext();
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    onDestroy = useOnDestroy();
+    trackBindings = useTrackBindings(() => this.comboboxContext().getTriggerBindings({
+        focusable: this.focusable(),
+        id: this.hostId(),
+        onDestroy: this.onDestroy,
+    }));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: CoreComboboxTriggerDirective, isStandalone: true, inputs: { focusable: { classPropertyName: "focusable", publicName: "focusable", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: CoreComboboxTriggerDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { focusable: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusable", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { COMBOBOX_CONTEXT, COMBOBOX_ITEM_CONTEXT, COMBOBOX_ITEM_GROUP_CONTEXT, ComboboxContextService, ComboboxItemContextService, ComboboxItemGroupContextService, CoreComboboxClearTriggerDirective, CoreComboboxContentDirective, CoreComboboxControlDirective, CoreComboboxEmptyDirective, CoreComboboxErrorIndicatorDirective, CoreComboboxErrorTextDirective, CoreComboboxHintDirective, CoreComboboxInputDirective, CoreComboboxItemDirective, CoreComboboxItemGroupDirective, CoreComboboxItemGroupLabelDirective, CoreComboboxItemIndicatorDirective, CoreComboboxItemTextDirective, CoreComboboxLabelDirective, CoreComboboxPositionerDirective, CoreComboboxRootDirective, CoreComboboxTriggerDirective, provideComboboxContext, provideComboboxItemContext, provideComboboxItemGroupContext, useComboboxContext, useComboboxItemContext, useComboboxItemGroupContext };
+//# sourceMappingURL=qualcomm-ui-angular-core-combobox.mjs.map