vue-data-ui 3.22.13 → 3.23.0

package/dist/{vue-ui-timer-BZM5ITG9.js → vue-ui-timer-Bm8LpsnI.js}

@@ -1,16 +1,17 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { K as t, Kt as n, t as r } from "./lib-CFm_J26b.js";
-import { t as i } from "./useConfig-C0V0eG7L.js";
-import { t as a } from "./useNestedProp-BY6DNN3i.js";
-import { n as o } from "./Title-BuPs74IB.js";
-import { t as s } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as c, t as ee } from "./useResponsive-ZtArZtUf.js";
-import { t as l } from "./BaseIcon-CP5RWnqt.js";
-import { t as u } from "./DefGrad-DVBqDjhO.js";
-import { t as te } from "./useChartAccessibility-DYqac8yF.js";
-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";
+import { q as t, qt as n, t as r } from "./lib-BuMGJ_a0.js";
+import { n as i, t as a } from "./useHints-Dq_w2E8B.js";
+import { t as o } from "./useConfig-BilxnBNr.js";
+import { t as s } from "./useNestedProp--NSEmhOH.js";
+import { n as c } from "./Title-BODtwViI.js";
+import { t as l } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { l as ee, t as te } from "./useResponsive-ZtArZtUf.js";
+import { t as u } from "./BaseIcon-91MZoczJ.js";
+import { t as ne } from "./DefGrad-DVBqDjhO.js";
+import { t as re } from "./useChartAccessibility-DYqac8yF.js";
+import { computed as d, createBlock as ie, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineAsyncComponent as ae, guardReactiveProps as g, mergeProps as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as oe, onMounted as se, openBlock as b, ref as x, renderSlot as S, shallowRef as C, toDisplayString as ce, unref as w, watch as le } from "vue";
 //#region src/timer.js
-var ce = class {
+var ue = 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,37 +57,37 @@ var ce = class {
 			n && n(e);
 		};
 	}
-}, T = /* @__PURE__ */ e({ default: () => E }), le = ["xmlns", "viewBox"], ue = ["width", "height"], de = { key: 1 }, fe = [
+}, T = /* @__PURE__ */ e({ default: () => E }), de = ["xmlns", "viewBox"], fe = ["width", "height"], pe = { key: 1 }, me = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], pe = [
+], he = [
 	"d",
 	"stroke",
 	"stroke-width"
-], me = [
+], ge = [
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], he = [
+], _e = [
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], ge = ["x", "y"], _e = { key: 5 }, ve = [
+], ve = ["x", "y"], ye = { key: 5 }, be = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], ye = {
+], xe = {
 	key: 0,
 	class: "vue-ui-timer-controls"
-}, be = ["title"], xe = ["title"], Se = ["title"], Ce = ["title"], we = ["title"], E = /*#__PURE__*/ s({
+}, Se = ["title"], Ce = ["title"], we = ["title"], Te = ["title"], Ee = ["title"], E = /*#__PURE__*/ l({
 	__name: "vue-ui-timer",
 	props: { config: {
 		type: Object,
@@ -101,15 +102,15 @@ var ce = class {
 		"restart",
 		"lap"
 	],
-	setup(e, { expose: s, emit: T }) {
-		let E = re(() => import("./PackageVersion-B6Hokxw9.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(() => {
+	setup(e, { expose: l, emit: T }) {
+		let E = ae(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), { vue_ui_timer: De } = o(), 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);
+		se(() => {
 			I();
 		});
 		function I() {
 			if (L.value.responsive) {
-				let e = c(() => {
-					let { width: e, height: t } = ee({
+				let e = ee(() => {
+					let { width: e, height: t } = te({
 						chart: k.value,
 						title: L.value.style.title.text ? A.value : null,
 						legend: j.value
@@ -139,23 +140,30 @@ var ce = class {
 				M.value && (N.value && M.value.unobserve(N.value), M.value.disconnect()), M.value = new ResizeObserver(e), N.value = k.value.parentNode, M.value.observe(N.value);
 			}
 		}
-		ie(() => {
+		oe(() => {
 			M.value && (N.value && M.value.unobserve(N.value), M.value.disconnect());
 		});
 		let L = d({
 			get: () => z(),
 			set: (e) => e
-		}), R = d(() => L.value.useCursorPointer), { svgRef: Ee } = te({ config: L.value.style.title });
+		});
+		i({
+			config: () => L.value,
+			dataset: () => [],
+			component: "VueUiTimer",
+			rules: [a.noHint]
+		});
+		let R = d(() => L.value.useCursorPointer), { svgRef: Oe } = re({ config: L.value.style.title });
 		function z() {
-			return a({
+			return s({
 				userConfig: D.config,
-				defaultConfig: Te
+				defaultConfig: De
 			});
 		}
-		se(() => D.config, (e) => {
+		le(() => D.config, (e) => {
 			L.value = z(), I(), F.value += 1;
 		}, { deep: !0 });
-		let De = d(() => {
+		let ke = 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";
@@ -168,7 +176,7 @@ var ce = class {
 				aura: 12 * L.value.stopwatch.tracker.aura.radiusRatio
 			},
 			label: L.value.stopwatch.label.fontSize
-		}), 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);
+		}), V = x(0), H = new ue((e) => Ae(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;
 		}
@@ -187,7 +195,7 @@ var ce = class {
 			let e = await H.lap();
 			e && (X.value.push(e), O("lap", X.value));
 		}
-		function Oe({ timestamp: e, elapsed: t, formatted: n }) {
+		function Ae({ timestamp: e, elapsed: t, formatted: n }) {
 			V.value = {
 				timestamp: e,
 				elapsed: t,
@@ -195,10 +203,10 @@ var ce = class {
 			};
 		}
 		let Q = d(() => Math.min(B.value.width, B.value.height) / 2.5 * L.value.stopwatch.track.radiusRatio);
-		function ke(e, t) {
+		function je(e, t) {
 			return e * (360 / (t * 1e3)) % 360;
 		}
-		function Ae(e) {
+		function Me(e) {
 			let t = Math.PI / 180 * e;
 			return {
 				cx: B.value.width / 2 + Q.value * Math.cos(t),
@@ -206,7 +214,7 @@ var ce = class {
 			};
 		}
 		let $ = d(() => {
-			let e = ke(V.value.elapsed, L.value.stopwatch.cycleSeconds), { cx: t, cy: n } = Ae(e - 90), r = +(e > 180);
+			let e = je(V.value.elapsed, L.value.stopwatch.cycleSeconds), { cx: t, cy: n } = Me(e - 90), r = +(e > 180);
 			return {
 				cx: t || B.value.width / 2,
 				cy: n || B.value.height / 2 - Q.value,
@@ -214,7 +222,7 @@ var ce = class {
 				sweepFlag: 1
 			};
 		});
-		return s({
+		return l({
 			start: K,
 			pause: J,
 			reset: q,
@@ -239,7 +247,7 @@ var ce = class {
 					width: "100%",
 					background: L.value.style.backgroundColor
 				})
-			}, [(b(), ne(o, {
+			}, [(b(), ie(c, {
 				key: `title_${F.value}`,
 				config: {
 					title: {
@@ -254,7 +262,7 @@ var ce = class {
 			}, null, 8, ["config"]))], 4)) : f("", !0),
 			(b(), p("svg", {
 				ref_key: "svgRef",
-				ref: Ee,
+				ref: Oe,
 				xmlns: w(r),
 				viewBox: `0 0 ${B.value.width <= 0 ? 10 : B.value.width} ${B.value.height <= 0 ? 10 : B.value.height}`,
 				style: y({
@@ -271,8 +279,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" }
-				}, [S(e.$slots, "chart-background", {}, void 0, !0)], 8, ue)) : f("", !0),
-				L.value.stopwatch.tracker.gradient.show ? (b(), p("defs", de, [h(u, {
+				}, [S(e.$slots, "chart-background", {}, void 0, !0)], 8, fe)) : f("", !0),
+				L.value.stopwatch.tracker.gradient.show ? (b(), p("defs", pe, [h(ne, {
 					t: "radial",
 					id: `tracker_gradient_${P.value}`,
 					cx: "50%",
@@ -297,7 +305,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, fe),
+				}, null, 8, me),
 				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}`,
@@ -305,19 +313,19 @@ var ce = class {
 					"stroke-width": L.value.stopwatch.cycleTrack.strokeWidth,
 					"stroke-linecap": "round",
 					fill: "none"
-				}, null, 8, pe)) : f("", !0),
+				}, null, 8, he)) : 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, me),
+				}), null, 16, ge),
 				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, he)) : f("", !0),
+				}), null, 16, _e)) : f("", !0),
 				e.$slots.time ? (b(), p("foreignObject", {
 					key: 4,
 					x: B.value.width / 2,
@@ -328,7 +336,7 @@ var ce = class {
 				}, [S(e.$slots, "time", v(g({
 					...V.value,
 					...B.value
-				})), void 0, !0)], 8, ge)) : e.$slots.timeSvg ? (b(), p("g", _e, [S(e.$slots, "timeSvg", v(g({
+				})), void 0, !0)], 8, ve)) : e.$slots.timeSvg ? (b(), p("g", ye, [S(e.$slots, "timeSvg", v(g({
 					...V.value,
 					...B.value
 				})), void 0, !0)])) : (b(), p("text", {
@@ -340,8 +348,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 || De.value), 9, ve))
-			], 12, le)),
+				}, ce(V.value.formatted || ke.value), 9, be))
+			], 12, de)),
 			m("div", {
 				ref_key: "chartLegend",
 				ref: j,
@@ -350,7 +358,7 @@ var ce = class {
 					backgroundColor: L.value.stopwatch.legend.backgroundColor
 				})
 			}, [
-				e.$slots.controls ? f("", !0) : (b(), p("div", ye, [
+				e.$slots.controls ? f("", !0) : (b(), p("div", xe, [
 					L.value.stopwatch.legend.buttons.start ? (b(), p("button", {
 						key: 0,
 						title: L.value.stopwatch.legend.buttonTitles.start,
@@ -360,10 +368,10 @@ var ce = class {
 							opacity: W.value ? .2 : 1,
 							cursor: W.value ? "default" : R.value ? "pointer" : "default"
 						})
-					}, [h(l, {
+					}, [h(u, {
 						name: "play",
 						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, be)) : f("", !0),
+					}, null, 8, ["stroke"])], 12, Se)) : 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,
@@ -373,10 +381,10 @@ var ce = class {
 							opacity: W.value ? 1 : .2,
 							cursor: W.value && R.value ? "pointer" : "default"
 						})
-					}, [h(l, {
+					}, [h(u, {
 						name: "pause",
 						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, xe)) : f("", !0),
+					}, null, 8, ["stroke"])], 12, Ce)) : f("", !0),
 					L.value.stopwatch.legend.buttons.reset ? (b(), p("button", {
 						key: 2,
 						title: L.value.stopwatch.legend.buttonTitles.reset,
@@ -386,10 +394,10 @@ var ce = class {
 							opacity: W.value ? 1 : .2,
 							cursor: W.value && R.value ? "pointer" : "default"
 						})
-					}, [h(l, {
+					}, [h(u, {
 						name: "stop",
 						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, Se)) : f("", !0),
+					}, null, 8, ["stroke"])], 12, we)) : f("", !0),
 					L.value.stopwatch.legend.buttons.restart ? (b(), p("button", {
 						key: 3,
 						title: L.value.stopwatch.legend.buttonTitles.restart,
@@ -399,10 +407,10 @@ var ce = class {
 							opacity: W.value ? 1 : .2,
 							cursor: W.value && R.value ? "pointer" : "default"
 						})
-					}, [h(l, {
+					}, [h(u, {
 						name: "restart",
 						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, Ce)) : f("", !0),
+					}, null, 8, ["stroke"])], 12, Te)) : f("", !0),
 					L.value.stopwatch.legend.buttons.lap ? (b(), p("button", {
 						key: 4,
 						title: L.value.stopwatch.legend.buttonTitles.lap,
@@ -412,10 +420,10 @@ var ce = class {
 							opacity: W.value && !G.value ? 1 : .2,
 							cursor: W.value && !G.value && R.value ? "pointer" : "default"
 						})
-					}, [h(l, {
+					}, [h(u, {
 						name: "lap",
 						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, we)) : f("", !0)
+					}, null, 8, ["stroke"])], 12, Ee)) : f("", !0)
 				])),
 				S(e.$slots, "controls", v(g({
 					start: K,
@@ -438,6 +446,6 @@ var ce = class {
 			], 4)
 		], 4));
 	}
-}, [["__scopeId", "data-v-60031aa0"]]);
+}, [["__scopeId", "data-v-64177013"]]);
 //#endregion
 export { T as n, E as t };