@quidgest/ui 0.26.0 → 0.27.1

package/esm/components/QIcon/QIcon.vue.js

@@ -1,8 +1,9 @@
-import { useColor as e } from "../../composables/useColor/index.js";
-import { QIconFont as t, QIconImg as n, QIconSvg as r } from "./index.js";
-import { computed as i, createBlock as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, resolveDynamicComponent as u, toRef as d } from "vue";
+import { useId as e } from "../../composables/useId/index.js";
+import { useColor as t } from "../../composables/useColor/index.js";
+import { QIconFont as n, QIconImg as r, QIconSvg as i } from "./index.js";
+import { computed as a, createBlock as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, resolveDynamicComponent as d, toRef as f, unref as p } from "vue";
 //#region src/components/QIcon/QIcon.vue?vue&type=script&setup=true&lang.ts
-var f = /*@__PURE__*/ o({
+var m = /*@__PURE__*/ s({
 	__name: "QIcon",
 	props: {
 		id: {},
@@ -12,28 +13,28 @@ var f = /*@__PURE__*/ o({
 		color: {},
 		type: { default: "svg" }
 	},
-	setup(o) {
-		let f = o, p = i(() => {
-			switch (f.type) {
-				case "svg": return r;
-				case "font": return t;
-				case "img": return n;
+	setup(s) {
+		let m = s, h = e(f(m, "id")), g = a(() => {
+			switch (m.type) {
+				case "svg": return i;
+				case "font": return n;
+				case "img": return r;
 				default: return;
 			}
-		}), { style: m } = e(d(f, "color")), h = i(() => {
-			let e = f.size === void 0 ? void 0 : `${f.size}rem`, t = f.type === "font";
+		}), { style: _ } = t(f(m, "color")), v = a(() => {
+			let e = m.size === void 0 ? void 0 : `${m.size}rem`, t = m.type === "font";
 			return {
 				width: t ? void 0 : e,
 				height: t ? void 0 : e,
 				"font-size": t ? e : void 0,
-				color: f.color !== void 0 && f.color !== "primary" ? m.value?.mainColor : void 0
+				color: m.color !== void 0 && m.color !== "primary" ? _.value?.mainColor : void 0
 			};
 		});
-		return (e, t) => (l(), a(u(p.value), {
-			id: f.id,
-			class: s(f.class),
-			icon: f.icon,
-			style: c(h.value)
+		return (e, t) => (u(), o(d(g.value), {
+			id: p(h),
+			class: c(m.class),
+			icon: m.icon,
+			style: l(v.value)
 		}, null, 8, [
 			"id",
 			"class",
@@ -43,4 +44,4 @@ var f = /*@__PURE__*/ o({
 	}
 });
 //#endregion
-export { f as default };
+export { m as default };

package/esm/components/QIcon/QIconFont.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QIconFont.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconFont.vue"],"names":[],"mappings":"AAMA;AA+BC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;;;;AAgExC,wBAQG"}
+{"version":3,"file":"QIconFont.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconFont.vue"],"names":[],"mappings":"AAMA;AAuCC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;;;;AAmExC,wBAQG"}

package/esm/components/QIcon/QIconFont.vue.js

@@ -1,6 +1,7 @@
-import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i } from "vue";
+import { useId as e } from "../../composables/useId/index.js";
+import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, toRef as o, unref as s } from "vue";
 //#region src/components/QIcon/QIconFont.vue?vue&type=script&setup=true&lang.ts
-var a = ["id"], o = /*@__PURE__*/ n({
+var c = ["id"], l = /*@__PURE__*/ r({
 	__name: "QIconFont",
 	props: {
 		id: {},
@@ -9,19 +10,19 @@ var a = ["id"], o = /*@__PURE__*/ n({
 		variant: {},
 		library: { default: "" }
 	},
-	setup(n) {
-		let o = n, s = e(() => o.variant ? `${o.library}-${o.variant}` : o.library), c = e(() => o.library && o.icon ? `${o.library}-${o.icon}` : o.icon);
-		return (e, n) => (i(), t("i", {
-			id: o.id,
-			class: r([
+	setup(r) {
+		let l = r, u = e(o(l, "id")), d = t(() => l.variant ? `${l.library}-${l.variant}` : l.library), f = t(() => l.library && l.icon ? `${l.library}-${l.icon}` : l.icon);
+		return (e, t) => (a(), n("i", {
+			id: s(u),
+			class: i([
 				"q-icon",
 				"q-icon__font",
-				s.value,
-				c.value,
-				o.class
+				d.value,
+				f.value,
+				l.class
 			])
-		}, null, 10, a));
+		}, null, 10, c));
 	}
 });
 //#endregion
-export { o as default };
+export { l as default };

package/esm/components/QIcon/QIconImg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QIconImg.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconImg.vue"],"names":[],"mappings":"AAMA;AAgBC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;;AA4CxC,wBAOG"}
+{"version":3,"file":"QIconImg.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconImg.vue"],"names":[],"mappings":"AAMA;AA2BC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;;AAkDxC,wBAOG"}

package/esm/components/QIcon/QIconImg.vue.js

@@ -1,24 +1,25 @@
-import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r } from "vue";
+import { useId as e } from "../../composables/useId/index.js";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, toRef as a, unref as o } from "vue";
 //#region src/components/QIcon/QIconImg.vue?vue&type=script&setup=true&lang.ts
-var i = ["id", "src"], a = /*@__PURE__*/ t({
+var s = ["id", "src"], c = /*@__PURE__*/ n({
 	__name: "QIconImg",
 	props: {
 		id: {},
 		class: {},
 		icon: {}
 	},
-	setup(t) {
-		let a = t;
-		return (t, o) => (r(), e("img", {
-			id: a.id,
-			src: a.icon,
-			class: n([
+	setup(n) {
+		let c = n, l = e(a(c, "id"));
+		return (e, n) => (i(), t("img", {
+			id: o(l),
+			src: c.icon,
+			class: r([
 				"q-icon",
 				"q-icon__img",
-				a.class
+				c.class
 			])
-		}, null, 10, i));
+		}, null, 10, s));
 	}
 });
 //#endregion
-export { a as default };
+export { c as default };

package/esm/components/QIcon/QIconSvg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QIconSvg.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconSvg.vue"],"names":[],"mappings":"AASA;AAwCC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;AA2FvC,wBASG"}
+{"version":3,"file":"QIconSvg.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QIconSvg.vue"],"names":[],"mappings":"AASA;AAmDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;;;;;;;;;;AAiGvC,wBASG"}

package/esm/components/QIcon/QIconSvg.vue.js

@@ -1,7 +1,8 @@
-import e from "./InlineSvg.js";
-import { createBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, unref as a } from "vue";
+import { useId as e } from "../../composables/useId/index.js";
+import t from "./QSvgSymbol2.vue.js";
+import { createBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, toRef as o, unref as s } from "vue";
 //#region src/components/QIcon/QIconSvg.vue?vue&type=script&setup=true&lang.ts
-var o = /*@__PURE__*/ n({
+var c = /*@__PURE__*/ r({
 	__name: "QIconSvg",
 	props: {
 		id: {},
@@ -10,25 +11,25 @@ var o = /*@__PURE__*/ n({
 		bundle: { default: "" }
 	},
 	emits: ["loaded", "unloaded"],
-	setup(n, { emit: o }) {
-		let s = n, c = o;
-		function l(e) {
-			c("loaded", e);
+	setup(r, { emit: c }) {
+		let l = r, u = c, d = e(o(l, "id"));
+		function f(e) {
+			u("loaded", e);
 		}
-		function u() {
-			c("unloaded");
+		function p() {
+			u("unloaded");
 		}
-		return (n, o) => (i(), t(a(e), {
-			id: s.id,
-			class: r([
+		return (e, r) => (a(), n(t, {
+			id: s(d),
+			class: i([
 				"q-icon",
 				"q-icon__svg",
-				s.class
+				l.class
 			]),
-			src: s.bundle,
-			symbol: s.icon,
-			onLoaded: l,
-			onUnloaded: u
+			src: l.bundle,
+			symbol: l.icon,
+			onLoaded: f,
+			onUnloaded: p
 		}, null, 8, [
 			"id",
 			"class",
@@ -38,4 +39,4 @@ var o = /*@__PURE__*/ n({
 	}
 });
 //#endregion
-export { o as default };
+export { c as default };

package/esm/components/QIcon/QSvgSymbol.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Props for QSvgSymbol.
+ * `id` and `class` stay fallthrough attributes so they can be copied onto the rendered SVG.
+ */
+type QSvgSymbolProps = {
+    /**
+     * The source URL of the SVG bundle.
+     *
+     * @category Configuration
+     */
+    src: string;
+    /**
+     * The ID of the SVG symbol to be rendered.
+     *
+     * @category Identification
+     */
+    symbol?: string;
+    /**
+     * The title to be associated with the SVG.
+     *
+     * @category Accessibility
+     */
+    title?: string;
+    /**
+     * A function to transform the source SVG element before rendering.
+     * If not provided, no transformation will be applied.
+     *
+     * @category Behavior
+     */
+    transformSource?: (svg: SVGElement) => SVGElement;
+    /**
+     * Determines whether to keep the existing SVG content visible during the loading of a new SVG.
+     * Set to `false` to hide content during loading.
+     *
+     * @category Behavior
+     */
+    keepDuringLoading?: boolean;
+};
+declare const _default: import('vue').DefineComponent<QSvgSymbolProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    unloaded: () => any;
+    loaded: (value: Element) => any;
+    error: (error: unknown) => any;
+}, string, import('vue').PublicProps, Readonly<QSvgSymbolProps> & Readonly<{
+    onUnloaded?: (() => any) | undefined;
+    onLoaded?: ((value: Element) => any) | undefined;
+    onError?: ((error: unknown) => any) | undefined;
+}>, {
+    symbol: string;
+    title: string;
+    transformSource: (svg: SVGElement) => SVGElement;
+    keepDuringLoading: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=QSvgSymbol.vue.d.ts.map

package/esm/components/QIcon/QSvgSymbol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QSvgSymbol.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QIcon/QSvgSymbol.vue"],"names":[],"mappings":"AASA;AA4NC;;;GAGG;AACH,KAAK,eAAe,GAAG;IACtB;;;;OAIG;IACH,GAAG,EAAE,MAAM,CAAA;IAEX;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;OAKG;IACH,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,UAAU,CAAA;IAEjD;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;;;;;;;;;;YAxBS,MAAM;WAOP,MAAM;qBAQI,CAAC,GAAG,EAAE,UAAU,KAAK,UAAU;uBAQ7B,OAAO;;AAyN7B,wBAQG"}

package/esm/components/QIcon/QSvgSymbol.vue.js

@@ -0,0 +1,76 @@
+import { loadSvg as e } from "./utils/svgSource.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, getCurrentInstance as a, mergeProps as o, nextTick as s, normalizeProps as c, onMounted as l, openBlock as u, ref as d, unref as f, useAttrs as p, watch as m } from "vue";
+//#region src/components/QIcon/QSvgSymbol.vue?vue&type=script&setup=true&lang.ts
+var h = ["innerHTML"], g = /*@__PURE__*/ i({
+	name: "QSvgSymbol",
+	inheritAttrs: !1,
+	__name: "QSvgSymbol",
+	props: {
+		src: {},
+		symbol: { default: "" },
+		title: { default: "" },
+		transformSource: {
+			type: Function,
+			default: void 0
+		},
+		keepDuringLoading: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"loaded",
+		"unloaded",
+		"error"
+	],
+	setup(i, { emit: g }) {
+		let _ = i, v = g, y = p(), b = a(), x = d(null);
+		function S(e) {
+			let t = e;
+			if (_.symbol) {
+				let n = e.getElementById(_.symbol);
+				if (!n) return null;
+				t = n;
+			}
+			return _.transformSource && (t = _.transformSource(t.cloneNode(!0))), _.title && (_.transformSource || (t = t.cloneNode(!0)), k(t, _.title)), t;
+		}
+		let C = t(() => x.value ? S(x.value) : null), w = t(() => x.value !== null && C.value === null), T = t(() => {
+			if (!x.value || !C.value) return {};
+			let e = {};
+			return D(e, x.value), D(e, C.value), O(e, y), y.id || delete e.id, e;
+		});
+		async function E(t) {
+			try {
+				let n = e(t);
+				x.value && n.getIsPending() && !_.keepDuringLoading && (x.value = null, v("unloaded")), x.value = await n, await s();
+				let r = b?.proxy?.$el;
+				r instanceof Element && v("loaded", r);
+			} catch (e) {
+				x.value && (x.value = null, v("unloaded")), v("error", e);
+			}
+		}
+		l(() => {
+			E(_.src);
+		}), m(() => _.src, (e) => {
+			E(e);
+		});
+		function D(e, t) {
+			let n = t.attributes;
+			if (n) for (let t of n) e[t.name] = t.value;
+		}
+		function O(e, t) {
+			for (let [n, r] of Object.entries(t)) r !== !1 && r != null && (e[n] = r);
+		}
+		function k(e, t) {
+			let n = e.getElementsByTagName("title");
+			if (n.length) n[0].textContent = t;
+			else {
+				let n = document.createElementNS("http://www.w3.org/2000/svg", "title");
+				n.textContent = t, e.insertBefore(n, e.firstChild);
+			}
+		}
+		return (e, t) => w.value ? (u(), r("div", c(o({ key: 0 }, f(y))), null, 16)) : C.value ? (u(), r("svg", o({ key: 1 }, T.value, { innerHTML: C.value.innerHTML }), null, 16, h)) : n("v-if", !0);
+	}
+});
+//#endregion
+export { g as default };

package/esm/components/QIcon/QSvgSymbol2.vue.js

@@ -0,0 +1,5 @@
+import e from "./QSvgSymbol.vue.js";
+//#region src/components/QIcon/QSvgSymbol.vue
+var t = e;
+//#endregion
+export { t as default };

package/esm/components/QIcon/utils/svgSource.d.ts

@@ -0,0 +1,18 @@
+export interface PromiseWithState<T> extends Promise<T> {
+    getIsPending: () => boolean;
+}
+/**
+ * Returns the SVG document at `src`, downloading it only on first use.
+ * A failed download is evicted so a later call can retry it.
+ * Every caller gets the same element, so clone it before changing it.
+ *
+ * @param src - The SVG URL.
+ * @returns A promise for the root `<svg>` element, shared by all callers.
+ */
+export declare function loadSvg(src: string): PromiseWithState<SVGSVGElement>;
+/**
+ * Empties the cache so the next `loadSvg` call downloads again.
+ * Used by tests to keep cached bundles from leaking between cases.
+ */
+export declare function clearSvgCache(): void;
+//# sourceMappingURL=svgSource.d.ts.map

package/esm/components/QIcon/utils/svgSource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svgSource.d.ts","sourceRoot":"","sources":["../../../../src/components/QIcon/utils/svgSource.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB,CAAC,CAAC,CAAE,SAAQ,OAAO,CAAC,CAAC,CAAC;IACtD,YAAY,EAAE,MAAM,OAAO,CAAA;CAC3B;AAQD;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAapE;AAED;;;GAGG;AACH,wBAAgB,aAAa,SAE5B"}

package/esm/components/QIcon/utils/svgSource.js

@@ -0,0 +1,27 @@
+//#region src/components/QIcon/utils/svgSource.ts
+var e = /* @__PURE__ */ new Map();
+function t(t) {
+	let i = e.get(t);
+	if (!i) {
+		let a = r(n(t));
+		a.catch(() => {
+			e.get(t) === a && e.delete(t);
+		}), e.set(t, a), i = a;
+	}
+	return i;
+}
+async function n(e) {
+	let t = await fetch(e);
+	if (!t.ok) throw Error("Error loading SVG");
+	let n = await t.text(), r = new DOMParser().parseFromString(n, "text/xml").getElementsByTagName("svg")[0];
+	if (!r) throw Error("Loaded file is not a valid SVG");
+	return r;
+}
+function r(e) {
+	let t = !0, n = e.then((e) => (t = !1, e), (e) => {
+		throw t = !1, e;
+	});
+	return n.getIsPending = () => t, n;
+}
+//#endregion
+export { t as loadSvg };

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

@@ -1 +1 @@
-{"version":3,"file":"QInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/QInputGroup.vue"],"names":[],"mappings":"AA2CA;AAoFC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAA;AA8B1C,iBAAS,cAAc;WA2HT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACT,GAAG;yBACH,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA2DyrkB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EA3C90kB;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+BoskB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArB70kB,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":"QInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/QInputGroup.vue"],"names":[],"mappings":"AA2CA;AAwFC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAA;AAgC1C,iBAAS,cAAc;WA2HT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACT,GAAG;yBACH,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA4Do+jB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EA5CznkB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+B++jB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArBxnkB,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/QInputGroup/QInputGroup.vue.js

@@ -1,15 +1,16 @@
 import { provideDefaults as e } from "../../composables/defaults.js";
-import { QIcon as t } from "../QIcon/index.js";
-import { QField as n } from "../QField/index.js";
-import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createSlots as s, createVNode as c, defineComponent as l, guardReactiveProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, renderSlot as m, unref as h, useTemplateRef as g, withCtx as _ } from "vue";
+import { useId as t } from "../../composables/useId/index.js";
+import { QIcon as n } from "../QIcon/index.js";
+import { QField as r } from "../QField/index.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createSlots as c, createVNode as l, defineComponent as u, guardReactiveProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, renderSlot as h, toRef as g, unref as _, useTemplateRef as v, withCtx as y } from "vue";
 //#region src/components/QInputGroup/QInputGroup.vue?vue&type=script&setup=true&lang.ts
-var v = {
+var b = {
 	key: 0,
 	class: "q-input-group__prepend"
-}, y = { key: 0 }, b = {
+}, x = { key: 0 }, S = {
 	key: 1,
 	class: "q-input-group__append"
-}, x = { key: 0 }, S = /*@__PURE__*/ l({
+}, C = { key: 0 }, w = /*@__PURE__*/ u({
 	__name: "QInputGroup",
 	props: {
 		id: {},
@@ -25,34 +26,34 @@ var v = {
 		prependIcon: {},
 		appendIcon: {}
 	},
-	setup(l, { expose: S }) {
-		let C = l;
+	setup(u, { expose: w }) {
+		let T = u, E = t(g(T, "id"));
 		e({ QField: { size: "block" } });
-		let w = g("field");
-		return S({ fieldRef: r(() => w.value?.fieldRef) }), (e, r) => (p(), i(h(n), {
-			id: C.id,
+		let D = v("field");
+		return w({ fieldRef: i(() => D.value?.fieldRef) }), (e, t) => (m(), a(_(r), {
+			id: _(E),
 			ref: "field",
-			class: d(["q-input-group", C.class]),
-			for: C.for,
-			label: C.label,
-			"label-position": C.labelPosition,
-			required: C.required,
-			size: C.size,
-			readonly: C.readonly,
-			disabled: C.disabled,
-			invalid: C.invalid
-		}, s({
-			"label.prepend": _(() => [m(e.$slots, "label.prepend")]),
-			"label.append": _(() => [m(e.$slots, "label.append")]),
-			default: _(() => [
-				e.$slots.prepend || C.prependIcon ? (p(), o("div", v, [C.prependIcon ? (p(), o("span", y, [c(h(t), f(u(C.prependIcon)), null, 16)])) : a("v-if", !0), m(e.$slots, "prepend")])) : a("v-if", !0),
-				m(e.$slots, "default"),
-				e.$slots.append || C.appendIcon ? (p(), o("div", b, [C.appendIcon ? (p(), o("span", x, [c(h(t), f(u(C.appendIcon)), null, 16)])) : a("v-if", !0), m(e.$slots, "append")])) : a("v-if", !0)
+			class: f(["q-input-group", T.class]),
+			for: T.for,
+			label: T.label,
+			"label-position": T.labelPosition,
+			required: T.required,
+			size: T.size,
+			readonly: T.readonly,
+			disabled: T.disabled,
+			invalid: T.invalid
+		}, c({
+			"label.prepend": y(() => [h(e.$slots, "label.prepend")]),
+			"label.append": y(() => [h(e.$slots, "label.append")]),
+			default: y(() => [
+				e.$slots.prepend || T.prependIcon ? (m(), s("div", b, [T.prependIcon ? (m(), s("span", x, [l(_(n), p(d(T.prependIcon)), null, 16)])) : o("v-if", !0), h(e.$slots, "prepend")])) : o("v-if", !0),
+				h(e.$slots, "default"),
+				e.$slots.append || T.appendIcon ? (m(), s("div", S, [T.appendIcon ? (m(), s("span", C, [l(_(n), p(d(T.appendIcon)), null, 16)])) : o("v-if", !0), h(e.$slots, "append")])) : o("v-if", !0)
 			]),
 			_: 2
 		}, [e.$slots.extras ? {
 			name: "extras",
-			fn: _(() => [m(e.$slots, "extras")]),
+			fn: y(() => [h(e.$slots, "extras")]),
 			key: "0"
 		} : void 0]), 1032, [
 			"id",
@@ -69,4 +70,4 @@ var v = {
 	}
 });
 //#endregion
-export { S as default };
+export { w as default };

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

@@ -1 +1 @@
-{"version":3,"file":"QLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/QLabel.vue"],"names":[],"mappings":"AAiBA;AA6CC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AAmBrC,iBAAS,cAAc;WAkDT,OAAO,IAA6B;;yBAbrB,GAAG;yBACH,GAAG;yBACH,GAAG;wBACJ,GAAG;;;;EAe9B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/QLabel.vue"],"names":[],"mappings":"AAiBA;AAqDC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AAqBrC,iBAAS,cAAc;WAkDT,OAAO,IAA6B;;yBAbrB,GAAG;yBACH,GAAG;yBACH,GAAG;wBACJ,GAAG;;;;EAe9B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QLabel/QLabel.vue.js

@@ -1,7 +1,8 @@
-import { QRequiredIndicator as e } from "../__internal__/QRequiredIndicator/index.js";
-import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d } from "vue";
+import { useId as e } from "../../composables/useId/index.js";
+import { QRequiredIndicator as t } from "../__internal__/QRequiredIndicator/index.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, toDisplayString as d, toRef as f, unref as p } from "vue";
 //#region src/components/QLabel/QLabel.vue?vue&type=script&setup=true&lang.ts
-var f = ["id"], p = ["for"], m = /*@__PURE__*/ o({
+var m = ["id"], h = ["for"], g = /*@__PURE__*/ s({
 	__name: "QLabel",
 	props: {
 		id: {},
@@ -11,26 +12,26 @@ var f = ["id"], p = ["for"], m = /*@__PURE__*/ o({
 		for: {},
 		labelPosition: {}
 	},
-	setup(o) {
-		let m = o, h = t(() => [
+	setup(s) {
+		let g = s, _ = e(f(g, "id")), v = n(() => [
 			"q-label",
-			m.labelPosition ? `q-label--${m.labelPosition}` : "",
-			{ "q-label--required": m.required },
-			m.class
+			g.labelPosition ? `q-label--${g.labelPosition}` : "",
+			{ "q-label--required": g.required },
+			g.class
 		]);
-		return (t, o) => (c(), i("div", {
-			id: m.id,
-			class: s(h.value)
+		return (e, n) => (l(), a("div", {
+			id: p(_),
+			class: c(v.value)
 		}, [
-			l(t.$slots, "prepend"),
-			m.label || t.$slots.default ? (c(), i("label", {
+			u(e.$slots, "prepend"),
+			g.label || e.$slots.default ? (l(), a("label", {
 				key: 0,
-				for: m.for
-			}, [l(t.$slots, "default", {}, () => [a(u(m.label), 1)])], 8, p)) : l(t.$slots, "default", { key: 1 }),
-			l(t.$slots, "append"),
-			m.required ? (c(), n(d(e), { key: 2 })) : r("v-if", !0)
-		], 10, f));
+				for: g.for
+			}, [u(e.$slots, "default", {}, () => [o(d(g.label), 1)])], 8, h)) : u(e.$slots, "default", { key: 1 }),
+			u(e.$slots, "append"),
+			g.required ? (l(), r(p(t), { key: 2 })) : i("v-if", !0)
+		], 10, m));
 	}
 });
 //#endregion
-export { m as default };
+export { g as default };

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

@@ -1 +1 @@
-{"version":3,"file":"QLineLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QLineLoader/QLineLoader.vue"],"names":[],"mappings":"AAMA;AA8BC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAA;;AA2D1C,wBAOG"}
+{"version":3,"file":"QLineLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QLineLoader/QLineLoader.vue"],"names":[],"mappings":"AAMA;AAsCC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAA;;AA8D1C,wBAOG"}

package/esm/components/QLineLoader/QLineLoader.vue.js

@@ -1,6 +1,7 @@
-import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a } from "vue";
+import { useId as e } from "../../composables/useId/index.js";
+import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, toRef as s, unref as c } from "vue";
 //#region src/components/QLineLoader/QLineLoader.vue?vue&type=script&setup=true&lang.ts
-var o = ["id"], s = /*@__PURE__*/ n({
+var l = ["id"], u = /*@__PURE__*/ r({
 	__name: "QLineLoader",
 	props: {
 		id: {},
@@ -8,20 +9,20 @@ var o = ["id"], s = /*@__PURE__*/ n({
 		height: {},
 		rounded: { type: Boolean }
 	},
-	setup(n) {
-		let s = n, c = e(() => {
-			if (s.height !== void 0) return { "--q-line-loader-height": `${Math.min(12, Math.max(4, s.height))}px` };
+	setup(r) {
+		let u = r, d = e(s(u, "id")), f = t(() => {
+			if (u.height !== void 0) return { "--q-line-loader-height": `${Math.min(12, Math.max(4, u.height))}px` };
 		});
-		return (e, n) => (a(), t("div", {
-			id: s.id,
-			class: r([
+		return (e, t) => (o(), n("div", {
+			id: c(d),
+			class: i([
 				"q-line-loader",
-				{ "q-line-loader--rounded": s.rounded },
-				s.class
+				{ "q-line-loader--rounded": u.rounded },
+				u.class
 			]),
-			style: i(c.value)
-		}, null, 14, o));
+			style: a(f.value)
+		}, null, 14, l));
 	}
 });
 //#endregion
-export { s as default };
+export { u as default };