@qualcomm-ui/angular 1.1.0 → 1.2.0

package/fesm2022/qualcomm-ui-angular-number-input.mjs

@@ -0,0 +1,617 @@
+import * as i0 from '@angular/core';
+import { Injectable, computed, Component, input, Directive, inject, NgModule } from '@angular/core';
+import { CoreNumberInputDecrementTriggerDirective, CoreNumberInputIncrementTriggerDirective, CoreNumberInputControlDirective, CoreNumberInputErrorIndicatorDirective, CoreNumberInputErrorTextDirective, CoreNumberInputHintDirective, CoreNumberInputInputGroupDirective, CoreNumberInputInputDirective, CoreNumberInputLabelDirective, CoreNumberInputRootDirective, provideNumberInputContext } from '@qualcomm-ui/angular-core/number-input';
+import * as i2 from '@qualcomm-ui/angular-core/machine';
+import { BaseApiContextService, createApiContext, normalizeProps, QBindDirective } from '@qualcomm-ui/angular-core/machine';
+import { Minus, Plus, CircleAlert, Asterisk } from 'lucide-angular';
+import { useInlineIconButtonApi } from '@qualcomm-ui/angular/inline-icon-button';
+import * as i1 from '@qualcomm-ui/angular/transitions';
+import { QuiPreloadDirective } from '@qualcomm-ui/angular/transitions';
+import { provideIcons } from '@qualcomm-ui/angular-core/lucide';
+import { mergeProps } from '@qualcomm-ui/utils/merge-props';
+import * as i3 from '@qualcomm-ui/angular/icon';
+import { IconDirective } from '@qualcomm-ui/angular/icon';
+import * as i1$1 from '@qualcomm-ui/angular/input';
+import { useInputErrorIndicator, useQdsInputContext, useInputGroup, QdsInputContextService, provideQdsInputContext, InputStartIconComponent, InputEndIconComponent } from '@qualcomm-ui/angular/input';
+import { createQdsInputApi } from '@qualcomm-ui/qds-core/input';
+import { createQdsNumberInputApi } from '@qualcomm-ui/qds-core/number-input';
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class QdsNumberInputContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: QdsNumberInputContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: QdsNumberInputContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: QdsNumberInputContextService, decorators: [{
+            type: Injectable
+        }] });
+const [QDS_NUMBER_INPUT_CONTEXT, useQdsNumberInputContext, provideQdsNumberInputContext,] = createApiContext("QdsNumberInputContext", QdsNumberInputContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class NumberInputDecrementTriggerDirective extends CoreNumberInputDecrementTriggerDirective {
+    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().getDecrementTriggerBindings())));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NumberInputDecrementTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: NumberInputDecrementTriggerDirective, isStandalone: false, selector: "[q-number-input-decrement-trigger]", providers: [provideIcons({ Minus })], usesInheritance: true, hostDirectives: [{ directive: i1.QuiPreloadDirective }], ngImport: i0, template: `
+    <ng-content>
+      <svg
+        qIcon="Minus"
+        [q-bind]="inlineIconButtonApi().getIconBindings()"
+      ></svg>
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i3.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NumberInputDecrementTriggerDirective, decorators: [{
+            type: Component,
+            args: [{
+                    hostDirectives: [QuiPreloadDirective],
+                    providers: [provideIcons({ Minus })],
+                    selector: "[q-number-input-decrement-trigger]",
+                    standalone: false,
+                    template: `
+    <ng-content>
+      <svg
+        qIcon="Minus"
+        [q-bind]="inlineIconButtonApi().getIconBindings()"
+      ></svg>
+    </ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class 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.12", ngImport: i0, type: NumberInputIncrementTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: NumberInputIncrementTriggerDirective, isStandalone: false, selector: "[q-number-input-increment-trigger]", providers: [provideIcons({ Plus })], usesInheritance: true, hostDirectives: [{ directive: i1.QuiPreloadDirective }], ngImport: i0, template: `
+    <ng-content>
+      <svg
+        qIcon="Plus"
+        [q-bind]="inlineIconButtonApi().getIconBindings()"
+      ></svg>
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i3.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NumberInputIncrementTriggerDirective, decorators: [{
+            type: Component,
+            args: [{
+                    hostDirectives: [QuiPreloadDirective],
+                    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: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+/**
+ * @remarks
+ * This component is a shortcut for the following:
+ * ```angular-html
+ * <ng-content select="[q-number-input-decrement-trigger]">
+ *   <button q-number-input-decrement-trigger></button>
+ * </ng-content>
+ * <ng-content select="[q-number-input-increment-trigger]">
+ *   <button q-number-input-increment-trigger></button>
+ * </ng-content>
+ * ```
+ */
+class NumberInputControlDirective extends CoreNumberInputControlDirective {
+    qdsNumberInputContext = useQdsNumberInputContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsNumberInputContext().getControlBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NumberInputControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: NumberInputControlDirective, isStandalone: false, selector: "[q-number-input-control]", usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="[q-number-input-decrement-trigger]">
+      <button q-number-input-decrement-trigger></button>
+    </ng-content>
+
+    <ng-content select="[q-number-input-increment-trigger]">
+      <button q-number-input-increment-trigger></button>
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "component", type: NumberInputDecrementTriggerDirective, selector: "[q-number-input-decrement-trigger]" }, { kind: "component", type: NumberInputIncrementTriggerDirective, selector: "[q-number-input-increment-trigger]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NumberInputControlDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-number-input-control]",
+                    standalone: false,
+                    template: `
+    <ng-content select="[q-number-input-decrement-trigger]">
+      <button q-number-input-decrement-trigger></button>
+    </ng-content>
+
+    <ng-content select="[q-number-input-increment-trigger]">
+      <button q-number-input-increment-trigger></button>
+    </ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+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.12", ngImport: i0, type: NumberInputErrorIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", 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: i3.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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 }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+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.12", ngImport: i0, type: NumberInputErrorTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: NumberInputErrorTextDirective, isStandalone: false, selector: "[q-number-input-error-text]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NumberInputErrorTextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-number-input-error-text]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+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.12", ngImport: i0, type: NumberInputHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: NumberInputHintDirective, isStandalone: false, selector: "[q-number-input-hint]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NumberInputHintDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-number-input-hint]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+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.12", ngImport: i0, type: NumberInputInputGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", 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$1.InputStartIconComponent, selector: "[q-input-start-icon]", inputs: ["icon"] }, { kind: "component", type: i1$1.InputEndIconComponent, selector: "[q-input-end-icon]", inputs: ["icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+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.12", ngImport: i0, type: NumberInputInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: NumberInputInputDirective, isStandalone: false, selector: "input[q-number-input-input]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NumberInputInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "input[q-number-input-input]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+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.12", ngImport: i0, type: NumberInputLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", 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: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i3.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+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.12", ngImport: i0, type: NumberInputRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", 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.12", 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 }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+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.12", ngImport: i0, type: NumberInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", 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: NumberInputControlDirective, selector: "[q-number-input-control]" }, { kind: "directive", type: NumberInputErrorTextDirective, selector: "[q-number-input-error-text]" }, { kind: "directive", type: NumberInputHintDirective, selector: "[q-number-input-hint]" }, { kind: "directive", type: NumberInputInputDirective, selector: "input[q-number-input-input]" }, { kind: "component", type: NumberInputInputGroupDirective, selector: "[q-number-input-input-group]" }, { kind: "component", type: NumberInputLabelDirective, selector: "[q-number-input-label]" }, { kind: "component", type: NumberInputErrorIndicatorDirective, selector: "[q-number-input-error-indicator]", inputs: ["icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", 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 }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class NumberInputModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NumberInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: NumberInputModule, declarations: [NumberInputControlDirective,
+            NumberInputErrorTextDirective,
+            NumberInputHintDirective,
+            NumberInputInputDirective,
+            NumberInputInputGroupDirective,
+            NumberInputLabelDirective,
+            NumberInputErrorIndicatorDirective,
+            NumberInputRootDirective,
+            NumberInputDecrementTriggerDirective,
+            NumberInputIncrementTriggerDirective,
+            NumberInputComponent], imports: [QBindDirective,
+            IconDirective,
+            InputStartIconComponent,
+            InputEndIconComponent], exports: [NumberInputControlDirective,
+            NumberInputErrorTextDirective,
+            NumberInputHintDirective,
+            NumberInputInputDirective,
+            NumberInputInputGroupDirective,
+            NumberInputLabelDirective,
+            NumberInputErrorIndicatorDirective,
+            NumberInputRootDirective,
+            NumberInputDecrementTriggerDirective,
+            NumberInputIncrementTriggerDirective,
+            NumberInputComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NumberInputModule, imports: [InputStartIconComponent,
+            InputEndIconComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: NumberInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        NumberInputControlDirective,
+                        NumberInputErrorTextDirective,
+                        NumberInputHintDirective,
+                        NumberInputInputDirective,
+                        NumberInputInputGroupDirective,
+                        NumberInputLabelDirective,
+                        NumberInputErrorIndicatorDirective,
+                        NumberInputRootDirective,
+                        NumberInputDecrementTriggerDirective,
+                        NumberInputIncrementTriggerDirective,
+                        NumberInputComponent,
+                    ],
+                    exports: [
+                        NumberInputControlDirective,
+                        NumberInputErrorTextDirective,
+                        NumberInputHintDirective,
+                        NumberInputInputDirective,
+                        NumberInputInputGroupDirective,
+                        NumberInputLabelDirective,
+                        NumberInputErrorIndicatorDirective,
+                        NumberInputRootDirective,
+                        NumberInputDecrementTriggerDirective,
+                        NumberInputIncrementTriggerDirective,
+                        NumberInputComponent,
+                    ],
+                    imports: [
+                        QBindDirective,
+                        IconDirective,
+                        InputStartIconComponent,
+                        InputEndIconComponent,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NumberInputComponent, NumberInputControlDirective, NumberInputDecrementTriggerDirective, NumberInputErrorIndicatorDirective, NumberInputErrorTextDirective, NumberInputHintDirective, NumberInputIncrementTriggerDirective, NumberInputInputDirective, NumberInputInputGroupDirective, NumberInputLabelDirective, NumberInputModule, NumberInputRootDirective, QDS_NUMBER_INPUT_CONTEXT, QdsNumberInputContextService, provideQdsNumberInputContext, useQdsNumberInputContext };
+//# sourceMappingURL=qualcomm-ui-angular-number-input.mjs.map