@qualcomm-ui/angular 1.0.0 → 1.0.2

package/README.md

@@ -0,0 +1,9 @@
+# @qualcomm-ui/angular
+
+QUI Angular components implementing the Qualcomm Design System.
+
+For comprehensive documentation, examples, and usage guides, visit the [Angular documentation](https://angular-next.qui.qualcomm.com/).
+
+## License
+
+Licensed under the [BSD-3-Clause-Clear License](https://spdx.org/licenses/BSD-3-Clause-Clear.html).

package/avatar/avatar-content.directive.d.ts

@@ -1,14 +1,9 @@
 import { CoreAvatarContentDirective } from "@qualcomm-ui/angular-core/avatar";
-import { type QdsAvatarVariant } from "@qualcomm-ui/qds-core/avatar";
 import * as i0 from "@angular/core";
 export declare class AvatarContentDirective extends CoreAvatarContentDirective {
-    /**
-     * The variant of the avatar.
-     */
-    readonly variant: import("@angular/core").InputSignal<QdsAvatarVariant | undefined>;
     readonly qdsContext: () => import("@qualcomm-ui/qds-core/avatar").QdsAvatarApi;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AvatarContentDirective, "[q-avatar-content]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AvatarContentDirective, "[q-avatar-content]", never, {}, {}, never, never, false, never>;
 }
 //# sourceMappingURL=avatar-content.directive.d.ts.map

package/avatar/avatar-content.directive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-content.directive.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar-content.directive.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAA;AAC3E,OAAO,EAAC,KAAK,gBAAgB,EAAC,MAAM,8BAA8B,CAAA;;AAIlE,qBAIa,sBAAuB,SAAQ,0BAA0B;IACpE;;OAEG;IACH,QAAQ,CAAC,OAAO,oEAAwC;IAExD,QAAQ,CAAC,UAAU,4DAAwB;;yCANhC,sBAAsB;2CAAtB,sBAAsB;CAclC"}
+{"version":3,"file":"avatar-content.directive.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar-content.directive.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAA;;AAI3E,qBAIa,sBAAuB,SAAQ,0BAA0B;IACpE,QAAQ,CAAC,UAAU,4DAAwB;;yCADhC,sBAAsB;2CAAtB,sBAAsB;CASlC"}

package/combobox/combobox-trigger.directive.d.ts

@@ -2,6 +2,7 @@ import { CoreComboboxTriggerDirective } from "@qualcomm-ui/angular-core/combobox
 import * as i0 from "@angular/core";
 export declare class ComboboxTriggerDirective extends CoreComboboxTriggerDirective {
     protected readonly qdsComboboxContext: () => import("@qualcomm-ui/qds-core/select").QdsSelectApi;
+    protected readonly inlineIconButtonApi: import("@angular/core").Signal<import("@qualcomm-ui/qds-core/inline-icon-button").QdsInlineIconButtonApi>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxTriggerDirective, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxTriggerDirective, "[q-combobox-trigger]", never, {}, {}, never, ["*"], false, never>;

package/combobox/combobox-trigger.directive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-trigger.directive.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox-trigger.directive.ts"],"names":[],"mappings":"AAMA,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAA;;AAK/E,qBAUa,wBAAyB,SAAQ,4BAA4B;IACxE,SAAS,CAAC,QAAQ,CAAC,kBAAkB,4DAA0B;;yCADpD,wBAAwB;2CAAxB,wBAAwB;CASpC"}
+{"version":3,"file":"combobox-trigger.directive.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox-trigger.directive.ts"],"names":[],"mappings":"AAOA,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAA;;AAM/E,qBAaa,wBAAyB,SAAQ,4BAA4B;IACxE,SAAS,CAAC,QAAQ,CAAC,kBAAkB,4DAA0B;IAC/D,SAAS,CAAC,QAAQ,CAAC,mBAAmB,4GAMpC;;yCARS,wBAAwB;2CAAxB,wBAAwB;CAqBpC"}

package/esm2022/avatar/avatar-content.directive.js

@@ -1,22 +1,17 @@
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
-import { computed, Directive, input } from "@angular/core";
+import { computed, Directive } from "@angular/core";
 import { CoreAvatarContentDirective } from "@qualcomm-ui/angular-core/avatar";
-import {} from "@qualcomm-ui/qds-core/avatar";
 import { useQdsAvatarContext } from "./qds-avatar-context.service";
 import * as i0 from "@angular/core";
 export class AvatarContentDirective extends CoreAvatarContentDirective {
-    /**
-     * The variant of the avatar.
-     */
-    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : []));
     qdsContext = useQdsAvatarContext();
     constructor() {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getContentBindings()));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: AvatarContentDirective, isStandalone: false, selector: "[q-avatar-content]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: AvatarContentDirective, isStandalone: false, selector: "[q-avatar-content]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: AvatarContentDirective, decorators: [{
             type: Directive,
@@ -24,5 +19,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                     selector: "[q-avatar-content]",
                     standalone: false,
                 }]
-        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+        }], ctorParameters: () => [] });
 //# sourceMappingURL=avatar-content.directive.js.map

package/esm2022/avatar/avatar-content.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-content.directive.js","sourceRoot":"","sources":["../../../src/avatar/avatar-content.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAExD,OAAO,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAA;AAC3E,OAAO,EAAuB,MAAM,8BAA8B,CAAA;AAElE,OAAO,EAAC,mBAAmB,EAAC,MAAM,8BAA8B,CAAA;;AAMhE,MAAM,OAAO,sBAAuB,SAAQ,0BAA0B;IACpE;;OAEG;IACM,OAAO,GAAG,KAAK,6DAAgC,CAAA;IAE/C,UAAU,GAAG,mBAAmB,EAAE,CAAA;IAE3C;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,kBAAkB,EAAE,CAAC,CACvD,CAAA;IACH,CAAC;wGAbU,sBAAsB;4FAAtB,sBAAsB;;4FAAtB,sBAAsB;kBAJlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,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, input} from \"@angular/core\"\n\nimport {CoreAvatarContentDirective} from \"@qualcomm-ui/angular-core/avatar\"\nimport {type QdsAvatarVariant} from \"@qualcomm-ui/qds-core/avatar\"\n\nimport {useQdsAvatarContext} from \"./qds-avatar-context.service\"\n\n@Directive({\n  selector: \"[q-avatar-content]\",\n  standalone: false,\n})\nexport class AvatarContentDirective extends CoreAvatarContentDirective {\n  /**\n   * The variant of the avatar.\n   */\n  readonly variant = input<QdsAvatarVariant | undefined>()\n\n  readonly qdsContext = useQdsAvatarContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsContext().getContentBindings()),\n    )\n  }\n}\n"]}
+{"version":3,"file":"avatar-content.directive.js","sourceRoot":"","sources":["../../../src/avatar/avatar-content.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAC,0BAA0B,EAAC,MAAM,kCAAkC,CAAA;AAE3E,OAAO,EAAC,mBAAmB,EAAC,MAAM,8BAA8B,CAAA;;AAMhE,MAAM,OAAO,sBAAuB,SAAQ,0BAA0B;IAC3D,UAAU,GAAG,mBAAmB,EAAE,CAAA;IAE3C;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,kBAAkB,EAAE,CAAC,CACvD,CAAA;IACH,CAAC;wGARU,sBAAsB;4FAAtB,sBAAsB;;4FAAtB,sBAAsB;kBAJlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,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 {CoreAvatarContentDirective} from \"@qualcomm-ui/angular-core/avatar\"\n\nimport {useQdsAvatarContext} from \"./qds-avatar-context.service\"\n\n@Directive({\n  selector: \"[q-avatar-content]\",\n  standalone: false,\n})\nexport class AvatarContentDirective extends CoreAvatarContentDirective {\n  readonly qdsContext = useQdsAvatarContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsContext().getContentBindings()),\n    )\n  }\n}\n"]}

package/esm2022/combobox/combobox-trigger.directive.js

@@ -2,23 +2,34 @@
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 import { Component, computed } from "@angular/core";
 import { ChevronDown } from "lucide-angular";
+import { useInlineIconButtonApi } from "@qualcomm-ui/angular/inline-icon-button";
 import { CoreComboboxTriggerDirective } from "@qualcomm-ui/angular-core/combobox";
 import { provideIcons } from "@qualcomm-ui/angular-core/lucide";
+import { mergeProps } from "@qualcomm-ui/utils/merge-props";
 import { useQdsComboboxContext } from "./qds-combobox-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 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(() => this.qdsComboboxContext().getIndicatorBindings()));
+        this.trackBindings.extendWith(computed(() => mergeProps(this.qdsComboboxContext().getIndicatorBindings(), this.inlineIconButtonApi().getRootBindings())));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ComboboxTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ComboboxTriggerDirective, isStandalone: false, selector: "[q-combobox-trigger]", providers: [provideIcons({ ChevronDown })], usesInheritance: true, ngImport: i0, template: `
     <ng-content>
-      <svg qIcon="ChevronDown"></svg>
+      <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"] }] });
+  `, 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: ComboboxTriggerDirective, decorators: [{
             type: Component,
@@ -28,7 +39,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                     standalone: false,
                     template: `
     <ng-content>
-      <svg qIcon="ChevronDown"></svg>
+      <svg
+        qIcon="ChevronDown"
+        [q-bind]="inlineIconButtonApi().getIconBindings()"
+      ></svg>
     </ng-content>
   `,
                 }]

package/esm2022/combobox/combobox-trigger.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox-trigger.directive.js","sourceRoot":"","sources":["../../../src/combobox/combobox-trigger.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAA;AACjD,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAE7D,OAAO,EAAC,qBAAqB,EAAC,MAAM,gCAAgC,CAAA;;;AAYpE,MAAM,OAAO,wBAAyB,SAAQ,4BAA4B;IACrD,kBAAkB,GAAG,qBAAqB,EAAE,CAAA;IAE/D;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,oBAAoB,EAAE,CAAC,CACjE,CAAA;IACH,CAAC;wGARU,wBAAwB;4FAAxB,wBAAwB,oEATxB,CAAC,YAAY,CAAC,EAAC,WAAW,EAAC,CAAC,CAAC,iDAG9B;;;;GAIT;;4FAEU,wBAAwB;kBAVpC,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,YAAY,CAAC,EAAC,WAAW,EAAC,CAAC,CAAC;oBACxC,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;GAIT;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 {ChevronDown} from \"lucide-angular\"\n\nimport {CoreComboboxTriggerDirective} from \"@qualcomm-ui/angular-core/combobox\"\nimport {provideIcons} from \"@qualcomm-ui/angular-core/lucide\"\n\nimport {useQdsComboboxContext} from \"./qds-combobox-context.service\"\n\n@Component({\n  providers: [provideIcons({ChevronDown})],\n  selector: \"[q-combobox-trigger]\",\n  standalone: false,\n  template: `\n    <ng-content>\n      <svg qIcon=\"ChevronDown\"></svg>\n    </ng-content>\n  `,\n})\nexport class ComboboxTriggerDirective extends CoreComboboxTriggerDirective {\n  protected readonly qdsComboboxContext = useQdsComboboxContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsComboboxContext().getIndicatorBindings()),\n    )\n  }\n}\n"]}
+{"version":3,"file":"combobox-trigger.directive.js","sourceRoot":"","sources":["../../../src/combobox/combobox-trigger.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAA;AACjD,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAC,sBAAsB,EAAC,MAAM,yCAAyC,CAAA;AAC9E,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAA;AAEzD,OAAO,EAAC,qBAAqB,EAAC,MAAM,gCAAgC,CAAA;;;;AAepE,MAAM,OAAO,wBAAyB,SAAQ,4BAA4B;IACrD,kBAAkB,GAAG,qBAAqB,EAAE,CAAA;IAC5C,mBAAmB,GAAG,sBAAsB,CAAC;QAC9D,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,QAAQ,CAAC,GAAG,EAAE,CAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CACtD;QACD,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IAEF;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CACZ,UAAU,CACR,IAAI,CAAC,kBAAkB,EAAE,CAAC,oBAAoB,EAAE,EAChD,IAAI,CAAC,mBAAmB,EAAE,CAAC,eAAe,EAAE,CAC7C,CACF,CACF,CAAA;IACH,CAAC;wGApBU,wBAAwB;4FAAxB,wBAAwB,oEAZxB,CAAC,YAAY,CAAC,EAAC,WAAW,EAAC,CAAC,CAAC,iDAG9B;;;;;;;GAOT;;4FAEU,wBAAwB;kBAbpC,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,YAAY,CAAC,EAAC,WAAW,EAAC,CAAC,CAAC;oBACxC,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;GAOT;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 {ChevronDown} from \"lucide-angular\"\n\nimport {useInlineIconButtonApi} from \"@qualcomm-ui/angular/inline-icon-button\"\nimport {CoreComboboxTriggerDirective} from \"@qualcomm-ui/angular-core/combobox\"\nimport {provideIcons} from \"@qualcomm-ui/angular-core/lucide\"\nimport {mergeProps} from \"@qualcomm-ui/utils/merge-props\"\n\nimport {useQdsComboboxContext} from \"./qds-combobox-context.service\"\n\n@Component({\n  providers: [provideIcons({ChevronDown})],\n  selector: \"[q-combobox-trigger]\",\n  standalone: false,\n  template: `\n    <ng-content>\n      <svg\n        qIcon=\"ChevronDown\"\n        [q-bind]=\"inlineIconButtonApi().getIconBindings()\"\n      ></svg>\n    </ng-content>\n  `,\n})\nexport class ComboboxTriggerDirective extends CoreComboboxTriggerDirective {\n  protected readonly qdsComboboxContext = useQdsComboboxContext()\n  protected readonly inlineIconButtonApi = useInlineIconButtonApi({\n    emphasis: \"neutral\",\n    size: computed(() =>\n      this.qdsComboboxContext().size === \"sm\" ? \"sm\" : \"md\",\n    ),\n    variant: \"scale\",\n  })\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() =>\n        mergeProps(\n          this.qdsComboboxContext().getIndicatorBindings(),\n          this.inlineIconButtonApi().getRootBindings(),\n        ),\n      ),\n    )\n  }\n}\n"]}

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

@@ -2,6 +2,8 @@
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 import { Component, computed, input } from "@angular/core";
 import { ChevronDown } from "lucide-angular";
+import { useInlineIconButtonApi } from "@qualcomm-ui/angular/inline-icon-button";
+import { useTrackBindings } from "@qualcomm-ui/angular-core/machine";
 import { useSelectContext } from "@qualcomm-ui/angular-core/select";
 import { mergeProps } from "@qualcomm-ui/utils/merge-props";
 import { useQdsSelectContext } from "./qds-select-context.service";
@@ -17,10 +19,18 @@ export class SelectIndicatorDirective {
     icon = input(ChevronDown, ...(ngDevMode ? [{ debugName: "icon" }] : []));
     qdsSelectContext = useQdsSelectContext();
     selectContext = useSelectContext();
-    indicatorBindings = computed(() => mergeProps(this.selectContext().getIndicatorBindings(), this.qdsSelectContext().getIndicatorBindings()), ...(ngDevMode ? [{ debugName: "indicatorBindings" }] : []));
+    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.10", ngImport: i0, type: SelectIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", 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]="indicatorBindings()" [qIcon]="icon()" />
+    <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.10", ngImport: i0, type: SelectIndicatorDirective, decorators: [{
@@ -29,7 +39,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                     selector: "[q-select-indicator]",
                     standalone: false,
                     template: `
-    <svg [q-bind]="indicatorBindings()" [qIcon]="icon()" />
+    <svg [q-bind]="inlineIconButtonApi().getIconBindings()" [qIcon]="icon()" />
   `,
                 }]
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });

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

@@ -1 +1 @@
-{"version":3,"file":"select-indicator.directive.js","sourceRoot":"","sources":["../../../src/select/select-indicator.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AACxD,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAG1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAA;AAEzD,OAAO,EAAC,mBAAmB,EAAC,MAAM,8BAA8B,CAAA;;;;AAShE,MAAM,OAAO,wBAAwB;IACnC;;;;OAIG;IACM,IAAI,GAAG,KAAK,CAAqB,WAAW,gDAAC,CAAA;IAEnC,gBAAgB,GAAG,mBAAmB,EAAE,CAAA;IACxC,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAE5C,iBAAiB,GAAG,QAAQ,CAAC,GAAG,EAAE,CACzC,UAAU,CACR,IAAI,CAAC,aAAa,EAAE,CAAC,oBAAoB,EAAE,EAC3C,IAAI,CAAC,gBAAgB,EAAE,CAAC,oBAAoB,EAAE,CAC/C,6DACF,CAAA;wGAhBU,wBAAwB;4FAAxB,wBAAwB,kNAJzB;;GAET;;4FAEU,wBAAwB;kBAPpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;GAET;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed, input} from \"@angular/core\"\nimport {ChevronDown} from \"lucide-angular\"\n\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {useSelectContext} from \"@qualcomm-ui/angular-core/select\"\nimport {mergeProps} from \"@qualcomm-ui/utils/merge-props\"\n\nimport {useQdsSelectContext} from \"./qds-select-context.service\"\n\n@Component({\n  selector: \"[q-select-indicator]\",\n  standalone: false,\n  template: `\n    <svg [q-bind]=\"indicatorBindings()\" [qIcon]=\"icon()\" />\n  `,\n})\nexport class SelectIndicatorDirective {\n  /**\n   * Indicator icon.\n   *\n   * @default ChevronDown\n   */\n  readonly icon = input<LucideIconOrString>(ChevronDown)\n\n  protected readonly qdsSelectContext = useQdsSelectContext()\n  protected readonly selectContext = useSelectContext()\n\n  readonly indicatorBindings = computed(() =>\n    mergeProps(\n      this.selectContext().getIndicatorBindings(),\n      this.qdsSelectContext().getIndicatorBindings(),\n    ),\n  )\n}\n"]}
+{"version":3,"file":"select-indicator.directive.js","sourceRoot":"","sources":["../../../src/select/select-indicator.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AACrE,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAE1C,OAAO,EAAC,sBAAsB,EAAC,MAAM,yCAAyC,CAAA;AAE9E,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAA;AAClE,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAA;AACjE,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAA;AAEzD,OAAO,EAAC,mBAAmB,EAAC,MAAM,8BAA8B,CAAA;;;;AAShE,MAAM,OAAO,wBAAwB;IACnC;;;;OAIG;IACM,IAAI,GAAG,KAAK,CAAqB,WAAW,gDAAC,CAAA;IAEnC,gBAAgB,GAAG,mBAAmB,EAAE,CAAA;IACxC,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAClC,mBAAmB,GAAG,sBAAsB,CAAC;QAC9D,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC3E,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IAEiB,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CACvD,UAAU,CACR,IAAI,CAAC,aAAa,EAAE,CAAC,oBAAoB,EAAE,EAC3C,IAAI,CAAC,gBAAgB,EAAE,CAAC,oBAAoB,EAAE,EAC9C,IAAI,CAAC,mBAAmB,EAAE,CAAC,eAAe,EAAE,CAC7C,CACF,CAAA;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;wGA1BU,wBAAwB;4FAAxB,wBAAwB,kNAJzB;;GAET;;4FAEU,wBAAwB;kBAPpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;GAET;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, computed, input, type OnInit} from \"@angular/core\"\nimport {ChevronDown} from \"lucide-angular\"\n\nimport {useInlineIconButtonApi} from \"@qualcomm-ui/angular/inline-icon-button\"\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {useTrackBindings} from \"@qualcomm-ui/angular-core/machine\"\nimport {useSelectContext} from \"@qualcomm-ui/angular-core/select\"\nimport {mergeProps} from \"@qualcomm-ui/utils/merge-props\"\n\nimport {useQdsSelectContext} from \"./qds-select-context.service\"\n\n@Component({\n  selector: \"[q-select-indicator]\",\n  standalone: false,\n  template: `\n    <svg [q-bind]=\"inlineIconButtonApi().getIconBindings()\" [qIcon]=\"icon()\" />\n  `,\n})\nexport class SelectIndicatorDirective implements OnInit {\n  /**\n   * Indicator icon.\n   *\n   * @default ChevronDown\n   */\n  readonly icon = input<LucideIconOrString>(ChevronDown)\n\n  protected readonly qdsSelectContext = useQdsSelectContext()\n  protected readonly selectContext = useSelectContext()\n  protected readonly inlineIconButtonApi = useInlineIconButtonApi({\n    emphasis: \"neutral\",\n    size: computed(() => (this.qdsSelectContext().size === \"sm\" ? \"sm\" : \"md\")),\n    variant: \"scale\",\n  })\n\n  protected readonly trackBindings = useTrackBindings(() =>\n    mergeProps(\n      this.selectContext().getIndicatorBindings(),\n      this.qdsSelectContext().getIndicatorBindings(),\n      this.inlineIconButtonApi().getRootBindings(),\n    ),\n  )\n\n  ngOnInit() {\n    this.trackBindings()\n  }\n}\n"]}

package/esm2022/select/select.component.js

@@ -103,7 +103,7 @@ export class SelectComponent extends SelectRootDirective {
           }
         </ng-content>
         <ng-content select="[q-select-indicator]">
-          <div q-select-indicator></div>
+          <button q-select-indicator></button>
         </ng-content>
         <ng-content select="[q-select-error-indicator]">
           <div q-select-error-indicator></div>
@@ -177,7 +177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
           }
         </ng-content>
         <ng-content select="[q-select-indicator]">
-          <div q-select-indicator></div>
+          <button q-select-indicator></button>
         </ng-content>
         <ng-content select="[q-select-error-indicator]">
           <div q-select-error-indicator></div>

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

@@ -1 +1 @@
-{"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          <div q-select-indicator></div>\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"]}
+{"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"]}

package/package.json

@@ -1,8 +1,10 @@
 {
   "name": "@qualcomm-ui/angular",
-  "description": "An empty package.json used to trick ng-packagr",
-  "version": "1.0.0",
+  "description": "QUI Angular Components",
+  "version": "1.0.2",
   "author": "Ryan Bower",
+  "license": "BSD-3-Clause-Clear",
+  "repository": "https://github.com/qualcomm/qualcomm-ui",
   "sideEffects": false,
   "type": "module",
   "module": "esm2022/qualcomm-ui-angular.js",
@@ -176,7 +178,6 @@
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/animations": ">=20.1.0 <21",
     "@angular/cdk": ">=20.1.0 <21",
     "@angular/common": ">=20.1.0 <21",
     "@angular/compiler": ">=20.1.0 <21",
@@ -184,18 +185,18 @@
     "@angular/forms": ">=20.1.0 <21",
     "@angular/platform-browser": ">=20.1.0 <21",
     "@angular/platform-browser-dynamic": ">=20.1.0 <21",
-    "@qualcomm-ui/angular-core": "^1",
-    "@qualcomm-ui/core": "^1",
-    "@qualcomm-ui/qds-core": "^1",
+    "@qualcomm-ui/angular-core": "^1.0.2",
+    "@qualcomm-ui/core": "^1.0.3",
+    "@qualcomm-ui/qds-core": "^1.0.5",
     "@qualcomm-ui/utils": "^1",
     "@tanstack/virtual-core": ">=3.13.12",
     "lucide-angular": ">=0.487.0 <1",
     "typescript": ">=5.2.0 <6"
   },
   "private": false,
-  "types": "./index.d.ts",
-  "main": "./esm2022/qui-angular.mjs",
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "types": "./index.d.ts",
+  "main": "./esm2022/qui-angular.mjs"
 }

package/select/select-indicator.directive.d.ts

@@ -1,6 +1,7 @@
+import { type OnInit } from "@angular/core";
 import type { LucideIconOrString } from "@qualcomm-ui/angular-core/lucide";
 import * as i0 from "@angular/core";
-export declare class SelectIndicatorDirective {
+export declare class SelectIndicatorDirective implements OnInit {
     /**
      * Indicator icon.
      *
@@ -9,7 +10,12 @@ export declare class SelectIndicatorDirective {
     readonly icon: import("@angular/core").InputSignal<LucideIconOrString>;
     protected readonly qdsSelectContext: () => import("@qualcomm-ui/qds-core/select").QdsSelectApi;
     protected readonly selectContext: () => import("@qualcomm-ui/core/select").SelectApi<any>;
-    readonly indicatorBindings: import("@angular/core").Signal<import("@qualcomm-ui/core/select").SelectIndicatorBindings & import("@qualcomm-ui/qds-core/select").QdsSelectIndicatorBindings>;
+    protected readonly inlineIconButtonApi: import("@angular/core").Signal<import("@qualcomm-ui/qds-core/inline-icon-button").QdsInlineIconButtonApi>;
+    protected readonly trackBindings: ((opts?: import("@qualcomm-ui/angular-core/machine").TrackBindingsConfig) => void) & {
+        extendWith: (computedProps: () => import("@qualcomm-ui/angular-core/machine").Dict) => void;
+        setDisabled: (disabled: boolean) => void;
+    };
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectIndicatorDirective, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SelectIndicatorDirective, "[q-select-indicator]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/select/select-indicator.directive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select-indicator.directive.d.ts","sourceRoot":"","sources":["../../../src/select/select-indicator.directive.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAA;;AAMxE,qBAOa,wBAAwB;IACnC;;;;OAIG;IACH,QAAQ,CAAC,IAAI,0DAAyC;IAEtD,SAAS,CAAC,QAAQ,CAAC,gBAAgB,4DAAwB;IAC3D,SAAS,CAAC,QAAQ,CAAC,aAAa,0DAAqB;IAErD,QAAQ,CAAC,iBAAiB,iKAKzB;yCAhBU,wBAAwB;2CAAxB,wBAAwB;CAiBpC"}
+{"version":3,"file":"select-indicator.directive.d.ts","sourceRoot":"","sources":["../../../src/select/select-indicator.directive.ts"],"names":[],"mappings":"AAGA,OAAO,EAA6B,KAAK,MAAM,EAAC,MAAM,eAAe,CAAA;AAIrE,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,kCAAkC,CAAA;;AAOxE,qBAOa,wBAAyB,YAAW,MAAM;IACrD;;;;OAIG;IACH,QAAQ,CAAC,IAAI,0DAAyC;IAEtD,SAAS,CAAC,QAAQ,CAAC,gBAAgB,4DAAwB;IAC3D,SAAS,CAAC,QAAQ,CAAC,aAAa,0DAAqB;IACrD,SAAS,CAAC,QAAQ,CAAC,mBAAmB,4GAIpC;IAEF,SAAS,CAAC,QAAQ,CAAC,aAAa;;;MAM/B;IAED,QAAQ;yCAxBG,wBAAwB;2CAAxB,wBAAwB;CA2BpC"}