@quidgest/ui 0.27.1 → 0.28.0

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

@@ -1,9 +1,45 @@
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
+import { QHelpDisplay } from '../../types';
 import { QLabelProps } from '../QLabel';
 export type QFieldSize = 'mini' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'block';
+/**
+ * Help props shared by `QField` and controls that compose it.
+ */
+export type QFieldHelpProps = {
+    /**
+     * Help text. Plain text only. One display at a time.
+     *
+     * Tooltip and popover help is also exposed to assistive tech on the control.
+     * Tooltip help anchors to the control. Without a label, a popover is a button beside the control.
+     *
+     * @category Content
+     */
+    help?: string;
+    /**
+     * How {@link QFieldHelpProps.help} is presented. Defaults to a popover.
+     *
+     * @category Presentation
+     */
+    helpDisplay?: QHelpDisplay;
+    /**
+     * Icon overrides. Includes the help popover icon, `help`.
+     * Pass every key, or omit the prop to keep the defaults.
+     *
+     * @category Configuration
+     */
+    icons?: typeof DEFAULT_ICONS;
+    /**
+     * Accessible text overrides. Includes the help button label, `showHelp`.
+     * Pass every key, or omit the prop to keep the defaults.
+     *
+     * @category Configuration
+     */
+    texts?: typeof DEFAULT_TEXTS;
+};
 /**
  * Props for the QField component.
  */
-export type QFieldProps = QLabelProps & {
+export type QFieldProps = QLabelProps & QFieldHelpProps & {
     /**
      * The size category of the field.
      *

package/esm/components/QField/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QField/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAE/F;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACvC;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QField/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAE/F;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,CAAA;IAE1B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,WAAW,GACpC,eAAe,GAAG;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA"}

package/esm/components/QFileUpload/QFileUpload.d.ts

@@ -1,4 +1,3 @@
-import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
 import { QFileUploadProps } from '.';
 type __VLS_Props = QFileUploadProps;
 type __VLS_PublicProps = {
@@ -22,8 +21,41 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: File) => any) | undefined;
 }>, {
     size: import('..').QFieldSize;
-    icons: typeof DEFAULT_ICONS;
-    texts: typeof DEFAULT_TEXTS;
+    icons: {
+        help: {
+            icon: string;
+        };
+    } & {
+        remove: {
+            icon: string;
+        };
+        download: {
+            icon: string;
+        };
+        upload: {
+            icon: string;
+        };
+        file: {
+            icon: string;
+        };
+        empty: {
+            icon: string;
+        };
+        help: {
+            icon: string;
+        };
+    };
+    texts: {
+        showHelp: string;
+    } & {
+        dropHereOr: string;
+        chooseFile: string;
+        preview: string;
+        download: string;
+        remove: string;
+        empty: string;
+        showHelp: string;
+    };
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     dropZoneRef: HTMLDivElement;
     fileInput: HTMLInputElement;

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

@@ -1 +1 @@
-{"version":3,"file":"QFileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/QFileUpload.vue"],"names":[],"mappings":"AA0FA;AAoOC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAY1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAA;AAMzC,KAAK,WAAW,GAAG,gBAAgB,CAAC;AA2HrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,IAAI,CAAC;CACjB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwOT,OAAO,IAA6B;;wBAbrB,GAAG;;;;;;;EAkB/B;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;OASnB,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":"QFileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/QFileUpload.vue"],"names":[],"mappings":"AAiGA;AAwQC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAA;AAOzC,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAyIrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,IAAI,CAAC;CACjB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAqPT,OAAO,IAA6B;;wBAbrB,GAAG;;;;;;;EAkB/B;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OASnB,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/QFileUpload/QFileUpload.vue.js

@@ -1,31 +1,34 @@
 import { useId as e } from "../../composables/useId/index.js";
-import { QButton as t } from "../QButton/index.js";
+import { useColor as t } from "../../composables/useColor/index.js";
 import { QIcon as n } from "../QIcon/index.js";
-import { QField as r } from "../QField/index.js";
+import { mergeDescribedBy as ee } from "../__internal__/QHelpPopover/resolveHelp.js";
+import { QButton as r } from "../QButton/index.js";
+import { QField as te } from "../QField/index.js";
 import { DEFAULT_ICONS as i, DEFAULT_TEXTS as a } from "./constants.js";
 import { useDropZone as o } from "../../composables/useDropZone/index.js";
 import { downloadFile as s } from "../../utils/download.js";
-import { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createTextVNode as m, createVNode as h, defineComponent as g, guardReactiveProps as _, mergeModels as v, mergeProps as y, normalizeClass as b, normalizeProps as x, openBlock as S, ref as C, renderSlot as w, toDisplayString as T, toRef as E, unref as D, useModel as O, watch as k, withCtx as A } from "vue";
+import { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createTextVNode as m, createVNode as h, defineComponent as g, guardReactiveProps as _, mergeModels as v, mergeProps as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, openBlock as C, ref as w, renderSlot as ne, toDisplayString as T, toRef as E, unref as D, useAttrs as O, useModel as k, watch as A, withCtx as j } from "vue";
 //#region src/components/QFileUpload/QFileUpload.vue?vue&type=script&setup=true&lang.ts
-var j = [
+var M = [
 	"id",
 	"accept",
 	"required",
 	"readonly",
-	"disabled"
-], M = {
+	"disabled",
+	"aria-describedby"
+], N = {
 	key: 0,
 	class: "q-file-input__drop-area"
-}, N = {
+}, P = {
 	key: 1,
 	class: "q-file-input__file-details"
-}, P = { class: "q-file-input__attached-file" }, F = {
+}, F = { class: "q-file-input__attached-file" }, I = {
 	key: 0,
 	class: "q-file-input__preview q-file-input__image-preview"
-}, I = ["src", "alt"], L = { class: "q-file-input__file-meta" }, R = { class: "q-file-input__file-name" }, z = { class: "q-file-input__file-type" }, B = {
+}, L = ["src", "alt"], R = { class: "q-file-input__file-meta" }, z = { class: "q-file-input__file-name" }, B = { class: "q-file-input__file-type" }, V = {
 	key: 0,
 	class: "q-file-input__action-buttons"
-}, V = {
+}, re = {
 	key: 2,
 	class: "q-file-input__empty-container"
 }, H = /*@__PURE__*/ g({
@@ -38,53 +41,56 @@ var j = [
 		required: { type: Boolean },
 		for: {},
 		labelPosition: {},
+		help: {},
+		helpDisplay: {},
+		icons: { default: () => i },
+		texts: { default: () => a },
 		size: { default: "large" },
 		readonly: { type: Boolean },
 		disabled: { type: Boolean },
 		invalid: { type: Boolean },
-		accept: {},
-		icons: { default: () => i },
-		texts: { default: () => a }
+		accept: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
 	setup(i) {
-		let a = i, g = O(i, "modelValue"), v = e(E(a, "id")), H = c(() => !a.readonly && !a.disabled), U = C(null);
-		k(g, (e) => {
-			U.value && URL.revokeObjectURL(U.value), U.value = e && e.type.startsWith("image/") ? URL.createObjectURL(e) : null;
+		let a = i, g = k(i, "modelValue"), v = e(E(a, "id")), { style: H } = t("primary"), U = c(() => ({ "--q-file-input-tint-color": H.value?.tintColor })), W = O(), G = c(() => `${v.value}_field`), K = c(() => typeof W["aria-describedby"] == "string" ? W["aria-describedby"] : void 0), q = c(() => !a.readonly && !a.disabled), J = w(null);
+		A(g, (e) => {
+			J.value && URL.revokeObjectURL(J.value), J.value = e && e.type.startsWith("image/") ? URL.createObjectURL(e) : null;
 		});
-		let W = C(null);
-		function G() {
-			W.value?.click();
+		let Y = w(null);
+		function X() {
+			Y.value?.click();
 		}
-		function K(e) {
+		function ie(e) {
 			let t = e.target;
 			t?.files?.[0] && (g.value = t.files[0]);
 		}
-		function q() {
+		function ae() {
 			g.value && s(g.value);
 		}
-		function J() {
-			g.value = void 0, W.value && (W.value.value = "");
+		function oe() {
+			g.value = void 0, Y.value && (Y.value.value = "");
 		}
-		function Y(e) {
-			if (!H.value) return;
+		function se(e) {
+			if (!q.value) return;
 			let t = e?.[0];
 			t && (g.value = t);
 		}
-		let X = C(null), Z = c(() => Array.isArray(a.accept) ? a.accept : a.accept ? a.accept.split(",").map((e) => e.trim()) : []), Q = c(() => Z.value?.join(",")), { isOverDropZone: $, isValid: ee } = o(X, {
-			onDrop: Y,
-			accept: Z,
-			enabled: c(() => H.value && !g.value)
-		}), te = c(() => [
+		let Z = w(null), Q = c(() => Array.isArray(a.accept) ? a.accept : a.accept ? a.accept.split(",").map((e) => e.trim()) : []), ce = c(() => Q.value?.join(",")), { isOverDropZone: le, isValid: $ } = o(Z, {
+			onDrop: se,
+			accept: Q,
+			enabled: c(() => q.value && !g.value)
+		}), ue = c(() => [
 			"q-field__control",
 			"q-file-input",
-			{ "q-file-input--highlighted": $.value && ee.value },
+			{ "q-file-input--highlighted": le.value && $.value },
 			a.class
 		]);
-		return (e, i) => (S(), l(D(r), {
+		return (e, t) => (C(), l(D(te), {
+			id: G.value,
 			for: D(v),
 			label: a.label,
 			"label-position": a.labelPosition,
@@ -92,56 +98,65 @@ var j = [
 			readonly: a.readonly,
 			disabled: a.disabled,
 			required: a.required,
-			invalid: a.invalid
+			invalid: a.invalid,
+			help: a.help,
+			"help-display": a.helpDisplay,
+			icons: a.icons,
+			texts: a.texts
 		}, p({
-			control: A(() => [f("div", {
+			control: j(({ describedBy: t }) => [f("div", {
 				ref_key: "dropZoneRef",
-				ref: X,
-				class: b(te.value)
+				ref: Z,
+				class: b(ue.value),
+				style: S(U.value)
 			}, [f("input", y({
 				id: D(v),
 				ref_key: "fileInput",
-				ref: W,
+				ref: Y,
 				type: "file",
 				class: "q-file-input__file-input",
-				accept: Q.value,
+				accept: ce.value,
 				required: a.required,
 				readonly: a.readonly,
 				disabled: a.disabled
-			}, e.$attrs, { onChange: K }), null, 16, j), !g.value && H.value ? (S(), d("div", M, [
+			}, e.$attrs, {
+				"aria-describedby": D(ee)(t, K.value),
+				onChange: ie
+			}), null, 16, M), !g.value && q.value ? (C(), d("div", N, [
 				h(D(n), x(_(a.icons.upload)), null, 16),
 				f("span", null, T(a.texts.dropHereOr), 1),
-				h(D(t), {
+				h(D(r), {
 					label: a.texts.chooseFile,
-					onClick: G
+					onClick: X
 				}, null, 8, ["label"])
-			])) : g.value ? (S(), d("div", N, [f("div", P, [U.value ? (S(), d("div", F, [f("img", {
-				src: U.value,
+			])) : g.value ? (C(), d("div", P, [f("div", F, [J.value ? (C(), d("div", I, [f("img", {
+				src: J.value,
 				alt: a.texts.preview
-			}, null, 8, I)])) : (S(), l(D(n), y({
+			}, null, 8, L)])) : (C(), l(D(n), y({
 				key: 1,
 				class: "q-file-input__preview"
-			}, a.icons.file), null, 16)), f("div", L, [f("span", R, T(g.value.name), 1), f("span", z, T(g.value.type), 1)])]), H.value ? (S(), d("div", B, [h(D(t), {
+			}, a.icons.file), null, 16)), f("div", R, [f("span", z, T(g.value.name), 1), f("span", B, T(g.value.type), 1)])]), q.value ? (C(), d("div", V, [h(D(r), {
 				title: a.texts.download,
 				borderless: "",
-				onClick: q
+				onClick: ae
 			}, {
-				default: A(() => [h(D(n), x(_(a.icons.download)), null, 16)]),
+				default: j(() => [h(D(n), x(_(a.icons.download)), null, 16)]),
 				_: 1
-			}, 8, ["title"]), h(D(t), {
+			}, 8, ["title"]), h(D(r), {
 				title: a.texts.remove,
 				borderless: "",
-				onClick: J
+				onClick: oe
 			}, {
-				default: A(() => [h(D(n), x(_(a.icons.remove)), null, 16)]),
+				default: j(() => [h(D(n), x(_(a.icons.remove)), null, 16)]),
 				_: 1
-			}, 8, ["title"])])) : u("v-if", !0)])) : (S(), d("div", V, [h(D(n), x(_(a.icons.empty)), null, 16), m(" " + T(a.texts.empty), 1)]))], 2)]),
+			}, 8, ["title"])])) : u("v-if", !0)])) : (C(), d("div", re, [h(D(n), x(_(a.icons.empty)), null, 16), m(" " + T(a.texts.empty), 1)]))], 6)]),
 			_: 2
 		}, [e.$slots.extras ? {
 			name: "extras",
-			fn: A(() => [w(e.$slots, "extras")]),
+			fn: j(() => [ne(e.$slots, "extras")]),
 			key: "0"
 		} : void 0]), 1032, [
+			"id",
 			"for",
 			"label",
 			"label-position",
@@ -149,7 +164,11 @@ var j = [
 			"readonly",
 			"disabled",
 			"required",
-			"invalid"
+			"invalid",
+			"help",
+			"help-display",
+			"icons",
+			"texts"
 		]));
 	}
 });

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

@@ -14,6 +14,9 @@ export declare const DEFAULT_ICONS: {
     empty: {
         icon: string;
     };
+    help: {
+        icon: string;
+    };
 };
 export declare const DEFAULT_TEXTS: {
     dropHereOr: string;
@@ -22,5 +25,6 @@ export declare const DEFAULT_TEXTS: {
     download: string;
     remove: string;
     empty: string;
+    showHelp: string;
 };
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAgBY,CAAA;AAGtC,eAAO,MAAM,aAAa;;;;;;;CAOQ,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/constants.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;CAiBY,CAAA;AAGtC,eAAO,MAAM,aAAa;;;;;;;;CAQQ,CAAA"}

package/esm/components/QFileUpload/constants.js

@@ -1,11 +1,14 @@
+import { DEFAULT_ICONS as e, DEFAULT_TEXTS as t } from "../QField/constants.js";
 //#region src/components/QFileUpload/constants.ts
-var e = {
+var n = {
+	...e,
 	remove: { icon: "close" },
 	download: { icon: "download" },
 	upload: { icon: "upload" },
 	file: { icon: "file" },
 	empty: { icon: "diameter-variant" }
-}, t = {
+}, r = {
+	...t,
 	dropHereOr: "Drop here or",
 	chooseFile: "Choose file",
 	preview: "Preview",
@@ -14,4 +17,4 @@ var e = {
 	empty: "No document attached"
 };
 //#endregion
-export { e as DEFAULT_ICONS, t as DEFAULT_TEXTS };
+export { n as DEFAULT_ICONS, r as DEFAULT_TEXTS };

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

@@ -6,7 +6,7 @@ declare const QFileUpload: {
         required?: boolean;
         for?: string;
         labelPosition?: import('..').QLabelPosition;
-    } & {
+    } & import('..').QFieldHelpProps & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
@@ -22,8 +22,41 @@ declare const QFileUpload: {
         "update:modelValue": (value: File) => any;
     }, import('vue').PublicProps, {
         size: import('..').QFieldSize;
-        icons: typeof import('./constants').DEFAULT_ICONS;
-        texts: typeof import('./constants').DEFAULT_TEXTS;
+        icons: {
+            help: {
+                icon: string;
+            };
+        } & {
+            remove: {
+                icon: string;
+            };
+            download: {
+                icon: string;
+            };
+            upload: {
+                icon: string;
+            };
+            file: {
+                icon: string;
+            };
+            empty: {
+                icon: string;
+            };
+            help: {
+                icon: string;
+            };
+        };
+        texts: {
+            showHelp: string;
+        } & {
+            dropHereOr: string;
+            chooseFile: string;
+            preview: string;
+            download: string;
+            remove: string;
+            empty: string;
+            showHelp: string;
+        };
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         dropZoneRef: HTMLDivElement;
         fileInput: HTMLInputElement;
@@ -41,7 +74,7 @@ declare const QFileUpload: {
         required?: boolean;
         for?: string;
         labelPosition?: import('..').QLabelPosition;
-    } & {
+    } & import('..').QFieldHelpProps & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
@@ -55,8 +88,41 @@ declare const QFileUpload: {
         "onUpdate:modelValue"?: ((value: File) => any) | undefined;
     }>, {}, {}, {}, {}, {
         size: import('..').QFieldSize;
-        icons: typeof import('./constants').DEFAULT_ICONS;
-        texts: typeof import('./constants').DEFAULT_TEXTS;
+        icons: {
+            help: {
+                icon: string;
+            };
+        } & {
+            remove: {
+                icon: string;
+            };
+            download: {
+                icon: string;
+            };
+            upload: {
+                icon: string;
+            };
+            file: {
+                icon: string;
+            };
+            empty: {
+                icon: string;
+            };
+            help: {
+                icon: string;
+            };
+        };
+        texts: {
+            showHelp: string;
+        } & {
+            dropHereOr: string;
+            chooseFile: string;
+            preview: string;
+            download: string;
+            remove: string;
+            empty: string;
+            showHelp: string;
+        };
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -68,7 +134,7 @@ declare const QFileUpload: {
     required?: boolean;
     for?: string;
     labelPosition?: import('..').QLabelPosition;
-} & {
+} & import('..').QFieldHelpProps & {
     size?: import('..').QFieldSize;
     readonly?: boolean;
     disabled?: boolean;
@@ -84,8 +150,41 @@ declare const QFileUpload: {
     "update:modelValue": (value: File) => any;
 }, string, {
     size: import('..').QFieldSize;
-    icons: typeof import('./constants').DEFAULT_ICONS;
-    texts: typeof import('./constants').DEFAULT_TEXTS;
+    icons: {
+        help: {
+            icon: string;
+        };
+    } & {
+        remove: {
+            icon: string;
+        };
+        download: {
+            icon: string;
+        };
+        upload: {
+            icon: string;
+        };
+        file: {
+            icon: string;
+        };
+        empty: {
+            icon: string;
+        };
+        help: {
+            icon: string;
+        };
+    };
+    texts: {
+        showHelp: string;
+    } & {
+        dropHereOr: string;
+        chooseFile: string;
+        preview: string;
+        download: string;
+        remove: string;
+        empty: string;
+        showHelp: string;
+    };
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         extras?(_: {}): any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,WAAW,EAAE,CAAA;AAGtB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,WAAW,EAAE,CAAA;AAGtB,cAAc,SAAS,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"QFocusWrap.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QFocusWrap/QFocusWrap.vue"],"names":[],"mappings":"AAmBA;AA2KC,OAAO,KAAK,EAAE,eAAe,EAA8B,MAAM,GAAG,CAAA;AAyJrE,iBAAS,cAAc;WA2CT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;OAQnB,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":"QFocusWrap.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QFocusWrap/QFocusWrap.vue"],"names":[],"mappings":"AAmBA;AAyIC,OAAO,KAAK,EAAE,eAAe,EAA8B,MAAM,GAAG,CAAA;AAuHrE,iBAAS,cAAc;WA2CT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;OAQnB,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/QFocusWrap/QFocusWrap.vue.js

@@ -1,6 +1,7 @@
-import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, nextTick as a, onBeforeUnmount as o, openBlock as s, renderSlot as c, useTemplateRef as l, watch as u } from "vue";
+import { getTabbableElements as e } from "../../utils/focus.js";
+import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, nextTick as o, onBeforeUnmount as s, openBlock as c, renderSlot as l, useTemplateRef as u, watch as d } from "vue";
 //#region src/components/QFocusWrap/QFocusWrap.vue?vue&type=script&setup=true&lang.ts
-var d = { ref: "container" }, f = /*@__PURE__*/ i({
+var f = { ref: "container" }, p = /*@__PURE__*/ a({
 	__name: "QFocusWrap",
 	props: {
 		id: {},
@@ -17,74 +18,60 @@ var d = { ref: "container" }, f = /*@__PURE__*/ i({
 		closingFocus: {},
 		returnFocusOnDeactivate: { type: Boolean }
 	},
-	setup(i) {
-		let f = i, p = l("container"), m = [
-			"a[href]",
-			"area[href]",
-			"input:not([disabled])",
-			"select:not([disabled])",
-			"textarea:not([disabled])",
-			"button:not([disabled])",
-			"iframe",
-			"object",
-			"embed",
-			"[tabindex]:not([tabindex=\"-1\"])",
-			"[contenteditable]"
-		].join(","), h;
-		o(() => {
-			f.closingFocus ? a(() => {
-				b(f.closingFocus);
-			}) : f.returnFocusOnDeactivate && a(() => {
-				b(h);
+	setup(a) {
+		let p = a, m = u("container"), h;
+		s(() => {
+			p.closingFocus ? o(() => {
+				y(p.closingFocus);
+			}) : p.returnFocusOnDeactivate && o(() => {
+				y(h);
 			});
 		});
-		function g(e) {
-			if (e) return Array.prototype.slice.call(e.querySelectorAll(m)).filter((e) => (e.offsetWidth > 0 || e.offsetHeight > 0 || e.getClientRects().length > 0) && !e.getAttribute("data-focus-wall"));
+		function g(t) {
+			if (!m.value) return;
+			let n = e(m.value);
+			if (n.length === 0) return;
+			let r = n[t === "first" ? 0 : n.length - 1];
+			typeof r?.focus == "function" && r.focus();
 		}
-		function _(e) {
-			let t = g(p.value);
-			if (!t || t.length === 0) return;
-			let n = t[e === "first" ? 0 : t.length - 1];
-			typeof n?.focus == "function" && n.focus();
+		function _() {
+			g("first");
 		}
 		function v() {
-			_("first");
+			g("last");
 		}
-		function y() {
-			_("last");
-		}
-		function b(e) {
+		function y(e) {
 			let t;
 			t = typeof e == "string" ? document.querySelector(e) : e, typeof t?.focus == "function" && t?.focus();
 		}
-		return u(() => f.active, () => {
-			f.active ? (f.returnFocusOnDeactivate && (h = document.activeElement), f.initialFocus ? a(() => {
-				b(f.initialFocus);
-			}) : f.focusWithinOnActivate && a(() => {
-				v();
-			})) : f.closingFocus ? a(() => {
-				b(f.closingFocus);
-			}) : f.returnFocusOnDeactivate && a(() => {
-				b(h);
+		return d(() => p.active, () => {
+			p.active ? (p.returnFocusOnDeactivate && (h = document.activeElement), p.initialFocus ? o(() => {
+				y(p.initialFocus);
+			}) : p.focusWithinOnActivate && o(() => {
+				_();
+			})) : p.closingFocus ? o(() => {
+				y(p.closingFocus);
+			}) : p.returnFocusOnDeactivate && o(() => {
+				y(h);
 			});
-		}, { immediate: !0 }), (i, a) => (s(), n(e, null, [
-			f.active ? (s(), n("span", {
+		}, { immediate: !0 }), (e, a) => (c(), r(t, null, [
+			p.active ? (c(), r("span", {
 				key: 0,
 				class: "q-focus-wrap",
 				tabindex: "0",
 				"data-focus-wall": "true",
-				onFocus: y
-			}, null, 32)) : t("v-if", !0),
-			r("span", d, [c(i.$slots, "default")], 512),
-			f.active ? (s(), n("span", {
+				onFocus: v
+			}, null, 32)) : n("v-if", !0),
+			i("span", f, [l(e.$slots, "default")], 512),
+			p.active ? (c(), r("span", {
 				key: 1,
 				class: "q-focus-wrap",
 				tabindex: "0",
 				"data-focus-wall": "true",
-				onFocus: v
-			}, null, 32)) : t("v-if", !0)
+				onFocus: _
+			}, null, 32)) : n("v-if", !0)
 		], 64));
 	}
 });
 //#endregion
-export { f as default };
+export { p as default };