@qualcomm-ui/angular 1.1.0 → 1.1.1

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

@@ -0,0 +1,861 @@
+import * as i0 from '@angular/core';
+import { Injectable, computed, Component, Directive, inject, input, booleanAttribute, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i2 from '@qualcomm-ui/angular-core/machine';
+import { BaseApiContextService, createApiContext, ApiContextDirective, useTrackBindings, normalizeProps, QBindDirective } from '@qualcomm-ui/angular-core/machine';
+import { X, CircleAlert, ChevronDown, Check, Asterisk } from 'lucide-angular';
+import { useInputClearTrigger, useInputErrorIndicator, useInputErrorText, useInputHint, useQdsInputContext, QdsInputContextService, provideQdsInputContext } from '@qualcomm-ui/angular/input';
+import { provideIcons } from '@qualcomm-ui/angular-core/lucide';
+import { CoreSelectClearTriggerDirective, CoreSelectContentDirective, SelectContextService, CoreSelectErrorIndicatorDirective, CoreSelectErrorTextDirective, CoreSelectHiddenSelectDirective, CoreSelectHintDirective, useSelectContext, CoreSelectItemIndicatorDirective, CoreSelectItemTextDirective, CoreSelectItemDirective, provideSelectItemContext, CoreSelectLabelDirective, CoreSelectPositionerDirective, CoreSelectRootDirective, provideSelectContext, CoreSelectControlDirective, CoreSelectValueTextDirective } from '@qualcomm-ui/angular-core/select';
+import { mergeProps } from '@qualcomm-ui/utils/merge-props';
+import * as i1 from '@qualcomm-ui/angular/icon';
+import { IconDirective } from '@qualcomm-ui/angular/icon';
+import { useInlineIconButtonApi } from '@qualcomm-ui/angular/inline-icon-button';
+import { createQdsInputApi } from '@qualcomm-ui/qds-core/input';
+import { createQdsSelectApi } from '@qualcomm-ui/qds-core/select';
+import * as i1$1 from '@qualcomm-ui/angular/tag';
+import { TagDirective } from '@qualcomm-ui/angular/tag';
+import * as i1$2 from '@qualcomm-ui/angular-core/portal';
+import { PortalDirective } from '@qualcomm-ui/angular-core/portal';
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class QdsSelectContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: QdsSelectContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: QdsSelectContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: QdsSelectContextService, decorators: [{
+            type: Injectable
+        }] });
+const [QDS_SELECT_CONTEXT, useQdsSelectContext, provideQdsSelectContext,] = createApiContext("QdsSelectContext", QdsSelectContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SelectClearTriggerDirective extends CoreSelectClearTriggerDirective {
+    clearTriggerContext = useInputClearTrigger();
+    qdsSelectContext = useQdsSelectContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => mergeProps(this.clearTriggerContext.getRootBindings(), this.qdsSelectContext().getClearTriggerBindings())));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectClearTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: SelectClearTriggerDirective, isStandalone: false, selector: "[q-select-clear-trigger]", providers: [provideIcons({ X })], usesInheritance: true, ngImport: i0, template: `
+    <svg qIcon="X" [q-bind]="clearTriggerContext.getIconBindings()"></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: SelectClearTriggerDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ X })],
+                    selector: "[q-select-clear-trigger]",
+                    standalone: false,
+                    template: `
+    <svg qIcon="X" [q-bind]="clearTriggerContext.getIconBindings()"></svg>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SelectContentDirective extends CoreSelectContentDirective {
+    qdsSelectContext = useQdsSelectContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsSelectContext().getContentBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SelectContentDirective, isStandalone: false, selector: "[q-select-content]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-select-content]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SelectContextDirective extends ApiContextDirective {
+    constructor() {
+        const contextService = inject(SelectContextService);
+        super(contextService, "selectContext");
+    }
+    /**
+     * 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: SelectContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SelectContextDirective, isStandalone: false, selector: "[selectContext]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[selectContext]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SelectErrorIndicatorDirective extends CoreSelectErrorIndicatorDirective {
+    /**
+     * 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: SelectErrorIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", type: SelectErrorIndicatorDirective, isStandalone: false, selector: "[q-select-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: SelectErrorIndicatorDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-select-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 SelectErrorTextDirective extends CoreSelectErrorTextDirective {
+    /**
+     * 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: SelectErrorTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: SelectErrorTextDirective, isStandalone: false, selector: "[q-select-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: SelectErrorTextDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-select-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 SelectHiddenSelectDirective extends CoreSelectHiddenSelectDirective {
+    qdsSelectContext = useQdsSelectContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsSelectContext().getHiddenSelectBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectHiddenSelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: SelectHiddenSelectDirective, isStandalone: false, selector: "select[q-select-hidden-select]", usesInheritance: true, ngImport: i0, template: `
+    @if (selectContext().empty) {
+      <option value=""></option>
+    }
+    @for (opt of selectContext().hiddenSelectOptions; track opt.value) {
+      <option [disabled]="opt.disabled" [value]="opt.value">
+        {{ opt.label }}
+      </option>
+    }
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectHiddenSelectDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "select[q-select-hidden-select]",
+                    standalone: false,
+                    template: `
+    @if (selectContext().empty) {
+      <option value=""></option>
+    }
+    @for (opt of selectContext().hiddenSelectOptions; track opt.value) {
+      <option [disabled]="opt.disabled" [value]="opt.value">
+        {{ opt.label }}
+      </option>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SelectHintDirective extends CoreSelectHintDirective {
+    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: SelectHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SelectHintDirective, isStandalone: false, selector: "[q-select-hint]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectHintDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-select-hint]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SelectIndicatorDirective {
+    /**
+     * Indicator icon.
+     *
+     * @default ChevronDown
+     */
+    icon = input(ChevronDown, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    qdsSelectContext = useQdsSelectContext();
+    selectContext = useSelectContext();
+    inlineIconButtonApi = useInlineIconButtonApi({
+        emphasis: "neutral",
+        size: computed(() => (this.qdsSelectContext().size === "sm" ? "sm" : "md")),
+        variant: "scale",
+    });
+    trackBindings = useTrackBindings(() => mergeProps(this.selectContext().getIndicatorBindings(), this.qdsSelectContext().getIndicatorBindings(), this.inlineIconButtonApi().getRootBindings()));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", type: SelectIndicatorDirective, isStandalone: false, selector: "[q-select-indicator]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <svg [q-bind]="inlineIconButtonApi().getIconBindings()" [qIcon]="icon()" />
+  `, 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: SelectIndicatorDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-select-indicator]",
+                    standalone: false,
+                    template: `
+    <svg [q-bind]="inlineIconButtonApi().getIconBindings()" [qIcon]="icon()" />
+  `,
+                }]
+        }], 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 SelectItemIndicatorDirective extends CoreSelectItemIndicatorDirective {
+    qdsContext = useQdsSelectContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getItemIndicatorBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectItemIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: SelectItemIndicatorDirective, isStandalone: false, selector: "[q-select-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: SelectItemIndicatorDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ Check })],
+                    selector: "[q-select-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 SelectItemTextDirective extends CoreSelectItemTextDirective {
+    qdsSelectContext = useQdsSelectContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsSelectContext().getItemTextBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectItemTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SelectItemTextDirective, isStandalone: false, selector: "[q-select-item-text]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectItemTextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-select-item-text]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SelectItemDirective extends CoreSelectItemDirective {
+    qdsSelectContext = useQdsSelectContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsSelectContext().getItemBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SelectItemDirective, isStandalone: false, selector: "[q-select-item]", providers: [provideSelectItemContext()], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [provideSelectItemContext()],
+                    selector: "[q-select-item]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SelectItemsComponent {
+    selectContext = useSelectContext();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: SelectItemsComponent, isStandalone: false, selector: "q-select-items", ngImport: i0, template: `
+    @for (
+      item of selectContext().collection.items;
+      track selectContext().collection.getItemValue(item)
+    ) {
+      <div q-select-item [item]="item">
+        <span q-select-item-text>
+          {{ selectContext().collection.stringifyItem(item) }}
+        </span>
+        <span q-select-item-indicator></span>
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: SelectItemDirective, selector: "[q-select-item]" }, { kind: "directive", type: SelectItemTextDirective, selector: "[q-select-item-text]" }, { kind: "component", type: SelectItemIndicatorDirective, selector: "[q-select-item-indicator]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectItemsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "q-select-items", standalone: false, template: `
+    @for (
+      item of selectContext().collection.items;
+      track selectContext().collection.getItemValue(item)
+    ) {
+      <div q-select-item [item]="item">
+        <span q-select-item-text>
+          {{ selectContext().collection.stringifyItem(item) }}
+        </span>
+        <span q-select-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 SelectLabelDirective extends CoreSelectLabelDirective {
+    qdsInputContext = useQdsInputContext();
+    qdsSelectContext = useQdsSelectContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsSelectContext().getLabelBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: SelectLabelDirective, isStandalone: false, selector: "[q-select-label]", providers: [provideIcons({ Asterisk })], usesInheritance: true, ngImport: i0, template: `
+    <ng-content />
+    @if (selectContext().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: SelectLabelDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ Asterisk })],
+                    selector: "[q-select-label]",
+                    standalone: false,
+                    template: `
+    <ng-content />
+    @if (selectContext().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 SelectPositionerDirective extends CoreSelectPositionerDirective {
+    qdsContext = useQdsSelectContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getPositionerBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectPositionerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SelectPositionerDirective, isStandalone: false, selector: "[q-select-positioner]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectPositionerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-select-positioner]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SelectRootDirective extends CoreSelectRootDirective {
+    /**
+     * {@link https://lucide.dev lucide icon}, positioned at the start of the trigger element.
+     */
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    /**
+     * The size of the select and its elements. Governs properties like font size,
+     * item padding, and icon sizes.
+     *
+     * @default 'md'
+     */
+    size = input("md", ...(ngDevMode ? [{ debugName: "size" }] : []));
+    qdsSelectService = inject(QdsSelectContextService);
+    qdsInputService = inject(QdsInputContextService);
+    ngOnInit() {
+        this.trackBindings.extendWith(computed(() => this.qdsSelectService.context().getRootBindings()));
+        this.qdsSelectService.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: SelectRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: SelectRootDirective, isStandalone: false, selector: "[q-select-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: [
+            provideSelectContext(),
+            provideQdsSelectContext(),
+            provideQdsInputContext(),
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        provideSelectContext(),
+                        provideQdsSelectContext(),
+                        provideQdsInputContext(),
+                    ],
+                    selector: "[q-select-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 SelectControlDirective extends CoreSelectControlDirective {
+    qdsInputContext = useQdsInputContext();
+    qdsSelectContext = useQdsSelectContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsSelectContext().getControlBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: SelectControlDirective, isStandalone: false, selector: "[q-select-control]", usesInheritance: true, ngImport: i0, template: `
+    @if (qdsInputContext().startIcon) {
+      <svg
+        [q-bind]="qdsSelectContext().getIconBindings()"
+        [qIcon]="qdsInputContext().startIcon!"
+      />
+    }
+    <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: SelectControlDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-select-control]",
+                    standalone: false,
+                    template: `
+    @if (qdsInputContext().startIcon) {
+      <svg
+        [q-bind]="qdsSelectContext().getIconBindings()"
+        [qIcon]="qdsInputContext().startIcon!"
+      />
+    }
+    <ng-content />
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SelectValueTextDirective extends CoreSelectValueTextDirective {
+    qdsSelectContext = useQdsSelectContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsSelectContext().getValueTextBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectValueTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: SelectValueTextDirective, isStandalone: false, selector: "[q-select-value-text]", usesInheritance: true, ngImport: i0, template: `
+    @if (!value().length) {
+      {{ placeholder() }}
+    } @else if (!selectContext().multiple) {
+      {{ valueAsString() }}
+    } @else {
+      @for (itemId of value(); track itemId) {
+        <button
+          emphasis="neutral"
+          q-tag
+          variant="dismissable"
+          (click)="selectContext().selectValue(itemId)"
+        >
+          {{ selectContext().collection.stringifyItem(itemId) }}
+        </button>
+      }
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.TagDirective, selector: "[q-tag]", inputs: ["disabled", "endIcon", "emphasis", "radius", "size", "startIcon", "variant"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectValueTextDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-select-value-text]",
+                    standalone: false,
+                    template: `
+    @if (!value().length) {
+      {{ placeholder() }}
+    } @else if (!selectContext().multiple) {
+      {{ valueAsString() }}
+    } @else {
+      @for (itemId of value(); track itemId) {
+        <button
+          emphasis="neutral"
+          q-tag
+          variant="dismissable"
+          (click)="selectContext().selectValue(itemId)"
+        >
+          {{ selectContext().collection.stringifyItem(itemId) }}
+        </button>
+      }
+    }
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SelectComponent extends SelectRootDirective {
+    /**
+     * ARIA label applied to the control element. Use this if you omit the {@link
+     * label}
+     */
+    ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel", alias: "aria-label" }] : [{
+            alias: "aria-label",
+        }]));
+    /**
+     * 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 select dropdown content.
+     */
+    disablePortal = input(undefined, ...(ngDevMode ? [{ debugName: "disablePortal", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * 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-select-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-select-hint>...</div>
+     * ```
+     */
+    hint = input(...(ngDevMode ? [undefined, { debugName: "hint" }] : []));
+    /**
+     * 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-select-label>...</div>
+     * ```
+     */
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: SelectComponent, isStandalone: false, selector: "q-select", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", 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 }, errorText: { classPropertyName: "errorText", publicName: "errorText", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            provideSelectContext(),
+            provideQdsSelectContext(),
+            provideQdsInputContext(),
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="[q-select-label]">
+      @if (label()) {
+        <div q-select-label>{{ label() }}</div>
+      }
+    </ng-content>
+
+    <ng-content select="[q-select-control]">
+      <div q-select-control [attr.aria-label]="ariaLabel()">
+        <ng-content select="[q-select-value-text]">
+          <span q-select-value-text></span>
+        </ng-content>
+        <ng-content select="[q-select-clear-trigger]">
+          @if (clearable()) {
+            <button q-select-clear-trigger></button>
+          }
+        </ng-content>
+        <ng-content select="[q-select-indicator]">
+          <button q-select-indicator></button>
+        </ng-content>
+        <ng-content select="[q-select-error-indicator]">
+          <div q-select-error-indicator></div>
+        </ng-content>
+      </div>
+    </ng-content>
+
+    <ng-content select="[q-select-hint]">
+      @if (hint()) {
+        <div q-select-hint>{{ hint() }}</div>
+      }
+    </ng-content>
+
+    <ng-content select="[q-select-error-text]">
+      @if (errorText()) {
+        <div q-select-error-text>{{ errorText() }}</div>
+      }
+    </ng-content>
+
+    <ng-content select="q-select-hidden-select">
+      <select q-select-hidden-select></select>
+    </ng-content>
+
+    <ng-template qPortal [disabled]="disablePortal()">
+      <div q-select-positioner>
+        <ng-content select="[q-select-content]">
+          <div q-select-content>
+            @for (
+              item of collection().items;
+              track collection().getItemValue(item)
+            ) {
+              <div q-select-item [item]="item">
+                <span q-select-item-text>
+                  {{ collection().stringifyItem(item) }}
+                </span>
+                <span q-select-item-indicator></span>
+              </div>
+            }
+          </div>
+        </ng-content>
+      </div>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1$2.PortalDirective, selector: "[qPortal]", inputs: ["disabled", "container"] }, { kind: "component", type: SelectClearTriggerDirective, selector: "[q-select-clear-trigger]" }, { kind: "directive", type: SelectContentDirective, selector: "[q-select-content]" }, { kind: "component", type: SelectHiddenSelectDirective, selector: "select[q-select-hidden-select]" }, { kind: "directive", type: SelectItemDirective, selector: "[q-select-item]" }, { kind: "directive", type: SelectItemTextDirective, selector: "[q-select-item-text]" }, { kind: "component", type: SelectItemIndicatorDirective, selector: "[q-select-item-indicator]" }, { kind: "component", type: SelectLabelDirective, selector: "[q-select-label]" }, { kind: "directive", type: SelectPositionerDirective, selector: "[q-select-positioner]" }, { kind: "component", type: SelectControlDirective, selector: "[q-select-control]" }, { kind: "component", type: SelectValueTextDirective, selector: "[q-select-value-text]" }, { kind: "component", type: SelectErrorTextDirective, selector: "[q-select-error-text]", inputs: ["icon"] }, { kind: "component", type: SelectErrorIndicatorDirective, selector: "[q-select-error-indicator]", inputs: ["icon"] }, { kind: "directive", type: SelectHintDirective, selector: "[q-select-hint]" }, { kind: "component", type: SelectIndicatorDirective, selector: "[q-select-indicator]", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        provideSelectContext(),
+                        provideQdsSelectContext(),
+                        provideQdsInputContext(),
+                    ],
+                    selector: "q-select",
+                    standalone: false,
+                    template: `
+    <ng-content select="[q-select-label]">
+      @if (label()) {
+        <div q-select-label>{{ label() }}</div>
+      }
+    </ng-content>
+
+    <ng-content select="[q-select-control]">
+      <div q-select-control [attr.aria-label]="ariaLabel()">
+        <ng-content select="[q-select-value-text]">
+          <span q-select-value-text></span>
+        </ng-content>
+        <ng-content select="[q-select-clear-trigger]">
+          @if (clearable()) {
+            <button q-select-clear-trigger></button>
+          }
+        </ng-content>
+        <ng-content select="[q-select-indicator]">
+          <button q-select-indicator></button>
+        </ng-content>
+        <ng-content select="[q-select-error-indicator]">
+          <div q-select-error-indicator></div>
+        </ng-content>
+      </div>
+    </ng-content>
+
+    <ng-content select="[q-select-hint]">
+      @if (hint()) {
+        <div q-select-hint>{{ hint() }}</div>
+      }
+    </ng-content>
+
+    <ng-content select="[q-select-error-text]">
+      @if (errorText()) {
+        <div q-select-error-text>{{ errorText() }}</div>
+      }
+    </ng-content>
+
+    <ng-content select="q-select-hidden-select">
+      <select q-select-hidden-select></select>
+    </ng-content>
+
+    <ng-template qPortal [disabled]="disablePortal()">
+      <div q-select-positioner>
+        <ng-content select="[q-select-content]">
+          <div q-select-content>
+            @for (
+              item of collection().items;
+              track collection().getItemValue(item)
+            ) {
+              <div q-select-item [item]="item">
+                <span q-select-item-text>
+                  {{ collection().stringifyItem(item) }}
+                </span>
+                <span q-select-item-indicator></span>
+              </div>
+            }
+          </div>
+        </ng-content>
+      </div>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], disablePortal: [{ type: i0.Input, args: [{ isSignal: true, alias: "disablePortal", required: false }] }], errorText: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorText", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SelectModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: SelectModule, declarations: [SelectComponent,
+            SelectRootDirective,
+            SelectClearTriggerDirective,
+            SelectContentDirective,
+            SelectContextDirective,
+            SelectHiddenSelectDirective,
+            SelectItemDirective,
+            SelectItemTextDirective,
+            SelectItemIndicatorDirective,
+            SelectLabelDirective,
+            SelectPositionerDirective,
+            SelectControlDirective,
+            SelectValueTextDirective,
+            SelectErrorTextDirective,
+            SelectErrorIndicatorDirective,
+            SelectHintDirective,
+            SelectIndicatorDirective,
+            SelectItemsComponent], imports: [IconDirective, QBindDirective, TagDirective, PortalDirective], exports: [SelectComponent,
+            SelectRootDirective,
+            SelectClearTriggerDirective,
+            SelectContentDirective,
+            SelectContextDirective,
+            SelectHiddenSelectDirective,
+            SelectItemDirective,
+            SelectItemTextDirective,
+            SelectItemIndicatorDirective,
+            SelectLabelDirective,
+            SelectPositionerDirective,
+            SelectControlDirective,
+            SelectValueTextDirective,
+            SelectErrorTextDirective,
+            SelectErrorIndicatorDirective,
+            SelectHintDirective,
+            SelectIndicatorDirective,
+            SelectItemsComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectModule, imports: [TagDirective] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SelectComponent,
+                        SelectRootDirective,
+                        SelectClearTriggerDirective,
+                        SelectContentDirective,
+                        SelectContextDirective,
+                        SelectHiddenSelectDirective,
+                        SelectItemDirective,
+                        SelectItemTextDirective,
+                        SelectItemIndicatorDirective,
+                        SelectLabelDirective,
+                        SelectPositionerDirective,
+                        SelectControlDirective,
+                        SelectValueTextDirective,
+                        SelectErrorTextDirective,
+                        SelectErrorIndicatorDirective,
+                        SelectHintDirective,
+                        SelectIndicatorDirective,
+                        SelectItemsComponent,
+                    ],
+                    exports: [
+                        SelectComponent,
+                        SelectRootDirective,
+                        SelectClearTriggerDirective,
+                        SelectContentDirective,
+                        SelectContextDirective,
+                        SelectHiddenSelectDirective,
+                        SelectItemDirective,
+                        SelectItemTextDirective,
+                        SelectItemIndicatorDirective,
+                        SelectLabelDirective,
+                        SelectPositionerDirective,
+                        SelectControlDirective,
+                        SelectValueTextDirective,
+                        SelectErrorTextDirective,
+                        SelectErrorIndicatorDirective,
+                        SelectHintDirective,
+                        SelectIndicatorDirective,
+                        SelectItemsComponent,
+                    ],
+                    imports: [IconDirective, QBindDirective, TagDirective, PortalDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { QDS_SELECT_CONTEXT, QdsSelectContextService, SelectClearTriggerDirective, SelectComponent, SelectContentDirective, SelectContextDirective, SelectControlDirective, SelectErrorIndicatorDirective, SelectErrorTextDirective, SelectHiddenSelectDirective, SelectHintDirective, SelectIndicatorDirective, SelectItemDirective, SelectItemIndicatorDirective, SelectItemTextDirective, SelectItemsComponent, SelectLabelDirective, SelectModule, SelectPositionerDirective, SelectRootDirective, SelectValueTextDirective, provideQdsSelectContext, useQdsSelectContext };
+//# sourceMappingURL=qualcomm-ui-angular-select.mjs.map