vue-data-ui 3.19.8 → 3.20.0

package/dist/{vue-ui-timer-BkdpZ-lw.js → vue-ui-timer-CcLK1wbi.js}

@@ -1,16 +1,16 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { H as t, Rt as n, t as r } from "./lib-BkiwukKO.js";
-import { t as i } from "./useConfig-ByaaSKhz.js";
-import { t as a } from "./useNestedProp-Ck4hsrpu.js";
-import { n as o } from "./Title-__gWq2g6.js";
-import { t as s } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c } from "./canvas-lib-DTaADQOK.js";
-import { t as ee } from "./useResponsive-CrAInupd.js";
-import { t as l } from "./BaseIcon-DM1x8hQF.js";
-import { t as te } from "./useChartAccessibility-Do37qcw2.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 { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { H as t, t as n, zt as r } from "./lib-DUeYQsS0.js";
+import { t as i } from "./useConfig-DAyQk86L.js";
+import { t as a } from "./useNestedProp-CNcoy38D.js";
+import { n as o } from "./Title-NWp4qB4K.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 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";
 //#region src/timer.js
-var ce = class {
+var se = 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 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 }), ce = ["xmlns", "viewBox"], le = ["width", "height"], ue = { key: 1 }, de = ["id"], fe = ["stop-color"], pe = ["stop-color"], me = [
 	"cx",
 	"cy",
 	"r",
@@ -101,8 +101,8 @@ var ce = class {
 		"restart",
 		"lap"
 	],
-	setup(e, { expose: s, emit: w }) {
-		let E = re(() => import("./PackageVersion-zJAUEmyB.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-xcyrdRmY.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);
 		ae(() => {
 			I();
 		});
@@ -115,19 +115,19 @@ var ce = class {
 						legend: j.value
 					});
 					requestAnimationFrame(() => {
-						B.value.width = e, B.value.height = t, L.value.responsiveProportionalSizing ? (B.value.tracker.core = n({
+						B.value.width = e, B.value.height = t, L.value.responsiveProportionalSizing ? (B.value.tracker.core = r({
 							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 = n({
+						}), B.value.tracker.aura = r({
 							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 = n({
+						}), B.value.label = r({
 							relator: Math.min(e, t),
 							adjuster: L.value.style.width,
 							source: L.value.stopwatch.label.fontSize,
@@ -152,7 +152,7 @@ var ce = class {
 				defaultConfig: De
 			});
 		}
-		se(() => D.config, (e) => {
+		oe(() => D.config, (e) => {
 			L.value = z(), I(), F.value += 1;
 		}, { deep: !0 });
 		let ke = u(() => {
@@ -168,7 +168,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 = 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);
 		function K() {
 			O("start"), U.value && H.start(), U.value = !1, W.value = !0;
 		}
@@ -255,7 +255,7 @@ var ce = class {
 			(y(), f("svg", {
 				ref_key: "svgRef",
 				ref: Oe,
-				xmlns: C(r),
+				xmlns: w(n),
 				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 ce = class {
 					background: L.value.style.backgroundColor
 				})
 			}, [
-				m(C(E)),
+				m(w(E)),
 				e.$slots["chart-background"] ? (y(), f("foreignObject", {
 					key: 0,
 					x: 0,
@@ -271,8 +271,8 @@ var ce = 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, ue)) : d("", !0),
-				L.value.stopwatch.tracker.gradient.show ? (y(), f("defs", de, [p("radialGradient", {
+				}, [x(e.$slots, "chart-background", {}, void 0, !0)], 8, le)) : d("", !0),
+				L.value.stopwatch.tracker.gradient.show ? (y(), f("defs", ue, [p("radialGradient", {
 					id: `tracker_gradient_${P.value}`,
 					cx: "50%",
 					cy: "50%",
@@ -282,10 +282,10 @@ var ce = class {
 				}, [p("stop", {
 					offset: "0%",
 					"stop-color": L.value.stopwatch.tracker.gradient.color
-				}, null, 8, pe), p("stop", {
+				}, null, 8, fe), p("stop", {
 					offset: "100%",
 					"stop-color": L.value.stopwatch.tracker.fill
-				}, null, 8, T)], 8, fe)])) : d("", !0),
+				}, null, 8, pe)], 8, de)])) : d("", !0),
 				p("circle", {
 					cx: B.value.width / 2,
 					cy: B.value.height / 2,
@@ -336,8 +336,8 @@ 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))
-			], 12, le)),
+				}, C(V.value.formatted || ke.value), 9, be))
+			], 12, ce)),
 			p("div", {
 				ref_key: "chartLegend",
 				ref: j,
@@ -436,4 +436,4 @@ var ce = class {
 	}
 }, [["__scopeId", "data-v-7cc009e4"]]);
 //#endregion
-export { w as n, E as t };
+export { T as n, E as t };

package/dist/{vue-ui-tiremarks-GC773Hw1.js → vue-ui-tiremarks-B6txvBg-.js}

@@ -1,20 +1,20 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { G as t, H as n, Mt as r, St as i, X as a, i as o, t as s, v as c, zt as l } from "./lib-BkiwukKO.js";
-import { t as ee } from "./useConfig-ByaaSKhz.js";
-import { t as te } from "./usePrinter-X0yWOynH.js";
-import { n as ne, t as re } from "./BaseScanner-C7dmAref.js";
-import { t as ie } from "./useSvgExport-Dtu973wa.js";
-import { t as u } from "./useNestedProp-Ck4hsrpu.js";
-import { t as ae } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as oe } from "./img-BjOr008R.js";
-import { n as se } from "./Title-__gWq2g6.js";
-import { t as ce } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c as le } from "./canvas-lib-DTaADQOK.js";
-import { t as ue } from "./useResponsive-CrAInupd.js";
-import { t as de } from "./useUserOptionState-CjPJPTg2.js";
-import { t as fe } from "./useChartAccessibility-Do37qcw2.js";
-import { t as pe } from "./usePrefersMotion-BywLbIko.js";
-import { t as me } from "./vue_ui_tiremarks-A6UHC0c3.js";
+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 { t as ee } from "./useConfig-DAyQk86L.js";
+import { t as te } from "./usePrinter-C1Gqt_Sp.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 ae } from "./useThemeCheck-C43Tcqmk.js";
+import { t as oe } from "./img-1cKsci8e.js";
+import { n as se } from "./Title-NWp4qB4K.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";
+import { t as de } from "./useUserOptionState-DK-_1ddE.js";
+import { t as fe } from "./useChartAccessibility-DYqac8yF.js";
+import { t as pe } from "./usePrefersMotion-BC-CsqR1.js";
+import { t as me } from "./vue_ui_tiremarks-CdEPieWV.js";
 import { Fragment as he, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as ge, createSlots as _e, createVNode as ve, defineAsyncComponent as h, guardReactiveProps as g, nextTick as ye, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onMounted as be, openBlock as b, ref as x, renderList as xe, renderSlot as S, toDisplayString as C, toRefs as Se, unref as w, watch as Ce, withCtx as T } from "vue";
 //#region src/components/vue-ui-tiremarks.vue
 var we = /* @__PURE__ */ e({ default: () => E }), Te = ["id"], Ee = [
@@ -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-DNgm6y3l.js").then((e) => e.t)), Re = h(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), ze = h(() => import("./PackageVersion-zJAUEmyB.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(() => l({
+		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-xcyrdRmY.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({
 			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: l({
+			skeletonConfig: t({
 				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 (i(O.dataset) && a({
+			if (n(O.dataset) && o({
 				componentName: "VueUiTiremarks",
 				type: "dataset",
 				debug: it.value
@@ -185,7 +185,7 @@ 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 ? r(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 ? a(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);
 					e.push({
@@ -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, t({
+		let _t = d(() => `${k.value}-title`), vt = d(() => `${k.value}-desc`), yt = d(() => s(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(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(r)(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(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,
 					"font-weight": Z.value.bold ? "bold" : "normal",
 					"text-anchor": Z.value.textAnchor
 				}, C(yt.value), 9, Ie))], 8, Pe)) : p("", !0),