vue-data-ui 3.20.11 → 3.21.0

package/dist/{vue-ui-table-sparkline-BQjo2sbB.js → vue-ui-table-sparkline-Dy-6i82F.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ct as t, Et as n, G as r, H as i, J as a, Rt as ee, S as te, X as ne, f as re, i as o, ot as ie, x as ae, y as oe } from "./lib-DUeYQsS0.js";
+import { Bt as t, G as n, H as r, J as i, Ot as a, S as ee, Tt as te, X as ne, ct as re, f as ie, i as o, x as ae, y as oe } from "./lib-AJRHFE5U.js";
 import { t as se } from "./useConfig-DnH7Pf_2.js";
-import { t as ce } from "./usePrinter-C1Gqt_Sp.js";
-import { t as s } from "./useNestedProp-CNcoy38D.js";
+import { t as ce } from "./usePrinter-6n2MzVyV.js";
+import { t as s } from "./useNestedProp-DtcXIg7n.js";
 import { t as le } from "./useThemeCheck-C43Tcqmk.js";
 import { t as c } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as ue } from "./useUserOptionState-DK-_1ddE.js";
@@ -50,7 +50,7 @@ var Se = /* @__PURE__ */ e({ default: () => D }), Ce = ["id"], we = { style: {
 	emits: ["copyAlt"],
 	setup(e, { expose: c, emit: Se }) {
 		ve((e) => ({ v7ad8dbe3: e.tdo }));
-		let D = h(() => import("./vue-ui-sparkline-C5EDZIAt.js").then((e) => e.n)), O = h(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), Ie = h(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), { vue_ui_table_sparkline: Le } = se(), { isThemeValid: Re, warnInvalidTheme: ze } = le(), k = e, Be = Se, A = x(i()), Ve = x(0), j = x(0), M = x(null), He = ye(), Ue = x(!1);
+		let D = h(() => import("./vue-ui-sparkline-BSdOdtKu.js").then((e) => e.n)), O = h(() => import("./BaseIcon-CbDazQLH.js").then((e) => e.n)), Ie = h(() => import("./UserOptions-qFz-9Pnw.js").then((e) => e.n)), { vue_ui_table_sparkline: Le } = se(), { isThemeValid: Re, warnInvalidTheme: ze } = le(), k = e, Be = Se, A = x(r()), Ve = x(0), j = x(0), M = x(null), He = ye(), Ue = x(!1);
 		y(() => {
 			He["chart-background"] && console.warn("VueUiTableSparkline does not support the #chart-background slot.");
 		});
@@ -62,11 +62,11 @@ var Se = /* @__PURE__ */ e({ default: () => D }), Ce = ["id"], we = { style: {
 			let e = s({
 				userConfig: k.config,
 				defaultConfig: Le
-			}), t = e.theme;
-			if (!t) return e;
+			}), n = e.theme;
+			if (!n) return e;
 			if (!Re.value(e)) return ze(e), e;
 			let r = s({
-				userConfig: fe[t] || k.config,
+				userConfig: fe[n] || k.config,
 				defaultConfig: e
 			}), i = s({
 				userConfig: k.config,
@@ -74,7 +74,7 @@ var Se = /* @__PURE__ */ e({ default: () => D }), Ce = ["id"], we = { style: {
 			});
 			return {
 				...i,
-				customPalette: i.customPalette.length ? i.customPalette : ee[t] || n
+				customPalette: i.customPalette.length ? i.customPalette : t[n] || a
 			};
 		}
 		be(() => k.config, (e) => {
@@ -92,7 +92,7 @@ var Se = /* @__PURE__ */ e({ default: () => D }), Ce = ["id"], we = { style: {
 		});
 		let R = x(N.value.colNames), z = _e(null);
 		function $e() {
-			t(k.dataset) && ne({
+			te(k.dataset) && ne({
 				componentName: "VueUiTableSparkline",
 				type: "dataset"
 			}), z.value && z.value.disconnect(), z.value = new ResizeObserver((e) => {
@@ -106,7 +106,7 @@ var Se = /* @__PURE__ */ e({ default: () => D }), Ce = ["id"], we = { style: {
 			z.value && z.value.disconnect();
 		});
 		let B = u(() => (k.dataset.forEach((e, t) => {
-			ie({
+			re({
 				datasetObject: e,
 				requiredAttributes: ["name", "values"]
 			}).forEach((e) => {
@@ -118,15 +118,15 @@ var Se = /* @__PURE__ */ e({ default: () => D }), Ce = ["id"], we = { style: {
 				});
 			});
 		}), k.dataset.map((e, t) => {
-			let r = (e.values || []).map((e) => isNaN(e) ? 0 : e ?? 0), i = r.reduce((e, t) => e + t, 0), a = i / r.length, ee = re(r);
+			let n = (e.values || []).map((e) => isNaN(e) ? 0 : e ?? 0), r = n.reduce((e, t) => e + t, 0), i = r / n.length, ee = ie(n);
 			return {
 				...e,
 				values: e.values || [],
-				color: oe(e.color) || Ze.value[t] || n[t] || n[t % n.length],
-				sum: i,
-				average: a,
+				color: oe(e.color) || Ze.value[t] || a[t] || a[t % a.length],
+				sum: r,
+				average: i,
 				median: ee,
-				sparklineDataset: r.map((e, t) => ({
+				sparklineDataset: n.map((e, t) => ({
 					period: N.value.colNames[t] || `col ${t}`,
 					value: e || 0
 				}))
@@ -241,8 +241,8 @@ var Se = /* @__PURE__ */ e({ default: () => D }), Ce = ["id"], we = { style: {
 					[e.sum],
 					[e.average],
 					[e.median]
-				]), r = te([t].concat(n));
-				e ? e(r) : a({
+				]), r = ee([t].concat(n));
+				e ? e(r) : i({
 					csvContent: r,
 					title: N.value.title.text || "vue-ui-table-sparkline"
 				});
@@ -549,7 +549,7 @@ var Se = /* @__PURE__ */ e({ default: () => D }), Ce = ["id"], we = { style: {
 					key: 0,
 					style: v({ color: e.color })
 				}, "⬤", 4)) : d("", !0), p("span", null, w(e.name ?? "-"), 1)], 4)], 12, ke),
-				(b(!0), f(l, null, S(tt.value, (n, i) => (b(), f("td", {
+				(b(!0), f(l, null, S(tt.value, (r, i) => (b(), f("td", {
 					dir: "auto",
 					role: "cell",
 					ref_for: !0,
@@ -567,7 +567,7 @@ var Se = /* @__PURE__ */ e({ default: () => D }), Ce = ["id"], we = { style: {
 					onPointerenter: (e) => {
 						Q.value = t, Z.value = i;
 					}
-				}, w([null, void 0].includes(e.values[i]) ? "-" : T(o)(N.value.formatter, Number(e.values[i]), T(r)({
+				}, w([null, void 0].includes(e.values[i]) ? "-" : T(o)(N.value.formatter, Number(e.values[i]), T(n)({
 					p: N.value.prefix,
 					v: Number(e.values[i]),
 					s: N.value.suffix,
@@ -589,7 +589,7 @@ var Se = /* @__PURE__ */ e({ default: () => D }), Ce = ["id"], we = { style: {
 					}),
 					"data-cell": N.value.translations.total,
 					class: "vue-ui-data-table__tbody__td"
-				}, w(T(o)(N.value.formatter, e.sum, T(r)({
+				}, w(T(o)(N.value.formatter, e.sum, T(n)({
 					p: N.value.prefix,
 					v: e.sum,
 					s: N.value.suffix,
@@ -610,7 +610,7 @@ var Se = /* @__PURE__ */ e({ default: () => D }), Ce = ["id"], we = { style: {
 					}),
 					"data-cell": N.value.translations.average,
 					class: "vue-ui-data-table__tbody__td"
-				}, w(T(o)(N.value.formatter, e.average, T(r)({
+				}, w(T(o)(N.value.formatter, e.average, T(n)({
 					p: N.value.prefix,
 					v: e.average,
 					s: N.value.suffix,
@@ -631,7 +631,7 @@ var Se = /* @__PURE__ */ e({ default: () => D }), Ce = ["id"], we = { style: {
 					}),
 					"data-cell": N.value.translations.median,
 					class: "vue-ui-data-table__tbody__td"
-				}, w(T(o)(N.value.formatter, e.median, T(r)({
+				}, w(T(o)(N.value.formatter, e.median, T(n)({
 					p: N.value.prefix,
 					v: e.median,
 					s: N.value.suffix,

package/dist/{vue-ui-thermometer-CVhxnkN-.js → vue-ui-thermometer-CIse_lcE.js}

@@ -1,19 +1,19 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, Ct as n, Et as r, G as i, H as a, Mt as ee, Rt as te, X as ne, i as re, ot as ie, t as ae, v as o, x as oe, y as s } from "./lib-DUeYQsS0.js";
+import { Bt as t, G as n, H as r, Ht as i, Ot as a, Pt as ee, Tt as te, X as ne, ct as re, i as ie, t as ae, v as o, x as oe, y as s } from "./lib-AJRHFE5U.js";
 import { t as se } from "./useConfig-DnH7Pf_2.js";
-import { t as ce } from "./usePrinter-C1Gqt_Sp.js";
+import { t as ce } from "./usePrinter-6n2MzVyV.js";
 import { n as le, t as ue } from "./BaseScanner-Dr2a1Msy.js";
 import { t as de } from "./useSvgExport-SVIsDot8.js";
-import { t as c } from "./useNestedProp-CNcoy38D.js";
+import { t as c } from "./useNestedProp-DtcXIg7n.js";
 import { t as fe } from "./useThemeCheck-C43Tcqmk.js";
-import { t as pe } from "./img-1cKsci8e.js";
-import { n as me } from "./Title-NWp4qB4K.js";
+import { t as pe } from "./img-C_RNNswI.js";
+import { n as me } from "./Title-DH6G8_cZ.js";
 import { t as he } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as ge } from "./canvas-lib-BOP_HS11.js";
 import { t as _e } from "./useResponsive-BfnK0KxU.js";
 import { t as ve } from "./useUserOptionState-DK-_1ddE.js";
 import { t as ye } from "./useChartAccessibility-DYqac8yF.js";
-import { t as be } from "./useAutoSizeLabelsInsideViewbox-BIVntRZp.js";
+import { t as be } from "./useAutoSizeLabelsInsideViewbox-kjVKQz36.js";
 import { t as xe } from "./usePrefersMotion-BC-CsqR1.js";
 import { t as Se } from "./vue_ui_thermometer-DxgqWKlE.js";
 import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as Ce, createVNode as we, defineAsyncComponent as h, guardReactiveProps as g, nextTick as Te, normalizeClass as _, normalizeProps as v, normalizeStyle as Ee, onMounted as De, openBlock as y, ref as b, renderList as Oe, renderSlot as x, toDisplayString as ke, toRefs as Ae, unref as S, useCssVars as je, watch as Me, withCtx as C } from "vue";
@@ -143,11 +143,11 @@ var Ne = /* @__PURE__ */ e({ default: () => w }), Pe = ["id"], Fe = {
 			v30de9373: Nt.value,
 			v105f2dc0: Mt.value
 		}));
-		let w = h(() => import("./PackageVersion-eS823iMF.js").then((e) => e.t)), ct = h(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), lt = h(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), { vue_ui_thermometer: ut } = se(), { isThemeValid: dt, warnInvalidTheme: ft } = fe(), pt = xe(), T = e, mt = Ne, E = b(a()), D = b(null), ht = b(0), gt = b(0), _t = b(null), vt = b(null), O = b(null), k = b(null), A = b(!1), j = b(!1), yt = u(() => !!T.dataset && Object.keys(T.dataset).length);
+		let w = h(() => import("./PackageVersion-DYLo3MRd.js").then((e) => e.t)), ct = h(() => import("./PenAndPaper-D4aFMYZf.js").then((e) => e.t)), lt = h(() => import("./UserOptions-qFz-9Pnw.js").then((e) => e.n)), { vue_ui_thermometer: ut } = se(), { isThemeValid: dt, warnInvalidTheme: ft } = fe(), pt = xe(), T = e, mt = Ne, E = b(r()), D = b(null), ht = b(0), gt = b(0), _t = b(null), vt = b(null), O = b(null), k = b(null), A = b(!1), j = b(!1), yt = u(() => !!T.dataset && Object.keys(T.dataset).length);
 		De(() => {
 			wt();
 		});
-		let M = b(z()), bt = b(M.value.style.chart.thermometer.width), N = b(M.value.style.chart.height), P = b(M.value.style.chart.width), xt = u(() => M.value.userOptions.useCursorPointer), St = u(() => t({
+		let M = b(z()), bt = b(M.value.style.chart.thermometer.width), N = b(M.value.style.chart.height), P = b(M.value.style.chart.width), xt = u(() => M.value.userOptions.useCursorPointer), St = u(() => i({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -171,17 +171,17 @@ var Ne = /* @__PURE__ */ e({ default: () => w }), Pe = ["id"], Fe = {
 					to: "#CACACA"
 				}
 			},
-			skeletonConfig: t({
+			skeletonConfig: i({
 				defaultConfig: M.value,
 				userConfig: St.value
 			})
 		}), Ct = u(() => !!M.value.debug);
 		function wt() {
-			if (n(T.dataset) ? ne({
+			if (te(T.dataset) ? ne({
 				componentName: "VueUiThermometer",
 				type: "dataset",
 				debug: Ct.value
-			}) : ie({
+			}) : re({
 				datasetObject: T.dataset,
 				requiredAttributes: [
 					"value",
@@ -215,19 +215,19 @@ var Ne = /* @__PURE__ */ e({ default: () => w }), Pe = ["id"], Fe = {
 			let e = c({
 				userConfig: T.config,
 				defaultConfig: ut
-			}), t = e.theme;
-			if (!t) return e;
+			}), n = e.theme;
+			if (!n) return e;
 			if (!dt.value(e)) return ft(e), e;
-			let n = c({
-				userConfig: Se[t] || T.config,
+			let r = c({
+				userConfig: Se[n] || T.config,
 				defaultConfig: e
 			}), i = c({
 				userConfig: T.config,
-				defaultConfig: n
+				defaultConfig: r
 			});
 			return {
 				...i,
-				customPalette: i.customPalette.length ? i.customPalette : te[t] || r
+				customPalette: i.customPalette.length ? i.customPalette : t[n] || a
 			};
 		}
 		Me(() => T.config, (e) => {
@@ -277,9 +277,9 @@ var Ne = /* @__PURE__ */ e({ default: () => w }), Pe = ["id"], Fe = {
 			return n = o(I.value.to) > 0 ? e + t : e > t ? e - t : t - e, (1 - (Math.abs(o(I.value.from)) + o(I.value.value)) / n) * q.value.thermoHeight;
 		}), Mt = u(() => `${J.value}px`), Nt = u(() => `${q.value.thermoHeight}px`), Pt = u(() => pt.value ? "0ms" : `${M.value.style.chart.animation.speedMs}ms`), Ft = u(() => {
 			if (I.value.colors) {
-				if (!I.value.colors.from) return W(H.value[0] || r[0], s(I.value.colors.to), U.value || 10);
-				if (!I.value.colors.to) return W(s(I.value.colors.from), H.value[1] || r[1], U.value || 10);
-			} else return W(H.value[1] || r[1], H.value[0] || r[0], U.value || 10);
+				if (!I.value.colors.from) return W(H.value[0] || a[0], s(I.value.colors.to), U.value || 10);
+				if (!I.value.colors.to) return W(s(I.value.colors.from), H.value[1] || a[1], U.value || 10);
+			} else return W(H.value[1] || a[1], H.value[0] || a[0], U.value || 10);
 			return W(s(I.value.colors.from), s(I.value.colors.to), U.value || 10);
 		}), It = u(() => {
 			let e = [], t = 0, n = q.value.thermoHeight;
@@ -372,7 +372,7 @@ var Ne = /* @__PURE__ */ e({ default: () => w }), Pe = ["id"], Fe = {
 				dataset: I.value
 			}));
 		}
-		let Kt = u(() => `${E.value}-title`), qt = u(() => `${E.value}-desc`), $ = u(() => re(M.value.style.chart.label.formatter, I.value.value, i({
+		let Kt = u(() => `${E.value}-title`), qt = u(() => `${E.value}-desc`), $ = u(() => ie(M.value.style.chart.label.formatter, I.value.value, n({
 			p: M.value.style.chart.label.prefix,
 			v: I.value.value,
 			s: M.value.style.chart.label.suffix,

package/dist/{vue-ui-timer-Cimuw9rF.js → vue-ui-timer-AlYvthQ6.js}

@@ -1,16 +1,16 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { H as t, t as n, zt as r } from "./lib-DUeYQsS0.js";
+import { H as t, Vt as n, t as r } from "./lib-AJRHFE5U.js";
 import { t as i } from "./useConfig-DnH7Pf_2.js";
-import { t as a } from "./useNestedProp-CNcoy38D.js";
-import { n as o } from "./Title-NWp4qB4K.js";
+import { t as a } from "./useNestedProp-DtcXIg7n.js";
+import { n as o } from "./Title-DH6G8_cZ.js";
 import { t as s } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c } from "./canvas-lib-BOP_HS11.js";
 import { t as ee } from "./useResponsive-BfnK0KxU.js";
-import { t as l } from "./BaseIcon-DfLoHNUj.js";
+import { t as l } from "./BaseIcon-CbDazQLH.js";
 import { t as te } from "./useChartAccessibility-DYqac8yF.js";
-import { computed as u, createBlock as ne, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineAsyncComponent as re, guardReactiveProps as h, mergeProps as g, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as ie, onMounted as ae, openBlock as y, ref as b, renderSlot as x, shallowRef as S, toDisplayString as C, unref as w, watch as oe } from "vue";
+import { computed as u, createBlock as ne, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineAsyncComponent as re, guardReactiveProps as h, mergeProps as g, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as ie, onMounted as ae, openBlock as y, ref as b, renderSlot as x, shallowRef as S, toDisplayString as oe, unref as C, watch as se } from "vue";
 //#region src/timer.js
-var se = class {
+var ce = class {
 	constructor(e, t, n, r = !0, i = !0) {
 		this.interval = t, this.elapsed = 0, this.isPaused = !1;
 		let a = new Blob(["\n            let interval;\n            let elapsed = 0;\n            let paused = false;\n            let startTime;\n            let tickInterval;\n\n            onmessage = function(e) {\n                const { action, data } = e.data;\n\n                switch(action) {\n                    case 'start':\n                        startTime = Date.now();\n                        tickInterval = data.interval;\n                        elapsed = 0;\n                        paused = false;\n                        interval = setInterval(() => {\n                            elapsed += tickInterval;\n                            postMessage({ elapsed, timestamp: Date.now() });\n                        }, tickInterval);\n                        break;\n                    \n                    case 'pause':\n                        paused = true;\n                        clearInterval(interval);\n                        elapsed = Date.now() - startTime;\n                        break;\n\n                    case 'resume':\n                        if (paused) {\n                            startTime = Date.now() - elapsed;\n                            interval = setInterval(() => {\n                                elapsed += tickInterval;\n                                postMessage({ elapsed, timestamp: Date.now() });\n                            }, tickInterval);\n                        }\n                        paused = false;\n                        break;\n\n                    case 'stop':\n                        clearInterval(interval);\n                        elapsed = 0;\n                        postMessage({ elapsed });\n                        break;\n\n                    case 'reset':\n                        elapsed = 0;\n                        clearInterval(interval);\n                        postMessage({ elapsed });\n                        break;\n\n                    case 'lap':\n                        postMessage({\n                            elapsed,\n                            timestamp: Date.now(),\n                            action: 'lap'\n                        });\n                        break;\n\n                    default:\n                        break;\n                }\n            };\n        "], { type: "application/javascript" }), o = URL.createObjectURL(a), s = new Worker(o);
@@ -56,7 +56,7 @@ var se = class {
 			n && n(e);
 		};
 	}
-}, T = /* @__PURE__ */ e({ default: () => E }), ce = ["xmlns", "viewBox"], le = ["width", "height"], ue = { key: 1 }, de = ["id"], fe = ["stop-color"], pe = ["stop-color"], me = [
+}, w = /* @__PURE__ */ e({ default: () => E }), le = ["xmlns", "viewBox"], ue = ["width", "height"], de = { key: 1 }, fe = ["id"], pe = ["stop-color"], T = ["stop-color"], me = [
 	"cx",
 	"cy",
 	"r",
@@ -101,8 +101,8 @@ var se = class {
 		"restart",
 		"lap"
 	],
-	setup(e, { expose: s, emit: T }) {
-		let E = re(() => import("./PackageVersion-eS823iMF.js").then((e) => e.t)), { vue_ui_timer: De } = i(), D = e, O = T, k = b(null), A = b(null), j = b(null), M = S(null), N = S(null), P = b(t()), F = b(0);
+	setup(e, { expose: s, emit: w }) {
+		let E = re(() => import("./PackageVersion-DYLo3MRd.js").then((e) => e.t)), { vue_ui_timer: De } = i(), D = e, O = w, k = b(null), A = b(null), j = b(null), M = S(null), N = S(null), P = b(t()), F = b(0);
 		ae(() => {
 			I();
 		});
@@ -115,19 +115,19 @@ var se = class {
 						legend: j.value
 					});
 					requestAnimationFrame(() => {
-						B.value.width = e, B.value.height = t, L.value.responsiveProportionalSizing ? (B.value.tracker.core = r({
+						B.value.width = e, B.value.height = t, L.value.responsiveProportionalSizing ? (B.value.tracker.core = n({
 							relator: Math.min(e, t),
 							adjuster: L.value.style.width,
 							source: 6 * L.value.stopwatch.tracker.radiusRatio,
 							threshold: 1,
 							fallback: 1
-						}), B.value.tracker.aura = r({
+						}), B.value.tracker.aura = n({
 							relator: Math.min(e, t),
 							adjuster: L.value.style.width,
 							source: 12 * L.value.stopwatch.tracker.aura.radiusRatio,
 							threshold: 1,
 							fallback: 1
-						}), B.value.label = r({
+						}), B.value.label = n({
 							relator: Math.min(e, t),
 							adjuster: L.value.style.width,
 							source: L.value.stopwatch.label.fontSize,
@@ -152,7 +152,7 @@ var se = class {
 				defaultConfig: De
 			});
 		}
-		oe(() => D.config, (e) => {
+		se(() => D.config, (e) => {
 			L.value = z(), I(), F.value += 1;
 		}, { deep: !0 });
 		let ke = u(() => {
@@ -168,7 +168,7 @@ var se = class {
 				aura: 12 * L.value.stopwatch.tracker.aura.radiusRatio
 			},
 			label: L.value.stopwatch.label.fontSize
-		}), V = b(0), H = new se((e) => Ae(e), 10, "", L.value.stopwatch.showHundredth, L.value.stopwatch.showHours), U = b(!0), W = b(!1), G = b(!1);
+		}), V = b(0), H = new ce((e) => Ae(e), 10, "", L.value.stopwatch.showHundredth, L.value.stopwatch.showHours), U = b(!0), W = b(!1), G = b(!1);
 		function K() {
 			O("start"), U.value && H.start(), U.value = !1, W.value = !0;
 		}
@@ -255,7 +255,7 @@ var se = class {
 			(y(), f("svg", {
 				ref_key: "svgRef",
 				ref: Oe,
-				xmlns: w(n),
+				xmlns: C(r),
 				viewBox: `0 0 ${B.value.width <= 0 ? 10 : B.value.width} ${B.value.height <= 0 ? 10 : B.value.height}`,
 				style: v({
 					maxWidth: "100%",
@@ -263,7 +263,7 @@ var se = class {
 					background: L.value.style.backgroundColor
 				})
 			}, [
-				m(w(E)),
+				m(C(E)),
 				e.$slots["chart-background"] ? (y(), f("foreignObject", {
 					key: 0,
 					x: 0,
@@ -271,8 +271,8 @@ var se = class {
 					width: B.value.width <= 0 ? 10 : B.value.width,
 					height: B.value.height <= 0 ? 10 : B.value.height,
 					style: { pointerEvents: "none" }
-				}, [x(e.$slots, "chart-background", {}, void 0, !0)], 8, le)) : d("", !0),
-				L.value.stopwatch.tracker.gradient.show ? (y(), f("defs", ue, [p("radialGradient", {
+				}, [x(e.$slots, "chart-background", {}, void 0, !0)], 8, ue)) : d("", !0),
+				L.value.stopwatch.tracker.gradient.show ? (y(), f("defs", de, [p("radialGradient", {
 					id: `tracker_gradient_${P.value}`,
 					cx: "50%",
 					cy: "50%",
@@ -282,10 +282,10 @@ var se = class {
 				}, [p("stop", {
 					offset: "0%",
 					"stop-color": L.value.stopwatch.tracker.gradient.color
-				}, null, 8, fe), p("stop", {
+				}, null, 8, pe), p("stop", {
 					offset: "100%",
 					"stop-color": L.value.stopwatch.tracker.fill
-				}, null, 8, pe)], 8, de)])) : d("", !0),
+				}, null, 8, T)], 8, fe)])) : d("", !0),
 				p("circle", {
 					cx: B.value.width / 2,
 					cy: B.value.height / 2,
@@ -336,8 +336,8 @@ var se = class {
 					fill: L.value.stopwatch.label.color,
 					"font-weight": L.value.stopwatch.label.bold ? "bold" : "normal",
 					style: { "font-variant-numeric": "tabular-nums !important" }
-				}, C(V.value.formatted || ke.value), 9, be))
-			], 12, ce)),
+				}, oe(V.value.formatted || ke.value), 9, be))
+			], 12, le)),
 			p("div", {
 				ref_key: "chartLegend",
 				ref: j,
@@ -436,4 +436,4 @@ var se = class {
 	}
 }, [["__scopeId", "data-v-7cc009e4"]]);
 //#endregion
-export { T as n, E as t };
+export { w as n, E as t };

package/dist/{vue-ui-tiremarks-CSPL1oli.js → vue-ui-tiremarks-CP_bw6by.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, Ct as n, G as r, H as i, Nt as a, X as o, i as s, t as c, v as l } from "./lib-DUeYQsS0.js";
+import { Ft as t, G as n, H as r, Ht as i, Tt as a, X as o, i as s, t as c, v as l } from "./lib-AJRHFE5U.js";
 import { t as ee } from "./useConfig-DnH7Pf_2.js";
-import { t as te } from "./usePrinter-C1Gqt_Sp.js";
+import { t as te } from "./usePrinter-6n2MzVyV.js";
 import { n as ne, t as re } from "./BaseScanner-Dr2a1Msy.js";
 import { t as ie } from "./useSvgExport-SVIsDot8.js";
-import { t as u } from "./useNestedProp-CNcoy38D.js";
+import { t as u } from "./useNestedProp-DtcXIg7n.js";
 import { t as ae } from "./useThemeCheck-C43Tcqmk.js";
-import { t as oe } from "./img-1cKsci8e.js";
-import { n as se } from "./Title-NWp4qB4K.js";
+import { t as oe } from "./img-C_RNNswI.js";
+import { n as se } from "./Title-DH6G8_cZ.js";
 import { t as ce } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as le } from "./canvas-lib-BOP_HS11.js";
 import { t as ue } from "./useResponsive-BfnK0KxU.js";
@@ -65,7 +65,7 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: ce, emit: we }) {
-		let E = h(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Re = h(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), ze = h(() => import("./PackageVersion-eS823iMF.js").then((e) => e.t)), { vue_ui_tiremarks: Be } = ee(), { isThemeValid: Ve, warnInvalidTheme: He } = ae(), D = pe(), O = e, Ue = we, We = d(() => !!O.dataset && Object.keys(O.dataset).length), k = x(i()), A = x(null), Ge = x(null), Ke = x(null), qe = x(null), Je = x(0), Ye = x(0), j = x(null), M = x(null), N = x(!1), P = x(!1), F = x(B()), Xe = d(() => F.value.userOptions.useCursorPointer), Ze = d(() => t({
+		let E = h(() => import("./PenAndPaper-D4aFMYZf.js").then((e) => e.t)), Re = h(() => import("./UserOptions-qFz-9Pnw.js").then((e) => e.n)), ze = h(() => import("./PackageVersion-DYLo3MRd.js").then((e) => e.t)), { vue_ui_tiremarks: Be } = ee(), { isThemeValid: Ve, warnInvalidTheme: He } = ae(), D = pe(), O = e, Ue = we, We = d(() => !!O.dataset && Object.keys(O.dataset).length), k = x(r()), A = x(null), Ge = x(null), Ke = x(null), qe = x(null), Je = x(0), Ye = x(0), j = x(null), M = x(null), N = x(!1), P = x(!1), F = x(B()), Xe = d(() => F.value.userOptions.useCursorPointer), Ze = d(() => i({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -84,7 +84,7 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 			FINAL_CONFIG: F,
 			prepareConfig: B,
 			skeletonDataset: O.config?.skeletonDataset ?? { percentage: 50 },
-			skeletonConfig: t({
+			skeletonConfig: i({
 				defaultConfig: F.value,
 				userConfig: Ze.value
 			})
@@ -127,7 +127,7 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 		}
 		let it = d(() => !!F.value.debug);
 		function at() {
-			if (n(O.dataset) && o({
+			if (a(O.dataset) && o({
 				componentName: "VueUiTiremarks",
 				type: "dataset",
 				debug: it.value
@@ -184,27 +184,27 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 			space: (Y.value.width - K.value) / 100 * .5
 		}), st = d(() => {
 			let e = [];
-			for (let t = 0; t < 100; t += 1) {
-				let n = F.value.style.chart.layout.ticks.gradient.show ? a(F.value.style.chart.layout.activeColor, t / 100 * (F.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : F.value.style.chart.layout.activeColor;
+			for (let n = 0; n < 100; n += 1) {
+				let r = F.value.style.chart.layout.ticks.gradient.show ? t(F.value.style.chart.layout.activeColor, n / 100 * (F.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : F.value.style.chart.layout.activeColor;
 				if (W.value) {
-					let r = F.value.style.chart.layout.crescendo ? (100 - t) * (Y.value.width - G.value.left - G.value.right) / 100 / 3 : 0, i = G.value.left + 4 + r, a = Y.value.width - G.value.right - 4 - r, o = Y.value.height - G.value.bottom - t * X.value.mark - t * X.value.space - X.value.mark, s = Y.value.height - G.value.bottom - t * X.value.mark - t * X.value.space - X.value.mark, c = (a - i) / F.value.style.chart.layout.curveAngleX, l = F.value.style.chart.layout.curveAngleY * ((1 + t) / 100);
+					let t = F.value.style.chart.layout.crescendo ? (100 - n) * (Y.value.width - G.value.left - G.value.right) / 100 / 3 : 0, i = G.value.left + 4 + t, a = Y.value.width - G.value.right - 4 - t, o = Y.value.height - G.value.bottom - n * X.value.mark - n * X.value.space - X.value.mark, s = Y.value.height - G.value.bottom - n * X.value.mark - n * X.value.space - X.value.mark, c = (a - i) / F.value.style.chart.layout.curveAngleX, l = F.value.style.chart.layout.curveAngleY * ((1 + n) / 100);
 					e.push({
 						x1: i,
 						x2: a,
 						y1: o,
 						y2: s,
 						curve: `M ${i} ${o} C ${i + c} ${o - l}, ${a - c} ${s - l}, ${a} ${s}`,
-						color: n
+						color: r
 					});
 				} else {
-					let r = F.value.style.chart.layout.crescendo ? (100 - t) * (Y.value.height - G.value.top - G.value.bottom) / 100 / 3 : 0, i = G.value.left + t * X.value.mark + t * X.value.space - X.value.mark, a = i, o = G.value.top + 4 + r, s = Y.value.height - G.value.bottom - 4 - r, c = F.value.style.chart.layout.curveAngleY * ((1 + t) / 100), l = (s - o) / F.value.style.chart.layout.curveAngleX;
+					let t = F.value.style.chart.layout.crescendo ? (100 - n) * (Y.value.height - G.value.top - G.value.bottom) / 100 / 3 : 0, i = G.value.left + n * X.value.mark + n * X.value.space - X.value.mark, a = i, o = G.value.top + 4 + t, s = Y.value.height - G.value.bottom - 4 - t, c = F.value.style.chart.layout.curveAngleY * ((1 + n) / 100), l = (s - o) / F.value.style.chart.layout.curveAngleX;
 					e.push({
 						x1: i,
 						x2: a,
 						y1: o,
 						y2: s,
 						curve: `M ${i} ${o} C ${i + c} ${o + l}, ${a + c} ${s - l}, ${a} ${s}`,
-						color: n
+						color: r
 					});
 				}
 			}
@@ -289,7 +289,7 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 				dataset: L.value
 			}));
 		}
-		let _t = d(() => `${k.value}-title`), vt = d(() => `${k.value}-desc`), yt = d(() => s(F.value.style.chart.percentage.formatter, U.value, r({
+		let _t = d(() => `${k.value}-title`), vt = d(() => `${k.value}-desc`), yt = d(() => s(F.value.style.chart.percentage.formatter, U.value, n({
 			v: U.value,
 			s: "%",
 			r: F.value.style.chart.percentage.rounding
@@ -302,14 +302,14 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 			toggleAnnotator: lt,
 			toggleFullscreen: ct,
 			copyAlt: gt
-		}), (e, t) => (b(), m("div", {
+		}), (e, n) => (b(), m("div", {
 			ref_key: "tiremarksChart",
 			ref: A,
 			class: _(`vue-data-ui-component vue-ui-tiremarks ${F.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			style: y(`font-family:${F.value.style.fontFamily};width:100%; text-align:center;background:${F.value.style.chart.backgroundColor}`),
 			id: k.value,
-			onMouseenter: t[0] ||= () => w(Qe)(!0),
-			onMouseleave: t[1] ||= () => w(Qe)(!1)
+			onMouseenter: n[0] ||= () => w(Qe)(!0),
+			onMouseleave: n[1] ||= () => w(Qe)(!1)
 		}, [
 			F.value.userOptions.buttons.annotator ? (b(), f(w(E), {
 				key: 0,
@@ -527,7 +527,7 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 					x: Z.value.x,
 					y: Z.value.y,
 					"font-size": Z.value.fontSize,
-					fill: F.value.style.chart.layout.ticks.gradient.show && F.value.style.chart.percentage.useGradientColor ? w(a)(F.value.style.chart.layout.activeColor, U.value / 100 * (F.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : F.value.style.chart.percentage.color,
+					fill: F.value.style.chart.layout.ticks.gradient.show && F.value.style.chart.percentage.useGradientColor ? w(t)(F.value.style.chart.layout.activeColor, U.value / 100 * (F.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : F.value.style.chart.percentage.color,
 					"font-weight": Z.value.bold ? "bold" : "normal",
 					"text-anchor": Z.value.textAnchor
 				}, C(yt.value), 9, Ie))], 8, Pe)) : p("", !0),