@quidgest/ui 0.27.1 → 0.28.0

package/esm/components/QPasswordField/QPasswordField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QPasswordField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/QPasswordField.vue"],"names":[],"mappings":"AA8DA;AAgLC,OAAO,EAAiB,aAAa,EAAE,MAAM,aAAa,CAAA;AAc1D,OAAO,KAAK,EAEX,mBAAmB,EAEnB,MAAM,GAAG,CAAA;AAKV,KAAK,WAAW,GAAG,mBAAmB,CAAC;AA8FxC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WAoLT,OAAO,IAA6B;;iCAhBZ,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAyEg6T,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAxDrjU;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA8B26T,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArBpjU,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QPasswordField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/QPasswordField.vue"],"names":[],"mappings":"AAmEA;AAoLC,OAAO,EAAiB,aAAa,EAAE,MAAM,aAAa,CAAA;AAa1D,OAAO,KAAK,EAEX,mBAAmB,EAEnB,MAAM,GAAG,CAAA;AAKV,KAAK,WAAW,GAAG,mBAAmB,CAAC;AA8FxC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WA8LT,OAAO,IAA6B;;iCAhBZ,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4DAyEmkT,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAxDxtT;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDA8B8kT,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArBvtT,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QPasswordField/QPasswordField.vue.js

@@ -1,13 +1,13 @@
 import { useId as e } from "../../composables/useId/index.js";
-import { QButton as t } from "../QButton/index.js";
-import { QIcon as n } from "../QIcon/index.js";
+import { QIcon as t } from "../QIcon/index.js";
+import { QButton as n } from "../QButton/index.js";
 import { QTextField as r } from "../QTextField/index.js";
 import { DEFAULT_ICONS as i, DEFAULT_TEXTS as a } from "./constants.js";
 import o from "./QPasswordFieldMessages2.vue.js";
 import s from "./QPasswordFieldMeterOverlay2.vue.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createSlots as p, createVNode as m, defineComponent as h, guardReactiveProps as g, mergeModels as _, mergeProps as v, normalizeProps as y, openBlock as b, ref as x, renderSlot as S, toRef as C, unref as w, useModel as T, withCtx as E } from "vue";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createSlots as p, createVNode as m, defineComponent as h, guardReactiveProps as g, mergeModels as _, mergeProps as v, normalizeProps as y, openBlock as b, ref as x, renderSlot as S, toRef as C, unref as w, useModel as T, useTemplateRef as E, withCtx as D } from "vue";
 //#region src/components/QPasswordField/QPasswordField.vue?vue&type=script&setup=true&lang.ts
-var D = /*@__PURE__*/ h({
+var O = /*@__PURE__*/ h({
 	inheritAttrs: !1,
 	__name: "QPasswordField",
 	props: /*@__PURE__*/ _({
@@ -17,6 +17,9 @@ var D = /*@__PURE__*/ h({
 		required: { type: Boolean },
 		for: {},
 		labelPosition: {},
+		help: {},
+		helpDisplay: {},
+		icons: { default: () => i },
 		size: {},
 		readonly: { type: Boolean },
 		disabled: { type: Boolean },
@@ -27,7 +30,6 @@ var D = /*@__PURE__*/ h({
 		meter: { type: Boolean },
 		meterLevels: {},
 		rules: {},
-		icons: { default: () => i },
 		texts: { default: () => a }
 	}, {
 		modelValue: {},
@@ -40,76 +42,80 @@ var D = /*@__PURE__*/ h({
 	}),
 	emits: ["update:modelValue", "update:masked"],
 	setup(i) {
-		let a = i, h = T(i, "modelValue"), _ = T(i, "masked"), D = e(C(a, "id")), O = x(null), k = x(!1), A = l(() => _.value ? "password" : "text"), j = l(() => a.rules?.reduce((e, t) => e + t.weight, 0)), M = l(() => N(h.value, a.rules));
-		function N(e, t) {
+		let a = i, h = T(i, "modelValue"), _ = T(i, "masked"), O = e(C(a, "id")), k = E("field"), A = x(!1), j = l(() => _.value ? "password" : "text"), M = l(() => a.rules?.reduce((e, t) => e + t.weight, 0)), N = l(() => P(h.value, a.rules));
+		function P(e, t) {
 			if (!e || !t) return;
 			let n = 0, r = [];
 			return t.forEach((t) => {
 				let i = t.test instanceof RegExp ? t.test.test(e) : t.test(e);
 				i === !0 ? n += t.weight : typeof i == "string" && r.push(i);
 			}), {
-				score: j.value ? n / j.value : 0,
+				score: M.value ? n / M.value : 0,
 				messages: r
 			};
 		}
-		function P() {
-			_.value = !_.value;
-		}
 		function F() {
-			k.value = !0;
+			_.value = !_.value;
 		}
 		function I() {
-			k.value = !1;
+			A.value = !0;
+		}
+		function L() {
+			A.value = !1;
 		}
 		return (e, i) => (b(), f(c, null, [m(w(r), v({
-			id: w(D),
-			ref_key: "fieldRef",
-			ref: O,
+			id: w(O),
+			ref: "field",
 			modelValue: h.value,
 			"onUpdate:modelValue": i[0] ||= (e) => h.value = e,
 			class: a.class,
-			type: A.value,
+			type: j.value,
 			placeholder: a.placeholder,
 			disabled: a.disabled,
 			readonly: a.readonly,
 			required: a.required,
 			label: a.label,
+			"label-position": a.labelPosition,
 			size: a.size,
-			invalid: a.invalid || !!M.value?.messages.length
+			help: a.help,
+			"help-display": a.helpDisplay,
+			icons: a.icons,
+			texts: a.texts,
+			invalid: a.invalid || !!N.value?.messages.length
 		}, e.$attrs, {
-			onFocusin: F,
-			onFocusout: I
+			onFocusin: I,
+			onFocusout: L
 		}), p({
-			"label.prepend": E(() => [S(e.$slots, "label.prepend")]),
-			"label.append": E(() => [S(e.$slots, "label.append")]),
+			"label.prepend": D(() => [S(e.$slots, "label.prepend")]),
+			"label.append": D(() => [S(e.$slots, "label.append")]),
 			_: 2
 		}, [
 			e.$slots.prepend ? {
 				name: "prepend",
-				fn: E(() => [S(e.$slots, "prepend")]),
+				fn: D(() => [S(e.$slots, "prepend")]),
 				key: "0"
 			} : void 0,
 			a.toggle ? {
 				name: "append",
-				fn: E(() => [S(e.$slots, "append"), m(w(t), {
+				fn: D(() => [S(e.$slots, "append"), m(w(n), {
 					size: "small",
 					borderless: "",
 					"data-testid": "q-password-toggle",
 					disabled: a.disabled,
 					"aria-label": _.value ? a.texts.show : a.texts.hide,
-					onClick: P
+					onClick: F
 				}, {
-					default: E(() => [m(w(n), y(g(_.value ? a.icons.show : a.icons.hide)), null, 16)]),
+					default: D(() => [m(w(t), y(g(_.value ? a.icons.show : a.icons.hide)), null, 16)]),
 					_: 1
 				}, 8, ["disabled", "aria-label"])]),
 				key: "1"
 			} : void 0,
 			e.$slots.extras || a.rules && !a.meter ? {
 				name: "extras",
-				fn: E(() => [S(e.$slots, "extras", {}, () => [M.value?.messages.length ? (b(), u(o, {
+				fn: D(() => [S(e.$slots, "extras", {}, () => [N.value?.messages.length ? (b(), u(o, {
 					key: 0,
 					class: "q-password-field__inline-messages",
-					messages: M.value.messages
+					messages: N.value.messages
 				}, null, 8, ["messages"])) : d("v-if", !0)])]),
 				key: "2"
 			} : void 0
@@ -123,16 +129,21 @@ var D = /*@__PURE__*/ h({
 			"readonly",
 			"required",
 			"label",
+			"label-position",
 			"size",
+			"help",
+			"help-display",
+			"icons",
+			"texts",
 			"invalid"
-		]), a.meter && a.meterLevels && M.value ? (b(), u(s, {
+		]), a.meter && a.meterLevels && N.value ? (b(), u(s, {
 			key: 0,
-			modelValue: k.value,
-			"onUpdate:modelValue": i[1] ||= (e) => k.value = e,
-			score: M.value.score,
+			modelValue: A.value,
+			"onUpdate:modelValue": i[1] ||= (e) => A.value = e,
+			score: N.value.score,
 			levels: a.meterLevels,
-			messages: M.value.messages,
-			anchor: O.value?.$el
+			messages: N.value.messages,
+			anchor: k.value?.$el
 		}, null, 8, [
 			"modelValue",
 			"score",
@@ -143,4 +154,4 @@ var D = /*@__PURE__*/ h({
 	}
 });
 //#endregion
-export { D as default };
+export { O as default };

package/esm/components/QPasswordField/constants.d.ts

@@ -1,6 +1,8 @@
 export declare const DEFAULT_TEXTS: {
     show: string;
     hide: string;
+    clearValue: string;
+    showHelp: string;
 };
 export declare const DEFAULT_ICONS: {
     show: {
@@ -9,5 +11,11 @@ export declare const DEFAULT_ICONS: {
     hide: {
         icon: string;
     };
+    clear: {
+        icon: string;
+    };
+    help: {
+        icon: string;
+    };
 };
 //# sourceMappingURL=constants.d.ts.map

package/esm/components/QPasswordField/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;CAGQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;;;;CAOY,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/constants.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,aAAa;;;;;CAIQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;;;;;;;;;;CASY,CAAA"}

package/esm/components/QPasswordField/constants.js

@@ -1,10 +1,15 @@
+import { DEFAULT_ICONS as e } from "../QField/constants.js";
+import { DEFAULT_ICONS as t, DEFAULT_TEXTS as n } from "../QTextField/constants.js";
 //#region src/components/QPasswordField/constants.ts
-var e = {
+var r = {
+	...n,
 	show: "Show password",
 	hide: "Hide password"
-}, t = {
+}, i = {
+	...e,
+	...t,
 	show: { icon: "eye" },
 	hide: { icon: "eye-off" }
 };
 //#endregion
-export { t as DEFAULT_ICONS, e as DEFAULT_TEXTS };
+export { i as DEFAULT_ICONS, r as DEFAULT_TEXTS };

package/esm/components/QPasswordField/index.d.ts

@@ -16,10 +16,34 @@ declare const QPasswordField: {
         "update:modelValue": (value: string) => any;
         "update:masked": (value: boolean) => any;
     }, import('vue').PublicProps, {
-        icons: import('./types').QPasswordFieldIcons;
+        icons: {
+            help: {
+                icon: string;
+            };
+        } & {
+            clear: {
+                icon: string;
+            };
+            help: {
+                icon: string;
+            };
+        } & {
+            show: {
+                icon: string;
+            };
+            hide: {
+                icon: string;
+            };
+            clear: {
+                icon: string;
+            };
+            help: {
+                icon: string;
+            };
+        };
         texts: typeof import('./constants').DEFAULT_TEXTS;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        fieldRef: ({
+        field: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
@@ -30,6 +54,26 @@ declare const QPasswordField: {
                 readonly required?: boolean | undefined;
                 readonly for?: string | undefined;
                 readonly labelPosition?: import('..').QLabelPosition | undefined;
+                readonly help?: string | undefined;
+                readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                readonly icons?: ({
+                    help: {
+                        icon: string;
+                    };
+                } & {
+                    clear: {
+                        icon: string;
+                    };
+                    help: {
+                        icon: string;
+                    };
+                }) | undefined;
+                readonly texts?: ({
+                    showHelp: string;
+                } & {
+                    clearValue: string;
+                    showHelp: string;
+                }) | undefined;
                 readonly size?: import('..').QFieldSize | undefined;
                 readonly readonly?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
@@ -38,7 +82,6 @@ declare const QPasswordField: {
                 readonly maxLength?: number | undefined;
                 readonly clearable?: boolean | undefined;
                 readonly type?: string | undefined;
-                readonly texts?: typeof import('..').DEFAULT_TEXTS | undefined;
                 readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 readonly "onClick:clear"?: ((event: Event) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -56,6 +99,10 @@ declare const QPasswordField: {
                         readonly required?: boolean | undefined;
                         readonly for?: string | undefined;
                         readonly labelPosition?: import('..').QLabelPosition | undefined;
+                        readonly help?: string | undefined;
+                        readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                        readonly icons?: typeof import('../QField/constants').DEFAULT_ICONS | undefined;
+                        readonly texts?: typeof import('../QField/constants').DEFAULT_TEXTS | undefined;
                         readonly size?: import('..').QFieldSize | undefined;
                         readonly readonly?: boolean | undefined;
                         readonly disabled?: boolean | undefined;
@@ -65,7 +112,115 @@ declare const QPasswordField: {
                     $refs: {
                         [x: string]: unknown;
                     } & {
+                        controlAnchor: HTMLDivElement;
                         field: HTMLDivElement;
+                        standaloneHelp: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                            triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                            icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                            texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                            trigger: ({
+                                $: import('vue').ComponentInternalInstance;
+                                $data: {};
+                                $props: {
+                                    readonly id?: string | undefined;
+                                    readonly class?: string | unknown[] | undefined;
+                                    readonly label?: string | undefined;
+                                    readonly help?: string | undefined;
+                                    readonly helpDisplay?: import('../..').QHelpDisplay | undefined;
+                                    readonly icons?: typeof import('../QButton/constants').DEFAULT_ICONS | undefined;
+                                    readonly texts?: typeof import('../QButton/constants').DEFAULT_TEXTS | undefined;
+                                    readonly variant?: import('..').QButtonVariant | undefined;
+                                    readonly color?: string | undefined;
+                                    readonly surface?: string | undefined;
+                                    readonly borderless?: boolean | undefined;
+                                    readonly elevated?: boolean | undefined;
+                                    readonly block?: boolean | undefined;
+                                    readonly size?: import('../..').QComponentSize | undefined;
+                                    readonly iconPos?: import('..').QButtonIconPosition | undefined;
+                                    readonly pill?: boolean | undefined;
+                                    readonly effect?: import('..').QButtonEffect | undefined;
+                                    readonly disabled?: boolean | undefined;
+                                    readonly loading?: boolean | undefined;
+                                    readonly tabindex?: number | undefined;
+                                    readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                                $attrs: import('vue').Attrs;
+                                $refs: {
+                                    [x: string]: unknown;
+                                } & {
+                                    buttonEl: HTMLButtonElement;
+                                };
+                                $slots: Readonly<{
+                                    [name: string]: import('vue').Slot<any> | undefined;
+                                }>;
+                                $root: import('vue').ComponentPublicInstance | null;
+                                $parent: import('vue').ComponentPublicInstance | null;
+                                $host: Element | null;
+                                $emit: (event: "click", event: MouseEvent) => void;
+                                $el: any;
+                                $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
+                                    onClick?: ((event: MouseEvent) => any) | undefined;
+                                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                                    click: (event: MouseEvent) => any;
+                                }, string, {
+                                    effect: import('..').QButtonEffect;
+                                    color: string;
+                                    variant: import('..').QButtonVariant;
+                                    icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                                    texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                                    helpDisplay: import('../..').QHelpDisplay;
+                                    iconPos: import('..').QButtonIconPosition;
+                                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                                    beforeCreate?: (() => void) | (() => void)[];
+                                    created?: (() => void) | (() => void)[];
+                                    beforeMount?: (() => void) | (() => void)[];
+                                    mounted?: (() => void) | (() => void)[];
+                                    beforeUpdate?: (() => void) | (() => void)[];
+                                    updated?: (() => void) | (() => void)[];
+                                    activated?: (() => void) | (() => void)[];
+                                    deactivated?: (() => void) | (() => void)[];
+                                    beforeDestroy?: (() => void) | (() => void)[];
+                                    beforeUnmount?: (() => void) | (() => void)[];
+                                    destroyed?: (() => void) | (() => void)[];
+                                    unmounted?: (() => void) | (() => void)[];
+                                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                                };
+                                $forceUpdate: () => void;
+                                $nextTick: typeof import('vue').nextTick;
+                                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                            } & Readonly<{
+                                effect: import('..').QButtonEffect;
+                                color: string;
+                                variant: import('..').QButtonVariant;
+                                icons: typeof import('../QButton/constants').DEFAULT_ICONS;
+                                texts: typeof import('../QButton/constants').DEFAULT_TEXTS;
+                                helpDisplay: import('../..').QHelpDisplay;
+                                iconPos: import('..').QButtonIconPosition;
+                            }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
+                                onClick?: ((event: MouseEvent) => any) | undefined;
+                            }>, "effect" | "color" | "variant" | "icons" | "texts" | "helpDisplay" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+                                $slots: {
+                                    default?(_: {}): any;
+                                    append?(_: {}): any;
+                                };
+                            }) | null;
+                        }, any, import('vue').ComponentProvideOptions, {
+                            P: {};
+                            B: {};
+                            D: {};
+                            C: {};
+                            M: {};
+                            Defaults: {};
+                        }, Readonly<import('../__internal__/QHelpPopover').QHelpPopoverProps> & Readonly<{}>, {
+                            triggerEl: import('vue').ComputedRef<HTMLElement | undefined>;
+                        }, {}, {}, {}, {
+                            icons: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_ICONS;
+                            texts: typeof import('../__internal__/QHelpPopover/constants').DEFAULT_TEXTS;
+                        }> | null;
                     };
                     $slots: Readonly<{
                         [name: string]: import('vue').Slot<any> | undefined;
@@ -76,9 +231,13 @@ declare const QPasswordField: {
                     $emit: (event: string, ...args: any[]) => void;
                     $el: any;
                     $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
-                        fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+                        fieldRef: Readonly<import('vue').ShallowRef<HTMLElement | null>>;
+                        helpDescribedBy: import('vue').ComputedRef<string | undefined>;
                     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                         size: import('..').QFieldSize;
+                        icons: typeof import('../QField/constants').DEFAULT_ICONS;
+                        texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+                        helpDisplay: import('../..').QHelpDisplay;
                         labelPosition: import('..').QLabelPosition;
                     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                         beforeCreate?: (() => void) | (() => void)[];
@@ -102,16 +261,24 @@ declare const QPasswordField: {
                     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
                 } & Readonly<{
                     size: import('..').QFieldSize;
+                    icons: typeof import('../QField/constants').DEFAULT_ICONS;
+                    texts: typeof import('../QField/constants').DEFAULT_TEXTS;
+                    helpDisplay: import('../..').QHelpDisplay;
                     labelPosition: import('..').QLabelPosition;
-                }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "fieldRef" | ("size" | "labelPosition")> & {
-                    fieldRef: HTMLDivElement | null;
+                }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "helpDescribedBy" | "fieldRef" | ("size" | "icons" | "texts" | "helpDisplay" | "labelPosition")> & {
+                    fieldRef: HTMLElement | null;
+                    helpDescribedBy: string | undefined;
                 } & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         'label.prepend'?(_: {}): any;
                         'label.append'?(_: {}): any;
-                        control?(_: {}): any;
+                        control?(_: {
+                            describedBy: string | undefined;
+                        }): any;
                         prepend?(_: {}): any;
-                        default?(_: {}): any;
+                        default?(_: {
+                            describedBy: string | undefined;
+                        }): any;
                         append?(_: {}): any;
                         extras?(_: {}): any;
                     };
@@ -133,7 +300,7 @@ declare const QPasswordField: {
                 required?: boolean;
                 for?: string;
                 labelPosition?: import('..').QLabelPosition;
-            } & {
+            } & import('..').QFieldHelpProps & {
                 size?: import('..').QFieldSize;
                 readonly?: boolean;
                 disabled?: boolean;
@@ -144,12 +311,13 @@ declare const QPasswordField: {
                 maxLength?: number;
                 clearable?: boolean;
                 type?: string;
+                icons?: typeof import('../QTextField/constants').DEFAULT_ICONS;
                 texts?: typeof import('..').DEFAULT_TEXTS;
             }> & Readonly<{
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 "onClick:clear"?: ((event: Event) => any) | undefined;
             }>, {
-                fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
+                fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
                 inputRef: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 "update:modelValue": (value: string) => any;
@@ -157,6 +325,24 @@ declare const QPasswordField: {
                 "click:clear": (event: Event) => any;
             }, string, {
                 type: string;
+                icons: {
+                    help: {
+                        icon: string;
+                    };
+                } & {
+                    clear: {
+                        icon: string;
+                    };
+                    help: {
+                        icon: string;
+                    };
+                };
+                texts: {
+                    showHelp: string;
+                } & {
+                    clearValue: string;
+                    showHelp: string;
+                };
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -179,6 +365,24 @@ declare const QPasswordField: {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             type: string;
+            icons: {
+                help: {
+                    icon: string;
+                };
+            } & {
+                clear: {
+                    icon: string;
+                };
+                help: {
+                    icon: string;
+                };
+            };
+            texts: {
+                showHelp: string;
+            } & {
+                clearValue: string;
+                showHelp: string;
+            };
         }> & Omit<Readonly<{
             modelValue?: string;
         } & import('../..').QBaseComponentProps & {
@@ -186,7 +390,7 @@ declare const QPasswordField: {
             required?: boolean;
             for?: string;
             labelPosition?: import('..').QLabelPosition;
-        } & {
+        } & import('..').QFieldHelpProps & {
             size?: import('..').QFieldSize;
             readonly?: boolean;
             disabled?: boolean;
@@ -197,12 +401,13 @@ declare const QPasswordField: {
             maxLength?: number;
             clearable?: boolean;
             type?: string;
+            icons?: typeof import('../QTextField/constants').DEFAULT_ICONS;
             texts?: typeof import('..').DEFAULT_TEXTS;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onClick:clear"?: ((event: Event) => any) | undefined;
-        }>, "type" | "fieldRef" | "inputRef"> & {
-            fieldRef: HTMLDivElement | null | undefined;
+        }>, "fieldRef" | ("type" | "icons" | "texts") | "inputRef"> & {
+            fieldRef: HTMLElement | null | undefined;
             inputRef: HTMLInputElement | null;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
@@ -234,7 +439,31 @@ declare const QPasswordField: {
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onUpdate:masked"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        icons: import('./types').QPasswordFieldIcons;
+        icons: {
+            help: {
+                icon: string;
+            };
+        } & {
+            clear: {
+                icon: string;
+            };
+            help: {
+                icon: string;
+            };
+        } & {
+            show: {
+                icon: string;
+            };
+            hide: {
+                icon: string;
+            };
+            clear: {
+                icon: string;
+            };
+            help: {
+                icon: string;
+            };
+        };
         texts: typeof import('./constants').DEFAULT_TEXTS;
     }>;
     __isFragment?: never;
@@ -257,7 +486,31 @@ declare const QPasswordField: {
     "update:modelValue": (value: string) => any;
     "update:masked": (value: boolean) => any;
 }, string, {
-    icons: import('./types').QPasswordFieldIcons;
+    icons: {
+        help: {
+            icon: string;
+        };
+    } & {
+        clear: {
+            icon: string;
+        };
+        help: {
+            icon: string;
+        };
+    } & {
+        show: {
+            icon: string;
+        };
+        hide: {
+            icon: string;
+        };
+        clear: {
+            icon: string;
+        };
+        help: {
+            icon: string;
+        };
+    };
     texts: typeof import('./constants').DEFAULT_TEXTS;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

package/esm/components/QPasswordField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAO240B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAP990B,CAAA;AAGvD,OAAO,EAAE,cAAc,EAAE,CAAA;AAGzB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4DAO240B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAP990B,CAAA;AAGvD,OAAO,EAAE,cAAc,EAAE,CAAA;AAGzB,cAAc,SAAS,CAAA"}

package/esm/components/QPasswordField/types.d.ts

@@ -78,13 +78,15 @@ export type QPasswordFieldProps = Omit<QTextFieldProps, 'type' | 'clearable' | '
      */
     rules?: QPasswordFieldRule[];
     /**
-     * Custom icon configurations.
+     * Custom icon configurations. Includes the icons of the clear button and the help button.
+     * Pass every key, or omit the prop to keep the defaults.
      *
      * @category Configuration
      */
     icons?: QPasswordFieldIcons;
     /**
-     * Custom text configurations for the visibility toggle.
+     * Custom text configurations. Includes the visibility toggle and the help button label.
+     * Pass every key, or omit the prop to keep the defaults.
      *
      * @category Configuration
      */