vue-data-ui 3.22.6 → 3.22.8

package/dist/{vue-ui-thermometer-BxMzAqoT.js → vue-ui-thermometer-Bg0RR6m4.js}

@@ -1,19 +1,19 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, Dt as n, Ht as r, It as i, Q as a, S as ee, W as te, Wt as ne, b as o, i as re, lt as ie, q as ae, t as oe, v as s } from "./lib-DRBJCmHW.js";
+import { $ as t, G as n, J as r, Kt as i, Mt as a, Rt as ee, S as te, Wt as ne, b as o, dt as re, i as ie, kt as ae, t as oe, v as s } from "./lib-JqW18y5I.js";
 import { t as se } from "./useConfig-DYM3f6EI.js";
-import { t as ce } from "./usePrinter-CRp5IW3v.js";
+import { t as ce } from "./usePrinter-CqqHmnBI.js";
 import { n as le, t as ue } from "./BaseScanner-DZvpgOjM.js";
 import { t as de } from "./useSvgExport-SVIsDot8.js";
-import { t as c } from "./useNestedProp-BEo2N1Db.js";
+import { t as c } from "./useNestedProp-DIuuzG1r.js";
 import { t as fe } from "./useThemeCheck-C43Tcqmk.js";
-import { t as pe } from "./img-B_y5qDdm.js";
-import { n as me } from "./Title-C-p0ilWB.js";
+import { t as pe } from "./img-DnP3eXuv.js";
+import { n as me } from "./Title-CcNiYzEo.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-DPMOys9n.js";
+import { t as be } from "./useAutoSizeLabelsInsideViewbox-BGnDfZdg.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 S, toRefs as ke, unref as C, useCssVars as Ae, watch as je, withCtx as w } from "vue";
@@ -143,11 +143,11 @@ var Me = /* @__PURE__ */ e({ default: () => T }), Ne = ["id"], Pe = {
 			v30de9373: Mt.value,
 			v105f2dc0: jt.value
 		}));
-		let T = h(() => import("./PackageVersion-Da7hl-34.js").then((e) => e.t)), st = h(() => import("./PenAndPaper-Bk2-E7V4.js").then((e) => e.t)), ct = h(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), { vue_ui_thermometer: lt } = se(), { isThemeValid: ut, warnInvalidTheme: dt } = fe(), ft = xe(), E = e, pt = Me, D = b(te()), O = b(null), mt = b(0), ht = b(0), gt = b(null), _t = b(null), k = b(null), A = b(null), j = b(!1), M = b(!1), vt = u(() => !!E.dataset && Object.keys(E.dataset).length);
+		let T = h(() => import("./PackageVersion-DW7zwRcm.js").then((e) => e.t)), st = h(() => import("./PenAndPaper-pcgwlYr2.js").then((e) => e.t)), ct = h(() => import("./UserOptions-16uF1ayB.js").then((e) => e.n)), { vue_ui_thermometer: lt } = se(), { isThemeValid: ut, warnInvalidTheme: dt } = fe(), ft = xe(), E = e, pt = Me, D = b(n()), O = b(null), mt = b(0), ht = b(0), gt = b(null), _t = b(null), k = b(null), A = b(null), j = b(!1), M = b(!1), vt = u(() => !!E.dataset && Object.keys(E.dataset).length);
 		De(() => {
 			Ct();
 		});
-		let N = b(B()), yt = b(N.value.style.chart.thermometer.width), P = b(N.value.style.chart.height), F = b(N.value.style.chart.width), bt = u(() => N.value.userOptions.useCursorPointer), xt = u(() => ne({
+		let N = b(B()), yt = b(N.value.style.chart.thermometer.width), P = b(N.value.style.chart.height), F = b(N.value.style.chart.width), bt = u(() => N.value.userOptions.useCursorPointer), xt = u(() => i({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -171,17 +171,17 @@ var Me = /* @__PURE__ */ e({ default: () => T }), Ne = ["id"], Pe = {
 					to: "#CACACA"
 				}
 			},
-			skeletonConfig: ne({
+			skeletonConfig: i({
 				defaultConfig: N.value,
 				userConfig: xt.value
 			})
 		}), St = u(() => !!N.value.debug);
 		function Ct() {
-			if (n(E.dataset) ? a({
+			if (ae(E.dataset) ? t({
 				componentName: "VueUiThermometer",
 				type: "dataset",
 				debug: St.value
-			}) : ie({
+			}) : re({
 				datasetObject: E.dataset,
 				requiredAttributes: [
 					"value",
@@ -189,7 +189,7 @@ var Me = /* @__PURE__ */ e({ default: () => T }), Ne = ["id"], Pe = {
 					"to"
 				]
 			}).forEach((e) => {
-				a({
+				t({
 					componentName: "VueUiThermometer",
 					type: "datasetAttribute",
 					property: e,
@@ -215,19 +215,19 @@ var Me = /* @__PURE__ */ e({ default: () => T }), Ne = ["id"], Pe = {
 			let e = c({
 				userConfig: E.config,
 				defaultConfig: lt
-			}), n = e.theme;
-			if (!n) return e;
+			}), t = e.theme;
+			if (!t) return e;
 			if (!ut.value(e)) return dt(e), e;
-			let i = c({
-				userConfig: Se[n] || E.config,
+			let n = c({
+				userConfig: Se[t] || E.config,
 				defaultConfig: e
-			}), a = c({
+			}), r = c({
 				userConfig: E.config,
-				defaultConfig: i
+				defaultConfig: n
 			});
 			return {
-				...a,
-				customPalette: a.customPalette.length ? a.customPalette : r[n] || t
+				...r,
+				customPalette: r.customPalette.length ? r.customPalette : ne[t] || a
 			};
 		}
 		je(() => E.config, (e) => {
@@ -237,7 +237,7 @@ var Me = /* @__PURE__ */ e({ default: () => T }), Ne = ["id"], Pe = {
 			elementId: `thermometer__${D.value}`,
 			fileName: N.value.style.title.text || "vue-ui-thermometer",
 			options: N.value.userOptions.print
-		}), Ot = u(() => N.value.userOptions.show && !N.value.style.title.text), U = u(() => ee(N.value.customPalette)), W = u(() => L.value.steps || 10);
+		}), Ot = u(() => N.value.userOptions.show && !N.value.style.title.text), U = u(() => te(N.value.customPalette)), W = u(() => L.value.steps || 10);
 		function G(e, t, n) {
 			let r = [], i = kt(e), a = kt(t);
 			for (let e = 0; e < n; e += 1) {
@@ -277,9 +277,9 @@ var Me = /* @__PURE__ */ e({ default: () => T }), Ne = ["id"], Pe = {
 			return n = s(L.value.to) > 0 ? e + t : e > t ? e - t : t - e, (1 - (Math.abs(s(L.value.from)) + s(L.value.value)) / n) * J.value.thermoHeight;
 		}), jt = u(() => `${Y.value}px`), Mt = u(() => `${J.value.thermoHeight}px`), Nt = u(() => ft.value ? "0ms" : `${N.value.style.chart.animation.speedMs}ms`), Pt = u(() => {
 			if (L.value.colors) {
-				if (!L.value.colors.from) return G(U.value[0] || t[0], o(L.value.colors.to), W.value || 10);
-				if (!L.value.colors.to) return G(o(L.value.colors.from), U.value[1] || t[1], W.value || 10);
-			} else return G(U.value[1] || t[1], U.value[0] || t[0], W.value || 10);
+				if (!L.value.colors.from) return G(U.value[0] || a[0], o(L.value.colors.to), W.value || 10);
+				if (!L.value.colors.to) return G(o(L.value.colors.from), U.value[1] || a[1], W.value || 10);
+			} else return G(U.value[1] || a[1], U.value[0] || a[0], W.value || 10);
 			return G(o(L.value.colors.from), o(L.value.colors.to), W.value || 10);
 		}), Ft = u(() => {
 			let e = [], t = 0, n = J.value.thermoHeight;
@@ -372,7 +372,7 @@ var Me = /* @__PURE__ */ e({ default: () => T }), Ne = ["id"], Pe = {
 				dataset: L.value
 			}));
 		}
-		let Gt = u(() => `${D.value}-title`), Kt = u(() => `${D.value}-desc`), qt = u(() => re(N.value.style.chart.label.formatter, L.value.value, ae({
+		let Gt = u(() => `${D.value}-title`), Kt = u(() => `${D.value}-desc`), qt = u(() => ie(N.value.style.chart.label.formatter, L.value.value, r({
 			p: N.value.style.chart.label.prefix,
 			v: L.value.value,
 			s: N.value.style.chart.label.suffix,
@@ -597,7 +597,7 @@ var Me = /* @__PURE__ */ e({ default: () => T }), Ne = ["id"], Pe = {
 					}, null, 8, He),
 					m("stop", {
 						offset: "50%",
-						"stop-color": C(i)(e.color, 100 - N.value.style.chart.graduations.gradient.intensity)
+						"stop-color": C(ee)(e.color, 100 - N.value.style.chart.graduations.gradient.intensity)
 					}, null, 8, Ue),
 					m("stop", {
 						offset: "100%",

package/dist/{vue-ui-timer-ONSitYDm.js → vue-ui-timer-BdzKpoRj.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ut as t, W as n, t as r } from "./lib-DRBJCmHW.js";
+import { G as t, Gt as n, t as r } from "./lib-JqW18y5I.js";
 import { t as i } from "./useConfig-DYM3f6EI.js";
-import { t as a } from "./useNestedProp-BEo2N1Db.js";
-import { n as o } from "./Title-C-p0ilWB.js";
+import { t as a } from "./useNestedProp-DIuuzG1r.js";
+import { n as o } from "./Title-CcNiYzEo.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-DcUvOfxf.js";
+import { t as l } from "./BaseIcon-C2qlyHc7.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 oe, unref as C, watch as se } from "vue";
 //#region src/timer.js
@@ -56,37 +56,37 @@ var ce = class {
 			n && n(e);
 		};
 	}
-}, w = /* @__PURE__ */ e({ default: () => E }), le = ["xmlns", "viewBox"], ue = ["width", "height"], de = { key: 1 }, fe = ["id"], pe = ["stop-color"], me = ["stop-color"], he = [
+}, 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",
 	"fill",
 	"stroke",
 	"stroke-width"
-], ge = [
+], he = [
 	"d",
 	"stroke",
 	"stroke-width"
-], _e = [
+], ge = [
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], ve = [
+], _e = [
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], ye = ["x", "y"], be = { key: 5 }, xe = [
+], ve = ["x", "y"], ye = { key: 5 }, be = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], Se = {
+], xe = {
 	key: 0,
 	class: "vue-ui-timer-controls"
-}, Ce = ["title"], T = ["title"], we = ["title"], Te = ["title"], Ee = ["title"], E = /*#__PURE__*/ s({
+}, Se = ["title"], Ce = ["title"], we = ["title"], Te = ["title"], Ee = ["title"], E = /*#__PURE__*/ s({
 	__name: "vue-ui-timer",
 	props: { config: {
 		type: Object,
@@ -102,33 +102,33 @@ var ce = class {
 		"lap"
 	],
 	setup(e, { expose: s, emit: w }) {
-		let E = re(() => import("./PackageVersion-Da7hl-34.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(n()), F = b(0);
+		let E = re(() => import("./PackageVersion-DW7zwRcm.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();
 		});
 		function I() {
 			if (L.value.responsive) {
 				let e = c(() => {
-					let { width: e, height: n } = ee({
+					let { width: e, height: t } = ee({
 						chart: k.value,
 						title: L.value.style.title.text ? A.value : null,
 						legend: j.value
 					});
 					requestAnimationFrame(() => {
-						B.value.width = e, B.value.height = n, L.value.responsiveProportionalSizing ? (B.value.tracker.core = t({
-							relator: Math.min(e, n),
+						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 = t({
-							relator: Math.min(e, n),
+						}), 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 = t({
-							relator: Math.min(e, n),
+						}), B.value.label = n({
+							relator: Math.min(e, t),
 							adjuster: L.value.style.width,
 							source: L.value.stopwatch.label.fontSize,
 							threshold: 10,
@@ -285,7 +285,7 @@ var ce = class {
 				}, null, 8, pe), p("stop", {
 					offset: "100%",
 					"stop-color": L.value.stopwatch.tracker.fill
-				}, null, 8, me)], 8, fe)])) : d("", !0),
+				}, null, 8, T)], 8, fe)])) : d("", !0),
 				p("circle", {
 					cx: B.value.width / 2,
 					cy: B.value.height / 2,
@@ -293,7 +293,7 @@ var ce = class {
 					fill: L.value.stopwatch.track.fill,
 					stroke: L.value.stopwatch.track.stroke,
 					"stroke-width": L.value.stopwatch.track.strokeWidth
-				}, null, 8, he),
+				}, null, 8, me),
 				L.value.stopwatch.cycleTrack.show ? (y(), f("path", {
 					key: 2,
 					d: `M ${B.value.width / 2},${B.value.height / 2 - Q.value} A ${Q.value},${Q.value} 0 ${$.value.largeArcFlag},${$.value.sweepFlag} ${$.value.cx},${$.value.cy}`,
@@ -301,19 +301,19 @@ var ce = class {
 					"stroke-width": L.value.stopwatch.cycleTrack.strokeWidth,
 					"stroke-linecap": "round",
 					fill: "none"
-				}, null, 8, ge)) : d("", !0),
+				}, null, 8, he)) : d("", !0),
 				p("circle", g($.value, {
 					r: B.value.tracker.core,
 					fill: L.value.stopwatch.tracker.gradient.show ? `url(#tracker_gradient_${P.value})` : L.value.stopwatch.tracker.fill,
 					stroke: L.value.stopwatch.tracker.stroke,
 					"stroke-width": L.value.stopwatch.tracker.strokeWidth
-				}), null, 16, _e),
+				}), null, 16, ge),
 				L.value.stopwatch.tracker.aura.show ? (y(), f("circle", g({ key: 3 }, $.value, {
 					r: B.value.tracker.aura,
 					fill: `${L.value.stopwatch.tracker.aura.fill}20`,
 					stroke: L.value.stopwatch.tracker.aura.stroke,
 					"stroke-width": L.value.stopwatch.tracker.aura.strokeWidth
-				}), null, 16, ve)) : d("", !0),
+				}), null, 16, _e)) : d("", !0),
 				e.$slots.time ? (y(), f("foreignObject", {
 					key: 4,
 					x: B.value.width / 2,
@@ -324,7 +324,7 @@ var ce = class {
 				}, [x(e.$slots, "time", _(h({
 					...V.value,
 					...B.value
-				})), void 0, !0)], 8, ye)) : e.$slots.timeSvg ? (y(), f("g", be, [x(e.$slots, "timeSvg", _(h({
+				})), void 0, !0)], 8, ve)) : e.$slots.timeSvg ? (y(), f("g", ye, [x(e.$slots, "timeSvg", _(h({
 					...V.value,
 					...B.value
 				})), void 0, !0)])) : (y(), f("text", {
@@ -336,7 +336,7 @@ var ce = class {
 					fill: L.value.stopwatch.label.color,
 					"font-weight": L.value.stopwatch.label.bold ? "bold" : "normal",
 					style: { "font-variant-numeric": "tabular-nums !important" }
-				}, oe(V.value.formatted || ke.value), 9, xe))
+				}, oe(V.value.formatted || ke.value), 9, be))
 			], 12, le)),
 			p("div", {
 				ref_key: "chartLegend",
@@ -346,7 +346,7 @@ var ce = class {
 					backgroundColor: L.value.stopwatch.legend.backgroundColor
 				})
 			}, [
-				e.$slots.controls ? d("", !0) : (y(), f("div", Se, [
+				e.$slots.controls ? d("", !0) : (y(), f("div", xe, [
 					L.value.stopwatch.legend.buttons.start ? (y(), f("button", {
 						key: 0,
 						title: L.value.stopwatch.legend.buttonTitles.start,
@@ -359,7 +359,7 @@ var ce = class {
 					}, [m(l, {
 						name: "play",
 						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, Ce)) : d("", !0),
+					}, null, 8, ["stroke"])], 12, Se)) : d("", !0),
 					L.value.stopwatch.legend.buttons.pause ? (y(), f("button", {
 						key: 1,
 						title: G.value ? L.value.stopwatch.legend.buttonTitles.resume : L.value.stopwatch.legend.buttonTitles.pause,
@@ -372,7 +372,7 @@ var ce = class {
 					}, [m(l, {
 						name: "pause",
 						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, T)) : d("", !0),
+					}, null, 8, ["stroke"])], 12, Ce)) : d("", !0),
 					L.value.stopwatch.legend.buttons.reset ? (y(), f("button", {
 						key: 2,
 						title: L.value.stopwatch.legend.buttonTitles.reset,

package/dist/{vue-ui-tiremarks-DWXM-9nR.js → vue-ui-tiremarks-DWb69ofh.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Dt as t, Lt as n, Q as r, W as i, Wt as a, i as o, q as s, t as c, v as l } from "./lib-DRBJCmHW.js";
+import { $ as t, G as n, J as r, Kt as i, i as a, kt as o, t as s, v as c, zt as l } from "./lib-JqW18y5I.js";
 import { t as ee } from "./useConfig-DYM3f6EI.js";
-import { t as te } from "./usePrinter-CRp5IW3v.js";
+import { t as te } from "./usePrinter-CqqHmnBI.js";
 import { n as ne, t as re } from "./BaseScanner-DZvpgOjM.js";
 import { t as ie } from "./useSvgExport-SVIsDot8.js";
-import { t as u } from "./useNestedProp-BEo2N1Db.js";
+import { t as u } from "./useNestedProp-DIuuzG1r.js";
 import { t as ae } from "./useThemeCheck-C43Tcqmk.js";
-import { t as oe } from "./img-B_y5qDdm.js";
-import { n as se } from "./Title-C-p0ilWB.js";
+import { t as oe } from "./img-DnP3eXuv.js";
+import { n as se } from "./Title-CcNiYzEo.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-Bk2-E7V4.js").then((e) => e.t)), Re = h(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), ze = h(() => import("./PackageVersion-Da7hl-34.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(() => a({
+		let E = h(() => import("./PenAndPaper-pcgwlYr2.js").then((e) => e.t)), Re = h(() => import("./UserOptions-16uF1ayB.js").then((e) => e.n)), ze = h(() => import("./PackageVersion-DW7zwRcm.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(n()), 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: a({
+			skeletonConfig: i({
 				defaultConfig: F.value,
 				userConfig: Ze.value
 			})
@@ -112,7 +112,7 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 			elementId: k.value,
 			fileName: F.value.style.chart.title.text || "vue-ui-tiremarks",
 			options: F.value.userOptions.print
-		}), nt = d(() => F.value.userOptions.show && !F.value.style.chart.title.text), U = x(F.value.style.chart.animation.use && !D.value ? 0 : l(L.value.percentage));
+		}), nt = d(() => F.value.userOptions.show && !F.value.style.chart.title.text), U = x(F.value.style.chart.animation.use && !D.value ? 0 : c(L.value.percentage));
 		Ce(() => L.value, (e) => {
 			F.value.style.chart.animation.use && !D.value ? rt(e.percentage) : U.value = e.percentage || 0;
 		}, { deep: !0 }), be(() => {
@@ -127,7 +127,7 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 		}
 		let it = d(() => !!F.value.debug);
 		function at() {
-			if (t(O.dataset) && r({
+			if (o(O.dataset) && t({
 				componentName: "VueUiTiremarks",
 				type: "dataset",
 				debug: it.value
@@ -185,26 +185,26 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 		}), st = d(() => {
 			let e = [];
 			for (let t = 0; t < 100; t += 1) {
-				let r = F.value.style.chart.layout.ticks.gradient.show ? n(F.value.style.chart.layout.activeColor, t / 100 * (F.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : F.value.style.chart.layout.activeColor;
+				let n = F.value.style.chart.layout.ticks.gradient.show ? l(F.value.style.chart.layout.activeColor, t / 100 * (F.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)) : F.value.style.chart.layout.activeColor;
 				if (W.value) {
-					let n = 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 + n, a = Y.value.width - G.value.right - 4 - n, 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 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);
 					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: r
+						color: n
 					});
 				} else {
-					let n = 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 + n, s = Y.value.height - G.value.bottom - 4 - n, c = F.value.style.chart.layout.curveAngleY * ((1 + t) / 100), l = (s - o) / F.value.style.chart.layout.curveAngleX;
+					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;
 					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: r
+						color: n
 					});
 				}
 			}
@@ -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(() => o(F.value.style.chart.percentage.formatter, U.value, s({
+		let _t = d(() => `${k.value}-title`), vt = d(() => `${k.value}-desc`), yt = d(() => a(F.value.style.chart.percentage.formatter, U.value, r({
 			v: U.value,
 			s: "%",
 			r: F.value.style.chart.percentage.rounding
@@ -470,7 +470,7 @@ var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
 			(b(), m("svg", {
 				ref_key: "svgRef",
 				ref: z,
-				xmlns: w(c),
+				xmlns: w(s),
 				class: _({
 					"vue-data-ui-fullscreen--on": Q.value,
 					"vue-data-ui-fulscreen--off": !Q.value
@@ -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(n)(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(l)(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),