@quidgest/ui 0.27.0 → 0.27.1

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.27.0
+ * Quidgest UI v0.27.1
  * (c) 2026 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -4032,7 +4032,7 @@ $input-group-addon-background: rgb(var(--q-theme-neutral-light-rgb) / 25%);
     overflow-y: auto;
     min-height: calc(var(--q-space-1) * 12.5);
     max-height: calc(var(--q-space-1) * 20);
-    gap: var(--q-space-4);
+    gap: var(--q-space-1);
   }
   &--side-panel {
     flex-direction: row;

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

@@ -1 +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"}
+{"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

@@ -1,6 +1,7 @@
-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";
+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 m = ["innerHTML"], h = /*@__PURE__*/ r({
+var h = ["innerHTML"], g = /*@__PURE__*/ i({
 	name: "QSvgSymbol",
 	inheritAttrs: !1,
 	__name: "QSvgSymbol",
@@ -22,34 +23,35 @@ var m = ["innerHTML"], h = /*@__PURE__*/ r({
 		"unloaded",
 		"error"
 	],
-	setup(r, { emit: h }) {
-		let g = r, _ = h, v = {}, y = f(), b = i(), x = u(null);
+	setup(i, { emit: g }) {
+		let _ = i, v = g, y = p(), b = a(), x = d(null);
 		function S(e) {
 			let t = e;
-			if (g.symbol) {
-				let n = e.getElementById(g.symbol);
+			if (_.symbol) {
+				let n = e.getElementById(_.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;
+			return _.transformSource && (t = _.transformSource(t.cloneNode(!0))), _.title && (_.transformSource || (t = t.cloneNode(!0)), k(t, _.title)), t;
 		}
-		let C = e(() => x.value ? S(x.value) : null), w = e(() => x.value !== null && C.value === null), T = e(() => {
+		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(e) {
+		async function E(t) {
 			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);
+				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);
 			}
 		}
-		c(() => {
-			E(g.src);
-		}), p(() => g.src, (e) => {
+		l(() => {
+			E(_.src);
+		}), m(() => _.src, (e) => {
 			E(e);
 		});
 		function D(e, t) {
@@ -59,14 +61,7 @@ var m = ["innerHTML"], h = /*@__PURE__*/ r({
 		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) {
+		function k(e, t) {
 			let n = e.getElementsByTagName("title");
 			if (n.length) n[0].textContent = t;
 			else {
@@ -74,15 +69,8 @@ var m = ["innerHTML"], h = /*@__PURE__*/ r({
 				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);
+		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 { h as default };
+export { g 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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.27.0",
+  "version": "0.27.1",
   "private": false,
   "type": "module",
   "author": "Quidgest",