@qualcomm-ui/angular 1.1.0 → 1.1.1

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

@@ -0,0 +1,593 @@
+import * as i0 from '@angular/core';
+import { computed, Component, input, inject, Directive, booleanAttribute, NgModule } from '@angular/core';
+import { X, CircleAlert, Asterisk, EyeOff, Eye } from 'lucide-angular';
+import * as i1$1 from '@qualcomm-ui/angular/input';
+import { useInputClearTrigger, useInputErrorIndicator, useInputErrorText, useInputHint, useInputGroup, useInputInput, useQdsInputContext, QdsInputContextService, provideQdsInputContext, InputStartIconComponent } from '@qualcomm-ui/angular/input';
+import { provideIcons } from '@qualcomm-ui/angular-core/lucide';
+import { CorePasswordInputClearTriggerDirective, CorePasswordInputErrorIndicatorDirective, CorePasswordInputErrorTextDirective, CorePasswordInputHintDirective, CorePasswordInputInputGroupDirective, CorePasswordInputInputDirective, CorePasswordInputLabelDirective, CorePasswordInputRootDirective, providePasswordInputContext, CorePasswordInputVisibilityTriggerDirective } from '@qualcomm-ui/angular-core/password-input';
+import * as i1 from '@qualcomm-ui/angular/icon';
+import { IconDirective } from '@qualcomm-ui/angular/icon';
+import * as i2 from '@qualcomm-ui/angular-core/machine';
+import { normalizeProps, QBindDirective } from '@qualcomm-ui/angular-core/machine';
+import { INPUT_FORM_CONTROL_CONTEXT } from '@qualcomm-ui/angular-core/input';
+import { createQdsInputApi } from '@qualcomm-ui/qds-core/input';
+import { useInlineIconButtonApi } from '@qualcomm-ui/angular/inline-icon-button';
+import { passwordInputClasses } from '@qualcomm-ui/qds-core/password-input';
+import { mergeProps } from '@qualcomm-ui/utils/merge-props';
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class PasswordInputClearTriggerDirective extends CorePasswordInputClearTriggerDirective {
+    clearTriggerContext = useInputClearTrigger();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.clearTriggerContext.getRootBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputClearTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: PasswordInputClearTriggerDirective, isStandalone: false, selector: "[q-password-input-clear-trigger]", providers: [provideIcons({ X })], usesInheritance: true, ngImport: i0, template: `
+    <svg qIcon="X" [q-bind]="clearTriggerContext.getIconBindings()"></svg>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputClearTriggerDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ X })],
+                    selector: "[q-password-input-clear-trigger]",
+                    standalone: false,
+                    template: `
+    <svg qIcon="X" [q-bind]="clearTriggerContext.getIconBindings()"></svg>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class PasswordInputErrorIndicatorDirective extends CorePasswordInputErrorIndicatorDirective {
+    /**
+     * lucide-angular icon
+     *
+     * @default CircleAlert
+     */
+    icon = input(CircleAlert, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    inputErrorIndicatorContext = useInputErrorIndicator();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(() => this.inputErrorIndicatorContext.getBindings());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputErrorIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", type: PasswordInputErrorIndicatorDirective, isStandalone: false, selector: "[q-password-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.12", ngImport: i0, type: PasswordInputErrorIndicatorDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-password-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 PasswordInputErrorTextDirective extends CorePasswordInputErrorTextDirective {
+    /**
+     * Optional error indicator icon.
+     */
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+    errorTextContext = useInputErrorText();
+    formControlContext = inject(INPUT_FORM_CONTROL_CONTEXT);
+    constructor() {
+        super();
+        this.trackBindings.extendWith(() => this.errorTextContext.getBindings());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputErrorTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: PasswordInputErrorTextDirective, isStandalone: false, selector: "[q-password-input-error-text]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    @if (icon()) {
+      <svg [qIcon]="icon()!" />
+    }
+    <ng-content>
+      @if (formControlContext.errorText()) {
+        {{ formControlContext.errorText() }}
+      }
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputErrorTextDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-password-input-error-text]",
+                    standalone: false,
+                    template: `
+    @if (icon()) {
+      <svg [qIcon]="icon()!" />
+    }
+    <ng-content>
+      @if (formControlContext.errorText()) {
+        {{ formControlContext.errorText() }}
+      }
+    </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 PasswordInputHintDirective extends CorePasswordInputHintDirective {
+    hintContext = useInputHint();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(() => this.hintContext.getBindings());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputHintDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: PasswordInputHintDirective, isStandalone: false, selector: "[q-password-input-hint]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputHintDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-password-input-hint]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class PasswordInputInputGroupDirective extends CorePasswordInputInputGroupDirective {
+    inputGroupContext = useInputGroup();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(() => this.inputGroupContext().getBindings());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputInputGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: PasswordInputInputGroupDirective, isStandalone: false, selector: "[q-password-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 />
+  `, isInline: true, dependencies: [{ kind: "component", type: i1$1.InputStartIconComponent, selector: "[q-input-start-icon]", inputs: ["icon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputInputGroupDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-password-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 />
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class PasswordInputInputDirective extends CorePasswordInputInputDirective {
+    inputContext = useInputInput();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(() => this.inputContext.getBindings());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: PasswordInputInputDirective, isStandalone: false, selector: "input[q-password-input-input]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "input[q-password-input-input]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class PasswordInputLabelDirective extends CorePasswordInputLabelDirective {
+    qdsInputContext = useQdsInputContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsInputContext().getLabelBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: PasswordInputLabelDirective, isStandalone: false, selector: "[q-password-input-label]", providers: [provideIcons({ Asterisk })], usesInheritance: true, ngImport: i0, template: `
+    <ng-content />
+    @if (passwordInputContext().required) {
+      <svg
+        qIcon="Asterisk"
+        size="xs"
+        [q-bind]="qdsInputContext().getRequiredIndicatorBindings()"
+      ></svg>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputLabelDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ Asterisk })],
+                    selector: "[q-password-input-label]",
+                    standalone: false,
+                    template: `
+    <ng-content />
+    @if (passwordInputContext().required) {
+      <svg
+        qIcon="Asterisk"
+        size="xs"
+        [q-bind]="qdsInputContext().getRequiredIndicatorBindings()"
+      ></svg>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class PasswordInputRootDirective extends CorePasswordInputRootDirective {
+    /**
+     * 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 at the start of
+     * the input field.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-password-input-input-group>
+     *   <div q-input-start-icon [icon]="..."></div>
+     * </div>
+     * ```
+     */
+    startIcon = input(...(ngDevMode ? [undefined, { debugName: "startIcon" }] : []));
+    qdsInputService = inject(QdsInputContextService);
+    constructor() {
+        super();
+        this.trackBindings.extendWith(() => this.qdsInputService.context().getRootBindings());
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.qdsInputService.init(computed(() => createQdsInputApi({ size: this.size(), startIcon: this.startIcon() }, normalizeProps)));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: PasswordInputRootDirective, isStandalone: false, selector: "[q-password-input-root]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, startIcon: { classPropertyName: "startIcon", publicName: "startIcon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            provideQdsInputContext(),
+            providePasswordInputContext(),
+            {
+                provide: INPUT_FORM_CONTROL_CONTEXT,
+                useFactory: () => {
+                    const passwordInputComponent = inject(PasswordInputRootDirective, {
+                        self: true,
+                    });
+                    return passwordInputComponent.formControlContext;
+                },
+            },
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [
+                        provideQdsInputContext(),
+                        providePasswordInputContext(),
+                        {
+                            provide: INPUT_FORM_CONTROL_CONTEXT,
+                            useFactory: () => {
+                                const passwordInputComponent = inject(PasswordInputRootDirective, {
+                                    self: true,
+                                });
+                                return passwordInputComponent.formControlContext;
+                            },
+                        },
+                    ],
+                    selector: "[q-password-input-root]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [], propDecorators: { 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 PasswordInputVisibilityTriggerDirective extends CorePasswordInputVisibilityTriggerDirective {
+    /**
+     * The icon shown when the input text is visible.
+     *
+     * @default EyeOff
+     */
+    iconOff = input("EyeOff", ...(ngDevMode ? [{ debugName: "iconOff" }] : []));
+    /**
+     * The icon shown when the input text is hidden.
+     *
+     * @default Eye
+     */
+    iconOn = input("Eye", ...(ngDevMode ? [{ debugName: "iconOn" }] : []));
+    icon = computed(() => this.passwordInputContext().visible ? this.iconOff() : this.iconOn(), ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    qdsContext = useQdsInputContext();
+    buttonApi = useInlineIconButtonApi({
+        emphasis: "neutral",
+        size: computed(() => this.qdsContext().size),
+        variant: "scale",
+    });
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => mergeProps(this.buttonApi().getRootBindings(), {
+            class: passwordInputClasses.visibilityTrigger,
+        })));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputVisibilityTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", type: PasswordInputVisibilityTriggerDirective, isStandalone: false, selector: "[q-password-input-visibility-trigger]", inputs: { iconOff: { classPropertyName: "iconOff", publicName: "iconOff", isSignal: true, isRequired: false, transformFunction: null }, iconOn: { classPropertyName: "iconOn", publicName: "iconOn", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideIcons({ Eye, EyeOff })], usesInheritance: true, ngImport: i0, template: `
+    <svg [q-bind]="buttonApi().getIconBindings()" [qIcon]="icon()"></svg>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }, { kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputVisibilityTriggerDirective, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [provideIcons({ Eye, EyeOff })],
+                    selector: "[q-password-input-visibility-trigger]",
+                    standalone: false,
+                    template: `
+    <svg [q-bind]="buttonApi().getIconBindings()" [qIcon]="icon()"></svg>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { iconOff: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOff", required: false }] }], iconOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOn", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class PasswordInputComponent extends PasswordInputRootDirective {
+    /**
+     * When `true`, renders a clear button that resets the input value on click.
+     * The button only appears when the input has a value.
+     *
+     * @default true
+     */
+    clearable = input(true, ...(ngDevMode ? [{ debugName: "clearable", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    /**
+     * Optional error that describes the element when {@link invalid} is true.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-text-input-error-text>...</div>
+     * ```
+     */
+    errorText = input(...(ngDevMode ? [undefined, { debugName: "errorText" }] : []));
+    /**
+     * Optional hint describing the element. This element is automatically
+     * associated with the component's input element for accessibility.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-text-input-hint>...</div>
+     * ```
+     */
+    hint = input(...(ngDevMode ? [undefined, { debugName: "hint" }] : []));
+    /**
+     * Optional label describing the element. Recommended. This element is
+     * automatically associated with the component's input element for
+     * accessibility.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <div q-text-input-label>...</div>
+     * ```
+     */
+    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" }] : []));
+    /**
+     * {@link https://lucide.dev lucide-angular} icon, positioned before
+     * the input.
+     *
+     * @remarks
+     * To customize the element, provide it using the directive instead:
+     *
+     * ```angular-html
+     * <q-password-input>
+     *   <div q-input-start-icon [icon]="..."></div>
+     * </q-password-input>
+     * ```
+     */
+    startIcon = input(...(ngDevMode ? [undefined, { debugName: "startIcon" }] : []));
+    computedErrorText = computed(() => {
+        const errorTextInput = this.errorText();
+        const errorTextFromControl = this.formControlContext.errorText();
+        return errorTextInput ?? errorTextFromControl ?? null;
+    }, ...(ngDevMode ? [{ debugName: "computedErrorText" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: PasswordInputComponent, isStandalone: false, selector: "q-password-input", inputs: { clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, errorText: { classPropertyName: "errorText", publicName: "errorText", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, startIcon: { classPropertyName: "startIcon", publicName: "startIcon", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            provideQdsInputContext(),
+            providePasswordInputContext(),
+            {
+                provide: INPUT_FORM_CONTROL_CONTEXT,
+                useFactory: () => {
+                    const passwordInputComponent = inject(PasswordInputComponent, {
+                        self: true,
+                    });
+                    return passwordInputComponent.formControlContext;
+                },
+            },
+        ], usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="[q-password-input-label]">
+      @if (label()) {
+        <label q-password-input-label>{{ label() }}</label>
+      }
+    </ng-content>
+    <div q-password-input-input-group>
+      <input q-password-input-input [placeholder]="placeholder()" />
+
+      <ng-content select="[q-password-input-clear-trigger]">
+        @if (clearable()) {
+          <button q-password-input-clear-trigger></button>
+        }
+      </ng-content>
+
+      <ng-content select="[q-password-input-visibility-trigger]">
+        <button q-password-input-visibility-trigger></button>
+      </ng-content>
+
+      <ng-content select="[q-password-input-error-indicator]">
+        <span q-password-input-error-indicator></span>
+      </ng-content>
+    </div>
+    <ng-content select="[q-password-input-hint]">
+      @if (hint()) {
+        <span q-password-input-hint>
+          {{ hint() }}
+        </span>
+      }
+    </ng-content>
+
+    <ng-content select="[q-password-input-error-text]">
+      @if (computedErrorText()) {
+        <div q-password-input-error-text>
+          {{ computedErrorText() }}
+        </div>
+      }
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "component", type: PasswordInputClearTriggerDirective, selector: "[q-password-input-clear-trigger]" }, { kind: "component", type: PasswordInputErrorIndicatorDirective, selector: "[q-password-input-error-indicator]", inputs: ["icon"] }, { kind: "component", type: PasswordInputErrorTextDirective, selector: "[q-password-input-error-text]", inputs: ["icon"] }, { kind: "directive", type: PasswordInputHintDirective, selector: "[q-password-input-hint]" }, { kind: "directive", type: PasswordInputInputDirective, selector: "input[q-password-input-input]" }, { kind: "component", type: PasswordInputInputGroupDirective, selector: "[q-password-input-input-group]" }, { kind: "component", type: PasswordInputLabelDirective, selector: "[q-password-input-label]" }, { kind: "component", type: PasswordInputVisibilityTriggerDirective, selector: "[q-password-input-visibility-trigger]", inputs: ["iconOff", "iconOn"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        provideQdsInputContext(),
+                        providePasswordInputContext(),
+                        {
+                            provide: INPUT_FORM_CONTROL_CONTEXT,
+                            useFactory: () => {
+                                const passwordInputComponent = inject(PasswordInputComponent, {
+                                    self: true,
+                                });
+                                return passwordInputComponent.formControlContext;
+                            },
+                        },
+                    ],
+                    selector: "q-password-input",
+                    standalone: false,
+                    template: `
+    <ng-content select="[q-password-input-label]">
+      @if (label()) {
+        <label q-password-input-label>{{ label() }}</label>
+      }
+    </ng-content>
+    <div q-password-input-input-group>
+      <input q-password-input-input [placeholder]="placeholder()" />
+
+      <ng-content select="[q-password-input-clear-trigger]">
+        @if (clearable()) {
+          <button q-password-input-clear-trigger></button>
+        }
+      </ng-content>
+
+      <ng-content select="[q-password-input-visibility-trigger]">
+        <button q-password-input-visibility-trigger></button>
+      </ng-content>
+
+      <ng-content select="[q-password-input-error-indicator]">
+        <span q-password-input-error-indicator></span>
+      </ng-content>
+    </div>
+    <ng-content select="[q-password-input-hint]">
+      @if (hint()) {
+        <span q-password-input-hint>
+          {{ hint() }}
+        </span>
+      }
+    </ng-content>
+
+    <ng-content select="[q-password-input-error-text]">
+      @if (computedErrorText()) {
+        <div q-password-input-error-text>
+          {{ computedErrorText() }}
+        </div>
+      }
+    </ng-content>
+  `,
+                }]
+        }], propDecorators: { clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], errorText: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorText", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", 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 PasswordInputModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputModule, declarations: [PasswordInputComponent,
+            PasswordInputRootDirective,
+            PasswordInputClearTriggerDirective,
+            PasswordInputErrorIndicatorDirective,
+            PasswordInputErrorTextDirective,
+            PasswordInputHintDirective,
+            PasswordInputInputDirective,
+            PasswordInputInputGroupDirective,
+            PasswordInputLabelDirective,
+            PasswordInputVisibilityTriggerDirective], imports: [IconDirective, QBindDirective, InputStartIconComponent], exports: [PasswordInputComponent,
+            PasswordInputRootDirective,
+            PasswordInputClearTriggerDirective,
+            PasswordInputErrorIndicatorDirective,
+            PasswordInputErrorTextDirective,
+            PasswordInputHintDirective,
+            PasswordInputInputDirective,
+            PasswordInputInputGroupDirective,
+            PasswordInputLabelDirective,
+            PasswordInputVisibilityTriggerDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputModule, imports: [InputStartIconComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: PasswordInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        PasswordInputComponent,
+                        PasswordInputRootDirective,
+                        PasswordInputClearTriggerDirective,
+                        PasswordInputErrorIndicatorDirective,
+                        PasswordInputErrorTextDirective,
+                        PasswordInputHintDirective,
+                        PasswordInputInputDirective,
+                        PasswordInputInputGroupDirective,
+                        PasswordInputLabelDirective,
+                        PasswordInputVisibilityTriggerDirective,
+                    ],
+                    exports: [
+                        PasswordInputComponent,
+                        PasswordInputRootDirective,
+                        PasswordInputClearTriggerDirective,
+                        PasswordInputErrorIndicatorDirective,
+                        PasswordInputErrorTextDirective,
+                        PasswordInputHintDirective,
+                        PasswordInputInputDirective,
+                        PasswordInputInputGroupDirective,
+                        PasswordInputLabelDirective,
+                        PasswordInputVisibilityTriggerDirective,
+                    ],
+                    imports: [IconDirective, QBindDirective, InputStartIconComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PasswordInputClearTriggerDirective, PasswordInputComponent, PasswordInputErrorIndicatorDirective, PasswordInputErrorTextDirective, PasswordInputHintDirective, PasswordInputInputDirective, PasswordInputInputGroupDirective, PasswordInputLabelDirective, PasswordInputModule, PasswordInputRootDirective, PasswordInputVisibilityTriggerDirective };
+//# sourceMappingURL=qualcomm-ui-angular-password-input.mjs.map