@qualcomm-ui/angular 1.0.2 → 1.1.1

package/esm2022/select/select-item.directive.js

@@ -1,24 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { computed, Directive } from "@angular/core";
-import { CoreSelectItemDirective, provideSelectItemContext, } from "@qualcomm-ui/angular-core/select";
-import { useQdsSelectContext } from "./qds-select-context.service";
-import * as i0 from "@angular/core";
-export 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.10", ngImport: i0, type: SelectItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: SelectItemDirective, isStandalone: false, selector: "[q-select-item]", providers: [provideSelectItemContext()], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SelectItemDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [provideSelectItemContext()],
-                    selector: "[q-select-item]",
-                    standalone: false,
-                }]
-        }], ctorParameters: () => [] });
-//# sourceMappingURL=select-item.directive.js.map

package/esm2022/select/select-item.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-item.directive.js","sourceRoot":"","sources":["../../../src/select/select-item.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EACL,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,8BAA8B,CAAA;;AAOhE,MAAM,OAAO,mBAAoB,SAAQ,uBAAuB;IAC3C,gBAAgB,GAAG,mBAAmB,EAAE,CAAA;IAE3D;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,eAAe,EAAE,CAAC,CAC1D,CAAA;IACH,CAAC;wGARU,mBAAmB;4FAAnB,mBAAmB,+DAJnB,CAAC,wBAAwB,EAAE,CAAC;;4FAI5B,mBAAmB;kBAL/B,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,wBAAwB,EAAE,CAAC;oBACvC,QAAQ,EAAE,iBAAiB;oBAC3B,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive} from \"@angular/core\"\n\nimport {\n  CoreSelectItemDirective,\n  provideSelectItemContext,\n} from \"@qualcomm-ui/angular-core/select\"\n\nimport {useQdsSelectContext} from \"./qds-select-context.service\"\n\n@Directive({\n  providers: [provideSelectItemContext()],\n  selector: \"[q-select-item]\",\n  standalone: false,\n})\nexport class SelectItemDirective extends CoreSelectItemDirective {\n  protected readonly qdsSelectContext = useQdsSelectContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsSelectContext().getItemBindings()),\n    )\n  }\n}\n"]}

package/esm2022/select/select-items.component.js

@@ -1,42 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { Component } from "@angular/core";
-import { useSelectContext } from "@qualcomm-ui/angular-core/select";
-import * as i0 from "@angular/core";
-import * as i1 from "./select-item.directive";
-import * as i2 from "./select-item-text.directive";
-import * as i3 from "./select-item-indicator.directive";
-export class SelectItemsComponent {
-    selectContext = useSelectContext();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SelectItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", 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: i1.SelectItemDirective, selector: "[q-select-item]" }, { kind: "directive", type: i2.SelectItemTextDirective, selector: "[q-select-item-text]" }, { kind: "component", type: i3.SelectItemIndicatorDirective, selector: "[q-select-item-indicator]" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", 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"] }]
-        }] });
-//# sourceMappingURL=select-items.component.js.map

package/esm2022/select/select-items.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-items.component.js","sourceRoot":"","sources":["../../../src/select/select-items.component.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAA;;;;;AA0BjE,MAAM,OAAO,oBAAoB;IACZ,aAAa,GAAG,gBAAgB,EAAE,CAAA;wGAD1C,oBAAoB;4FAApB,oBAAoB,2EAdrB;;;;;;;;;;;;GAYT;;4FAEU,oBAAoB;kBAxBhC,SAAS;+BACE,gBAAgB,cACd,KAAK,YAQP;;;;;;;;;;;;GAYT","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component} from \"@angular/core\"\n\nimport {useSelectContext} from \"@qualcomm-ui/angular-core/select\"\n\n@Component({\n  selector: \"q-select-items\",\n  standalone: false,\n  styles: [\n    `\n      :host {\n        display: contents;\n      }\n    `,\n  ],\n  template: `\n    @for (\n      item of selectContext().collection.items;\n      track selectContext().collection.getItemValue(item)\n    ) {\n      <div q-select-item [item]=\"item\">\n        <span q-select-item-text>\n          {{ selectContext().collection.stringifyItem(item) }}\n        </span>\n        <span q-select-item-indicator></span>\n      </div>\n    }\n  `,\n})\nexport class SelectItemsComponent {\n  protected readonly selectContext = useSelectContext()\n}\n"]}

package/esm2022/select/select-label.directive.js

@@ -1,49 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { Component, computed } from "@angular/core";
-import { Asterisk } from "lucide-angular";
-import { useQdsInputContext } from "@qualcomm-ui/angular/input";
-import { provideIcons } from "@qualcomm-ui/angular-core/lucide";
-import { CoreSelectLabelDirective } from "@qualcomm-ui/angular-core/select";
-import { useQdsSelectContext } from "./qds-select-context.service";
-import * as i0 from "@angular/core";
-import * as i1 from "@qualcomm-ui/angular/icon";
-import * as i2 from "@qualcomm-ui/angular-core/machine";
-export 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.10", ngImport: i0, type: SelectLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", 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.10", 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: () => [] });
-//# sourceMappingURL=select-label.directive.js.map

package/esm2022/select/select-label.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-label.directive.js","sourceRoot":"","sources":["../../../src/select/select-label.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAA;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAA;AAEvC,OAAO,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAC,wBAAwB,EAAC,MAAM,kCAAkC,CAAA;AAEzE,OAAO,EAAC,mBAAmB,EAAC,MAAM,8BAA8B,CAAA;;;;AAiBhE,MAAM,OAAO,oBAAqB,SAAQ,wBAAwB;IAC7C,eAAe,GAAG,kBAAkB,EAAE,CAAA;IACtC,gBAAgB,GAAG,mBAAmB,EAAE,CAAA;IAE3D;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAC3D,CAAA;IACH,CAAC;wGATU,oBAAoB;4FAApB,oBAAoB,gEAdpB,CAAC,YAAY,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,iDAG3B;;;;;;;;;GAST;;4FAEU,oBAAoB;kBAfhC,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,YAAY,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC;oBACrC,QAAQ,EAAE,kBAAkB;oBAC5B,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;;;GAST;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed} from \"@angular/core\"\nimport {Asterisk} from \"lucide-angular\"\n\nimport {useQdsInputContext} from \"@qualcomm-ui/angular/input\"\nimport {provideIcons} from \"@qualcomm-ui/angular-core/lucide\"\nimport {CoreSelectLabelDirective} from \"@qualcomm-ui/angular-core/select\"\n\nimport {useQdsSelectContext} from \"./qds-select-context.service\"\n\n@Component({\n  providers: [provideIcons({Asterisk})],\n  selector: \"[q-select-label]\",\n  standalone: false,\n  template: `\n    <ng-content />\n    @if (selectContext().required) {\n      <svg\n        qIcon=\"Asterisk\"\n        size=\"xs\"\n        [q-bind]=\"qdsInputContext().getRequiredIndicatorBindings()\"\n      ></svg>\n    }\n  `,\n})\nexport class SelectLabelDirective extends CoreSelectLabelDirective {\n  protected readonly qdsInputContext = useQdsInputContext()\n  protected readonly qdsSelectContext = useQdsSelectContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsSelectContext().getLabelBindings()),\n    )\n  }\n}\n"]}

package/esm2022/select/select-positioner.directive.js

@@ -1,23 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { computed, Directive } from "@angular/core";
-import { CoreSelectPositionerDirective } from "@qualcomm-ui/angular-core/select";
-import { useQdsSelectContext } from "./qds-select-context.service";
-import * as i0 from "@angular/core";
-export 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.10", ngImport: i0, type: SelectPositionerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: SelectPositionerDirective, isStandalone: false, selector: "[q-select-positioner]", usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SelectPositionerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: "[q-select-positioner]",
-                    standalone: false,
-                }]
-        }], ctorParameters: () => [] });
-//# sourceMappingURL=select-positioner.directive.js.map

package/esm2022/select/select-positioner.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-positioner.directive.js","sourceRoot":"","sources":["../../../src/select/select-positioner.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAC,6BAA6B,EAAC,MAAM,kCAAkC,CAAA;AAE9E,OAAO,EAAC,mBAAmB,EAAC,MAAM,8BAA8B,CAAA;;AAMhE,MAAM,OAAO,yBAA0B,SAAQ,6BAA6B;IACvD,UAAU,GAAG,mBAAmB,EAAE,CAAA;IAErD;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,qBAAqB,EAAE,CAAC,CAC1D,CAAA;IACH,CAAC;wGARU,yBAAyB;4FAAzB,yBAAyB;;4FAAzB,yBAAyB;kBAJrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive} from \"@angular/core\"\n\nimport {CoreSelectPositionerDirective} from \"@qualcomm-ui/angular-core/select\"\n\nimport {useQdsSelectContext} from \"./qds-select-context.service\"\n\n@Directive({\n  selector: \"[q-select-positioner]\",\n  standalone: false,\n})\nexport class SelectPositionerDirective extends CoreSelectPositionerDirective {\n  protected readonly qdsContext = useQdsSelectContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsContext().getPositionerBindings()),\n    )\n  }\n}\n"]}

package/esm2022/select/select-root.directive.js

@@ -1,55 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { computed, Directive, inject, input } from "@angular/core";
-import { provideQdsInputContext, QdsInputContextService, } from "@qualcomm-ui/angular/input";
-import { normalizeProps } from "@qualcomm-ui/angular-core/machine";
-import { CoreSelectRootDirective, provideSelectContext, } from "@qualcomm-ui/angular-core/select";
-import { createQdsInputApi } from "@qualcomm-ui/qds-core/input";
-import { createQdsSelectApi, } from "@qualcomm-ui/qds-core/select";
-import { provideQdsSelectContext, QdsSelectContextService, } from "./qds-select-context.service";
-import * as i0 from "@angular/core";
-export 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.10", ngImport: i0, type: SelectRootDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", 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.10", 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 }] }] } });
-//# sourceMappingURL=select-root.directive.js.map

package/esm2022/select/select-root.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-root.directive.js","sourceRoot":"","sources":["../../../src/select/select-root.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAEhE,OAAO,EACL,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EAAC,cAAc,EAAC,MAAM,mCAAmC,CAAA;AAChE,OAAO,EACL,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EAAC,iBAAiB,EAAC,MAAM,6BAA6B,CAAA;AAC7D,OAAO,EACL,kBAAkB,GAInB,MAAM,8BAA8B,CAAA;AAGrC,OAAO,EACL,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,8BAA8B,CAAA;;AAWrC,MAAM,OAAO,mBACX,SAAQ,uBAAuB;IAG/B;;OAEG;IACM,IAAI,GAAG,KAAK,0DAAsB,CAAA;IAE3C;;;;;OAKG;IACM,IAAI,GAAG,KAAK,CAAgB,IAAI,gDAAC,CAAA;IAEvB,gBAAgB,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAA;IAClD,eAAe,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAA;IAE1D,QAAQ;QACf,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,CAAC,CAClE,CAAA;QAED,IAAI,CAAC,gBAAgB,CAAC,IAAI,CACxB,QAAQ,CAAe,GAAG,EAAE,CAC1B,kBAAkB,CAChB;YACE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;SACoB,EACvC,cAAc,CACf,CACF,CACF,CAAA;QAED,IAAI,CAAC,eAAe,CAAC,IAAI,CACvB,QAAQ,CAAC,GAAG,EAAE,CACZ,iBAAiB,CACf;YACE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,IAAI,EAAE;SACvB,EACD,cAAc,CACf,CACF,CACF,CAAA;QAED,KAAK,CAAC,QAAQ,EAAE,CAAA;IAClB,CAAC;wGAjDU,mBAAmB;4FAAnB,mBAAmB,qTARnB;YACT,oBAAoB,EAAE;YACtB,uBAAuB,EAAE;YACzB,sBAAsB,EAAE;SACzB;;4FAIU,mBAAmB;kBAT/B,SAAS;mBAAC;oBACT,SAAS,EAAE;wBACT,oBAAoB,EAAE;wBACtB,uBAAuB,EAAE;wBACzB,sBAAsB,EAAE;qBACzB;oBACD,QAAQ,EAAE,iBAAiB;oBAC3B,UAAU,EAAE,KAAK;iBAClB","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {computed, Directive, inject, input} from \"@angular/core\"\n\nimport {\n  provideQdsInputContext,\n  QdsInputContextService,\n} from \"@qualcomm-ui/angular/input\"\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {normalizeProps} from \"@qualcomm-ui/angular-core/machine\"\nimport {\n  CoreSelectRootDirective,\n  provideSelectContext,\n} from \"@qualcomm-ui/angular-core/select\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {createQdsInputApi} from \"@qualcomm-ui/qds-core/input\"\nimport {\n  createQdsSelectApi,\n  type QdsSelectApi,\n  type QdsSelectApiProps,\n  type QdsSelectSize,\n} from \"@qualcomm-ui/qds-core/select\"\nimport type {Explicit} from \"@qualcomm-ui/utils/guard\"\n\nimport {\n  provideQdsSelectContext,\n  QdsSelectContextService,\n} from \"./qds-select-context.service\"\n\n@Directive({\n  providers: [\n    provideSelectContext(),\n    provideQdsSelectContext(),\n    provideQdsInputContext(),\n  ],\n  selector: \"[q-select-root]\",\n  standalone: false,\n})\nexport class SelectRootDirective\n  extends CoreSelectRootDirective\n  implements SignalifyInput<QdsSelectApiProps>\n{\n  /**\n   * {@link https://lucide.dev lucide icon}, positioned at the start of the trigger element.\n   */\n  readonly icon = input<LucideIconOrString>()\n\n  /**\n   * The size of the select and its elements. Governs properties like font size,\n   * item padding, and icon sizes.\n   *\n   * @default 'md'\n   */\n  readonly size = input<QdsSelectSize>(\"md\")\n\n  protected readonly qdsSelectService = inject(QdsSelectContextService)\n  protected readonly qdsInputService = inject(QdsInputContextService)\n\n  override ngOnInit() {\n    this.trackBindings.extendWith(\n      computed(() => this.qdsSelectService.context().getRootBindings()),\n    )\n\n    this.qdsSelectService.init(\n      computed<QdsSelectApi>(() =>\n        createQdsSelectApi(\n          {\n            size: this.size(),\n          } satisfies Explicit<QdsSelectApiProps>,\n          normalizeProps,\n        ),\n      ),\n    )\n\n    this.qdsInputService.init(\n      computed(() =>\n        createQdsInputApi(\n          {\n            size: this.size(),\n            startIcon: this.icon(),\n          },\n          normalizeProps,\n        ),\n      ),\n    )\n\n    super.ngOnInit()\n  }\n}\n"]}

package/esm2022/select/select-value-text.directive.js

@@ -1,59 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { Component, computed } from "@angular/core";
-import { CoreSelectValueTextDirective } from "@qualcomm-ui/angular-core/select";
-import { useQdsSelectContext } from "./qds-select-context.service";
-import * as i0 from "@angular/core";
-import * as i1 from "@qualcomm-ui/angular/tag";
-export 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.10", ngImport: i0, type: SelectValueTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", 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.TagDirective, selector: "[q-tag]", inputs: ["disabled", "endIcon", "emphasis", "radius", "size", "startIcon", "variant"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", 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: () => [] });
-//# sourceMappingURL=select-value-text.directive.js.map

package/esm2022/select/select-value-text.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-value-text.directive.js","sourceRoot":"","sources":["../../../src/select/select-value-text.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAC,4BAA4B,EAAC,MAAM,kCAAkC,CAAA;AAE7E,OAAO,EAAC,mBAAmB,EAAC,MAAM,8BAA8B,CAAA;;;AAwBhE,MAAM,OAAO,wBAAyB,SAAQ,4BAA4B;IACrD,gBAAgB,GAAG,mBAAmB,EAAE,CAAA;IAE3D;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,oBAAoB,EAAE,CAAC,CAC/D,CAAA;IACH,CAAC;wGARU,wBAAwB;4FAAxB,wBAAwB,yGAnBzB;;;;;;;;;;;;;;;;;GAiBT;;4FAEU,wBAAwB;kBAtBpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;;;;;;;;;;;GAiBT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed} from \"@angular/core\"\n\nimport {CoreSelectValueTextDirective} from \"@qualcomm-ui/angular-core/select\"\n\nimport {useQdsSelectContext} from \"./qds-select-context.service\"\n\n@Component({\n  selector: \"[q-select-value-text]\",\n  standalone: false,\n  template: `\n    @if (!value().length) {\n      {{ placeholder() }}\n    } @else if (!selectContext().multiple) {\n      {{ valueAsString() }}\n    } @else {\n      @for (itemId of value(); track itemId) {\n        <button\n          emphasis=\"neutral\"\n          q-tag\n          variant=\"dismissable\"\n          (click)=\"selectContext().selectValue(itemId)\"\n        >\n          {{ selectContext().collection.stringifyItem(itemId) }}\n        </button>\n      }\n    }\n  `,\n})\nexport class SelectValueTextDirective extends CoreSelectValueTextDirective {\n  protected readonly qdsSelectContext = useQdsSelectContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsSelectContext().getValueTextBindings()),\n    )\n  }\n}\n"]}

package/esm2022/select/select.component.js

@@ -1,226 +0,0 @@
-// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
-// SPDX-License-Identifier: BSD-3-Clause-Clear
-import { booleanAttribute, ChangeDetectionStrategy, Component, input, } from "@angular/core";
-import { provideQdsInputContext } from "@qualcomm-ui/angular/input";
-import { provideSelectContext } from "@qualcomm-ui/angular-core/select";
-import { provideQdsSelectContext } from "./qds-select-context.service";
-import { SelectRootDirective } from "./select-root.directive";
-import * as i0 from "@angular/core";
-import * as i1 from "@qualcomm-ui/angular-core/portal";
-import * as i2 from "./select-clear-trigger.directive";
-import * as i3 from "./select-content.directive";
-import * as i4 from "./select-hidden-select.directive";
-import * as i5 from "./select-item.directive";
-import * as i6 from "./select-item-text.directive";
-import * as i7 from "./select-item-indicator.directive";
-import * as i8 from "./select-label.directive";
-import * as i9 from "./select-positioner.directive";
-import * as i10 from "./select-control.directive";
-import * as i11 from "./select-value-text.directive";
-import * as i12 from "./select-error-text.directive";
-import * as i13 from "./select-error-indicator.directive";
-import * as i14 from "./select-hint.directive";
-import * as i15 from "./select-indicator.directive";
-export 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.10", ngImport: i0, type: SelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", 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.PortalDirective, selector: "[qPortal]", inputs: ["disabled", "container"] }, { kind: "component", type: i2.SelectClearTriggerDirective, selector: "[q-select-clear-trigger]" }, { kind: "directive", type: i3.SelectContentDirective, selector: "[q-select-content]" }, { kind: "component", type: i4.SelectHiddenSelectDirective, selector: "select[q-select-hidden-select]" }, { kind: "directive", type: i5.SelectItemDirective, selector: "[q-select-item]" }, { kind: "directive", type: i6.SelectItemTextDirective, selector: "[q-select-item-text]" }, { kind: "component", type: i7.SelectItemIndicatorDirective, selector: "[q-select-item-indicator]" }, { kind: "component", type: i8.SelectLabelDirective, selector: "[q-select-label]" }, { kind: "directive", type: i9.SelectPositionerDirective, selector: "[q-select-positioner]" }, { kind: "component", type: i10.SelectControlDirective, selector: "[q-select-control]" }, { kind: "component", type: i11.SelectValueTextDirective, selector: "[q-select-value-text]" }, { kind: "component", type: i12.SelectErrorTextDirective, selector: "[q-select-error-text]", inputs: ["icon"] }, { kind: "component", type: i13.SelectErrorIndicatorDirective, selector: "[q-select-error-indicator]", inputs: ["icon"] }, { kind: "directive", type: i14.SelectHintDirective, selector: "[q-select-hint]" }, { kind: "component", type: i15.SelectIndicatorDirective, selector: "[q-select-indicator]", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", 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 }] }] } });
-//# sourceMappingURL=select.component.js.map

package/esm2022/select/select.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.component.js","sourceRoot":"","sources":["../../../src/select/select.component.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,SAAS,EACT,KAAK,GACN,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAC,oBAAoB,EAAC,MAAM,kCAAkC,CAAA;AAGrE,OAAO,EAAC,uBAAuB,EAAC,MAAM,8BAA8B,CAAA;AACpE,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAA;;;;;;;;;;;;;;;;;AA0E3D,MAAM,OAAO,eAAgB,SAAQ,mBAAmB;IACtD;;;OAGG;IACM,SAAS,GAAG,KAAK,CAAqB,SAAS,6CACtD,KAAK,EAAE,YAAY,OADqC;YACxD,KAAK,EAAE,YAAY;SACpB,GAAC,CAAA;IAEF;;;;;OAKG;IACM,SAAS,GAAG,KAAK,CAAkC,IAAI,6CAC9D,SAAS,EAAE,gBAAgB,OADqC;YAChE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEF;;OAEG;IACM,aAAa,GAAG,KAAK,CAAkC,SAAS,iDACvE,SAAS,EAAE,gBAAgB,OAD8C;YACzE,SAAS,EAAE,gBAAgB;SAC5B,GAAC,CAAA;IAEF;;;;;;;;;OASG;IACM,SAAS,GAAG,KAAK,+DAA6B,CAAA;IAEvD;;;;;;;;;;OAUG;IACM,IAAI,GAAG,KAAK,0DAA6B,CAAA;IAElD;;;;;;;;;;;OAWG;IACM,KAAK,GAAG,KAAK,2DAAsB,CAAA;wGA/DjC,eAAe;4FAAf,eAAe,80BAtEf;YACT,oBAAoB,EAAE;YACtB,uBAAuB,EAAE;YACzB,sBAAsB,EAAE;SACzB,iDAGS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DT;;4FAEU,eAAe;kBAxE3B,SAAS;mBAAC;oBACT,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,SAAS,EAAE;wBACT,oBAAoB,EAAE;wBACtB,uBAAuB,EAAE;wBACzB,sBAAsB,EAAE;qBACzB;oBACD,QAAQ,EAAE,UAAU;oBACpB,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  input,\n} from \"@angular/core\"\n\nimport {provideQdsInputContext} from \"@qualcomm-ui/angular/input\"\nimport {provideSelectContext} from \"@qualcomm-ui/angular-core/select\"\nimport type {Booleanish} from \"@qualcomm-ui/utils/coercion\"\n\nimport {provideQdsSelectContext} from \"./qds-select-context.service\"\nimport {SelectRootDirective} from \"./select-root.directive\"\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    provideSelectContext(),\n    provideQdsSelectContext(),\n    provideQdsInputContext(),\n  ],\n  selector: \"q-select\",\n  standalone: false,\n  template: `\n    <ng-content select=\"[q-select-label]\">\n      @if (label()) {\n        <div q-select-label>{{ label() }}</div>\n      }\n    </ng-content>\n\n    <ng-content select=\"[q-select-control]\">\n      <div q-select-control [attr.aria-label]=\"ariaLabel()\">\n        <ng-content select=\"[q-select-value-text]\">\n          <span q-select-value-text></span>\n        </ng-content>\n        <ng-content select=\"[q-select-clear-trigger]\">\n          @if (clearable()) {\n            <button q-select-clear-trigger></button>\n          }\n        </ng-content>\n        <ng-content select=\"[q-select-indicator]\">\n          <button q-select-indicator></button>\n        </ng-content>\n        <ng-content select=\"[q-select-error-indicator]\">\n          <div q-select-error-indicator></div>\n        </ng-content>\n      </div>\n    </ng-content>\n\n    <ng-content select=\"[q-select-hint]\">\n      @if (hint()) {\n        <div q-select-hint>{{ hint() }}</div>\n      }\n    </ng-content>\n\n    <ng-content select=\"[q-select-error-text]\">\n      @if (errorText()) {\n        <div q-select-error-text>{{ errorText() }}</div>\n      }\n    </ng-content>\n\n    <ng-content select=\"q-select-hidden-select\">\n      <select q-select-hidden-select></select>\n    </ng-content>\n\n    <ng-template qPortal [disabled]=\"disablePortal()\">\n      <div q-select-positioner>\n        <ng-content select=\"[q-select-content]\">\n          <div q-select-content>\n            @for (\n              item of collection().items;\n              track collection().getItemValue(item)\n            ) {\n              <div q-select-item [item]=\"item\">\n                <span q-select-item-text>\n                  {{ collection().stringifyItem(item) }}\n                </span>\n                <span q-select-item-indicator></span>\n              </div>\n            }\n          </div>\n        </ng-content>\n      </div>\n    </ng-template>\n  `,\n})\nexport class SelectComponent extends SelectRootDirective {\n  /**\n   * ARIA label applied to the control element. Use this if you omit the {@link\n   * label}\n   */\n  readonly ariaLabel = input<string | undefined>(undefined, {\n    alias: \"aria-label\",\n  })\n\n  /**\n   * When `true`, renders a clear button that resets the input value on click.\n   * The button only appears when the input has a value.\n   *\n   * @default true\n   */\n  readonly clearable = input<boolean | undefined, Booleanish>(true, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Set to true to disable portalling behavior for the select dropdown content.\n   */\n  readonly disablePortal = input<boolean | undefined, Booleanish>(undefined, {\n    transform: booleanAttribute,\n  })\n\n  /**\n   * Optional error that describes the element when {@link invalid} is true.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   *\n   * ```angular-html\n   * <div q-select-error-text>...</div>\n   * ```\n   */\n  readonly errorText = input<string | undefined | null>()\n\n  /**\n   * Optional hint describing the element. This element is automatically\n   * associated with the component's input element for accessibility.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   *\n   * ```angular-html\n   * <div q-select-hint>...</div>\n   * ```\n   */\n  readonly hint = input<string | undefined | null>()\n\n  /**\n   * Optional label describing the element. Recommended. This element is\n   * automatically associated with the component's input element for\n   * accessibility.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   *\n   * ```angular-html\n   * <div q-select-label>...</div>\n   * ```\n   */\n  readonly label = input<string | undefined>()\n}\n"]}