vue-data-ui 3.22.8 → 3.22.10

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

@@ -1,14 +1,15 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { G as t, Gt as n, t as r } from "./lib-JqW18y5I.js";
+import { K as t, Kt as n, t as r } from "./lib-CnHx5WfV.js";
 import { t as i } from "./useConfig-DYM3f6EI.js";
-import { t as a } from "./useNestedProp-DIuuzG1r.js";
-import { n as o } from "./Title-CcNiYzEo.js";
+import { t as a } from "./useNestedProp-D8NuRneO.js";
+import { n as o } from "./Title-Cr3jP7Qd.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-C2qlyHc7.js";
+import { t as l } from "./BaseIcon-CDTIUIKV.js";
+import { t as u } from "./DefGrad-DVBqDjhO.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";
+import { computed as d, createBlock as ne, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineAsyncComponent as re, guardReactiveProps as g, mergeProps as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as ie, onMounted as ae, openBlock as b, ref as x, renderSlot as S, shallowRef as C, toDisplayString as oe, unref as w, watch as se } from "vue";
 //#region src/timer.js
 var ce = class {
 	constructor(e, t, n, r = !0, i = !0) {
@@ -56,37 +57,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"], T = ["stop-color"], me = [
+}, T = /* @__PURE__ */ e({ default: () => E }), le = ["xmlns", "viewBox"], ue = ["width", "height"], de = { key: 1 }, fe = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], he = [
+], pe = [
 	"d",
 	"stroke",
 	"stroke-width"
-], ge = [
+], me = [
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], _e = [
+], he = [
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], ve = ["x", "y"], ye = { key: 5 }, be = [
+], ge = ["x", "y"], _e = { key: 5 }, ve = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], xe = {
+], ye = {
 	key: 0,
 	class: "vue-ui-timer-controls"
-}, Se = ["title"], Ce = ["title"], we = ["title"], Te = ["title"], Ee = ["title"], E = /*#__PURE__*/ s({
+}, be = ["title"], xe = ["title"], Se = ["title"], Ce = ["title"], we = ["title"], E = /*#__PURE__*/ s({
 	__name: "vue-ui-timer",
 	props: { config: {
 		type: Object,
@@ -101,8 +102,8 @@ var ce = class {
 		"restart",
 		"lap"
 	],
-	setup(e, { expose: s, emit: w }) {
-		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);
+	setup(e, { expose: s, emit: T }) {
+		let E = re(() => import("./PackageVersion-BoTvk0i5.js").then((e) => e.t)), { vue_ui_timer: Te } = i(), D = e, O = T, k = x(null), A = x(null), j = x(null), M = C(null), N = C(null), P = x(t()), F = x(0);
 		ae(() => {
 			I();
 		});
@@ -142,25 +143,25 @@ var ce = class {
 		ie(() => {
 			M.value && (N.value && M.value.unobserve(N.value), M.value.disconnect());
 		});
-		let L = u({
+		let L = d({
 			get: () => z(),
 			set: (e) => e
-		}), R = u(() => L.value.useCursorPointer), { svgRef: Oe } = te({ config: L.value.style.title });
+		}), R = d(() => L.value.useCursorPointer), { svgRef: Ee } = te({ config: L.value.style.title });
 		function z() {
 			return a({
 				userConfig: D.config,
-				defaultConfig: De
+				defaultConfig: Te
 			});
 		}
 		se(() => D.config, (e) => {
 			L.value = z(), I(), F.value += 1;
 		}, { deep: !0 });
-		let ke = u(() => {
+		let De = d(() => {
 			if (L.value.stopwatch.showHours && L.value.stopwatch.showHundredth) return "00:00:00.00";
 			if (L.value.stopwatch.showHours && !L.value.stopwatch.showHundredth) return "00:00:00";
 			if (!L.value.stopwatch.showHours && L.value.stopwatch.showHundredth) return "00:00.00";
 			if (!L.value.stopwatch.showHours && !L.value.stopwatch.showHundredth) return "00:00";
-		}), B = b({
+		}), B = x({
 			height: L.value.style.height,
 			width: L.value.style.width,
 			tracker: {
@@ -168,7 +169,7 @@ var ce = class {
 				aura: 12 * L.value.stopwatch.tracker.aura.radiusRatio
 			},
 			label: L.value.stopwatch.label.fontSize
-		}), 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);
+		}), V = x(0), H = new ce((e) => Oe(e), 10, "", L.value.stopwatch.showHundredth, L.value.stopwatch.showHours), U = x(!0), W = x(!1), G = x(!1);
 		function K() {
 			O("start"), U.value && H.start(), U.value = !1, W.value = !0;
 		}
@@ -181,32 +182,32 @@ var ce = class {
 		function Y() {
 			W.value && (G.value = !1, O("restart"), X.value = [], H.restart());
 		}
-		let X = b([]);
+		let X = x([]);
 		async function Z() {
 			if (!W.value || G.value) return;
 			let e = await H.lap();
 			e && (X.value.push(e), O("lap", X.value));
 		}
-		function Ae({ timestamp: e, elapsed: t, formatted: n }) {
+		function Oe({ timestamp: e, elapsed: t, formatted: n }) {
 			V.value = {
 				timestamp: e,
 				elapsed: t,
 				formatted: n
 			};
 		}
-		let Q = u(() => Math.min(B.value.width, B.value.height) / 2.5 * L.value.stopwatch.track.radiusRatio);
-		function je(e, t) {
+		let Q = d(() => Math.min(B.value.width, B.value.height) / 2.5 * L.value.stopwatch.track.radiusRatio);
+		function ke(e, t) {
 			return e * (360 / (t * 1e3)) % 360;
 		}
-		function Me(e) {
+		function Ae(e) {
 			let t = Math.PI / 180 * e;
 			return {
 				cx: B.value.width / 2 + Q.value * Math.cos(t),
 				cy: B.value.height / 2 + Q.value * Math.sin(t)
 			};
 		}
-		let $ = u(() => {
-			let e = je(V.value.elapsed, L.value.stopwatch.cycleSeconds), { cx: t, cy: n } = Me(e - 90), r = +(e > 180);
+		let $ = d(() => {
+			let e = ke(V.value.elapsed, L.value.stopwatch.cycleSeconds), { cx: t, cy: n } = Ae(e - 90), r = +(e > 180);
 			return {
 				cx: t || B.value.width / 2,
 				cy: n || B.value.height / 2 - Q.value,
@@ -220,26 +221,26 @@ var ce = class {
 			reset: q,
 			restart: Y,
 			lap: Z
-		}), (e, t) => (y(), f("div", {
+		}), (e, t) => (b(), p("div", {
 			ref_key: "timerChart",
 			ref: k,
 			class: "vue-data-ui-component vue-ui-timer",
-			style: v({
+			style: y({
 				fontFamily: L.value.style.fontFamily,
 				width: "100%",
 				height: L.value.responsive ? "100%" : "auto",
 				textAlign: "center"
 			})
 		}, [
-			L.value.style.title.text ? (y(), f("div", {
+			L.value.style.title.text ? (b(), p("div", {
 				key: 0,
 				ref_key: "chartTitle",
 				ref: A,
-				style: v({
+				style: y({
 					width: "100%",
 					background: L.value.style.backgroundColor
 				})
-			}, [(y(), ne(o, {
+			}, [(b(), ne(o, {
 				key: `title_${F.value}`,
 				config: {
 					title: {
@@ -251,83 +252,87 @@ var ce = class {
 						...L.value.style.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 4)) : d("", !0),
-			(y(), f("svg", {
+			}, null, 8, ["config"]))], 4)) : f("", !0),
+			(b(), p("svg", {
 				ref_key: "svgRef",
-				ref: Oe,
-				xmlns: C(r),
+				ref: Ee,
+				xmlns: w(r),
 				viewBox: `0 0 ${B.value.width <= 0 ? 10 : B.value.width} ${B.value.height <= 0 ? 10 : B.value.height}`,
-				style: v({
+				style: y({
 					maxWidth: "100%",
 					overflow: "visible",
 					background: L.value.style.backgroundColor
 				})
 			}, [
-				m(C(E)),
-				e.$slots["chart-background"] ? (y(), f("foreignObject", {
+				h(w(E)),
+				e.$slots["chart-background"] ? (b(), p("foreignObject", {
 					key: 0,
 					x: 0,
 					y: 0,
 					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, ue)) : d("", !0),
-				L.value.stopwatch.tracker.gradient.show ? (y(), f("defs", de, [p("radialGradient", {
+				}, [S(e.$slots, "chart-background", {}, void 0, !0)], 8, ue)) : f("", !0),
+				L.value.stopwatch.tracker.gradient.show ? (b(), p("defs", de, [h(u, {
+					t: "radial",
 					id: `tracker_gradient_${P.value}`,
 					cx: "50%",
 					cy: "50%",
 					r: "50%",
 					fx: "50%",
-					fy: "50%"
-				}, [p("stop", {
-					offset: "0%",
-					"stop-color": L.value.stopwatch.tracker.gradient.color
-				}, null, 8, pe), p("stop", {
-					offset: "100%",
-					"stop-color": L.value.stopwatch.tracker.fill
-				}, null, 8, T)], 8, fe)])) : d("", !0),
-				p("circle", {
+					fy: "50%",
+					stops: [[
+						"0%",
+						L.value.stopwatch.tracker.gradient.color,
+						1
+					], [
+						"100%",
+						L.value.stopwatch.tracker.fill,
+						1
+					]]
+				}, null, 8, ["id", "stops"])])) : f("", !0),
+				m("circle", {
 					cx: B.value.width / 2,
 					cy: B.value.height / 2,
 					r: Q.value,
 					fill: L.value.stopwatch.track.fill,
 					stroke: L.value.stopwatch.track.stroke,
 					"stroke-width": L.value.stopwatch.track.strokeWidth
-				}, null, 8, me),
-				L.value.stopwatch.cycleTrack.show ? (y(), f("path", {
+				}, null, 8, fe),
+				L.value.stopwatch.cycleTrack.show ? (b(), p("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}`,
 					stroke: L.value.stopwatch.cycleTrack.stroke,
 					"stroke-width": L.value.stopwatch.cycleTrack.strokeWidth,
 					"stroke-linecap": "round",
 					fill: "none"
-				}, null, 8, he)) : d("", !0),
-				p("circle", g($.value, {
+				}, null, 8, pe)) : f("", !0),
+				m("circle", _($.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, ge),
-				L.value.stopwatch.tracker.aura.show ? (y(), f("circle", g({ key: 3 }, $.value, {
+				}), null, 16, me),
+				L.value.stopwatch.tracker.aura.show ? (b(), p("circle", _({ 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, _e)) : d("", !0),
-				e.$slots.time ? (y(), f("foreignObject", {
+				}), null, 16, he)) : f("", !0),
+				e.$slots.time ? (b(), p("foreignObject", {
 					key: 4,
 					x: B.value.width / 2,
 					y: B.value.height / 2,
 					height: "0.1",
 					width: "0.1",
 					style: { overflow: "visible" }
-				}, [x(e.$slots, "time", _(h({
+				}, [S(e.$slots, "time", v(g({
 					...V.value,
 					...B.value
-				})), void 0, !0)], 8, ve)) : e.$slots.timeSvg ? (y(), f("g", ye, [x(e.$slots, "timeSvg", _(h({
+				})), void 0, !0)], 8, ge)) : e.$slots.timeSvg ? (b(), p("g", _e, [S(e.$slots, "timeSvg", v(g({
 					...V.value,
 					...B.value
-				})), void 0, !0)])) : (y(), f("text", {
+				})), void 0, !0)])) : (b(), p("text", {
 					key: 6,
 					x: B.value.width / 2,
 					y: B.value.height / 2 + B.value.label / 4,
@@ -336,84 +341,84 @@ 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, be))
+				}, oe(V.value.formatted || De.value), 9, ve))
 			], 12, le)),
-			p("div", {
+			m("div", {
 				ref_key: "chartLegend",
 				ref: j,
-				style: v({
+				style: y({
 					width: "100%",
 					backgroundColor: L.value.stopwatch.legend.backgroundColor
 				})
 			}, [
-				e.$slots.controls ? d("", !0) : (y(), f("div", xe, [
-					L.value.stopwatch.legend.buttons.start ? (y(), f("button", {
+				e.$slots.controls ? f("", !0) : (b(), p("div", ye, [
+					L.value.stopwatch.legend.buttons.start ? (b(), p("button", {
 						key: 0,
 						title: L.value.stopwatch.legend.buttonTitles.start,
 						onClick: K,
 						class: "vue-ui-timer-button",
-						style: v({
+						style: y({
 							opacity: W.value ? .2 : 1,
 							cursor: W.value ? "default" : R.value ? "pointer" : "default"
 						})
-					}, [m(l, {
+					}, [h(l, {
 						name: "play",
 						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, Se)) : d("", !0),
-					L.value.stopwatch.legend.buttons.pause ? (y(), f("button", {
+					}, null, 8, ["stroke"])], 12, be)) : f("", !0),
+					L.value.stopwatch.legend.buttons.pause ? (b(), p("button", {
 						key: 1,
 						title: G.value ? L.value.stopwatch.legend.buttonTitles.resume : L.value.stopwatch.legend.buttonTitles.pause,
 						onClick: J,
 						class: "vue-ui-timer-button",
-						style: v({
+						style: y({
 							opacity: W.value ? 1 : .2,
 							cursor: W.value && R.value ? "pointer" : "default"
 						})
-					}, [m(l, {
+					}, [h(l, {
 						name: "pause",
 						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, Ce)) : d("", !0),
-					L.value.stopwatch.legend.buttons.reset ? (y(), f("button", {
+					}, null, 8, ["stroke"])], 12, xe)) : f("", !0),
+					L.value.stopwatch.legend.buttons.reset ? (b(), p("button", {
 						key: 2,
 						title: L.value.stopwatch.legend.buttonTitles.reset,
 						onClick: q,
 						class: "vue-ui-timer-button",
-						style: v({
+						style: y({
 							opacity: W.value ? 1 : .2,
 							cursor: W.value && R.value ? "pointer" : "default"
 						})
-					}, [m(l, {
+					}, [h(l, {
 						name: "stop",
 						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, we)) : d("", !0),
-					L.value.stopwatch.legend.buttons.restart ? (y(), f("button", {
+					}, null, 8, ["stroke"])], 12, Se)) : f("", !0),
+					L.value.stopwatch.legend.buttons.restart ? (b(), p("button", {
 						key: 3,
 						title: L.value.stopwatch.legend.buttonTitles.restart,
 						onClick: Y,
 						class: "vue-ui-timer-button",
-						style: v({
+						style: y({
 							opacity: W.value ? 1 : .2,
 							cursor: W.value && R.value ? "pointer" : "default"
 						})
-					}, [m(l, {
+					}, [h(l, {
 						name: "restart",
 						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, Te)) : d("", !0),
-					L.value.stopwatch.legend.buttons.lap ? (y(), f("button", {
+					}, null, 8, ["stroke"])], 12, Ce)) : f("", !0),
+					L.value.stopwatch.legend.buttons.lap ? (b(), p("button", {
 						key: 4,
 						title: L.value.stopwatch.legend.buttonTitles.lap,
 						onClick: Z,
 						class: "vue-ui-timer-button",
-						style: v({
+						style: y({
 							opacity: W.value && !G.value ? 1 : .2,
 							cursor: W.value && !G.value && R.value ? "pointer" : "default"
 						})
-					}, [m(l, {
+					}, [h(l, {
 						name: "lap",
 						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, Ee)) : d("", !0)
+					}, null, 8, ["stroke"])], 12, we)) : f("", !0)
 				])),
-				x(e.$slots, "controls", _(h({
+				S(e.$slots, "controls", v(g({
 					start: K,
 					pause: J,
 					reset: q,
@@ -424,7 +429,7 @@ var ce = class {
 					isPaused: G.value,
 					...V.value
 				})), void 0, !0),
-				x(e.$slots, "laps", _(h({
+				S(e.$slots, "laps", v(g({
 					laps: X.value,
 					lap: Z,
 					isRunning: W.value,
@@ -434,6 +439,6 @@ var ce = class {
 			], 4)
 		], 4));
 	}
-}, [["__scopeId", "data-v-7cc009e4"]]);
+}, [["__scopeId", "data-v-60031aa0"]]);
 //#endregion
-export { w as n, E as t };
+export { T as n, E as t };

package/dist/{vue-ui-tiremarks-DWb69ofh.js → vue-ui-tiremarks-IOqtk_Rr.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.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 { At as t, Bt as n, K as r, Y as i, et as a, i as o, qt as s, t as c, y as l } from "./lib-CnHx5WfV.js";
 import { t as ee } from "./useConfig-DYM3f6EI.js";
-import { t as te } from "./usePrinter-CqqHmnBI.js";
+import { t as te } from "./usePrinter-B-X_Pub0.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-DIuuzG1r.js";
+import { t as u } from "./useNestedProp-D8NuRneO.js";
 import { t as ae } from "./useThemeCheck-C43Tcqmk.js";
-import { t as oe } from "./img-DnP3eXuv.js";
-import { n as se } from "./Title-CcNiYzEo.js";
+import { t as oe } from "./img-CNdXiUfZ.js";
+import { n as se } from "./Title-Cr3jP7Qd.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-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({
+		let E = h(() => import("./PenAndPaper-CLaZJl6K.js").then((e) => e.t)), Re = h(() => import("./UserOptions-BUQOnoPR.js").then((e) => e.n)), ze = h(() => import("./PackageVersion-BoTvk0i5.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(() => s({
 			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: i({
+			skeletonConfig: s({
 				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 : c(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 : l(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 (o(O.dataset) && t({
+			if (t(O.dataset) && a({
 				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 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;
+				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;
 				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 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);
 					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 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;
 					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(() => a(F.value.style.chart.percentage.formatter, U.value, r({
+		let _t = d(() => `${k.value}-title`), vt = d(() => `${k.value}-desc`), yt = d(() => o(F.value.style.chart.percentage.formatter, U.value, i({
 			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(s),
+				xmlns: w(c),
 				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(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,
+					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,
 					"font-weight": Z.value.bold ? "bold" : "normal",
 					"text-anchor": Z.value.textAnchor
 				}, C(yt.value), 9, Ie))], 8, Pe)) : p("", !0),