vue-data-ui 3.26.5 → 3.27.1-beta.0

package/dist/vue-ui-timer-BULpjYiI.js

@@ -1,451 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { X as t, en as n, t as r } from "./lib-TWIH5fGr.js";
-import { n as i, t as a } from "./useHints-Dq_w2E8B.js";
-import { t as o } from "./useConfig-DObkR9Aa.js";
-import { t as s } from "./useNestedProp-BxOdWM0c.js";
-import { n as c } from "./Title-Bd98RysU.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-CIK6Sqo3.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 oe, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as se, onMounted as ce, openBlock as y, ref as b, renderSlot as x, shallowRef as le, toDisplayString as ue, unref as S, watch as de } from "vue";
-//#region src/timer.js
-var fe = 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);
-		function c(e) {
-			let t = Math.floor(e / 1e3), n = Math.floor(e % 1e3 / 10), a = Math.floor(t / 3600), o = Math.floor(t % 3600 / 60), s = t % 60, c = "";
-			return i && (c += String(a).padStart(2, "0") + ":"), c += String(o).padStart(2, "0") + ":", c += String(s).padStart(2, "0"), r && (c += "." + String(n).padStart(2, "0")), c;
-		}
-		this.start = () => {
-			this.isPaused = !1, s.postMessage({
-				action: "start",
-				data: { interval: this.interval }
-			});
-		}, this.pause = () => {
-			this.isPaused ? this.resume() : (this.isPaused = !0, s.postMessage({ action: "pause" }));
-		}, this.resume = () => {
-			this.isPaused &&= (s.postMessage({ action: "resume" }), !1);
-		}, this.stop = () => {
-			s.postMessage({ action: "stop" }), this.isPaused = !1;
-		}, this.reset = () => {
-			s.postMessage({ action: "reset" }), this.elapsed = 0, this.isPaused = !1;
-		}, this.restart = () => {
-			this.stop(), this.start();
-		}, this.lap = () => new Promise((e) => {
-			s.postMessage({ action: "lap" }), s.addEventListener("message", (t) => {
-				let { elapsed: n, timestamp: r, action: i } = t.data;
-				if (i === "lap") {
-					let t = c(n);
-					e({
-						timestamp: r || 0,
-						elapsed: n,
-						formatted: t
-					});
-				}
-			}, { once: !0 });
-		}), s.onmessage = (t) => {
-			let { elapsed: n, timestamp: r } = t.data;
-			this.elapsed = n, e({
-				timestamp: r || 0,
-				elapsed: this.elapsed,
-				formatted: c(this.elapsed)
-			});
-		}, s.onerror = (e) => {
-			n && n(e);
-		};
-	}
-}, C = /* @__PURE__ */ e({ default: () => w }), pe = ["xmlns", "viewBox"], me = ["width", "height"], he = { key: 1 }, ge = [
-	"cx",
-	"cy",
-	"r",
-	"fill",
-	"stroke",
-	"stroke-width"
-], _e = [
-	"d",
-	"stroke",
-	"stroke-width"
-], ve = [
-	"r",
-	"fill",
-	"stroke",
-	"stroke-width"
-], ye = [
-	"r",
-	"fill",
-	"stroke",
-	"stroke-width"
-], be = ["x", "y"], xe = { key: 5 }, Se = [
-	"x",
-	"y",
-	"font-size",
-	"fill",
-	"font-weight"
-], Ce = {
-	key: 0,
-	class: "vue-ui-timer-controls"
-}, we = ["title"], Te = ["title"], Ee = ["title"], De = ["title"], Oe = ["title"], w = /*#__PURE__*/ l({
-	__name: "vue-ui-timer",
-	props: { config: {
-		type: Object,
-		default() {
-			return {};
-		}
-	} },
-	emits: [
-		"start",
-		"pause",
-		"reset",
-		"restart",
-		"lap"
-	],
-	setup(e, { expose: l, emit: C }) {
-		let w = ae(() => import("./PackageVersion-CslTvFsC.js").then((e) => e.t)), { vue_ui_timer: ke } = o(), T = e, E = C, D = b(null), O = b(null), k = b(null), A = le(null), j = le(null), M = b(t()), N = b(0);
-		ce(() => {
-			P();
-		});
-		function P() {
-			if (F.value.responsive) {
-				let e = ee(() => {
-					let { width: e, height: t } = te({
-						chart: D.value,
-						title: F.value.style.title.text ? O.value : null,
-						legend: k.value
-					});
-					requestAnimationFrame(() => {
-						B.value.width = e, B.value.height = t, F.value.responsiveProportionalSizing ? (B.value.tracker.core = n({
-							relator: Math.min(e, t),
-							adjuster: F.value.style.width,
-							source: 6 * L.value.radiusRatio,
-							threshold: 1,
-							fallback: 1
-						}), B.value.tracker.aura = n({
-							relator: Math.min(e, t),
-							adjuster: F.value.style.width,
-							source: 12 * L.value.aura.radiusRatio,
-							threshold: 1,
-							fallback: 1
-						}), B.value.label = n({
-							relator: Math.min(e, t),
-							adjuster: F.value.style.width,
-							source: I.value.label.fontSize,
-							threshold: 10,
-							fallback: 10
-						})) : B.value.label = I.value.label.fontSize;
-					});
-				});
-				A.value && (j.value && A.value.unobserve(j.value), A.value.disconnect()), A.value = new ResizeObserver(e), j.value = D.value.parentNode, A.value.observe(j.value);
-			}
-		}
-		se(() => {
-			A.value && (j.value && A.value.unobserve(j.value), A.value.disconnect());
-		});
-		let F = d({
-			get: () => je(),
-			set: (e) => e
-		}), I = d(() => F.value.stopwatch), L = d(() => F.value.stopwatch.tracker), R = d(() => F.value.stopwatch.legend);
-		i({
-			config: () => F.value,
-			dataset: () => [],
-			component: "VueUiTimer",
-			rules: [a.noHint]
-		});
-		let z = d(() => F.value.useCursorPointer), { svgRef: Ae } = re({ config: F.value.style.title });
-		function je() {
-			return s({
-				userConfig: T.config,
-				defaultConfig: ke
-			});
-		}
-		de(() => T.config, (e) => {
-			F.value = je(), P(), N.value += 1;
-		}, { deep: !0 });
-		let Me = d(() => {
-			if (I.value.showHours && I.value.showHundredth) return "00:00:00.00";
-			if (I.value.showHours && !I.value.showHundredth) return "00:00:00";
-			if (!I.value.showHours && I.value.showHundredth) return "00:00.00";
-			if (!I.value.showHours && !I.value.showHundredth) return "00:00";
-		}), B = b({
-			height: F.value.style.height,
-			width: F.value.style.width,
-			tracker: {
-				core: 6 * L.value.radiusRatio,
-				aura: 12 * L.value.aura.radiusRatio
-			},
-			label: I.value.label.fontSize
-		}), V = b(0), H = new fe((e) => Ne(e), 10, "", I.value.showHundredth, I.value.showHours), U = b(!0), W = b(!1), G = b(!1);
-		function K() {
-			E("start"), U.value && H.start(), U.value = !1, W.value = !0;
-		}
-		function q() {
-			W.value &&= (E("reset"), H.stop(), X.value = [], U.value = !0, !1);
-		}
-		function J() {
-			G.value = !G.value, E("pause", V.value), H.pause();
-		}
-		function Y() {
-			W.value && (G.value = !1, E("restart"), X.value = [], H.restart());
-		}
-		let X = b([]);
-		async function Z() {
-			if (!W.value || G.value) return;
-			let e = await H.lap();
-			e && (X.value.push(e), E("lap", X.value));
-		}
-		function Ne({ timestamp: e, elapsed: t, formatted: n }) {
-			V.value = {
-				timestamp: e,
-				elapsed: t,
-				formatted: n
-			};
-		}
-		let Q = d(() => Math.min(B.value.width, B.value.height) / 2.5 * I.value.track.radiusRatio);
-		function Pe(e, t) {
-			return e * (360 / (t * 1e3)) % 360;
-		}
-		function Fe(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 $ = d(() => {
-			let e = Pe(V.value.elapsed, I.value.cycleSeconds), { cx: t, cy: n } = Fe(e - 90), r = +(e > 180);
-			return {
-				cx: t || B.value.width / 2,
-				cy: n || B.value.height / 2 - Q.value,
-				largeArcFlag: r,
-				sweepFlag: 1
-			};
-		});
-		return l({
-			start: K,
-			pause: J,
-			reset: q,
-			restart: Y,
-			lap: Z
-		}), (e, t) => (y(), p("div", {
-			ref_key: "timerChart",
-			ref: D,
-			class: "vue-data-ui-component vue-ui-timer",
-			style: v({
-				fontFamily: F.value.style.fontFamily,
-				width: "100%",
-				height: F.value.responsive ? "100%" : "auto",
-				textAlign: "center"
-			})
-		}, [
-			F.value.style.title.text ? (y(), p("div", {
-				key: 0,
-				ref_key: "chartTitle",
-				ref: O,
-				style: v({
-					width: "100%",
-					background: F.value.style.backgroundColor
-				})
-			}, [(y(), ie(c, {
-				key: `title_${N.value}`,
-				config: {
-					title: {
-						cy: "title",
-						...F.value.style.title
-					},
-					subtitle: {
-						cy: "subtitle",
-						...F.value.style.title.subtitle
-					}
-				}
-			}, null, 8, ["config"]))], 4)) : f("", !0),
-			(y(), p("svg", {
-				ref_key: "svgRef",
-				ref: Ae,
-				xmlns: S(r),
-				viewBox: `0 0 ${B.value.width <= 0 ? 10 : B.value.width} ${B.value.height <= 0 ? 10 : B.value.height}`,
-				style: v({
-					maxWidth: "100%",
-					overflow: "visible",
-					background: F.value.style.backgroundColor
-				})
-			}, [
-				h(S(w)),
-				e.$slots["chart-background"] ? (y(), 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, me)) : f("", !0),
-				L.value.gradient.show ? (y(), p("defs", he, [h(ne, {
-					t: "radial",
-					id: `tracker_gradient_${M.value}`,
-					cx: "50%",
-					cy: "50%",
-					r: "50%",
-					fx: "50%",
-					fy: "50%",
-					stops: [[
-						"0%",
-						L.value.gradient.color,
-						1
-					], [
-						"100%",
-						L.value.fill,
-						1
-					]]
-				}, null, 8, ["id", "stops"])])) : f("", !0),
-				m("circle", {
-					cx: B.value.width / 2,
-					cy: B.value.height / 2,
-					r: Q.value,
-					fill: I.value.track.fill,
-					stroke: I.value.track.stroke,
-					"stroke-width": I.value.track.strokeWidth
-				}, null, 8, ge),
-				I.value.cycleTrack.show ? (y(), 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: I.value.cycleTrack.stroke,
-					"stroke-width": I.value.cycleTrack.strokeWidth,
-					"stroke-linecap": "round",
-					fill: "none"
-				}, null, 8, _e)) : f("", !0),
-				m("circle", oe($.value, {
-					r: B.value.tracker.core,
-					fill: L.value.gradient.show ? `url(#tracker_gradient_${M.value})` : L.value.fill,
-					stroke: L.value.stroke,
-					"stroke-width": L.value.strokeWidth
-				}), null, 16, ve),
-				L.value.aura.show ? (y(), p("circle", oe({ key: 3 }, $.value, {
-					r: B.value.tracker.aura,
-					fill: `${L.value.aura.fill}20`,
-					stroke: L.value.aura.stroke,
-					"stroke-width": L.value.aura.strokeWidth
-				}), null, 16, ye)) : f("", !0),
-				e.$slots.time ? (y(), 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", _(g({
-					...V.value,
-					...B.value
-				})), void 0, !0)], 8, be)) : e.$slots.timeSvg ? (y(), p("g", xe, [x(e.$slots, "timeSvg", _(g({
-					...V.value,
-					...B.value
-				})), void 0, !0)])) : (y(), p("text", {
-					key: 6,
-					x: B.value.width / 2,
-					y: B.value.height / 2 + B.value.label / 4,
-					"font-size": B.value.label,
-					"text-anchor": "middle",
-					fill: I.value.label.color,
-					"font-weight": I.value.label.bold ? "bold" : "normal",
-					style: { "font-variant-numeric": "tabular-nums !important" }
-				}, ue(V.value.formatted || Me.value), 9, Se))
-			], 12, pe)),
-			m("div", {
-				ref_key: "chartLegend",
-				ref: k,
-				style: v({
-					width: "100%",
-					backgroundColor: R.value.backgroundColor
-				})
-			}, [
-				e.$slots.controls ? f("", !0) : (y(), p("div", Ce, [
-					R.value.buttons.start ? (y(), p("button", {
-						key: 0,
-						title: R.value.buttonTitles.start,
-						onClick: K,
-						class: "vue-ui-timer-button",
-						style: v({
-							opacity: W.value ? .2 : 1,
-							cursor: W.value ? "default" : z.value ? "pointer" : "default"
-						})
-					}, [h(u, {
-						name: "play",
-						stroke: R.value.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, we)) : f("", !0),
-					R.value.buttons.pause ? (y(), p("button", {
-						key: 1,
-						title: G.value ? R.value.buttonTitles.resume : R.value.buttonTitles.pause,
-						onClick: J,
-						class: "vue-ui-timer-button",
-						style: v({
-							opacity: W.value ? 1 : .2,
-							cursor: W.value && z.value ? "pointer" : "default"
-						})
-					}, [h(u, {
-						name: "pause",
-						stroke: R.value.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, Te)) : f("", !0),
-					R.value.buttons.reset ? (y(), p("button", {
-						key: 2,
-						title: R.value.buttonTitles.reset,
-						onClick: q,
-						class: "vue-ui-timer-button",
-						style: v({
-							opacity: W.value ? 1 : .2,
-							cursor: W.value && z.value ? "pointer" : "default"
-						})
-					}, [h(u, {
-						name: "stop",
-						stroke: R.value.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, Ee)) : f("", !0),
-					R.value.buttons.restart ? (y(), p("button", {
-						key: 3,
-						title: R.value.buttonTitles.restart,
-						onClick: Y,
-						class: "vue-ui-timer-button",
-						style: v({
-							opacity: W.value ? 1 : .2,
-							cursor: W.value && z.value ? "pointer" : "default"
-						})
-					}, [h(u, {
-						name: "restart",
-						stroke: R.value.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, De)) : f("", !0),
-					R.value.buttons.lap ? (y(), p("button", {
-						key: 4,
-						title: R.value.buttonTitles.lap,
-						onClick: Z,
-						class: "vue-ui-timer-button",
-						style: v({
-							opacity: W.value && !G.value ? 1 : .2,
-							cursor: W.value && !G.value && z.value ? "pointer" : "default"
-						})
-					}, [h(u, {
-						name: "lap",
-						stroke: R.value.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, Oe)) : f("", !0)
-				])),
-				x(e.$slots, "controls", _(g({
-					start: K,
-					pause: J,
-					reset: q,
-					restart: Y,
-					lap: Z,
-					laps: X.value,
-					isRunning: W.value,
-					isPaused: G.value,
-					...V.value
-				})), void 0, !0),
-				x(e.$slots, "laps", _(g({
-					laps: X.value,
-					lap: Z,
-					isRunning: W.value,
-					isPaused: G.value,
-					...V.value
-				})), void 0, !0)
-			], 4)
-		], 4));
-	}
-}, [["__scopeId", "data-v-2ce4581a"]]);
-//#endregion
-export { C as n, w as t };