vue-data-ui 3.25.4 → 3.25.6

package/dist/{vue-ui-timer-CvHP4HoW.js → vue-ui-timer-1Z2zginj.js}

@@ -1,17 +1,17 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { Xt as t, q as n, t as r } from "./lib-Dql7cqyA.js";
 import { n as i, t as a } from "./useHints-Dq_w2E8B.js";
-import { t as o } from "./useConfig-CyCVHo81.js";
+import { t as o } from "./useConfig-CIQZ6_r7.js";
 import { t as s } from "./useNestedProp-Chvyfpl-.js";
 import { n as c } from "./Title-CPHi-evi.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-t83PDe9k.js";
+import { t as u } from "./BaseIcon-D8R6_sKH.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";
+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 ue = class {
+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);
@@ -57,37 +57,37 @@ var ue = class {
 			n && n(e);
 		};
 	}
-}, T = /* @__PURE__ */ e({ default: () => E }), de = ["xmlns", "viewBox"], fe = ["width", "height"], pe = { key: 1 }, me = [
+}, C = /* @__PURE__ */ e({ default: () => w }), pe = ["xmlns", "viewBox"], me = ["width", "height"], he = { key: 1 }, ge = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], he = [
+], _e = [
 	"d",
 	"stroke",
 	"stroke-width"
-], ge = [
+], ve = [
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], _e = [
+], ye = [
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], ve = ["x", "y"], ye = { key: 5 }, be = [
+], be = ["x", "y"], xe = { key: 5 }, Se = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], xe = {
+], Ce = {
 	key: 0,
 	class: "vue-ui-timer-controls"
-}, Se = ["title"], Ce = ["title"], we = ["title"], Te = ["title"], Ee = ["title"], E = /*#__PURE__*/ l({
+}, we = ["title"], Te = ["title"], Ee = ["title"], De = ["title"], Oe = ["title"], w = /*#__PURE__*/ l({
 	__name: "vue-ui-timer",
 	props: { config: {
 		type: Object,
@@ -102,111 +102,111 @@ var ue = class {
 		"restart",
 		"lap"
 	],
-	setup(e, { expose: l, emit: T }) {
-		let E = ae(() => import("./PackageVersion-5SWftabm.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(n()), F = x(0);
-		se(() => {
-			I();
+	setup(e, { expose: l, emit: C }) {
+		let w = ae(() => import("./PackageVersion-ur6jKRL5.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(n()), N = b(0);
+		ce(() => {
+			P();
 		});
-		function I() {
-			if (L.value.responsive) {
+		function P() {
+			if (F.value.responsive) {
 				let e = ee(() => {
 					let { width: e, height: n } = te({
-						chart: k.value,
-						title: L.value.style.title.text ? A.value : null,
-						legend: j.value
+						chart: D.value,
+						title: F.value.style.title.text ? O.value : null,
+						legend: k.value
 					});
 					requestAnimationFrame(() => {
-						B.value.width = e, B.value.height = n, L.value.responsiveProportionalSizing ? (B.value.tracker.core = t({
+						B.value.width = e, B.value.height = n, F.value.responsiveProportionalSizing ? (B.value.tracker.core = t({
 							relator: Math.min(e, n),
-							adjuster: L.value.style.width,
-							source: 6 * L.value.stopwatch.tracker.radiusRatio,
+							adjuster: F.value.style.width,
+							source: 6 * L.value.radiusRatio,
 							threshold: 1,
 							fallback: 1
 						}), B.value.tracker.aura = t({
 							relator: Math.min(e, n),
-							adjuster: L.value.style.width,
-							source: 12 * L.value.stopwatch.tracker.aura.radiusRatio,
+							adjuster: F.value.style.width,
+							source: 12 * L.value.aura.radiusRatio,
 							threshold: 1,
 							fallback: 1
 						}), B.value.label = t({
 							relator: Math.min(e, n),
-							adjuster: L.value.style.width,
-							source: L.value.stopwatch.label.fontSize,
+							adjuster: F.value.style.width,
+							source: I.value.label.fontSize,
 							threshold: 10,
 							fallback: 10
-						})) : B.value.label = L.value.stopwatch.label.fontSize;
+						})) : B.value.label = I.value.label.fontSize;
 					});
 				});
-				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);
+				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);
 			}
 		}
-		oe(() => {
-			M.value && (N.value && M.value.unobserve(N.value), M.value.disconnect());
+		se(() => {
+			A.value && (j.value && A.value.unobserve(j.value), A.value.disconnect());
 		});
-		let L = d({
-			get: () => z(),
+		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: () => L.value,
+			config: () => F.value,
 			dataset: () => [],
 			component: "VueUiTimer",
 			rules: [a.noHint]
 		});
-		let R = d(() => L.value.useCursorPointer), { svgRef: Oe } = re({ config: L.value.style.title });
-		function z() {
+		let z = d(() => F.value.useCursorPointer), { svgRef: Ae } = re({ config: F.value.style.title });
+		function je() {
 			return s({
-				userConfig: D.config,
-				defaultConfig: De
+				userConfig: T.config,
+				defaultConfig: ke
 			});
 		}
-		le(() => D.config, (e) => {
-			L.value = z(), I(), F.value += 1;
+		de(() => T.config, (e) => {
+			F.value = je(), P(), N.value += 1;
 		}, { deep: !0 });
-		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";
-			if (!L.value.stopwatch.showHours && !L.value.stopwatch.showHundredth) return "00:00";
-		}), B = x({
-			height: L.value.style.height,
-			width: L.value.style.width,
+		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.stopwatch.tracker.radiusRatio,
-				aura: 12 * L.value.stopwatch.tracker.aura.radiusRatio
+				core: 6 * L.value.radiusRatio,
+				aura: 12 * L.value.aura.radiusRatio
 			},
-			label: L.value.stopwatch.label.fontSize
-		}), 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);
+			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() {
-			O("start"), U.value && H.start(), U.value = !1, W.value = !0;
+			E("start"), U.value && H.start(), U.value = !1, W.value = !0;
 		}
 		function q() {
-			W.value &&= (O("reset"), H.stop(), X.value = [], U.value = !0, !1);
+			W.value &&= (E("reset"), H.stop(), X.value = [], U.value = !0, !1);
 		}
 		function J() {
-			G.value = !G.value, O("pause", V.value), H.pause();
+			G.value = !G.value, E("pause", V.value), H.pause();
 		}
 		function Y() {
-			W.value && (G.value = !1, O("restart"), X.value = [], H.restart());
+			W.value && (G.value = !1, E("restart"), X.value = [], H.restart());
 		}
-		let X = x([]);
+		let X = b([]);
 		async function Z() {
 			if (!W.value || G.value) return;
 			let e = await H.lap();
-			e && (X.value.push(e), O("lap", X.value));
+			e && (X.value.push(e), E("lap", X.value));
 		}
-		function Ae({ timestamp: e, elapsed: t, formatted: n }) {
+		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 * L.value.stopwatch.track.radiusRatio);
-		function je(e, t) {
+		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 Me(e) {
+		function Fe(e) {
 			let t = Math.PI / 180 * e;
 			return {
 				cx: B.value.width / 2 + Q.value * Math.cos(t),
@@ -214,7 +214,7 @@ var ue = class {
 			};
 		}
 		let $ = d(() => {
-			let e = je(V.value.elapsed, L.value.stopwatch.cycleSeconds), { cx: t, cy: n } = Me(e - 90), r = +(e > 180);
+			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,
@@ -228,61 +228,61 @@ var ue = class {
 			reset: q,
 			restart: Y,
 			lap: Z
-		}), (e, t) => (b(), p("div", {
+		}), (e, t) => (y(), p("div", {
 			ref_key: "timerChart",
-			ref: k,
+			ref: D,
 			class: "vue-data-ui-component vue-ui-timer",
-			style: y({
-				fontFamily: L.value.style.fontFamily,
+			style: v({
+				fontFamily: F.value.style.fontFamily,
 				width: "100%",
-				height: L.value.responsive ? "100%" : "auto",
+				height: F.value.responsive ? "100%" : "auto",
 				textAlign: "center"
 			})
 		}, [
-			L.value.style.title.text ? (b(), p("div", {
+			F.value.style.title.text ? (y(), p("div", {
 				key: 0,
 				ref_key: "chartTitle",
-				ref: A,
-				style: y({
+				ref: O,
+				style: v({
 					width: "100%",
-					background: L.value.style.backgroundColor
+					background: F.value.style.backgroundColor
 				})
-			}, [(b(), ie(c, {
-				key: `title_${F.value}`,
+			}, [(y(), ie(c, {
+				key: `title_${N.value}`,
 				config: {
 					title: {
 						cy: "title",
-						...L.value.style.title
+						...F.value.style.title
 					},
 					subtitle: {
 						cy: "subtitle",
-						...L.value.style.title.subtitle
+						...F.value.style.title.subtitle
 					}
 				}
 			}, null, 8, ["config"]))], 4)) : f("", !0),
-			(b(), p("svg", {
+			(y(), p("svg", {
 				ref_key: "svgRef",
-				ref: Oe,
-				xmlns: w(r),
+				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: y({
+				style: v({
 					maxWidth: "100%",
 					overflow: "visible",
-					background: L.value.style.backgroundColor
+					background: F.value.style.backgroundColor
 				})
 			}, [
-				h(w(E)),
-				e.$slots["chart-background"] ? (b(), p("foreignObject", {
+				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" }
-				}, [S(e.$slots, "chart-background", {}, void 0, !0)], 8, fe)) : f("", !0),
-				L.value.stopwatch.tracker.gradient.show ? (b(), p("defs", pe, [h(ne, {
+				}, [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_${P.value}`,
+					id: `tracker_gradient_${M.value}`,
 					cx: "50%",
 					cy: "50%",
 					r: "50%",
@@ -290,11 +290,11 @@ var ue = class {
 					fy: "50%",
 					stops: [[
 						"0%",
-						L.value.stopwatch.tracker.gradient.color,
+						L.value.gradient.color,
 						1
 					], [
 						"100%",
-						L.value.stopwatch.tracker.fill,
+						L.value.fill,
 						1
 					]]
 				}, null, 8, ["id", "stops"])])) : f("", !0),
@@ -302,130 +302,130 @@ var ue = class {
 					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 ? (b(), p("path", {
+					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: L.value.stopwatch.cycleTrack.stroke,
-					"stroke-width": L.value.stopwatch.cycleTrack.strokeWidth,
+					stroke: I.value.cycleTrack.stroke,
+					"stroke-width": I.value.cycleTrack.strokeWidth,
 					"stroke-linecap": "round",
 					fill: "none"
-				}, null, 8, he)) : f("", !0),
-				m("circle", _($.value, {
+				}, null, 8, _e)) : f("", !0),
+				m("circle", oe($.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 ? (b(), p("circle", _({ key: 3 }, $.value, {
+					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.stopwatch.tracker.aura.fill}20`,
-					stroke: L.value.stopwatch.tracker.aura.stroke,
-					"stroke-width": L.value.stopwatch.tracker.aura.strokeWidth
-				}), null, 16, _e)) : f("", !0),
-				e.$slots.time ? (b(), p("foreignObject", {
+					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" }
-				}, [S(e.$slots, "time", v(g({
+				}, [x(e.$slots, "time", _(g({
 					...V.value,
 					...B.value
-				})), void 0, !0)], 8, ve)) : e.$slots.timeSvg ? (b(), p("g", ye, [S(e.$slots, "timeSvg", v(g({
+				})), void 0, !0)], 8, be)) : e.$slots.timeSvg ? (y(), p("g", xe, [x(e.$slots, "timeSvg", _(g({
 					...V.value,
 					...B.value
-				})), void 0, !0)])) : (b(), p("text", {
+				})), 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: L.value.stopwatch.label.color,
-					"font-weight": L.value.stopwatch.label.bold ? "bold" : "normal",
+					fill: I.value.label.color,
+					"font-weight": I.value.label.bold ? "bold" : "normal",
 					style: { "font-variant-numeric": "tabular-nums !important" }
-				}, ce(V.value.formatted || ke.value), 9, be))
-			], 12, de)),
+				}, ue(V.value.formatted || Me.value), 9, Se))
+			], 12, pe)),
 			m("div", {
 				ref_key: "chartLegend",
-				ref: j,
-				style: y({
+				ref: k,
+				style: v({
 					width: "100%",
-					backgroundColor: L.value.stopwatch.legend.backgroundColor
+					backgroundColor: R.value.backgroundColor
 				})
 			}, [
-				e.$slots.controls ? f("", !0) : (b(), p("div", xe, [
-					L.value.stopwatch.legend.buttons.start ? (b(), p("button", {
+				e.$slots.controls ? f("", !0) : (y(), p("div", Ce, [
+					R.value.buttons.start ? (y(), p("button", {
 						key: 0,
-						title: L.value.stopwatch.legend.buttonTitles.start,
+						title: R.value.buttonTitles.start,
 						onClick: K,
 						class: "vue-ui-timer-button",
-						style: y({
+						style: v({
 							opacity: W.value ? .2 : 1,
-							cursor: W.value ? "default" : R.value ? "pointer" : "default"
+							cursor: W.value ? "default" : z.value ? "pointer" : "default"
 						})
 					}, [h(u, {
 						name: "play",
-						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, Se)) : f("", !0),
-					L.value.stopwatch.legend.buttons.pause ? (b(), p("button", {
+						stroke: R.value.buttons.iconColor
+					}, null, 8, ["stroke"])], 12, we)) : f("", !0),
+					R.value.buttons.pause ? (y(), p("button", {
 						key: 1,
-						title: G.value ? L.value.stopwatch.legend.buttonTitles.resume : L.value.stopwatch.legend.buttonTitles.pause,
+						title: G.value ? R.value.buttonTitles.resume : R.value.buttonTitles.pause,
 						onClick: J,
 						class: "vue-ui-timer-button",
-						style: y({
+						style: v({
 							opacity: W.value ? 1 : .2,
-							cursor: W.value && R.value ? "pointer" : "default"
+							cursor: W.value && z.value ? "pointer" : "default"
 						})
 					}, [h(u, {
 						name: "pause",
-						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, Ce)) : f("", !0),
-					L.value.stopwatch.legend.buttons.reset ? (b(), p("button", {
+						stroke: R.value.buttons.iconColor
+					}, null, 8, ["stroke"])], 12, Te)) : f("", !0),
+					R.value.buttons.reset ? (y(), p("button", {
 						key: 2,
-						title: L.value.stopwatch.legend.buttonTitles.reset,
+						title: R.value.buttonTitles.reset,
 						onClick: q,
 						class: "vue-ui-timer-button",
-						style: y({
+						style: v({
 							opacity: W.value ? 1 : .2,
-							cursor: W.value && R.value ? "pointer" : "default"
+							cursor: W.value && z.value ? "pointer" : "default"
 						})
 					}, [h(u, {
 						name: "stop",
-						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, we)) : f("", !0),
-					L.value.stopwatch.legend.buttons.restart ? (b(), p("button", {
+						stroke: R.value.buttons.iconColor
+					}, null, 8, ["stroke"])], 12, Ee)) : f("", !0),
+					R.value.buttons.restart ? (y(), p("button", {
 						key: 3,
-						title: L.value.stopwatch.legend.buttonTitles.restart,
+						title: R.value.buttonTitles.restart,
 						onClick: Y,
 						class: "vue-ui-timer-button",
-						style: y({
+						style: v({
 							opacity: W.value ? 1 : .2,
-							cursor: W.value && R.value ? "pointer" : "default"
+							cursor: W.value && z.value ? "pointer" : "default"
 						})
 					}, [h(u, {
 						name: "restart",
-						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, Te)) : f("", !0),
-					L.value.stopwatch.legend.buttons.lap ? (b(), p("button", {
+						stroke: R.value.buttons.iconColor
+					}, null, 8, ["stroke"])], 12, De)) : f("", !0),
+					R.value.buttons.lap ? (y(), p("button", {
 						key: 4,
-						title: L.value.stopwatch.legend.buttonTitles.lap,
+						title: R.value.buttonTitles.lap,
 						onClick: Z,
 						class: "vue-ui-timer-button",
-						style: y({
+						style: v({
 							opacity: W.value && !G.value ? 1 : .2,
-							cursor: W.value && !G.value && R.value ? "pointer" : "default"
+							cursor: W.value && !G.value && z.value ? "pointer" : "default"
 						})
 					}, [h(u, {
 						name: "lap",
-						stroke: L.value.stopwatch.legend.buttons.iconColor
-					}, null, 8, ["stroke"])], 12, Ee)) : f("", !0)
+						stroke: R.value.buttons.iconColor
+					}, null, 8, ["stroke"])], 12, Oe)) : f("", !0)
 				])),
-				S(e.$slots, "controls", v(g({
+				x(e.$slots, "controls", _(g({
 					start: K,
 					pause: J,
 					reset: q,
@@ -436,7 +436,7 @@ var ue = class {
 					isPaused: G.value,
 					...V.value
 				})), void 0, !0),
-				S(e.$slots, "laps", v(g({
+				x(e.$slots, "laps", _(g({
 					laps: X.value,
 					lap: Z,
 					isRunning: W.value,
@@ -446,6 +446,6 @@ var ue = class {
 			], 4)
 		], 4));
 	}
-}, [["__scopeId", "data-v-64177013"]]);
+}, [["__scopeId", "data-v-2ce4581a"]]);
 //#endregion
-export { T as n, E as t };
+export { C as n, w as t };