vue-data-ui 2.6.5 → 2.6.7

package/dist/{vue-ui-timer-3UkgrtEj.js → vue-ui-timer-D-LNi6lz.js}

@@ -1,15 +1,16 @@
-import { ref as n, onMounted as Y, computed as A, onBeforeUnmount as Z, watch as ee, createElementBlock as r, openBlock as l, normalizeStyle as f, createCommentVNode as h, createElementVNode as _, createBlock as te, unref as ae, createVNode as M, renderSlot as z, mergeProps as X, normalizeProps as U, guardReactiveProps as W, toDisplayString as se } from "vue";
-import { u as le } from "./useNestedProp-q86V3_LA.js";
-import { u as oe, c as re, X as ue, F as G } from "./index-DLCyjPV0.js";
-import { t as ie, u as ne } from "./useResponsive-BWapHhVH.js";
-import I from "./BaseIcon-BzuvxztF.js";
-import { _ as ce } from "./Title-CXBc1TH6.js";
-import { _ as de } from "./PackageVersion-PZr4BkQ5.js";
-import { _ as he } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-class ve {
-  constructor(H, L, P, S = !0, w = !0) {
-    this.interval = L, this.elapsed = 0, this.isPaused = !1;
-    const C = `
+import { ref as i, onMounted as Z, computed as z, onBeforeUnmount as ee, watch as te, createElementBlock as o, openBlock as l, normalizeStyle as p, createCommentVNode as d, createElementVNode as _, createBlock as ae, unref as se, createVNode as C, renderSlot as H, mergeProps as q, normalizeProps as W, guardReactiveProps as G, toDisplayString as le } from "vue";
+import { u as oe } from "./useNestedProp-df_bKQEI.js";
+import { u as re, c as ue, X as ie, F as V } from "./index-9EeNZMz1.js";
+import { t as ne, u as ce } from "./useResponsive-BWapHhVH.js";
+import R from "./BaseIcon-CDx9pxUG.js";
+import { _ as de } from "./Title-BI8etrRU.js";
+import { _ as he } from "./PackageVersion-QRvxRYPv.js";
+import { u as ve } from "./useChartAccessibility-BWojgys7.js";
+import { _ as pe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+class fe {
+  constructor(L, N, P, S = !0, w = !0) {
+    this.interval = N, this.elapsed = 0, this.isPaused = !1;
+    const M = `
             let interval;
             let elapsed = 0;
             let paused = false;
@@ -72,53 +73,53 @@ class ve {
                         break;
                 }
             };
-        `, R = new Blob([C], { type: "application/javascript" }), D = URL.createObjectURL(R), u = new Worker(D);
-    function T(c) {
-      let v = Math.floor(c / 1e3), e = Math.floor(c % 1e3 / 10), k = Math.floor(v / 3600), $ = Math.floor(v % 3600 / 60), t = v % 60, o = "";
-      return w && (o += String(k).padStart(2, "0") + ":"), o += String($).padStart(2, "0") + ":", o += String(t).padStart(2, "0"), S && (o += "." + String(e).padStart(2, "0")), o;
+        `, D = new Blob([M], { type: "application/javascript" }), F = URL.createObjectURL(D), r = new Worker(F);
+    function T(n) {
+      let h = Math.floor(n / 1e3), e = Math.floor(n % 1e3 / 10), g = Math.floor(h / 3600), m = Math.floor(h % 3600 / 60), $ = h % 60, t = "";
+      return w && (t += String(g).padStart(2, "0") + ":"), t += String(m).padStart(2, "0") + ":", t += String($).padStart(2, "0"), S && (t += "." + String(e).padStart(2, "0")), t;
     }
     this.start = () => {
-      this.isPaused = !1, u.postMessage({ action: "start", data: { interval: this.interval } });
+      this.isPaused = !1, r.postMessage({ action: "start", data: { interval: this.interval } });
     }, this.pause = () => {
-      this.isPaused ? this.resume() : (this.isPaused = !0, u.postMessage({ action: "pause" }));
+      this.isPaused ? this.resume() : (this.isPaused = !0, r.postMessage({ action: "pause" }));
     }, this.resume = () => {
-      this.isPaused && (u.postMessage({ action: "resume" }), this.isPaused = !1);
+      this.isPaused && (r.postMessage({ action: "resume" }), this.isPaused = !1);
     }, this.stop = () => {
-      u.postMessage({ action: "stop" }), this.isPaused = !1;
+      r.postMessage({ action: "stop" }), this.isPaused = !1;
     }, this.reset = () => {
-      u.postMessage({ action: "reset" }), this.elapsed = 0, this.isPaused = !1;
+      r.postMessage({ action: "reset" }), this.elapsed = 0, this.isPaused = !1;
     }, this.restart = () => {
       this.stop(), this.start();
-    }, this.lap = () => new Promise((c) => {
-      u.postMessage({ action: "lap" });
-      const v = (e) => {
-        const { elapsed: k, timestamp: $, action: t } = e.data;
-        if (t === "lap") {
-          const o = T(k);
-          c({
-            timestamp: $ || 0,
-            elapsed: k,
-            formatted: o
+    }, this.lap = () => new Promise((n) => {
+      r.postMessage({ action: "lap" });
+      const h = (e) => {
+        const { elapsed: g, timestamp: m, action: $ } = e.data;
+        if ($ === "lap") {
+          const t = T(g);
+          n({
+            timestamp: m || 0,
+            elapsed: g,
+            formatted: t
           });
         }
       };
-      u.addEventListener("message", v, { once: !0 });
-    }), u.onmessage = (c) => {
-      const { elapsed: v, timestamp: e } = c.data;
-      this.elapsed = v, H({
+      r.addEventListener("message", h, { once: !0 });
+    }), r.onmessage = (n) => {
+      const { elapsed: h, timestamp: e } = n.data;
+      this.elapsed = h, L({
         timestamp: e || 0,
         elapsed: this.elapsed,
         formatted: T(this.elapsed)
       });
-    }, u.onerror = (c) => {
-      P && P(c);
+    }, r.onerror = (n) => {
+      P && P(n);
     };
   }
 }
-const pe = ["xmlns", "viewBox"], fe = ["width", "height"], we = { key: 1 }, ke = ["id"], ge = ["stop-color"], me = ["stop-color"], ye = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], be = ["d", "stroke", "stroke-width"], _e = ["r", "fill", "stroke", "stroke-width"], Me = ["r", "fill", "stroke", "stroke-width"], Ce = ["x", "y"], Te = ["x", "y", "font-size", "fill", "font-weight"], $e = {
+const we = ["xmlns", "viewBox"], ke = ["width", "height"], ge = { key: 1 }, me = ["id"], ye = ["stop-color"], be = ["stop-color"], _e = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ce = ["d", "stroke", "stroke-width"], Me = ["r", "fill", "stroke", "stroke-width"], Te = ["r", "fill", "stroke", "stroke-width"], $e = ["x", "y"], xe = ["x", "y", "font-size", "fill", "font-weight"], Ie = {
   key: 0,
   class: "vue-ui-timer-controls"
-}, xe = ["title"], Ie = ["title"], Pe = ["title"], Se = ["title"], Re = ["title"], De = {
+}, Re = ["title"], Pe = ["title"], Se = ["title"], De = ["title"], Fe = ["title"], Ae = {
   __name: "vue-ui-timer",
   props: {
     config: {
@@ -129,34 +130,34 @@ const pe = ["xmlns", "viewBox"], fe = ["width", "height"], we = { key: 1 }, ke =
     }
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
-  setup(V, { expose: H, emit: L }) {
-    const { vue_ui_timer: P } = oe(), S = V, w = L, C = n(null), R = n(null), D = n(null), u = n(null), T = n(re()), c = n(0);
-    Y(() => {
-      v();
+  setup(X, { expose: L, emit: N }) {
+    const { vue_ui_timer: P } = re(), S = X, w = N, M = i(null), D = i(null), F = i(null), r = i(null), T = i(ue()), n = i(0);
+    Z(() => {
+      h();
     });
-    function v() {
+    function h() {
       if (e.value.responsive) {
-        const a = ie(() => {
-          const { width: i, height: d } = ne({
-            chart: C.value,
-            title: e.value.style.title.text ? R.value : null,
-            legend: D.value
+        const a = ne(() => {
+          const { width: u, height: c } = ce({
+            chart: M.value,
+            title: e.value.style.title.text ? D.value : null,
+            legend: F.value
           });
           requestAnimationFrame(() => {
-            t.value.width = i, t.value.height = d, t.value.tracker.core = G({
-              relator: Math.min(i, d),
+            t.value.width = u, t.value.height = c, t.value.tracker.core = V({
+              relator: Math.min(u, c),
               adjuster: e.value.style.width,
               source: 6 * e.value.stopwatch.tracker.radiusRatio,
               threshold: 1,
               fallback: 1
-            }), t.value.tracker.aura = G({
-              relator: Math.min(i, d),
+            }), t.value.tracker.aura = V({
+              relator: Math.min(u, c),
               adjuster: e.value.style.width,
               source: 12 * e.value.stopwatch.tracker.aura.radiusRatio,
               threshold: 1,
               fallback: 1
-            }), t.value.label = G({
-              relator: Math.min(i, d),
+            }), t.value.label = V({
+              relator: Math.min(u, c),
               adjuster: e.value.style.width,
               source: e.value.stopwatch.label.fontSize,
               threshold: 10,
@@ -164,26 +165,26 @@ const pe = ["xmlns", "viewBox"], fe = ["width", "height"], we = { key: 1 }, ke =
             });
           });
         });
-        u.value = new ResizeObserver(a), u.value.observe(C.value.parentNode);
+        r.value = new ResizeObserver(a), r.value.observe(M.value.parentNode);
       }
     }
-    Z(() => {
-      u.value && u.value.disconnect();
+    ee(() => {
+      r.value && r.value.disconnect();
     });
-    const e = A({
-      get: () => k(),
+    const e = z({
+      get: () => m(),
       set: (a) => a
-    });
-    function k() {
-      return le({
+    }), { svgRef: g } = ve({ config: e.value.style.title });
+    function m() {
+      return oe({
         userConfig: S.config,
         defaultConfig: P
       });
     }
-    ee(() => S.config, (a) => {
-      e.value = k(), v(), c.value += 1;
+    te(() => S.config, (a) => {
+      e.value = m(), h(), n.value += 1;
     }, { deep: !0 });
-    const $ = A(() => {
+    const $ = z(() => {
       if (e.value.stopwatch.showHours && e.value.stopwatch.showHundredth)
         return "00:00:00.00";
       if (e.value.stopwatch.showHours && !e.value.stopwatch.showHundredth)
@@ -192,7 +193,7 @@ const pe = ["xmlns", "viewBox"], fe = ["width", "height"], we = { key: 1 }, ke =
         return "00:00.00";
       if (!e.value.stopwatch.showHours && !e.value.stopwatch.showHundredth)
         return "00:00";
-    }), t = n({
+    }), t = i({
       height: e.value.style.height,
       width: e.value.style.width,
       tracker: {
@@ -200,80 +201,80 @@ const pe = ["xmlns", "viewBox"], fe = ["width", "height"], we = { key: 1 }, ke =
         aura: 12 * e.value.stopwatch.tracker.aura.radiusRatio
       },
       label: e.value.stopwatch.label.fontSize
-    }), o = n(0), m = new ve(
-      (a) => q(a),
+    }), f = i(0), x = new fe(
+      (a) => J(a),
       10,
       "",
       e.value.stopwatch.showHundredth,
       e.value.stopwatch.showHours
-    ), N = n(!0), s = n(!1), p = n(!1);
-    function j() {
-      w("start"), N.value && m.start(), N.value = !1, s.value = !0;
-    }
+    ), j = i(!0), s = i(!1), v = i(!1);
     function B() {
-      s.value && (w("reset"), m.stop(), y.value = [], N.value = !0, s.value = !1);
+      w("start"), j.value && x.start(), j.value = !1, s.value = !0;
     }
     function O() {
-      p.value = !p.value, w("pause", o.value), m.pause();
+      s.value && (w("reset"), x.stop(), y.value = [], j.value = !0, s.value = !1);
     }
     function E() {
-      s.value && (p.value = !1, w("restart"), y.value = [], m.restart());
+      v.value = !v.value, w("pause", f.value), x.pause();
     }
-    const y = n([]);
-    async function F() {
-      if (!s.value || p.value) return;
-      const a = await m.lap();
+    function U() {
+      s.value && (v.value = !1, w("restart"), y.value = [], x.restart());
+    }
+    const y = i([]);
+    async function A() {
+      if (!s.value || v.value) return;
+      const a = await x.lap();
       a && (y.value.push(a), w("lap", y.value));
     }
-    function q({ timestamp: a, elapsed: i, formatted: d }) {
-      o.value = { timestamp: a, elapsed: i, formatted: d };
+    function J({ timestamp: a, elapsed: u, formatted: c }) {
+      f.value = { timestamp: a, elapsed: u, formatted: c };
     }
-    const g = A(() => Math.min(t.value.width, t.value.height) / 2.5 * e.value.stopwatch.track.radiusRatio);
-    function J(a, i) {
-      const x = 360 / (i * 1e3);
-      return a * x % 360;
+    const k = z(() => Math.min(t.value.width, t.value.height) / 2.5 * e.value.stopwatch.track.radiusRatio);
+    function K(a, u) {
+      const I = 360 / (u * 1e3);
+      return a * I % 360;
     }
-    function K(a) {
-      let i = a * (Math.PI / 180), d = t.value.width / 2 + g.value * Math.cos(i), x = t.value.height / 2 + g.value * Math.sin(i);
-      return { cx: d, cy: x };
+    function Q(a) {
+      let u = a * (Math.PI / 180), c = t.value.width / 2 + k.value * Math.cos(u), I = t.value.height / 2 + k.value * Math.sin(u);
+      return { cx: c, cy: I };
     }
-    const b = A(() => {
-      const a = J(o.value.elapsed, e.value.stopwatch.cycleSeconds), { cx: i, cy: d } = K(a - 90), x = a > 180 ? 1 : 0;
+    const b = z(() => {
+      const a = K(f.value.elapsed, e.value.stopwatch.cycleSeconds), { cx: u, cy: c } = Q(a - 90), I = a > 180 ? 1 : 0;
       return {
-        cx: i || t.value.width / 2,
-        cy: d || t.value.height / 2 - g.value,
-        largeArcFlag: x,
+        cx: u || t.value.width / 2,
+        cy: c || t.value.height / 2 - k.value,
+        largeArcFlag: I,
         sweepFlag: 1
       };
     });
-    return H({
-      start: j,
-      pause: O,
-      reset: B,
-      restart: E,
-      lap: F
-    }), (a, i) => (l(), r("div", {
+    return L({
+      start: B,
+      pause: E,
+      reset: O,
+      restart: U,
+      lap: A
+    }), (a, u) => (l(), o("div", {
       ref_key: "timerChart",
-      ref: C,
+      ref: M,
       class: "vue-ui-timer",
-      style: f({
+      style: p({
         fontFamily: e.value.style.fontFamily,
         width: "100%",
         height: e.value.responsive ? "100%" : "auto",
         textAlign: "center"
       })
     }, [
-      e.value.style.title.text ? (l(), r("div", {
+      e.value.style.title.text ? (l(), o("div", {
         key: 0,
         ref_key: "chartTitle",
-        ref: R,
-        style: f({
+        ref: D,
+        style: p({
           width: "100%",
           background: e.value.style.backgroundColor
         })
       }, [
-        (l(), te(ce, {
-          key: `title_${c.value}`,
+        (l(), ae(de, {
+          key: `title_${n.value}`,
           config: {
             title: {
               cy: "title",
@@ -285,18 +286,20 @@ const pe = ["xmlns", "viewBox"], fe = ["width", "height"], we = { key: 1 }, ke =
             }
           }
         }, null, 8, ["config"]))
-      ], 4)) : h("", !0),
-      (l(), r("svg", {
-        xmlns: ae(ue),
+      ], 4)) : d("", !0),
+      (l(), o("svg", {
+        ref_key: "svgRef",
+        ref: g,
+        xmlns: se(ie),
         viewBox: `0 0 ${t.value.width <= 0 ? 10 : t.value.width} ${t.value.height <= 0 ? 10 : t.value.height}`,
-        style: f({
+        style: p({
           maxWidth: "100%",
           overflow: "visible",
           background: e.value.style.backgroundColor
         })
       }, [
-        M(de),
-        a.$slots["chart-background"] ? (l(), r("foreignObject", {
+        C(he),
+        a.$slots["chart-background"] ? (l(), o("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -306,9 +309,9 @@ const pe = ["xmlns", "viewBox"], fe = ["width", "height"], we = { key: 1 }, ke =
             pointerEvents: "none"
           }
         }, [
-          z(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, fe)) : h("", !0),
-        e.value.stopwatch.tracker.gradient.show ? (l(), r("defs", we, [
+          H(a.$slots, "chart-background", {}, void 0, !0)
+        ], 8, ke)) : d("", !0),
+        e.value.stopwatch.tracker.gradient.show ? (l(), o("defs", ge, [
           _("radialGradient", {
             id: `tracker_gradient_${T.value}`,
             cx: "50%",
@@ -320,42 +323,42 @@ const pe = ["xmlns", "viewBox"], fe = ["width", "height"], we = { key: 1 }, ke =
             _("stop", {
               offset: "0%",
               "stop-color": e.value.stopwatch.tracker.gradient.color
-            }, null, 8, ge),
+            }, null, 8, ye),
             _("stop", {
               offset: "100%",
               "stop-color": e.value.stopwatch.tracker.fill
-            }, null, 8, me)
-          ], 8, ke)
-        ])) : h("", !0),
+            }, null, 8, be)
+          ], 8, me)
+        ])) : d("", !0),
         _("circle", {
           cx: t.value.width / 2,
           cy: t.value.height / 2,
-          r: g.value,
+          r: k.value,
           fill: e.value.stopwatch.track.fill,
           stroke: e.value.stopwatch.track.stroke,
           "stroke-width": e.value.stopwatch.track.strokeWidth
-        }, null, 8, ye),
-        e.value.stopwatch.cycleTrack.show ? (l(), r("path", {
+        }, null, 8, _e),
+        e.value.stopwatch.cycleTrack.show ? (l(), o("path", {
           key: 2,
-          d: `M ${t.value.width / 2},${t.value.height / 2 - g.value} A ${g.value},${g.value} 0 ${b.value.largeArcFlag},${b.value.sweepFlag} ${b.value.cx},${b.value.cy}`,
+          d: `M ${t.value.width / 2},${t.value.height / 2 - k.value} A ${k.value},${k.value} 0 ${b.value.largeArcFlag},${b.value.sweepFlag} ${b.value.cx},${b.value.cy}`,
           stroke: e.value.stopwatch.cycleTrack.stroke,
           "stroke-width": e.value.stopwatch.cycleTrack.strokeWidth,
           "stroke-linecap": "round",
           fill: "none"
-        }, null, 8, be)) : h("", !0),
-        _("circle", X(b.value, {
+        }, null, 8, Ce)) : d("", !0),
+        _("circle", q(b.value, {
           r: t.value.tracker.core,
           fill: e.value.stopwatch.tracker.gradient.show ? `url(#tracker_gradient_${T.value})` : e.value.stopwatch.tracker.fill,
           stroke: e.value.stopwatch.tracker.stroke,
           "stroke-width": e.value.stopwatch.tracker.strokeWidth
-        }), null, 16, _e),
-        e.value.stopwatch.tracker.aura.show ? (l(), r("circle", X({ key: 3 }, b.value, {
+        }), null, 16, Me),
+        e.value.stopwatch.tracker.aura.show ? (l(), o("circle", q({ key: 3 }, b.value, {
           r: t.value.tracker.aura,
           fill: `${e.value.stopwatch.tracker.aura.fill}20`,
           stroke: e.value.stopwatch.tracker.aura.stroke,
           "stroke-width": e.value.stopwatch.tracker.aura.strokeWidth
-        }), null, 16, Me)) : h("", !0),
-        a.$slots.time ? (l(), r("foreignObject", {
+        }), null, 16, Te)) : d("", !0),
+        a.$slots.time ? (l(), o("foreignObject", {
           key: 4,
           x: t.value.width / 2,
           y: t.value.height / 2,
@@ -363,8 +366,8 @@ const pe = ["xmlns", "viewBox"], fe = ["width", "height"], we = { key: 1 }, ke =
           width: "0.1",
           style: { overflow: "visible" }
         }, [
-          z(a.$slots, "time", U(W({ ...o.value })), void 0, !0)
-        ], 8, Ce)) : (l(), r("text", {
+          H(a.$slots, "time", W(G({ ...f.value })), void 0, !0)
+        ], 8, $e)) : (l(), o("text", {
           key: 5,
           x: t.value.width / 2,
           y: t.value.height / 2 + t.value.label / 4,
@@ -373,112 +376,112 @@ const pe = ["xmlns", "viewBox"], fe = ["width", "height"], we = { key: 1 }, ke =
           fill: e.value.stopwatch.label.color,
           "font-weight": e.value.stopwatch.label.bold ? "bold" : "normal",
           style: { "font-variant-numeric": "tabular-nums !important" }
-        }, se(o.value.formatted || $.value), 9, Te))
-      ], 12, pe)),
+        }, le(f.value.formatted || $.value), 9, xe))
+      ], 12, we)),
       _("div", {
         ref_key: "chartLegend",
-        ref: D,
-        style: f({ width: "100%", backgroundColor: e.value.stopwatch.legend.backgroundColor })
+        ref: F,
+        style: p({ width: "100%", backgroundColor: e.value.stopwatch.legend.backgroundColor })
       }, [
-        a.$slots.controls ? h("", !0) : (l(), r("div", $e, [
-          e.value.stopwatch.legend.buttons.start ? (l(), r("button", {
+        a.$slots.controls ? d("", !0) : (l(), o("div", Ie, [
+          e.value.stopwatch.legend.buttons.start ? (l(), o("button", {
             key: 0,
             title: e.value.stopwatch.legend.buttonTitles.start,
-            onClick: j,
+            onClick: B,
             class: "vue-ui-timer-button",
-            style: f({
+            style: p({
               opacity: s.value ? 0.2 : 1,
               cursor: s.value ? "default" : "pointer"
             })
           }, [
-            M(I, {
+            C(R, {
               name: "play",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, xe)) : h("", !0),
-          e.value.stopwatch.legend.buttons.pause ? (l(), r("button", {
+          ], 12, Re)) : d("", !0),
+          e.value.stopwatch.legend.buttons.pause ? (l(), o("button", {
             key: 1,
-            title: p.value ? e.value.stopwatch.legend.buttonTitles.resume : e.value.stopwatch.legend.buttonTitles.pause,
-            onClick: O,
+            title: v.value ? e.value.stopwatch.legend.buttonTitles.resume : e.value.stopwatch.legend.buttonTitles.pause,
+            onClick: E,
             class: "vue-ui-timer-button",
-            style: f({
+            style: p({
               opacity: s.value ? 1 : 0.2,
               cursor: s.value ? "pointer" : "default"
             })
           }, [
-            M(I, {
+            C(R, {
               name: "pause",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, Ie)) : h("", !0),
-          e.value.stopwatch.legend.buttons.reset ? (l(), r("button", {
+          ], 12, Pe)) : d("", !0),
+          e.value.stopwatch.legend.buttons.reset ? (l(), o("button", {
             key: 2,
             title: e.value.stopwatch.legend.buttonTitles.reset,
-            onClick: B,
+            onClick: O,
             class: "vue-ui-timer-button",
-            style: f({
+            style: p({
               opacity: s.value ? 1 : 0.2,
               cursor: s.value ? "pointer" : "default"
             })
           }, [
-            M(I, {
+            C(R, {
               name: "stop",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, Pe)) : h("", !0),
-          e.value.stopwatch.legend.buttons.restart ? (l(), r("button", {
+          ], 12, Se)) : d("", !0),
+          e.value.stopwatch.legend.buttons.restart ? (l(), o("button", {
             key: 3,
             title: e.value.stopwatch.legend.buttonTitles.restart,
-            onClick: E,
+            onClick: U,
             class: "vue-ui-timer-button",
-            style: f({
+            style: p({
               opacity: s.value ? 1 : 0.2,
               cursor: s.value ? "pointer" : "default"
             })
           }, [
-            M(I, {
+            C(R, {
               name: "restart",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, Se)) : h("", !0),
-          e.value.stopwatch.legend.buttons.lap ? (l(), r("button", {
+          ], 12, De)) : d("", !0),
+          e.value.stopwatch.legend.buttons.lap ? (l(), o("button", {
             key: 4,
             title: e.value.stopwatch.legend.buttonTitles.lap,
-            onClick: F,
+            onClick: A,
             class: "vue-ui-timer-button",
-            style: f({
-              opacity: s.value && !p.value ? 1 : 0.2,
-              cursor: s.value && !p.value ? "pointer" : "default"
+            style: p({
+              opacity: s.value && !v.value ? 1 : 0.2,
+              cursor: s.value && !v.value ? "pointer" : "default"
             })
           }, [
-            M(I, {
+            C(R, {
               name: "lap",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, Re)) : h("", !0)
+          ], 12, Fe)) : d("", !0)
         ])),
-        z(a.$slots, "controls", U(W({
-          start: j,
-          pause: O,
-          reset: B,
-          restart: E,
-          lap: F,
+        H(a.$slots, "controls", W(G({
+          start: B,
+          pause: E,
+          reset: O,
+          restart: U,
+          lap: A,
           laps: y.value,
           isRunning: s.value,
-          isPaused: p.value,
-          ...o.value
+          isPaused: v.value,
+          ...f.value
         })), void 0, !0),
-        z(a.$slots, "laps", U(W({
+        H(a.$slots, "laps", W(G({
           laps: y.value,
-          lap: F,
+          lap: A,
           isRunning: s.value,
-          isPaused: p.value,
-          ...o.value
+          isPaused: v.value,
+          ...f.value
         })), void 0, !0)
       ], 4)
     ], 4));
   }
-}, Oe = /* @__PURE__ */ he(De, [["__scopeId", "data-v-be90052b"]]);
+}, We = /* @__PURE__ */ pe(Ae, [["__scopeId", "data-v-19145f1f"]]);
 export {
-  Oe as default
+  We as default
 };