@quidgest/ui 0.26.0 → 0.27.0

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;AAuRC;;;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;;AA8Q7B,wBAQG"}

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

@@ -0,0 +1,88 @@
+import { computed as e, createCommentVNode as t, createElementBlock as n, defineComponent as r, getCurrentInstance as i, mergeProps as a, nextTick as o, normalizeProps as s, onMounted as c, openBlock as l, ref as u, unref as d, useAttrs as f, watch as p } from "vue";
+//#region src/components/QIcon/QSvgSymbol.vue?vue&type=script&setup=true&lang.ts
+var m = ["innerHTML"], h = /*@__PURE__*/ r({
+	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(r, { emit: h }) {
+		let g = r, _ = h, v = {}, y = f(), b = i(), x = u(null);
+		function S(e) {
+			let t = e;
+			if (g.symbol) {
+				let n = e.getElementById(g.symbol);
+				if (!n) return null;
+				t = n;
+			}
+			return g.transformSource && (t = g.transformSource(t.cloneNode(!0))), g.title && (g.transformSource || (t = t.cloneNode(!0)), A(t, g.title)), t;
+		}
+		let C = e(() => x.value ? S(x.value) : null), w = e(() => x.value !== null && C.value === null), T = e(() => {
+			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(e) {
+			try {
+				v[e] || (v[e] = j(k(e))), x.value && v[e].getIsPending() && !g.keepDuringLoading && (x.value = null, _("unloaded")), x.value = await v[e], await o();
+				let t = b?.proxy?.$el;
+				t instanceof Element && _("loaded", t);
+			} catch (t) {
+				x.value && (x.value = null, _("unloaded")), delete v[e], _("error", t);
+			}
+		}
+		c(() => {
+			E(g.src);
+		}), p(() => g.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);
+		}
+		async function k(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 A(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);
+			}
+		}
+		function j(e) {
+			if (e.getIsPending) return e;
+			let t = !0, n = e.then((e) => (t = !1, e), (e) => {
+				throw t = !1, e;
+			});
+			return n.getIsPending = () => t, n;
+		}
+		return (e, r) => w.value ? (l(), n("div", s(a({ key: 0 }, d(y))), null, 16)) : C.value ? (l(), n("svg", a({ key: 1 }, T.value, { innerHTML: C.value.innerHTML }), null, 16, m)) : t("v-if", !0);
+	}
+});
+//#endregion
+export { h 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/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 };

package/esm/components/QList/QList.d.ts

@@ -46,7 +46,7 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {
-        listRef: unknown;
+        listRef: HTMLDivElement;
         listItemsRef: (({
             $: import('vue').ComponentInternalInstance;
             $data: {};
@@ -125,7 +125,7 @@ declare function __VLS_template(): {
             };
         }) | null)[];
     };
-    rootEl: any;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<QListProps, {
@@ -148,7 +148,7 @@ declare const __VLS_component: import('vue').DefineComponent<QListProps, {
     itemValue: string;
     itemLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    listRef: unknown;
+    listRef: HTMLDivElement;
     listItemsRef: (({
         $: import('vue').ComponentInternalInstance;
         $data: {};
@@ -226,7 +226,7 @@ declare const __VLS_component: import('vue').DefineComponent<QListProps, {
             append?(_: {}): any;
         };
     }) | null)[];
-}, any>;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"QList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QList.vue"],"names":[],"mappings":"AAiDA;AA4cC,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,GAAG,CAAA;AA8OvD,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,IAAI,MAAM,CAIpC;AAED;;;;;;GAMG;AACH,iBAAS,0BAA0B,IAAI,MAAM,CAO5C;AAED;;;;;;GAMG;AACH,iBAAS,yBAAyB,IAAI,MAAM,CAO3C;AAmCD;;;;;;;;GAQG;AACH,iBAAS,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAuB7E;AA0DF,iBAAS,cAAc;WAgJT,OAAO,IAA6B;;yBAdpB,GAAG;;;;YACN,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA1FpB,GAAG,8CACW,GAAG,yBAA0B,GAAE,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;EA0GrG;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAnIF,GAAG,8CACW,GAAG,yBAA0B,GAAE,6DAAmC,GAAG;;;;;;;;;;;;;;;;OA6IpG,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":"QList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QList.vue"],"names":[],"mappings":"AAiDA;AA+cC,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,GAAG,CAAA;AA+OvD,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,IAAI,MAAM,CAIpC;AAED;;;;;;GAMG;AACH,iBAAS,0BAA0B,IAAI,MAAM,CAO5C;AAED;;;;;;GAMG;AACH,iBAAS,yBAAyB,IAAI,MAAM,CAO3C;AAmCD;;;;;;;;GAQG;AACH,iBAAS,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAuB7E;AA0DF,iBAAS,cAAc;WAoHT,OAAO,IAA6B;;yBAdrB,GAAG;;;;YACL,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAjE8D,GAAG,8CACtF,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;EAiFtF;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA1GgF,GAAG,8CACtF,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;kBAoHrF,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"}