@qualcomm-ui/angular 1.1.0 → 1.1.1

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

@@ -0,0 +1,1173 @@
+import * as i0 from '@angular/core';
+import { Injectable, computed, Component, Directive, inject, input, ElementRef, Renderer2, signal, effect, booleanAttribute, TemplateRef, ViewContainerRef, contentChild, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { X, CircleAlert, Check, Asterisk, ChevronDown } from 'lucide-angular';
+import { useInputClearTrigger, useQdsInputContext, useInputErrorIndicator, useInputErrorText, useInputHint, QdsInputContextService, provideQdsInputContext } from '@qualcomm-ui/angular/input';
+import { CoreComboboxClearTriggerDirective, CoreComboboxContentDirective, ComboboxContextService, CoreComboboxControlDirective, CoreComboboxEmptyDirective, CoreComboboxErrorIndicatorDirective, CoreComboboxErrorTextDirective, CoreComboboxHintDirective, CoreComboboxInputDirective, CoreComboboxItemIndicatorDirective, CoreComboboxItemTextDirective, CoreComboboxItemDirective, provideComboboxItemContext, useComboboxContext, CoreComboboxLabelDirective, CoreComboboxPositionerDirective, CoreComboboxRootDirective, provideComboboxContext, CoreComboboxTriggerDirective, ComboboxItemContextService } from '@qualcomm-ui/angular-core/combobox';
+import { provideIcons } from '@qualcomm-ui/angular-core/lucide';
+import { mergeProps } from '@qualcomm-ui/utils/merge-props';
+import * as i2 from '@qualcomm-ui/angular-core/machine';
+import { BaseApiContextService, createApiContext, ApiContextDirective, useTrackBindings, normalizeProps, QBindDirective } from '@qualcomm-ui/angular-core/machine';
+import * as i1 from '@qualcomm-ui/angular/icon';
+import { IconDirective } from '@qualcomm-ui/angular/icon';
+import { providePresenceContext } from '@qualcomm-ui/angular-core/presence';
+import { createQdsInputApi } from '@qualcomm-ui/qds-core/input';
+import { createQdsSelectApi } from '@qualcomm-ui/qds-core/select';
+import { useInlineIconButtonApi } from '@qualcomm-ui/angular/inline-icon-button';
+import { useIsMounted } from '@qualcomm-ui/angular-core/common';
+import { injectVirtualizer, ANGULAR_VIRTUALIZER_INSTANCE_TOKEN } from '@qualcomm-ui/angular-core/virtual';
+import * as i1$1 from '@qualcomm-ui/angular-core/portal';
+import { PortalDirective } from '@qualcomm-ui/angular-core/portal';
+import * as i2$1 from '@qualcomm-ui/angular-core/highlight';
+import { HighlightDirective } from '@qualcomm-ui/angular-core/highlight';
+import { TagDirective } from '@qualcomm-ui/angular/tag';
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class QdsComboboxContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: QdsComboboxContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: QdsComboboxContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: QdsComboboxContextService, decorators: [{
+            type: Injectable
+        }] });
+const [QDS_COMBOBOX_CONTEXT, useQdsComboboxContext, provideQdsComboboxContext,] = createApiContext("QdsComboboxContext", QdsComboboxContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxClearTriggerDirective extends CoreComboboxClearTriggerDirective {
+    qdsComboboxContext = useQdsComboboxContext();
+    clearTriggerContext = useInputClearTrigger();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => mergeProps(this.clearTriggerContext.getRootBindings(), this.qdsComboboxContext().getClearTriggerBindings())));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxClearTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: ComboboxClearTriggerDirective, isStandalone: false, selector: "[q-combobox-clear-trigger]", providers: [provideIcons({ X })], usesInheritance: true, ngImport: i0, template: `
+    <ng-content>
+      <svg qIcon="X" [q-bind]="clearTriggerContext.getIconBindings()"></svg>
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxClearTriggerDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ X })],
+                    selector: "[q-combobox-clear-trigger]",
+                    standalone: false,
+                    template: `
+    <ng-content>
+      <svg qIcon="X" [q-bind]="clearTriggerContext.getIconBindings()"></svg>
+    </ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxContentDirective extends CoreComboboxContentDirective {
+    qdsComboboxContext = useQdsComboboxContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsComboboxContext().getContentBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: ComboboxContentDirective, isStandalone: false, selector: "[q-combobox-content]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-combobox-content]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxContextDirective extends ApiContextDirective {
+    constructor() {
+        const contextService = inject(ComboboxContextService);
+        super(contextService, "comboboxContext");
+    }
+    /**
+     * Type guard for the context, provides intellisense for the context in the
+     * template.
+     */
+    static ngTemplateContextGuard(dir, ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: ComboboxContextDirective, isStandalone: false, selector: "[comboboxContext]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxContext]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxControlDirective extends CoreComboboxControlDirective {
+    qdsInputContext = useQdsInputContext();
+    qdsComboboxContext = useQdsComboboxContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsComboboxContext().getControlBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: ComboboxControlDirective, isStandalone: false, selector: "[q-combobox-control]", usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="[q-combobox-icon]">
+      @if (qdsInputContext().startIcon) {
+        <svg
+          [q-bind]="qdsComboboxContext().getIconBindings()"
+          [qIcon]="qdsInputContext().startIcon!"
+        />
+      }
+    </ng-content>
+    <ng-content />
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxControlDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-combobox-control]",
+                    standalone: false,
+                    template: `
+    <ng-content select="[q-combobox-icon]">
+      @if (qdsInputContext().startIcon) {
+        <svg
+          [q-bind]="qdsComboboxContext().getIconBindings()"
+          [qIcon]="qdsInputContext().startIcon!"
+        />
+      }
+    </ng-content>
+    <ng-content />
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxEmptyDirective extends CoreComboboxEmptyDirective {
+    qdsContext = useQdsComboboxContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getItemBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxEmptyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: ComboboxEmptyDirective, isStandalone: false, selector: "[q-combobox-empty]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxEmptyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-combobox-empty]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxErrorIndicatorDirective extends CoreComboboxErrorIndicatorDirective {
+    /**
+     * lucide-angular icon
+     *
+     * @default CircleAlert
+     */
+    icon = input(CircleAlert, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    inputErrorIndicatorContext = useInputErrorIndicator();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(() => this.inputErrorIndicatorContext.getBindings());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxErrorIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", type: ComboboxErrorIndicatorDirective, isStandalone: false, selector: "[q-combobox-error-indicator]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <ng-content>
+      <svg [qIcon]="icon()"></svg>
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxErrorIndicatorDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-combobox-error-indicator]",
+                    standalone: false,
+                    template: `
+    <ng-content>
+      <svg [qIcon]="icon()"></svg>
+    </ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxErrorTextDirective extends CoreComboboxErrorTextDirective {
+    /**
+     * Optional error indicator icon.
+     */
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    errorTextContext = useInputErrorText();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(() => this.errorTextContext.getBindings());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxErrorTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: ComboboxErrorTextDirective, isStandalone: false, selector: "[q-combobox-error-text]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    @if (icon()) {
+      <svg [qIcon]="icon()!" />
+    }
+    <ng-content />
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxErrorTextDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-combobox-error-text]",
+                    standalone: false,
+                    template: `
+    @if (icon()) {
+      <svg [qIcon]="icon()!" />
+    }
+    <ng-content />
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxHintDirective extends CoreComboboxHintDirective {
+    hintContext = useInputHint();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(() => this.hintContext.getBindings());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: ComboboxHintDirective, isStandalone: false, selector: "[q-combobox-hint]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxHintDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-combobox-hint]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxIconDirective {
+    qdsInputContext = useQdsInputContext();
+    trackBindings = useTrackBindings(() => this.qdsInputContext().getStartIconBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: ComboboxIconDirective, isStandalone: false, selector: "[q-combobox-icon]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-combobox-icon]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxInputDirective extends CoreComboboxInputDirective {
+    qdsInputContext = useQdsInputContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(() => this.qdsInputContext().getInputBindings());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: ComboboxInputDirective, isStandalone: false, selector: "[q-combobox-input]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-combobox-input]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxItemIndicatorDirective extends CoreComboboxItemIndicatorDirective {
+    qdsContext = useQdsComboboxContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getItemIndicatorBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxItemIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: ComboboxItemIndicatorDirective, isStandalone: false, selector: "[q-combobox-item-indicator]", providers: [provideIcons({ Check })], usesInheritance: true, ngImport: i0, template: `
+    <ng-content>
+      <svg qIcon="Check"></svg>
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxItemIndicatorDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ Check })],
+                    selector: "[q-combobox-item-indicator]",
+                    standalone: false,
+                    template: `
+    <ng-content>
+      <svg qIcon="Check"></svg>
+    </ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxItemTextDirective extends CoreComboboxItemTextDirective {
+    qdsComboboxContext = useQdsComboboxContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsComboboxContext().getItemTextBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxItemTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: ComboboxItemTextDirective, isStandalone: false, selector: "[q-combobox-item-text]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxItemTextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-combobox-item-text]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxItemDirective extends CoreComboboxItemDirective {
+    qdsComboboxContext = useQdsComboboxContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsComboboxContext().getItemBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: ComboboxItemDirective, isStandalone: false, selector: "[q-combobox-item]", providers: [provideComboboxItemContext()], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [provideComboboxItemContext()],
+                    selector: "[q-combobox-item]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxItemsComponent {
+    comboboxContext = useComboboxContext();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: ComboboxItemsComponent, isStandalone: false, selector: "q-combobox-items", ngImport: i0, template: `
+    @for (
+      item of comboboxContext().collection.items;
+      track comboboxContext().collection.getItemValue(item)
+    ) {
+      <div q-combobox-item [item]="item">
+        <span q-combobox-item-text>
+          {{ comboboxContext().collection.stringifyItem(item) }}
+        </span>
+        <span q-combobox-item-indicator></span>
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: ComboboxItemDirective, selector: "[q-combobox-item]" }, { kind: "component", type: ComboboxItemIndicatorDirective, selector: "[q-combobox-item-indicator]" }, { kind: "directive", type: ComboboxItemTextDirective, selector: "[q-combobox-item-text]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxItemsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "q-combobox-items", standalone: false, template: `
+    @for (
+      item of comboboxContext().collection.items;
+      track comboboxContext().collection.getItemValue(item)
+    ) {
+      <div q-combobox-item [item]="item">
+        <span q-combobox-item-text>
+          {{ comboboxContext().collection.stringifyItem(item) }}
+        </span>
+        <span q-combobox-item-indicator></span>
+      </div>
+    }
+  `, styles: [":host{display:contents}\n"] }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxLabelDirective extends CoreComboboxLabelDirective {
+    qdsInputContext = useQdsInputContext();
+    qdsComboboxContext = useQdsComboboxContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsComboboxContext().getLabelBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: ComboboxLabelDirective, isStandalone: false, selector: "[q-combobox-label]", providers: [provideIcons({ Asterisk })], usesInheritance: true, ngImport: i0, template: `
+    <ng-content />
+    @if (comboboxContext().required) {
+      <svg
+        qIcon="Asterisk"
+        size="xs"
+        [q-bind]="qdsInputContext().getRequiredIndicatorBindings()"
+      ></svg>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxLabelDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ Asterisk })],
+                    selector: "[q-combobox-label]",
+                    standalone: false,
+                    template: `
+    <ng-content />
+    @if (comboboxContext().required) {
+      <svg
+        qIcon="Asterisk"
+        size="xs"
+        [q-bind]="qdsInputContext().getRequiredIndicatorBindings()"
+      ></svg>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxPositionerDirective extends CoreComboboxPositionerDirective {
+    qdsContext = useQdsComboboxContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getPositionerBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxPositionerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: ComboboxPositionerDirective, isStandalone: false, selector: "[q-combobox-positioner]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxPositionerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-combobox-positioner]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxRootDirective extends CoreComboboxRootDirective {
+    /**
+     * {@link https://lucide.dev lucide icon}, positioned at the start of the control element.
+     */
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    /**
+     * The size of the combobox and its elements. Governs properties like font size,
+     * item padding, and icon sizes.
+     *
+     * @default 'md'
+     */
+    size = input("md", ...(ngDevMode ? [{ debugName: "size" }] : []));
+    qdsComboboxService = inject(QdsComboboxContextService);
+    qdsInputService = inject(QdsInputContextService);
+    ngOnInit() {
+        this.trackBindings.extendWith(computed(() => this.qdsComboboxService.context().getRootBindings()));
+        this.qdsComboboxService.init(computed(() => createQdsSelectApi({
+            size: this.size(),
+        }, normalizeProps)));
+        this.qdsInputService.init(computed(() => createQdsInputApi({
+            size: this.size(),
+            startIcon: this.icon(),
+        }, normalizeProps)));
+        super.ngOnInit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: ComboboxRootDirective, isStandalone: false, selector: "[q-combobox-root]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            provideComboboxContext(),
+            provideQdsComboboxContext(),
+            provideQdsInputContext(),
+            providePresenceContext(),
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        provideComboboxContext(),
+                        provideQdsComboboxContext(),
+                        provideQdsInputContext(),
+                        providePresenceContext(),
+                    ],
+                    selector: "[q-combobox-root]",
+                    standalone: false,
+                }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxTriggerDirective extends CoreComboboxTriggerDirective {
+    qdsComboboxContext = useQdsComboboxContext();
+    inlineIconButtonApi = useInlineIconButtonApi({
+        emphasis: "neutral",
+        size: computed(() => this.qdsComboboxContext().size === "sm" ? "sm" : "md"),
+        variant: "scale",
+    });
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => mergeProps(this.qdsComboboxContext().getIndicatorBindings(), this.inlineIconButtonApi().getRootBindings())));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: ComboboxTriggerDirective, isStandalone: false, selector: "[q-combobox-trigger]", providers: [provideIcons({ ChevronDown })], usesInheritance: true, ngImport: i0, template: `
+    <ng-content>
+      <svg
+        qIcon="ChevronDown"
+        [q-bind]="inlineIconButtonApi().getIconBindings()"
+      ></svg>
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxTriggerDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ ChevronDown })],
+                    selector: "[q-combobox-trigger]",
+                    standalone: false,
+                    template: `
+    <ng-content>
+      <svg
+        qIcon="ChevronDown"
+        [q-bind]="inlineIconButtonApi().getIconBindings()"
+      ></svg>
+    </ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxVirtualContentDirective extends CoreComboboxContentDirective {
+    /**
+     * {@link https://tanstack.com/virtual/v3/docs/api/virtualizer @tanstack/angular-virtual options},
+     * forwarded to the virtualizer.
+     *
+     * @inheritDoc
+     */
+    virtualOptions = input(...(ngDevMode ? [undefined, { debugName: "virtualOptions" }] : []));
+    qdsComboboxContext = useQdsComboboxContext();
+    elementRef = inject(ElementRef);
+    positionerRef = () => this.elementRef.nativeElement?.parentElement;
+    virtualizer = injectVirtualizer(() => ({
+        count: this.comboboxContext().collection.items.length,
+        estimateSize: () => (this.qdsComboboxContext().size === "sm" ? 32 : 40),
+        getItemKey: (index) => this.comboboxContext().collection.getItemValue(this.comboboxContext().collection.items.at(index)) || "",
+        overscan: 5,
+        // account for 2px border
+        paddingEnd: 2,
+        scrollElement: this.positionerRef() || undefined,
+        scrollPaddingEnd: 2,
+        ...this.virtualOptions(),
+    }));
+    isMounted = useIsMounted();
+    timeout = undefined;
+    scrollFnInitialized = false;
+    renderer = inject(Renderer2);
+    scrollbarWidth = signal("0px", ...(ngDevMode ? [{ debugName: "scrollbarWidth" }] : []));
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => mergeProps(this.qdsComboboxContext().getContentBindings(), {
+            "data-virtual": "",
+        })));
+        effect(() => {
+            const context = this.comboboxContext();
+            if (this.scrollFnInitialized || !context) {
+                return;
+            }
+            this.scrollFnInitialized = true;
+            this.comboboxContext().setScrollToIndexFn(this.scrollToVirtualIndex);
+        });
+        effect(() => {
+            // recompute on context change
+            this.comboboxContext();
+            requestAnimationFrame(() => {
+                const positioner = this.positionerRef();
+                if (!positioner) {
+                    this.scrollbarWidth.set(`0px`);
+                    return;
+                }
+                this.scrollbarWidth.set(`${positioner.offsetWidth - positioner.clientWidth}px`);
+            });
+        });
+    }
+    scrollToVirtualIndex = (details) => {
+        const scrollOptions = {
+            align: "auto",
+            behavior: "auto",
+        };
+        if (!details) {
+            return;
+        }
+        if (details.immediate) {
+            this.virtualizer.scrollToIndex(details.index, scrollOptions);
+        }
+        else {
+            clearTimeout(this.timeout);
+            this.timeout = setTimeout(() => {
+                if (this.isMounted()) {
+                    this.virtualizer.scrollToIndex(details.index, scrollOptions);
+                }
+            });
+        }
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxVirtualContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: ComboboxVirtualContentDirective, isStandalone: false, selector: "[q-combobox-virtual-content]", inputs: { virtualOptions: { classPropertyName: "virtualOptions", publicName: "virtualOptions", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--scrollbar-width": "scrollbarWidth()", "style.height.px": "virtualizer.getTotalSize()" } }, providers: [
+            {
+                provide: ANGULAR_VIRTUALIZER_INSTANCE_TOKEN,
+                useFactory: () => {
+                    const directive = inject(ComboboxVirtualContentDirective);
+                    return directive.virtualizer;
+                },
+            },
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxVirtualContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    host: {
+                        "[style.--scrollbar-width]": "scrollbarWidth()",
+                        "[style.height.px]": "virtualizer.getTotalSize()",
+                    },
+                    providers: [
+                        {
+                            provide: ANGULAR_VIRTUALIZER_INSTANCE_TOKEN,
+                            useFactory: () => {
+                                const directive = inject(ComboboxVirtualContentDirective);
+                                return directive.virtualizer;
+                            },
+                        },
+                    ],
+                    selector: "[q-combobox-virtual-content]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [], propDecorators: { virtualOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualOptions", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+/**
+ * Virtual item renderer. Only intended to be used as a child of the
+ * `q-combobox-virtual-content` directive.
+ */
+class ComboboxVirtualItemDirective {
+    qdsComboboxContext = useQdsComboboxContext();
+    /**
+     * A virtual item returned from `virtualizer.getVirtualItems()`
+     */
+    virtualItem = input.required(...(ngDevMode ? [{ debugName: "virtualItem" }] : []));
+    /**
+     * Whether hovering outside should clear the highlighted state
+     */
+    persistFocus = input(undefined, ...(ngDevMode ? [{ debugName: "persistFocus", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    comboboxContext = useComboboxContext();
+    comboboxItemService = inject(ComboboxItemContextService);
+    virtualItemStart = computed(() => {
+        const virtualItem = this.virtualItem();
+        return `${virtualItem.start}px`;
+    }, ...(ngDevMode ? [{ debugName: "virtualItemStart" }] : []));
+    trackBindings = useTrackBindings(() => mergeProps(this.comboboxContext().getItemBindings(this.comboboxItemService.context()), this.qdsComboboxContext().getItemBindings(), { "data-virtual": "" }));
+    ngOnInit() {
+        this.comboboxItemService.init(computed(() => this.comboboxContext().getItemState({
+            item: this.comboboxContext().collection.items.at(this.virtualItem().index),
+            persistFocus: this.persistFocus(),
+        })));
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxVirtualItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: ComboboxVirtualItemDirective, isStandalone: false, selector: "[q-combobox-virtual-item]", inputs: { virtualItem: { classPropertyName: "virtualItem", publicName: "virtualItem", isSignal: true, isRequired: true, transformFunction: null }, persistFocus: { classPropertyName: "persistFocus", publicName: "persistFocus", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--virtual-item-start": "virtualItemStart()" } }, providers: [provideComboboxItemContext()], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxVirtualItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    host: {
+                        "[style.--virtual-item-start]": "virtualItemStart()",
+                    },
+                    providers: [provideComboboxItemContext()],
+                    selector: "[q-combobox-virtual-item]",
+                    standalone: false,
+                }]
+        }], propDecorators: { virtualItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtualItem", required: true }] }], 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 ComboboxVirtualizerDirective {
+    templateRef = inject(TemplateRef);
+    viewContainerRef = inject(ViewContainerRef);
+    virtualizer = inject(ANGULAR_VIRTUALIZER_INSTANCE_TOKEN);
+    static ngTemplateContextGuard(dir, ctx) {
+        return true;
+    }
+    ngOnInit() {
+        const virtualizer = this.virtualizer;
+        this.viewContainerRef.createEmbeddedView(this.templateRef, {
+            $implicit: virtualizer,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxVirtualizerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: ComboboxVirtualizerDirective, isStandalone: false, selector: "[comboboxVirtualizer]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxVirtualizerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[comboboxVirtualizer]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxComponent extends ComboboxRootDirective {
+    /**
+     * ARIA label applied to the control element. Use this if you omit the {@link
+     * label}
+     */
+    ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
+    /**
+     * When `true`, renders a clear button that resets the input value on click.
+     * The button only appears when the input has a value.
+     *
+     * @default true
+     */
+    clearable = input(true, ...(ngDevMode ? [{ debugName: "clearable", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Set to true to disable portalling behavior for the combobox dropdown content.
+     */
+    disablePortal = input(undefined, ...(ngDevMode ? [{ debugName: "disablePortal", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Text to display when no items match the filter.
+     *
+     * @default 'No results found'
+     */
+    emptyText = input("No results found", ...(ngDevMode ? [{ debugName: "emptyText" }] : []));
+    /**
+     * Optional error that describes the element when {@link invalid} is true.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-combobox-error-text>...</div>
+     * ```
+     */
+    errorText = input(...(ngDevMode ? [undefined, { debugName: "errorText" }] : []));
+    /**
+     * Optional hint describing the element. This element is automatically
+     * associated with the component's input element for accessibility.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-combobox-hint>...</div>
+     * ```
+     */
+    hint = input(...(ngDevMode ? [undefined, { debugName: "hint" }] : []));
+    /**
+     * Set to `true` to highlight option text matches during filtering.
+     */
+    highlightMatchingText = input(undefined, ...(ngDevMode ? [{ debugName: "highlightMatchingText", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Optional label describing the element. Recommended. This element is
+     * automatically associated with the component's input element for
+     * accessibility.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-combobox-label>...</div>
+     * ```
+     */
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    /**
+     * When `true`, the list items will be virtually rendered. Useful for large lists.
+     */
+    virtual = input(undefined, ...(ngDevMode ? [{ debugName: "virtual", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    customContent = contentChild(ComboboxContentDirective, ...(ngDevMode ? [{ debugName: "customContent" }] : []));
+    customVirtualContent = contentChild(ComboboxVirtualContentDirective, ...(ngDevMode ? [{ debugName: "customVirtualContent" }] : []));
+    shouldRenderCustom = computed(() => !!this.customContent(), ...(ngDevMode ? [{ debugName: "shouldRenderCustom" }] : []));
+    shouldRenderVirtual = computed(() => !!this.customVirtualContent(), ...(ngDevMode ? [{ debugName: "shouldRenderVirtual" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: ComboboxComponent, isStandalone: false, selector: "q-combobox", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, disablePortal: { classPropertyName: "disablePortal", publicName: "disablePortal", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, errorText: { classPropertyName: "errorText", publicName: "errorText", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, highlightMatchingText: { classPropertyName: "highlightMatchingText", publicName: "highlightMatchingText", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, virtual: { classPropertyName: "virtual", publicName: "virtual", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            provideComboboxContext(),
+            provideQdsComboboxContext(),
+            provideQdsInputContext(),
+            providePresenceContext(),
+        ], queries: [{ propertyName: "customContent", first: true, predicate: ComboboxContentDirective, descendants: true, isSignal: true }, { propertyName: "customVirtualContent", first: true, predicate: ComboboxVirtualContentDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="[q-combobox-label]">
+      @if (label()) {
+        <div q-combobox-label>{{ label() }}</div>
+      }
+    </ng-content>
+
+    <ng-content select="[q-combobox-control]">
+      <div q-combobox-control [attr.aria-label]="ariaLabel()">
+        <ng-content select="[q-combobox-icon]" />
+        <ng-content select="[q-combobox-input]">
+          <input q-combobox-input [placeholder]="placeholder()" />
+        </ng-content>
+        <ng-content select="[q-combobox-clear-trigger]">
+          @if (clearable()) {
+            <button q-combobox-clear-trigger></button>
+          }
+        </ng-content>
+        <ng-content select="[q-combobox-trigger]">
+          <button q-combobox-trigger></button>
+        </ng-content>
+        <ng-content select="[q-combobox-error-indicator]">
+          <div q-combobox-error-indicator></div>
+        </ng-content>
+      </div>
+    </ng-content>
+
+    <ng-content select="[q-combobox-hint]">
+      @if (hint()) {
+        <div q-combobox-hint>{{ hint() }}</div>
+      }
+    </ng-content>
+
+    <ng-content select="[q-combobox-error-text]">
+      @if (errorText()) {
+        <div q-combobox-error-text>{{ errorText() }}</div>
+      }
+    </ng-content>
+
+    <ng-template qPortal [disabled]="disablePortal()">
+      <div q-combobox-positioner>
+        @if (shouldRenderCustom()) {
+          <ng-content select="[q-combobox-content]" />
+        } @else if (shouldRenderVirtual()) {
+          <ng-content select="[q-combobox-virtual-content]" />
+        } @else {
+          @if (virtual()) {
+            <div q-combobox-virtual-content>
+              <ng-content select="[q-combobox-empty]">
+                @if (emptyText()) {
+                  <div q-combobox-empty>{{ emptyText() }}</div>
+                }
+              </ng-content>
+              <ng-container *comboboxVirtualizer="let virtualizer">
+                @for (
+                  virtualItem of virtualizer.getVirtualItems();
+                  track virtualItem.index
+                ) {
+                  @let item = collection().items.at(virtualItem.index);
+                  <div q-combobox-virtual-item [virtualItem]="virtualItem">
+                    @if (highlightMatchingText()) {
+                      <span
+                        ignoreCase
+                        q-combobox-item-text
+                        q-highlight
+                        [query]="inputValue()"
+                        [text]="collection().stringifyItem(item)"
+                      ></span>
+                    } @else {
+                      <span q-combobox-item-text>
+                        {{ collection().stringifyItem(item) }}
+                      </span>
+                    }
+                    <span q-combobox-item-indicator></span>
+                  </div>
+                }
+              </ng-container>
+            </div>
+          } @else {
+            <div q-combobox-content>
+              <ng-content select="[q-combobox-empty]">
+                @if (emptyText()) {
+                  <div q-combobox-empty>{{ emptyText() }}</div>
+                }
+              </ng-content>
+              @for (
+                item of collection().items;
+                track collection().getItemValue(item)
+              ) {
+                <div q-combobox-item [item]="item">
+                  @if (highlightMatchingText()) {
+                    <span
+                      ignoreCase
+                      q-combobox-item-text
+                      q-highlight
+                      [query]="inputValue()"
+                      [text]="collection().stringifyItem(item)"
+                    ></span>
+                  } @else {
+                    <span q-combobox-item-text>
+                      {{ collection().stringifyItem(item) }}
+                    </span>
+                  }
+                  <span q-combobox-item-indicator></span>
+                </div>
+              }
+            </div>
+          }
+        }
+      </div>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.PortalDirective, selector: "[qPortal]", inputs: ["disabled", "container"] }, { kind: "component", type: i2$1.HighlightDirective, selector: "[q-highlight]", inputs: ["exactMatch", "ignoreCase", "matchAll", "query", "text"] }, { kind: "component", type: ComboboxClearTriggerDirective, selector: "[q-combobox-clear-trigger]" }, { kind: "directive", type: ComboboxContentDirective, selector: "[q-combobox-content]" }, { kind: "component", type: ComboboxControlDirective, selector: "[q-combobox-control]" }, { kind: "directive", type: ComboboxEmptyDirective, selector: "[q-combobox-empty]" }, { kind: "component", type: ComboboxErrorIndicatorDirective, selector: "[q-combobox-error-indicator]", inputs: ["icon"] }, { kind: "component", type: ComboboxErrorTextDirective, selector: "[q-combobox-error-text]", inputs: ["icon"] }, { kind: "directive", type: ComboboxHintDirective, selector: "[q-combobox-hint]" }, { kind: "directive", type: ComboboxInputDirective, selector: "[q-combobox-input]" }, { kind: "directive", type: ComboboxItemDirective, selector: "[q-combobox-item]" }, { kind: "component", type: ComboboxItemIndicatorDirective, selector: "[q-combobox-item-indicator]" }, { kind: "directive", type: ComboboxItemTextDirective, selector: "[q-combobox-item-text]" }, { kind: "component", type: ComboboxLabelDirective, selector: "[q-combobox-label]" }, { kind: "directive", type: ComboboxPositionerDirective, selector: "[q-combobox-positioner]" }, { kind: "component", type: ComboboxTriggerDirective, selector: "[q-combobox-trigger]" }, { kind: "directive", type: ComboboxVirtualContentDirective, selector: "[q-combobox-virtual-content]", inputs: ["virtualOptions"] }, { kind: "directive", type: ComboboxVirtualItemDirective, selector: "[q-combobox-virtual-item]", inputs: ["virtualItem", "persistFocus"] }, { kind: "directive", type: ComboboxVirtualizerDirective, selector: "[comboboxVirtualizer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        provideComboboxContext(),
+                        provideQdsComboboxContext(),
+                        provideQdsInputContext(),
+                        providePresenceContext(),
+                    ],
+                    selector: "q-combobox",
+                    standalone: false,
+                    template: `
+    <ng-content select="[q-combobox-label]">
+      @if (label()) {
+        <div q-combobox-label>{{ label() }}</div>
+      }
+    </ng-content>
+
+    <ng-content select="[q-combobox-control]">
+      <div q-combobox-control [attr.aria-label]="ariaLabel()">
+        <ng-content select="[q-combobox-icon]" />
+        <ng-content select="[q-combobox-input]">
+          <input q-combobox-input [placeholder]="placeholder()" />
+        </ng-content>
+        <ng-content select="[q-combobox-clear-trigger]">
+          @if (clearable()) {
+            <button q-combobox-clear-trigger></button>
+          }
+        </ng-content>
+        <ng-content select="[q-combobox-trigger]">
+          <button q-combobox-trigger></button>
+        </ng-content>
+        <ng-content select="[q-combobox-error-indicator]">
+          <div q-combobox-error-indicator></div>
+        </ng-content>
+      </div>
+    </ng-content>
+
+    <ng-content select="[q-combobox-hint]">
+      @if (hint()) {
+        <div q-combobox-hint>{{ hint() }}</div>
+      }
+    </ng-content>
+
+    <ng-content select="[q-combobox-error-text]">
+      @if (errorText()) {
+        <div q-combobox-error-text>{{ errorText() }}</div>
+      }
+    </ng-content>
+
+    <ng-template qPortal [disabled]="disablePortal()">
+      <div q-combobox-positioner>
+        @if (shouldRenderCustom()) {
+          <ng-content select="[q-combobox-content]" />
+        } @else if (shouldRenderVirtual()) {
+          <ng-content select="[q-combobox-virtual-content]" />
+        } @else {
+          @if (virtual()) {
+            <div q-combobox-virtual-content>
+              <ng-content select="[q-combobox-empty]">
+                @if (emptyText()) {
+                  <div q-combobox-empty>{{ emptyText() }}</div>
+                }
+              </ng-content>
+              <ng-container *comboboxVirtualizer="let virtualizer">
+                @for (
+                  virtualItem of virtualizer.getVirtualItems();
+                  track virtualItem.index
+                ) {
+                  @let item = collection().items.at(virtualItem.index);
+                  <div q-combobox-virtual-item [virtualItem]="virtualItem">
+                    @if (highlightMatchingText()) {
+                      <span
+                        ignoreCase
+                        q-combobox-item-text
+                        q-highlight
+                        [query]="inputValue()"
+                        [text]="collection().stringifyItem(item)"
+                      ></span>
+                    } @else {
+                      <span q-combobox-item-text>
+                        {{ collection().stringifyItem(item) }}
+                      </span>
+                    }
+                    <span q-combobox-item-indicator></span>
+                  </div>
+                }
+              </ng-container>
+            </div>
+          } @else {
+            <div q-combobox-content>
+              <ng-content select="[q-combobox-empty]">
+                @if (emptyText()) {
+                  <div q-combobox-empty>{{ emptyText() }}</div>
+                }
+              </ng-content>
+              @for (
+                item of collection().items;
+                track collection().getItemValue(item)
+              ) {
+                <div q-combobox-item [item]="item">
+                  @if (highlightMatchingText()) {
+                    <span
+                      ignoreCase
+                      q-combobox-item-text
+                      q-highlight
+                      [query]="inputValue()"
+                      [text]="collection().stringifyItem(item)"
+                    ></span>
+                  } @else {
+                    <span q-combobox-item-text>
+                      {{ collection().stringifyItem(item) }}
+                    </span>
+                  }
+                  <span q-combobox-item-indicator></span>
+                </div>
+              }
+            </div>
+          }
+        }
+      </div>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], disablePortal: [{ type: i0.Input, args: [{ isSignal: true, alias: "disablePortal", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], errorText: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorText", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], highlightMatchingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightMatchingText", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], virtual: [{ type: i0.Input, args: [{ isSignal: true, alias: "virtual", required: false }] }], customContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ComboboxContentDirective), { isSignal: true }] }], customVirtualContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ComboboxVirtualContentDirective), { isSignal: true }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class ComboboxModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: ComboboxModule, declarations: [ComboboxComponent,
+            ComboboxRootDirective,
+            ComboboxClearTriggerDirective,
+            ComboboxContentDirective,
+            ComboboxContextDirective,
+            ComboboxControlDirective,
+            ComboboxEmptyDirective,
+            ComboboxErrorIndicatorDirective,
+            ComboboxErrorTextDirective,
+            ComboboxHintDirective,
+            ComboboxInputDirective,
+            ComboboxItemDirective,
+            ComboboxItemIndicatorDirective,
+            ComboboxItemTextDirective,
+            ComboboxItemsComponent,
+            ComboboxLabelDirective,
+            ComboboxPositionerDirective,
+            ComboboxTriggerDirective,
+            ComboboxIconDirective,
+            ComboboxVirtualContentDirective,
+            ComboboxVirtualItemDirective,
+            ComboboxVirtualizerDirective], imports: [IconDirective,
+            QBindDirective,
+            TagDirective,
+            PortalDirective,
+            HighlightDirective], exports: [ComboboxComponent,
+            ComboboxRootDirective,
+            ComboboxClearTriggerDirective,
+            ComboboxContentDirective,
+            ComboboxContextDirective,
+            ComboboxControlDirective,
+            ComboboxEmptyDirective,
+            ComboboxErrorIndicatorDirective,
+            ComboboxErrorTextDirective,
+            ComboboxHintDirective,
+            ComboboxInputDirective,
+            ComboboxItemDirective,
+            ComboboxItemIndicatorDirective,
+            ComboboxItemTextDirective,
+            ComboboxItemsComponent,
+            ComboboxLabelDirective,
+            ComboboxPositionerDirective,
+            ComboboxTriggerDirective,
+            ComboboxIconDirective,
+            ComboboxVirtualContentDirective,
+            ComboboxVirtualItemDirective,
+            ComboboxVirtualizerDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxModule, imports: [TagDirective,
+            HighlightDirective] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ComboboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ComboboxComponent,
+                        ComboboxRootDirective,
+                        ComboboxClearTriggerDirective,
+                        ComboboxContentDirective,
+                        ComboboxContextDirective,
+                        ComboboxControlDirective,
+                        ComboboxEmptyDirective,
+                        ComboboxErrorIndicatorDirective,
+                        ComboboxErrorTextDirective,
+                        ComboboxHintDirective,
+                        ComboboxInputDirective,
+                        ComboboxItemDirective,
+                        ComboboxItemIndicatorDirective,
+                        ComboboxItemTextDirective,
+                        ComboboxItemsComponent,
+                        ComboboxLabelDirective,
+                        ComboboxPositionerDirective,
+                        ComboboxTriggerDirective,
+                        ComboboxIconDirective,
+                        ComboboxVirtualContentDirective,
+                        ComboboxVirtualItemDirective,
+                        ComboboxVirtualizerDirective,
+                    ],
+                    exports: [
+                        ComboboxComponent,
+                        ComboboxRootDirective,
+                        ComboboxClearTriggerDirective,
+                        ComboboxContentDirective,
+                        ComboboxContextDirective,
+                        ComboboxControlDirective,
+                        ComboboxEmptyDirective,
+                        ComboboxErrorIndicatorDirective,
+                        ComboboxErrorTextDirective,
+                        ComboboxHintDirective,
+                        ComboboxInputDirective,
+                        ComboboxItemDirective,
+                        ComboboxItemIndicatorDirective,
+                        ComboboxItemTextDirective,
+                        ComboboxItemsComponent,
+                        ComboboxLabelDirective,
+                        ComboboxPositionerDirective,
+                        ComboboxTriggerDirective,
+                        ComboboxIconDirective,
+                        ComboboxVirtualContentDirective,
+                        ComboboxVirtualItemDirective,
+                        ComboboxVirtualizerDirective,
+                    ],
+                    imports: [
+                        IconDirective,
+                        QBindDirective,
+                        TagDirective,
+                        PortalDirective,
+                        HighlightDirective,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ComboboxClearTriggerDirective, ComboboxComponent, ComboboxContentDirective, ComboboxContextDirective, ComboboxControlDirective, ComboboxEmptyDirective, ComboboxErrorIndicatorDirective, ComboboxErrorTextDirective, ComboboxHintDirective, ComboboxIconDirective, ComboboxInputDirective, ComboboxItemDirective, ComboboxItemIndicatorDirective, ComboboxItemTextDirective, ComboboxItemsComponent, ComboboxLabelDirective, ComboboxModule, ComboboxPositionerDirective, ComboboxRootDirective, ComboboxTriggerDirective, ComboboxVirtualContentDirective, ComboboxVirtualItemDirective, ComboboxVirtualizerDirective, QDS_COMBOBOX_CONTEXT, QdsComboboxContextService, provideQdsComboboxContext, useQdsComboboxContext };
+//# sourceMappingURL=qualcomm-ui-angular-combobox.mjs.map