vue-data-ui 2.12.6 → 2.12.7-beta.0

package/dist/{vue-ui-timer-ByaKokk8.js → vue-ui-timer-D9FfRWN5.js}

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