@qualcomm-ui/angular 1.0.0

package/esm2022/number-input/number-input-decrement-trigger.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-decrement-trigger.directive.js","sourceRoot":"","sources":["../../../src/number-input/number-input-decrement-trigger.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAA;AACjD,OAAO,EAAC,KAAK,EAAC,MAAM,gBAAgB,CAAA;AAEpC,OAAO,EAAC,sBAAsB,EAAC,MAAM,yCAAyC,CAAA;AAC9E,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAC,wCAAwC,EAAC,MAAM,wCAAwC,CAAA;AAC/F,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAA;AAEzD,OAAO,EAAC,wBAAwB,EAAC,MAAM,oCAAoC,CAAA;;;;AAe3E,MAAM,OAAO,oCAAqC,SAAQ,wCAAwC;IAC7E,qBAAqB,GAAG,wBAAwB,EAAE,CAAA;IAClD,mBAAmB,GAAG,sBAAsB,CAAC;QAC9D,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;QACvD,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,mBAAmB,EAAE,CAAC,eAAe,EAAE,EAC5C,IAAI,CAAC,qBAAqB,EAAE,CAAC,2BAA2B,EAAE,CAC3D,CACF,CACF,CAAA;IACH,CAAC;wGAlBU,oCAAoC;4FAApC,oCAAoC,kFAZpC,CAAC,YAAY,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC,iDAGxB;;;;;;;GAOT;;4FAEU,oCAAoC;kBAbhD,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,YAAY,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC;oBAClC,QAAQ,EAAE,oCAAoC;oBAC9C,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 {Minus} from \"lucide-angular\"\n\nimport {useInlineIconButtonApi} from \"@qualcomm-ui/angular/inline-icon-button\"\nimport {provideIcons} from \"@qualcomm-ui/angular-core/lucide\"\nimport {CoreNumberInputDecrementTriggerDirective} from \"@qualcomm-ui/angular-core/number-input\"\nimport {mergeProps} from \"@qualcomm-ui/utils/merge-props\"\n\nimport {useQdsNumberInputContext} from \"./qds-number-input-context.service\"\n\n@Component({\n  providers: [provideIcons({Minus})],\n  selector: \"[q-number-input-decrement-trigger]\",\n  standalone: false,\n  template: `\n    <ng-content>\n      <svg\n        qIcon=\"Minus\"\n        [q-bind]=\"inlineIconButtonApi().getIconBindings()\"\n      ></svg>\n    </ng-content>\n  `,\n})\nexport class NumberInputDecrementTriggerDirective extends CoreNumberInputDecrementTriggerDirective {\n  protected readonly qdsNumberInputContext = useQdsNumberInputContext()\n  protected readonly inlineIconButtonApi = useInlineIconButtonApi({\n    emphasis: \"neutral\",\n    size: computed(() => this.qdsNumberInputContext().size),\n    variant: \"fixed\",\n  })\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() =>\n        mergeProps(\n          this.inlineIconButtonApi().getRootBindings(),\n          this.qdsNumberInputContext().getDecrementTriggerBindings(),\n        ),\n      ),\n    )\n  }\n}\n"]}

package/esm2022/number-input/number-input-error-indicator.directive.js

@@ -0,0 +1,45 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, computed, input } from "@angular/core";
+import { CircleAlert } from "lucide-angular";
+import { useInputErrorIndicator } from "@qualcomm-ui/angular/input";
+import { CoreNumberInputErrorIndicatorDirective } from "@qualcomm-ui/angular-core/number-input";
+import { mergeProps } from "@qualcomm-ui/utils/merge-props";
+import { useQdsNumberInputContext } from "./qds-number-input-context.service";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular/icon";
+export class NumberInputErrorIndicatorDirective extends CoreNumberInputErrorIndicatorDirective {
+    /**
+     * lucide-angular icon
+     *
+     * @default CircleAlert
+     */
+    icon = input(CircleAlert, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    qdsNumberInputContext = useQdsNumberInputContext();
+    inputErrorIndicatorContext = useInputErrorIndicator();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => {
+            return mergeProps(this.inputErrorIndicatorContext.getBindings(), this.qdsNumberInputContext().getErrorIndicatorBindings());
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputErrorIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: NumberInputErrorIndicatorDirective, isStandalone: false, selector: "[q-number-input-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.10", ngImport: i0, type: NumberInputErrorIndicatorDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-number-input-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 }] }] } });
+//# sourceMappingURL=number-input-error-indicator.directive.js.map

package/esm2022/number-input/number-input-error-indicator.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-error-indicator.directive.js","sourceRoot":"","sources":["../../../src/number-input/number-input-error-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;AAE1C,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAA;AAEjE,OAAO,EAAC,sCAAsC,EAAC,MAAM,wCAAwC,CAAA;AAC7F,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAA;AAEzD,OAAO,EAAC,wBAAwB,EAAC,MAAM,oCAAoC,CAAA;;;AAW3E,MAAM,OAAO,kCAAmC,SAAQ,sCAAsC;IAC5F;;;;OAIG;IACM,IAAI,GAAG,KAAK,CAAqB,WAAW,gDAAC,CAAA;IAE7C,qBAAqB,GAAG,wBAAwB,EAAE,CAAA;IAClD,0BAA0B,GAAG,sBAAsB,EAAE,CAAA;IAE9D;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE;YACZ,OAAO,UAAU,CACf,IAAI,CAAC,0BAA0B,CAAC,WAAW,EAAE,EAC7C,IAAI,CAAC,qBAAqB,EAAE,CAAC,yBAAyB,EAAE,CACzD,CAAA;QACH,CAAC,CAAC,CACH,CAAA;IACH,CAAC;wGArBU,kCAAkC;4FAAlC,kCAAkC,qPANnC;;;;GAIT;;4FAEU,kCAAkC;kBAT9C,SAAS;mBAAC;oBACT,QAAQ,EAAE,kCAAkC;oBAC5C,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, input} from \"@angular/core\"\nimport {CircleAlert} from \"lucide-angular\"\n\nimport {useInputErrorIndicator} from \"@qualcomm-ui/angular/input\"\nimport type {LucideIconOrString} from \"@qualcomm-ui/angular-core/lucide\"\nimport {CoreNumberInputErrorIndicatorDirective} from \"@qualcomm-ui/angular-core/number-input\"\nimport {mergeProps} from \"@qualcomm-ui/utils/merge-props\"\n\nimport {useQdsNumberInputContext} from \"./qds-number-input-context.service\"\n\n@Component({\n  selector: \"[q-number-input-error-indicator]\",\n  standalone: false,\n  template: `\n    <ng-content>\n      <svg [qIcon]=\"icon()\"></svg>\n    </ng-content>\n  `,\n})\nexport class NumberInputErrorIndicatorDirective extends CoreNumberInputErrorIndicatorDirective {\n  /**\n   * lucide-angular icon\n   *\n   * @default CircleAlert\n   */\n  readonly icon = input<LucideIconOrString>(CircleAlert)\n\n  readonly qdsNumberInputContext = useQdsNumberInputContext()\n  readonly inputErrorIndicatorContext = useInputErrorIndicator()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => {\n        return mergeProps(\n          this.inputErrorIndicatorContext.getBindings(),\n          this.qdsNumberInputContext().getErrorIndicatorBindings(),\n        )\n      }),\n    )\n  }\n}\n"]}

package/esm2022/number-input/number-input-error-text.directive.js

@@ -0,0 +1,23 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive } from "@angular/core";
+import { useQdsInputContext } from "@qualcomm-ui/angular/input";
+import { CoreNumberInputErrorTextDirective } from "@qualcomm-ui/angular-core/number-input";
+import * as i0 from "@angular/core";
+export class NumberInputErrorTextDirective extends CoreNumberInputErrorTextDirective {
+    qdsContext = useQdsInputContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getErrorTextBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputErrorTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: NumberInputErrorTextDirective, isStandalone: false, selector: "[q-number-input-error-text]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputErrorTextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-number-input-error-text]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=number-input-error-text.directive.js.map

package/esm2022/number-input/number-input-error-text.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-error-text.directive.js","sourceRoot":"","sources":["../../../src/number-input/number-input-error-text.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAC,iCAAiC,EAAC,MAAM,wCAAwC,CAAA;;AAMxF,MAAM,OAAO,6BAA8B,SAAQ,iCAAiC;IAC/D,UAAU,GAAG,kBAAkB,EAAE,CAAA;IAEpD;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,oBAAoB,EAAE,CAAC,CACzD,CAAA;IACH,CAAC;wGARU,6BAA6B;4FAA7B,6BAA6B;;4FAA7B,6BAA6B;kBAJzC,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,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 {useQdsInputContext} from \"@qualcomm-ui/angular/input\"\nimport {CoreNumberInputErrorTextDirective} from \"@qualcomm-ui/angular-core/number-input\"\n\n@Directive({\n  selector: \"[q-number-input-error-text]\",\n  standalone: false,\n})\nexport class NumberInputErrorTextDirective extends CoreNumberInputErrorTextDirective {\n  protected readonly qdsContext = useQdsInputContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsContext().getErrorTextBindings()),\n    )\n  }\n}\n"]}

package/esm2022/number-input/number-input-hint.directive.js

@@ -0,0 +1,23 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive } from "@angular/core";
+import { useQdsInputContext } from "@qualcomm-ui/angular/input";
+import { CoreNumberInputHintDirective } from "@qualcomm-ui/angular-core/number-input";
+import * as i0 from "@angular/core";
+export class NumberInputHintDirective extends CoreNumberInputHintDirective {
+    qdsContext = useQdsInputContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getHintBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: NumberInputHintDirective, isStandalone: false, selector: "[q-number-input-hint]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputHintDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-number-input-hint]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=number-input-hint.directive.js.map

package/esm2022/number-input/number-input-hint.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-hint.directive.js","sourceRoot":"","sources":["../../../src/number-input/number-input-hint.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAC,kBAAkB,EAAC,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAC,4BAA4B,EAAC,MAAM,wCAAwC,CAAA;;AAMnF,MAAM,OAAO,wBAAyB,SAAQ,4BAA4B;IACrD,UAAU,GAAG,kBAAkB,EAAE,CAAA;IAEpD;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,eAAe,EAAE,CAAC,CACpD,CAAA;IACH,CAAC;wGARU,wBAAwB;4FAAxB,wBAAwB;;4FAAxB,wBAAwB;kBAJpC,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 {useQdsInputContext} from \"@qualcomm-ui/angular/input\"\nimport {CoreNumberInputHintDirective} from \"@qualcomm-ui/angular-core/number-input\"\n\n@Directive({\n  selector: \"[q-number-input-hint]\",\n  standalone: false,\n})\nexport class NumberInputHintDirective extends CoreNumberInputHintDirective {\n  protected readonly qdsContext = useQdsInputContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsContext().getHintBindings()),\n    )\n  }\n}\n"]}

package/esm2022/number-input/number-input-increment-trigger.directive.js

@@ -0,0 +1,50 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, computed } from "@angular/core";
+import { Plus } from "lucide-angular";
+import { useInlineIconButtonApi } from "@qualcomm-ui/angular/inline-icon-button";
+import { provideIcons } from "@qualcomm-ui/angular-core/lucide";
+import { CoreNumberInputIncrementTriggerDirective } from "@qualcomm-ui/angular-core/number-input";
+import { mergeProps } from "@qualcomm-ui/utils/merge-props";
+import { useQdsNumberInputContext } from "./qds-number-input-context.service";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular-core/machine";
+import * as i2 from "@qualcomm-ui/angular/icon";
+export class NumberInputIncrementTriggerDirective extends CoreNumberInputIncrementTriggerDirective {
+    qdsNumberInputContext = useQdsNumberInputContext();
+    inlineIconButtonApi = useInlineIconButtonApi({
+        emphasis: "neutral",
+        size: computed(() => this.qdsNumberInputContext().size),
+        variant: "fixed",
+    });
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => mergeProps(this.inlineIconButtonApi().getRootBindings(), this.qdsNumberInputContext().getIncrementTriggerBindings())));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputIncrementTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: NumberInputIncrementTriggerDirective, isStandalone: false, selector: "[q-number-input-increment-trigger]", providers: [provideIcons({ Plus })], usesInheritance: true, ngImport: i0, template: `
+    <ng-content>
+      <svg
+        qIcon="Plus"
+        [q-bind]="inlineIconButtonApi().getIconBindings()"
+      ></svg>
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i2.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputIncrementTriggerDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ Plus })],
+                    selector: "[q-number-input-increment-trigger]",
+                    standalone: false,
+                    template: `
+    <ng-content>
+      <svg
+        qIcon="Plus"
+        [q-bind]="inlineIconButtonApi().getIconBindings()"
+      ></svg>
+    </ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=number-input-increment-trigger.directive.js.map

package/esm2022/number-input/number-input-increment-trigger.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-increment-trigger.directive.js","sourceRoot":"","sources":["../../../src/number-input/number-input-increment-trigger.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAA;AACjD,OAAO,EAAC,IAAI,EAAC,MAAM,gBAAgB,CAAA;AAEnC,OAAO,EAAC,sBAAsB,EAAC,MAAM,yCAAyC,CAAA;AAC9E,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAC,wCAAwC,EAAC,MAAM,wCAAwC,CAAA;AAC/F,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAA;AAEzD,OAAO,EAAC,wBAAwB,EAAC,MAAM,oCAAoC,CAAA;;;;AAe3E,MAAM,OAAO,oCAAqC,SAAQ,wCAAwC;IAC7E,qBAAqB,GAAG,wBAAwB,EAAE,CAAA;IAClD,mBAAmB,GAAG,sBAAsB,CAAC;QAC9D,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;QACvD,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,mBAAmB,EAAE,CAAC,eAAe,EAAE,EAC5C,IAAI,CAAC,qBAAqB,EAAE,CAAC,2BAA2B,EAAE,CAC3D,CACF,CACF,CAAA;IACH,CAAC;wGAlBU,oCAAoC;4FAApC,oCAAoC,kFAZpC,CAAC,YAAY,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC,iDAGvB;;;;;;;GAOT;;4FAEU,oCAAoC;kBAbhD,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,YAAY,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;oBACjC,QAAQ,EAAE,oCAAoC;oBAC9C,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 {Plus} from \"lucide-angular\"\n\nimport {useInlineIconButtonApi} from \"@qualcomm-ui/angular/inline-icon-button\"\nimport {provideIcons} from \"@qualcomm-ui/angular-core/lucide\"\nimport {CoreNumberInputIncrementTriggerDirective} from \"@qualcomm-ui/angular-core/number-input\"\nimport {mergeProps} from \"@qualcomm-ui/utils/merge-props\"\n\nimport {useQdsNumberInputContext} from \"./qds-number-input-context.service\"\n\n@Component({\n  providers: [provideIcons({Plus})],\n  selector: \"[q-number-input-increment-trigger]\",\n  standalone: false,\n  template: `\n    <ng-content>\n      <svg\n        qIcon=\"Plus\"\n        [q-bind]=\"inlineIconButtonApi().getIconBindings()\"\n      ></svg>\n    </ng-content>\n  `,\n})\nexport class NumberInputIncrementTriggerDirective extends CoreNumberInputIncrementTriggerDirective {\n  protected readonly qdsNumberInputContext = useQdsNumberInputContext()\n  protected readonly inlineIconButtonApi = useInlineIconButtonApi({\n    emphasis: \"neutral\",\n    size: computed(() => this.qdsNumberInputContext().size),\n    variant: \"fixed\",\n  })\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() =>\n        mergeProps(\n          this.inlineIconButtonApi().getRootBindings(),\n          this.qdsNumberInputContext().getIncrementTriggerBindings(),\n        ),\n      ),\n    )\n  }\n}\n"]}

package/esm2022/number-input/number-input-input-group.directive.js

@@ -0,0 +1,51 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, computed } from "@angular/core";
+import { useInputGroup } from "@qualcomm-ui/angular/input";
+import { CoreNumberInputInputGroupDirective } from "@qualcomm-ui/angular-core/number-input";
+import { useQdsNumberInputContext } from "./qds-number-input-context.service";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular/input";
+export class NumberInputInputGroupDirective extends CoreNumberInputInputGroupDirective {
+    qdsNumberInputContext = useQdsNumberInputContext();
+    inputGroupContext = useInputGroup();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsNumberInputContext().getInputGroupBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputInputGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: NumberInputInputGroupDirective, isStandalone: false, selector: "[q-number-input-input-group]", usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="[q-input-start-icon]">
+      @if (inputGroupContext().startIcon) {
+        <div q-input-start-icon [icon]="inputGroupContext().startIcon"></div>
+      }
+    </ng-content>
+    <ng-content />
+    <ng-content select="[q-input-end-icon]">
+      @if (inputGroupContext().endIcon) {
+        <div q-input-end-icon [icon]="inputGroupContext().endIcon"></div>
+      }
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "component", type: i1.InputStartIconComponent, selector: "[q-input-start-icon]", inputs: ["icon"] }, { kind: "component", type: i1.InputEndIconComponent, selector: "[q-input-end-icon]", inputs: ["icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputInputGroupDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-number-input-input-group]",
+                    standalone: false,
+                    template: `
+    <ng-content select="[q-input-start-icon]">
+      @if (inputGroupContext().startIcon) {
+        <div q-input-start-icon [icon]="inputGroupContext().startIcon"></div>
+      }
+    </ng-content>
+    <ng-content />
+    <ng-content select="[q-input-end-icon]">
+      @if (inputGroupContext().endIcon) {
+        <div q-input-end-icon [icon]="inputGroupContext().endIcon"></div>
+      }
+    </ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=number-input-input-group.directive.js.map

package/esm2022/number-input/number-input-input-group.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-input-group.directive.js","sourceRoot":"","sources":["../../../src/number-input/number-input-input-group.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAC,kCAAkC,EAAC,MAAM,wCAAwC,CAAA;AAEzF,OAAO,EAAC,wBAAwB,EAAC,MAAM,oCAAoC,CAAA;;;AAmB3E,MAAM,OAAO,8BAA+B,SAAQ,kCAAkC;IACjE,qBAAqB,GAAG,wBAAwB,EAAE,CAAA;IAE3D,iBAAiB,GAAG,aAAa,EAAE,CAAA;IAE7C;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,qBAAqB,EAAE,CAAC,CACrE,CAAA;IACH,CAAC;wGAVU,8BAA8B;4FAA9B,8BAA8B,gHAd/B;;;;;;;;;;;;GAYT;;4FAEU,8BAA8B;kBAjB1C,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;;;;;;GAYT;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 {useInputGroup} from \"@qualcomm-ui/angular/input\"\nimport {CoreNumberInputInputGroupDirective} from \"@qualcomm-ui/angular-core/number-input\"\n\nimport {useQdsNumberInputContext} from \"./qds-number-input-context.service\"\n\n@Component({\n  selector: \"[q-number-input-input-group]\",\n  standalone: false,\n  template: `\n    <ng-content select=\"[q-input-start-icon]\">\n      @if (inputGroupContext().startIcon) {\n        <div q-input-start-icon [icon]=\"inputGroupContext().startIcon\"></div>\n      }\n    </ng-content>\n    <ng-content />\n    <ng-content select=\"[q-input-end-icon]\">\n      @if (inputGroupContext().endIcon) {\n        <div q-input-end-icon [icon]=\"inputGroupContext().endIcon\"></div>\n      }\n    </ng-content>\n  `,\n})\nexport class NumberInputInputGroupDirective extends CoreNumberInputInputGroupDirective {\n  protected readonly qdsNumberInputContext = useQdsNumberInputContext()\n\n  protected inputGroupContext = useInputGroup()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsNumberInputContext().getInputGroupBindings()),\n    )\n  }\n}\n"]}

package/esm2022/number-input/number-input-input.directive.js

@@ -0,0 +1,23 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { computed, Directive } from "@angular/core";
+import { CoreNumberInputInputDirective } from "@qualcomm-ui/angular-core/number-input";
+import { useQdsNumberInputContext } from "./qds-number-input-context.service";
+import * as i0 from "@angular/core";
+export class NumberInputInputDirective extends CoreNumberInputInputDirective {
+    qdsNumberInputContext = useQdsNumberInputContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsNumberInputContext().getInputBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: NumberInputInputDirective, isStandalone: false, selector: "input[q-number-input-input]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "input[q-number-input-input]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=number-input-input.directive.js.map

package/esm2022/number-input/number-input-input.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-input.directive.js","sourceRoot":"","sources":["../../../src/number-input/number-input-input.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAC,6BAA6B,EAAC,MAAM,wCAAwC,CAAA;AAEpF,OAAO,EAAC,wBAAwB,EAAC,MAAM,oCAAoC,CAAA;;AAM3E,MAAM,OAAO,yBAA0B,SAAQ,6BAA6B;IACvD,qBAAqB,GAAG,wBAAwB,EAAE,CAAA;IAErE;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAChE,CAAA;IACH,CAAC;wGARU,yBAAyB;4FAAzB,yBAAyB;;4FAAzB,yBAAyB;kBAJrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,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 {CoreNumberInputInputDirective} from \"@qualcomm-ui/angular-core/number-input\"\n\nimport {useQdsNumberInputContext} from \"./qds-number-input-context.service\"\n\n@Directive({\n  selector: \"input[q-number-input-input]\",\n  standalone: false,\n})\nexport class NumberInputInputDirective extends CoreNumberInputInputDirective {\n  protected readonly qdsNumberInputContext = useQdsNumberInputContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsNumberInputContext().getInputBindings()),\n    )\n  }\n}\n"]}

package/esm2022/number-input/number-input-label.directive.js

@@ -0,0 +1,47 @@
+// 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 { CoreNumberInputLabelDirective } from "@qualcomm-ui/angular-core/number-input";
+import * as i0 from "@angular/core";
+import * as i1 from "@qualcomm-ui/angular-core/machine";
+import * as i2 from "@qualcomm-ui/angular/icon";
+export class NumberInputLabelDirective extends CoreNumberInputLabelDirective {
+    qdsContext = useQdsInputContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getLabelBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: NumberInputLabelDirective, isStandalone: false, selector: "[q-number-input-label]", providers: [provideIcons({ Asterisk })], usesInheritance: true, ngImport: i0, template: `
+    <ng-content />
+    @if (numberInputContext().required) {
+      <svg
+        qIcon="Asterisk"
+        size="xs"
+        [q-bind]="qdsContext().getRequiredIndicatorBindings()"
+      ></svg>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i2.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputLabelDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ Asterisk })],
+                    selector: "[q-number-input-label]",
+                    standalone: false,
+                    template: `
+    <ng-content />
+    @if (numberInputContext().required) {
+      <svg
+        qIcon="Asterisk"
+        size="xs"
+        [q-bind]="qdsContext().getRequiredIndicatorBindings()"
+      ></svg>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=number-input-label.directive.js.map

package/esm2022/number-input/number-input-label.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-label.directive.js","sourceRoot":"","sources":["../../../src/number-input/number-input-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,6BAA6B,EAAC,MAAM,wCAAwC,CAAA;;;;AAiBpF,MAAM,OAAO,yBAA0B,SAAQ,6BAA6B;IACvD,UAAU,GAAG,kBAAkB,EAAE,CAAA;IAEpD;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,gBAAgB,EAAE,CAAC,CACrD,CAAA;IACH,CAAC;wGARU,yBAAyB;4FAAzB,yBAAyB,sEAdzB,CAAC,YAAY,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,iDAG3B;;;;;;;;;GAST;;4FAEU,yBAAyB;kBAfrC,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,YAAY,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC;oBACrC,QAAQ,EAAE,wBAAwB;oBAClC,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 {CoreNumberInputLabelDirective} from \"@qualcomm-ui/angular-core/number-input\"\n\n@Component({\n  providers: [provideIcons({Asterisk})],\n  selector: \"[q-number-input-label]\",\n  standalone: false,\n  template: `\n    <ng-content />\n    @if (numberInputContext().required) {\n      <svg\n        qIcon=\"Asterisk\"\n        size=\"xs\"\n        [q-bind]=\"qdsContext().getRequiredIndicatorBindings()\"\n      ></svg>\n    }\n  `,\n})\nexport class NumberInputLabelDirective extends CoreNumberInputLabelDirective {\n  protected readonly qdsContext = useQdsInputContext()\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsContext().getLabelBindings()),\n    )\n  }\n}\n"]}

package/esm2022/number-input/number-input-root.directive.js

@@ -0,0 +1,81 @@
+// 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 { CoreNumberInputRootDirective, provideNumberInputContext, } from "@qualcomm-ui/angular-core/number-input";
+import { createQdsInputApi } from "@qualcomm-ui/qds-core/input";
+import { createQdsNumberInputApi, } from "@qualcomm-ui/qds-core/number-input";
+import { provideQdsNumberInputContext, QdsNumberInputContextService, } from "./qds-number-input-context.service";
+import * as i0 from "@angular/core";
+export class NumberInputRootDirective extends CoreNumberInputRootDirective {
+    /**
+     * {@link https://lucide.dev lucide-angular} icon, positioned after
+     * the input.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-number-input-input-group>
+     *   <div q-input-end-icon [icon]="..."></div>
+     * </div>
+     * ```
+     */
+    endIcon = input(...(ngDevMode ? [undefined, { debugName: "endIcon" }] : []));
+    /**
+     * The size of the input field and its elements. Governs properties like font
+     * size, item padding, and icon sizes.
+     *
+     * @default 'md'
+     */
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    /**
+     * {@link https://lucide.dev lucide-angular} icon, positioned before
+     * the input.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-number-input-input-group>
+     *   <div q-input-start-icon [icon]="..."></div>
+     * </div>
+     * ```
+     */
+    startIcon = input(...(ngDevMode ? [undefined, { debugName: "startIcon" }] : []));
+    qdsInputService = inject(QdsInputContextService);
+    qdsNumberInputService = inject(QdsNumberInputContextService);
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsInputService.context().getRootBindings()));
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.qdsInputService.init(computed(() => createQdsInputApi({
+            endIcon: this.endIcon(),
+            size: this.size(),
+            startIcon: this.startIcon(),
+        }, normalizeProps)));
+        this.qdsNumberInputService.init(computed(() => createQdsNumberInputApi({ size: this.size() }, normalizeProps)));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: NumberInputRootDirective, isStandalone: false, selector: "[q-number-input-root]", inputs: { endIcon: { classPropertyName: "endIcon", publicName: "endIcon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, startIcon: { classPropertyName: "startIcon", publicName: "startIcon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            provideNumberInputContext(),
+            provideQdsInputContext(),
+            provideQdsNumberInputContext(),
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        provideNumberInputContext(),
+                        provideQdsInputContext(),
+                        provideQdsNumberInputContext(),
+                    ],
+                    selector: "[q-number-input-root]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [], propDecorators: { endIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "endIcon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], startIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "startIcon", required: false }] }] } });
+//# sourceMappingURL=number-input-root.directive.js.map

package/esm2022/number-input/number-input-root.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-root.directive.js","sourceRoot":"","sources":["../../../src/number-input/number-input-root.directive.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAc,MAAM,eAAe,CAAA;AAE7E,OAAO,EACL,sBAAsB,EAEtB,sBAAsB,GACvB,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EAAC,cAAc,EAAC,MAAM,mCAAmC,CAAA;AAChE,OAAO,EACL,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,wCAAwC,CAAA;AAE/C,OAAO,EAAC,iBAAiB,EAAoB,MAAM,6BAA6B,CAAA;AAChF,OAAO,EACL,uBAAuB,GAExB,MAAM,oCAAoC,CAAA;AAE3C,OAAO,EACL,4BAA4B,EAC5B,4BAA4B,GAC7B,MAAM,oCAAoC,CAAA;;AAW3C,MAAM,OAAO,wBACX,SAAQ,4BAA4B;IAMpC;;;;;;;;;;;;OAYG;IACM,OAAO,GAAG,KAAK,6DAAmC,CAAA;IAE3D;;;;;OAKG;IACM,IAAI,GAAG,KAAK,0DAAgB,CAAA;IAErC;;;;;;;;;;;;OAYG;IACM,SAAS,GAAG,KAAK,+DAAmC,CAAA;IAEpD,eAAe,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAA;IAChD,qBAAqB,GAAG,MAAM,CAAC,4BAA4B,CAAC,CAAA;IAErE;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,aAAa,CAAC,UAAU,CAC3B,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,CAAC,CACjE,CAAA;IACH,CAAC;IAEQ,QAAQ;QACf,KAAK,CAAC,QAAQ,EAAE,CAAA;QAEhB,IAAI,CAAC,eAAe,CAAC,IAAI,CACvB,QAAQ,CAAC,GAAG,EAAE,CACZ,iBAAiB,CACf;YACE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;YACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;YACjB,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;SAC5B,EACD,cAAc,CACf,CACF,CACF,CAAA;QAED,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAC7B,QAAQ,CAAC,GAAG,EAAE,CACZ,uBAAuB,CAAC,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAC,EAAE,cAAc,CAAC,CAC7D,CACF,CAAA;IACH,CAAC;wGA5EU,wBAAwB;4FAAxB,wBAAwB,wcARxB;YACT,yBAAyB,EAAE;YAC3B,sBAAsB,EAAE;YACxB,4BAA4B,EAAE;SAC/B;;4FAIU,wBAAwB;kBATpC,SAAS;mBAAC;oBACT,SAAS,EAAE;wBACT,yBAAyB,EAAE;wBAC3B,sBAAsB,EAAE;wBACxB,4BAA4B,EAAE;qBAC/B;oBACD,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, inject, input, type OnInit} from \"@angular/core\"\n\nimport {\n  provideQdsInputContext,\n  type QdsAngularInputApiProps,\n  QdsInputContextService,\n} from \"@qualcomm-ui/angular/input\"\nimport type {LucideIcon} from \"@qualcomm-ui/angular-core/lucide\"\nimport {normalizeProps} from \"@qualcomm-ui/angular-core/machine\"\nimport {\n  CoreNumberInputRootDirective,\n  provideNumberInputContext,\n} from \"@qualcomm-ui/angular-core/number-input\"\nimport type {SignalifyInput} from \"@qualcomm-ui/angular-core/signals\"\nimport {createQdsInputApi, type QdsInputSize} from \"@qualcomm-ui/qds-core/input\"\nimport {\n  createQdsNumberInputApi,\n  type QdsNumberInputApiProps,\n} from \"@qualcomm-ui/qds-core/number-input\"\n\nimport {\n  provideQdsNumberInputContext,\n  QdsNumberInputContextService,\n} from \"./qds-number-input-context.service\"\n\n@Directive({\n  providers: [\n    provideNumberInputContext(),\n    provideQdsInputContext(),\n    provideQdsNumberInputContext(),\n  ],\n  selector: \"[q-number-input-root]\",\n  standalone: false,\n})\nexport class NumberInputRootDirective\n  extends CoreNumberInputRootDirective\n  implements\n    SignalifyInput<QdsNumberInputApiProps>,\n    SignalifyInput<QdsAngularInputApiProps>,\n    OnInit\n{\n  /**\n   * {@link https://lucide.dev lucide-angular} icon, positioned after\n   * the input.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   *\n   * ```angular-html\n   * <div q-number-input-input-group>\n   *   <div q-input-end-icon [icon]=\"...\"></div>\n   * </div>\n   * ```\n   */\n  readonly endIcon = input<LucideIcon | string | undefined>()\n\n  /**\n   * The size of the input field and its elements. Governs properties like font\n   * size, item padding, and icon sizes.\n   *\n   * @default 'md'\n   */\n  readonly size = input<QdsInputSize>()\n\n  /**\n   * {@link https://lucide.dev lucide-angular} icon, positioned before\n   * the input.\n   *\n   * @remarks\n   * To customize the element, provide it using the directive instead:\n   *\n   * ```angular-html\n   * <div q-number-input-input-group>\n   *   <div q-input-start-icon [icon]=\"...\"></div>\n   * </div>\n   * ```\n   */\n  readonly startIcon = input<LucideIcon | string | undefined>()\n\n  readonly qdsInputService = inject(QdsInputContextService)\n  readonly qdsNumberInputService = inject(QdsNumberInputContextService)\n\n  constructor() {\n    super()\n    this.trackBindings.extendWith(\n      computed(() => this.qdsInputService.context().getRootBindings()),\n    )\n  }\n\n  override ngOnInit() {\n    super.ngOnInit()\n\n    this.qdsInputService.init(\n      computed(() =>\n        createQdsInputApi(\n          {\n            endIcon: this.endIcon(),\n            size: this.size(),\n            startIcon: this.startIcon(),\n          },\n          normalizeProps,\n        ),\n      ),\n    )\n\n    this.qdsNumberInputService.init(\n      computed(() =>\n        createQdsNumberInputApi({size: this.size()}, normalizeProps),\n      ),\n    )\n  }\n}\n"]}

package/esm2022/number-input/number-input.component.js

@@ -0,0 +1,145 @@
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+import { Component, input } from "@angular/core";
+import { provideQdsInputContext } from "@qualcomm-ui/angular/input";
+import { provideNumberInputContext } from "@qualcomm-ui/angular-core/number-input";
+import { NumberInputRootDirective } from "./number-input-root.directive";
+import { provideQdsNumberInputContext } from "./qds-number-input-context.service";
+import * as i0 from "@angular/core";
+import * as i1 from "./number-input-control.directive";
+import * as i2 from "./number-input-error-text.directive";
+import * as i3 from "./number-input-hint.directive";
+import * as i4 from "./number-input-input.directive";
+import * as i5 from "./number-input-input-group.directive";
+import * as i6 from "./number-input-label.directive";
+import * as i7 from "./number-input-error-indicator.directive";
+export class NumberInputComponent extends NumberInputRootDirective {
+    /**
+     * Optional error that describes the element when {@link invalid} is true.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     * ```angular-html
+     * <q-number-input>
+     *   <div q-number-input-error-text>...</div>
+     * </q-number-input>
+     * ```
+     */
+    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
+     * <q-number-input>
+     *   <div q-number-input-hint>...</div>
+     * </q-number-input>
+     * ```
+     */
+    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
+     * <q-number-input>
+     *   <div q-number-input-label>...</div>
+     * </q-number-input>
+     * ```
+     */
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    /**
+     * HTML {@link https://www.w3schools.com/tags/att_input_placeholder.asp placeholder} attribute,
+     * passed to the internal input element.
+     */
+    placeholder = input("", ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: NumberInputComponent, isStandalone: false, selector: "q-number-input", inputs: { 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 }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            provideNumberInputContext(),
+            provideQdsInputContext(),
+            provideQdsNumberInputContext(),
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="[q-number-input-label]">
+      @if (label()) {
+        <label q-number-input-label>{{ label() }}</label>
+      }
+    </ng-content>
+    <div q-number-input-input-group>
+      <input q-number-input-input [placeholder]="placeholder()" />
+
+      <ng-content select="[q-number-input-control]">
+        <div q-number-input-control></div>
+      </ng-content>
+
+      <ng-content select="[q-number-input-error-indicator]">
+        <span q-number-input-error-indicator></span>
+      </ng-content>
+    </div>
+    <ng-content select="[q-number-input-hint]">
+      @if (hint()) {
+        <span q-number-input-hint>
+          {{ hint() }}
+        </span>
+      }
+    </ng-content>
+
+    <ng-content select="[q-number-input-error-text]">
+      @if (errorText()) {
+        <div q-number-input-error-text>
+          {{ errorText() }}
+        </div>
+      }
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "component", type: i1.NumberInputControlDirective, selector: "[q-number-input-control]" }, { kind: "directive", type: i2.NumberInputErrorTextDirective, selector: "[q-number-input-error-text]" }, { kind: "directive", type: i3.NumberInputHintDirective, selector: "[q-number-input-hint]" }, { kind: "directive", type: i4.NumberInputInputDirective, selector: "input[q-number-input-input]" }, { kind: "component", type: i5.NumberInputInputGroupDirective, selector: "[q-number-input-input-group]" }, { kind: "component", type: i6.NumberInputLabelDirective, selector: "[q-number-input-label]" }, { kind: "component", type: i7.NumberInputErrorIndicatorDirective, selector: "[q-number-input-error-indicator]", inputs: ["icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: NumberInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        provideNumberInputContext(),
+                        provideQdsInputContext(),
+                        provideQdsNumberInputContext(),
+                    ],
+                    selector: "q-number-input",
+                    standalone: false,
+                    template: `
+    <ng-content select="[q-number-input-label]">
+      @if (label()) {
+        <label q-number-input-label>{{ label() }}</label>
+      }
+    </ng-content>
+    <div q-number-input-input-group>
+      <input q-number-input-input [placeholder]="placeholder()" />
+
+      <ng-content select="[q-number-input-control]">
+        <div q-number-input-control></div>
+      </ng-content>
+
+      <ng-content select="[q-number-input-error-indicator]">
+        <span q-number-input-error-indicator></span>
+      </ng-content>
+    </div>
+    <ng-content select="[q-number-input-hint]">
+      @if (hint()) {
+        <span q-number-input-hint>
+          {{ hint() }}
+        </span>
+      }
+    </ng-content>
+
+    <ng-content select="[q-number-input-error-text]">
+      @if (errorText()) {
+        <div q-number-input-error-text>
+          {{ errorText() }}
+        </div>
+      }
+    </ng-content>
+  `,
+                }]
+        }], propDecorators: { 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 }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
+//# sourceMappingURL=number-input.component.js.map

package/esm2022/number-input/number-input.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.component.js","sourceRoot":"","sources":["../../../src/number-input/number-input.component.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,8CAA8C;AAE9C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAC,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAC,sBAAsB,EAAC,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAC,yBAAyB,EAAC,MAAM,wCAAwC,CAAA;AAEhF,OAAO,EAAC,wBAAwB,EAAC,MAAM,+BAA+B,CAAA;AACtE,OAAO,EAAC,4BAA4B,EAAC,MAAM,oCAAoC,CAAA;;;;;;;;;AA4C/E,MAAM,OAAO,oBAAqB,SAAQ,wBAAwB;IAChE;;;;;;;;;;OAUG;IACM,SAAS,GAAG,KAAK,+DAAsB,CAAA;IAEhD;;;;;;;;;;;OAWG;IACM,IAAI,GAAG,KAAK,0DAAsB,CAAA;IAE3C;;;;;;;;;;;;OAYG;IACM,KAAK,GAAG,KAAK,2DAAsB,CAAA;IAE5C;;;OAGG;IACM,WAAW,GAAG,KAAK,CAAS,EAAE,uDAAC,CAAA;wGA/C7B,oBAAoB;4FAApB,oBAAoB,qkBAzCpB;YACT,yBAAyB,EAAE;YAC3B,sBAAsB,EAAE;YACxB,4BAA4B,EAAE;SAC/B,iDAGS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCT;;4FAEU,oBAAoB;kBA1ChC,SAAS;mBAAC;oBACT,SAAS,EAAE;wBACT,yBAAyB,EAAE;wBAC3B,sBAAsB,EAAE;wBACxB,4BAA4B,EAAE;qBAC/B;oBACD,QAAQ,EAAE,gBAAgB;oBAC1B,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCT;iBACF","sourcesContent":["// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.\n// SPDX-License-Identifier: BSD-3-Clause-Clear\n\nimport {Component, input} from \"@angular/core\"\n\nimport {provideQdsInputContext} from \"@qualcomm-ui/angular/input\"\nimport {provideNumberInputContext} from \"@qualcomm-ui/angular-core/number-input\"\n\nimport {NumberInputRootDirective} from \"./number-input-root.directive\"\nimport {provideQdsNumberInputContext} from \"./qds-number-input-context.service\"\n\n@Component({\n  providers: [\n    provideNumberInputContext(),\n    provideQdsInputContext(),\n    provideQdsNumberInputContext(),\n  ],\n  selector: \"q-number-input\",\n  standalone: false,\n  template: `\n    <ng-content select=\"[q-number-input-label]\">\n      @if (label()) {\n        <label q-number-input-label>{{ label() }}</label>\n      }\n    </ng-content>\n    <div q-number-input-input-group>\n      <input q-number-input-input [placeholder]=\"placeholder()\" />\n\n      <ng-content select=\"[q-number-input-control]\">\n        <div q-number-input-control></div>\n      </ng-content>\n\n      <ng-content select=\"[q-number-input-error-indicator]\">\n        <span q-number-input-error-indicator></span>\n      </ng-content>\n    </div>\n    <ng-content select=\"[q-number-input-hint]\">\n      @if (hint()) {\n        <span q-number-input-hint>\n          {{ hint() }}\n        </span>\n      }\n    </ng-content>\n\n    <ng-content select=\"[q-number-input-error-text]\">\n      @if (errorText()) {\n        <div q-number-input-error-text>\n          {{ errorText() }}\n        </div>\n      }\n    </ng-content>\n  `,\n})\nexport class NumberInputComponent extends NumberInputRootDirective {\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   * ```angular-html\n   * <q-number-input>\n   *   <div q-number-input-error-text>...</div>\n   * </q-number-input>\n   * ```\n   */\n  readonly errorText = input<string | undefined>()\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   * ```angular-html\n   * <q-number-input>\n   *   <div q-number-input-hint>...</div>\n   * </q-number-input>\n   * ```\n   */\n  readonly hint = input<string | undefined>()\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   * ```angular-html\n   * <q-number-input>\n   *   <div q-number-input-label>...</div>\n   * </q-number-input>\n   * ```\n   */\n  readonly label = input<string | undefined>()\n\n  /**\n   * HTML {@link https://www.w3schools.com/tags/att_input_placeholder.asp placeholder} attribute,\n   * passed to the internal input element.\n   */\n  readonly placeholder = input<string>(\"\")\n}\n"]}