vue-data-ui 2.3.73 → 2.3.75

package/dist/{vue-ui-timer-KGEswANF.js → vue-ui-timer-CkB7eZaE.js}

@@ -1,14 +1,14 @@
-import { ref as d, onMounted as q, onBeforeUnmount as J, computed as D, openBlock as r, createElementBlock as u, normalizeStyle as f, createVNode as _, createCommentVNode as p, unref as K, createElementVNode as M, mergeProps as E, renderSlot as N, normalizeProps as j, guardReactiveProps as B, toDisplayString as Q } from "vue";
-import { u as Y } from "./useNestedProp-UohhCyBz.js";
-import { u as Z, c as ee, X as te, D as O } from "./index-Dvs5Ra-u.js";
-import { t as ae, u as se } from "./useResponsive-NZB-WLRF.js";
-import x from "./BaseIcon-_V_BEdy8.js";
-import { _ as le } from "./Title-Ngy9HNqO.js";
-import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-class re {
-  constructor(F, w, I, z = !0, C = !0) {
-    this.interval = w, this.elapsed = 0, this.isPaused = !1;
-    const $ = `
+import { ref as n, onMounted as Q, onBeforeUnmount as Y, computed as z, watch as Z, openBlock as l, createElementBlock as r, normalizeStyle as f, createBlock as ee, createCommentVNode as v, unref as te, createElementVNode as M, mergeProps as V, renderSlot as O, normalizeProps as U, guardReactiveProps as E, toDisplayString as ae, createVNode as $ } from "vue";
+import { u as se } from "./useNestedProp-CurQIHTa.js";
+import { u as le, c as oe, X as re, D as W } from "./index-Cm4Iry5c.js";
+import { t as ue, u as ie } from "./useResponsive-NZB-WLRF.js";
+import P from "./BaseIcon-BAOfPaXs.js";
+import { _ as ne } from "./Title-C26I_HC3.js";
+import { _ as ce } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+class de {
+  constructor(A, k, C, H = !0, T = !0) {
+    this.interval = k, this.elapsed = 0, this.isPaused = !1;
+    const S = `
             let interval;
             let elapsed = 0;
             let paused = false;
@@ -71,53 +71,53 @@ class re {
                         break;
                 }
             };
-        `, P = new Blob([$], { type: "application/javascript" }), m = URL.createObjectURL(P), n = new Worker(m);
-    function e(h) {
-      let t = Math.floor(h / 1e3), i = Math.floor(h % 1e3 / 10), v = Math.floor(t / 3600), k = Math.floor(t % 3600 / 60), a = t % 60, l = "";
-      return C && (l += String(v).padStart(2, "0") + ":"), l += String(k).padStart(2, "0") + ":", l += String(a).padStart(2, "0"), z && (l += "." + String(i).padStart(2, "0")), l;
+        `, R = new Blob([S], { type: "application/javascript" }), m = URL.createObjectURL(R), i = new Worker(m);
+    function x(c) {
+      let e = Math.floor(c / 1e3), w = Math.floor(c % 1e3 / 10), y = Math.floor(e / 3600), t = Math.floor(e % 3600 / 60), d = e % 60, u = "";
+      return T && (u += String(y).padStart(2, "0") + ":"), u += String(t).padStart(2, "0") + ":", u += String(d).padStart(2, "0"), H && (u += "." + String(w).padStart(2, "0")), u;
     }
     this.start = () => {
-      this.isPaused = !1, n.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, n.postMessage({ action: "pause" }));
+      this.isPaused ? this.resume() : (this.isPaused = !0, i.postMessage({ action: "pause" }));
     }, this.resume = () => {
-      this.isPaused && (n.postMessage({ action: "resume" }), this.isPaused = !1);
+      this.isPaused && (i.postMessage({ action: "resume" }), this.isPaused = !1);
     }, this.stop = () => {
-      n.postMessage({ action: "stop" }), this.isPaused = !1;
+      i.postMessage({ action: "stop" }), this.isPaused = !1;
     }, this.reset = () => {
-      n.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((h) => {
-      n.postMessage({ action: "lap" });
-      const t = (i) => {
-        const { elapsed: v, timestamp: k, action: a } = i.data;
-        if (a === "lap") {
-          const l = e(v);
-          h({
-            timestamp: k || 0,
-            elapsed: v,
-            formatted: l
+    }, this.lap = () => new Promise((c) => {
+      i.postMessage({ action: "lap" });
+      const e = (w) => {
+        const { elapsed: y, timestamp: t, action: d } = w.data;
+        if (d === "lap") {
+          const u = x(y);
+          c({
+            timestamp: t || 0,
+            elapsed: y,
+            formatted: u
           });
         }
       };
-      n.addEventListener("message", t, { once: !0 });
-    }), n.onmessage = (h) => {
-      const { elapsed: t, timestamp: i } = h.data;
-      this.elapsed = t, F({
-        timestamp: i || 0,
+      i.addEventListener("message", e, { once: !0 });
+    }), i.onmessage = (c) => {
+      const { elapsed: e, timestamp: w } = c.data;
+      this.elapsed = e, A({
+        timestamp: w || 0,
         elapsed: this.elapsed,
-        formatted: e(this.elapsed)
+        formatted: x(this.elapsed)
       });
-    }, n.onerror = (h) => {
-      I && I(h);
+    }, i.onerror = (c) => {
+      C && C(c);
     };
   }
 }
-const ue = ["xmlns", "viewBox"], ie = { key: 0 }, ne = ["id"], ce = ["stop-color"], de = ["stop-color"], he = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ve = ["d", "stroke", "stroke-width"], pe = ["r", "fill", "stroke", "stroke-width"], fe = ["r", "fill", "stroke", "stroke-width"], we = ["x", "y"], ke = ["x", "y", "font-size", "fill", "font-weight"], ge = {
+const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color"], we = ["stop-color"], ke = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ge = ["d", "stroke", "stroke-width"], me = ["r", "fill", "stroke", "stroke-width"], ye = ["r", "fill", "stroke", "stroke-width"], be = ["x", "y"], _e = ["x", "y", "font-size", "fill", "font-weight"], Me = {
   key: 0,
   class: "vue-ui-timer-controls"
-}, me = ["title"], ye = ["title"], be = ["title"], _e = ["title"], Me = ["title"], Ce = {
+}, Ce = ["title"], Te = ["title"], xe = ["title"], Ie = ["title"], $e = ["title"], Pe = {
   __name: "vue-ui-timer",
   props: {
     config: {
@@ -128,45 +128,59 @@ const ue = ["xmlns", "viewBox"], ie = { key: 0 }, ne = ["id"], ce = ["stop-color
     }
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
-  setup(U, { expose: F, emit: w }) {
-    const I = U, { vue_ui_timer: z } = Z(), C = d(null), $ = d(null), P = d(null), m = d(null), n = d(ee());
-    q(() => {
+  setup(G, { expose: A, emit: k }) {
+    const C = G, { vue_ui_timer: H } = le(), T = n(null), S = n(null), R = n(null), m = n(null), i = n(oe()), x = n(0);
+    Q(() => {
+      c();
+    });
+    function c() {
       if (e.value.responsive) {
-        const s = ae(() => {
-          const { width: o, height: c } = se({
-            chart: C.value,
-            title: e.value.style.title.text ? $.value : null,
-            legend: P.value
+        const a = ue(() => {
+          const { width: o, height: h } = ie({
+            chart: T.value,
+            title: e.value.style.title.text ? S.value : null,
+            legend: R.value
           });
-          t.value.width = o, t.value.height = c, t.value.tracker.core = O({
-            relator: Math.min(o, c),
+          t.value.width = o, t.value.height = h, t.value.tracker.core = W({
+            relator: Math.min(o, h),
             adjuster: e.value.style.width,
             source: 6 * e.value.stopwatch.tracker.radiusRatio,
             threshold: 1,
             fallback: 1
-          }), t.value.tracker.aura = O({
-            relator: Math.min(o, c),
+          }), t.value.tracker.aura = W({
+            relator: Math.min(o, h),
             adjuster: e.value.style.width,
             source: 12 * e.value.stopwatch.tracker.aura.radiusRatio,
             threshold: 1,
             fallback: 1
-          }), t.value.label = O({
-            relator: Math.min(o, c),
+          }), t.value.label = W({
+            relator: Math.min(o, h),
             adjuster: e.value.style.width,
             source: e.value.stopwatch.label.fontSize,
             threshold: 10,
             fallback: 10
           });
         });
-        m.value = new ResizeObserver(s), m.value.observe(C.value.parentNode);
+        m.value = new ResizeObserver(a), m.value.observe(T.value.parentNode);
       }
-    }), J(() => {
+    }
+    Y(() => {
       m.value && m.value.disconnect();
     });
-    const e = D(() => Y({
-      userConfig: I.config,
-      defaultConfig: z
-    })), h = D(() => {
+    const e = z({
+      get: () => w(),
+      set: (a) => a
+    });
+    function w() {
+      return se({
+        userConfig: C.config,
+        defaultConfig: H
+      });
+    }
+    Z(() => C.config, (a) => {
+      e.value = w(), c(), x.value += 1;
+    }, { deep: !0 });
+    const y = z(() => {
       if (e.value.stopwatch.showHours && e.value.stopwatch.showHundredth)
         return "00:00:00.00";
       if (e.value.stopwatch.showHours && !e.value.stopwatch.showHundredth)
@@ -175,7 +189,7 @@ const ue = ["xmlns", "viewBox"], ie = { key: 0 }, ne = ["id"], ce = ["stop-color
         return "00:00.00";
       if (!e.value.stopwatch.showHours && !e.value.stopwatch.showHundredth)
         return "00:00";
-    }), t = d({
+    }), t = n({
       height: e.value.style.height,
       width: e.value.style.width,
       tracker: {
@@ -183,61 +197,61 @@ const ue = ["xmlns", "viewBox"], ie = { key: 0 }, ne = ["id"], ce = ["stop-color
         aura: 12 * e.value.stopwatch.tracker.aura.radiusRatio
       },
       label: e.value.stopwatch.label.fontSize
-    }), i = d(0), v = new re(
-      (s) => W(s),
+    }), d = n(0), u = new de(
+      (a) => X(a),
       10,
       "",
       e.value.stopwatch.showHundredth,
       e.value.stopwatch.showHours
-    ), k = d(!0), a = d(!1), l = d(!1);
-    function R() {
-      w("start"), k.value && v.start(), k.value = !1, a.value = !0;
+    ), D = n(!0), s = n(!1), p = n(!1);
+    function L() {
+      k("start"), D.value && u.start(), D.value = !1, s.value = !0;
     }
-    function A() {
-      a.value && (w("reset"), v.stop(), y.value = [], k.value = !0, a.value = !1);
+    function N() {
+      s.value && (k("reset"), u.stop(), b.value = [], D.value = !0, s.value = !1);
     }
-    function H() {
-      l.value = !l.value, w("pause", i.value), v.pause();
+    function B() {
+      p.value = !p.value, k("pause", d.value), u.pause();
     }
-    function L() {
-      a.value && (l.value = !1, w("restart"), y.value = [], v.restart());
+    function j() {
+      s.value && (p.value = !1, k("restart"), b.value = [], u.restart());
     }
-    const y = d([]);
-    async function S() {
-      if (!a.value || l.value) return;
-      const s = await v.lap();
-      s && (y.value.push(s), w("lap", y.value));
+    const b = n([]);
+    async function F() {
+      if (!s.value || p.value) return;
+      const a = await u.lap();
+      a && (b.value.push(a), k("lap", b.value));
     }
-    function W({ timestamp: s, elapsed: o, formatted: c }) {
-      i.value = { timestamp: s, elapsed: o, formatted: c };
+    function X({ timestamp: a, elapsed: o, formatted: h }) {
+      d.value = { timestamp: a, elapsed: o, formatted: h };
     }
-    const g = D(() => Math.min(t.value.width, t.value.height) / 2.5 * e.value.stopwatch.track.radiusRatio);
-    function G(s, o) {
-      const T = 360 / (o * 1e3);
-      return s * T % 360;
+    const g = z(() => Math.min(t.value.width, t.value.height) / 2.5 * e.value.stopwatch.track.radiusRatio);
+    function q(a, o) {
+      const I = 360 / (o * 1e3);
+      return a * I % 360;
     }
-    function V(s) {
-      let o = s * (Math.PI / 180), c = t.value.width / 2 + g.value * Math.cos(o), T = t.value.height / 2 + g.value * Math.sin(o);
-      return { cx: c, cy: T };
+    function J(a) {
+      let o = a * (Math.PI / 180), h = t.value.width / 2 + g.value * Math.cos(o), I = t.value.height / 2 + g.value * Math.sin(o);
+      return { cx: h, cy: I };
     }
-    const b = D(() => {
-      const s = G(i.value.elapsed, e.value.stopwatch.cycleSeconds), { cx: o, cy: c } = V(s - 90), T = s > 180 ? 1 : 0;
+    const _ = z(() => {
+      const a = q(d.value.elapsed, e.value.stopwatch.cycleSeconds), { cx: o, cy: h } = J(a - 90), I = a > 180 ? 1 : 0;
       return {
         cx: o || t.value.width / 2,
-        cy: c || t.value.height / 2 - g.value,
-        largeArcFlag: T,
+        cy: h || t.value.height / 2 - g.value,
+        largeArcFlag: I,
         sweepFlag: 1
       };
     });
-    return F({
-      start: R,
-      pause: H,
-      reset: A,
-      restart: L,
-      lap: S
-    }), (s, o) => (r(), u("div", {
+    return A({
+      start: L,
+      pause: B,
+      reset: N,
+      restart: j,
+      lap: F
+    }), (a, o) => (l(), r("div", {
       ref_key: "timerChart",
-      ref: C,
+      ref: T,
       class: "vue-ui-timer",
       style: f({
         fontFamily: e.value.style.fontFamily,
@@ -246,16 +260,17 @@ const ue = ["xmlns", "viewBox"], ie = { key: 0 }, ne = ["id"], ce = ["stop-color
         textAlign: "center"
       })
     }, [
-      e.value.style.title.text ? (r(), u("div", {
+      e.value.style.title.text ? (l(), r("div", {
         key: 0,
         ref_key: "chartTitle",
-        ref: $,
+        ref: S,
         style: f({
           width: "100%",
           background: e.value.style.backgroundColor
         })
       }, [
-        _(le, {
+        (l(), ee(ne, {
+          key: `title_${x.value}`,
           config: {
             title: {
               cy: "title",
@@ -266,10 +281,10 @@ const ue = ["xmlns", "viewBox"], ie = { key: 0 }, ne = ["id"], ce = ["stop-color
               ...e.value.style.title.subtitle
             }
           }
-        }, null, 8, ["config"])
-      ], 4)) : p("", !0),
-      (r(), u("svg", {
-        xmlns: K(te),
+        }, null, 8, ["config"]))
+      ], 4)) : v("", !0),
+      (l(), r("svg", {
+        xmlns: te(re),
         viewBox: `0 0 ${t.value.width <= 0 ? 10 : t.value.width} ${t.value.height <= 0 ? 10 : t.value.height}`,
         style: f({
           maxWidth: "100%",
@@ -277,9 +292,9 @@ const ue = ["xmlns", "viewBox"], ie = { key: 0 }, ne = ["id"], ce = ["stop-color
           background: e.value.style.backgroundColor
         })
       }, [
-        e.value.stopwatch.tracker.gradient.show ? (r(), u("defs", ie, [
+        e.value.stopwatch.tracker.gradient.show ? (l(), r("defs", ve, [
           M("radialGradient", {
-            id: `tracker_gradient_${n.value}`,
+            id: `tracker_gradient_${i.value}`,
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -289,13 +304,13 @@ const ue = ["xmlns", "viewBox"], ie = { key: 0 }, ne = ["id"], ce = ["stop-color
             M("stop", {
               offset: "0%",
               "stop-color": e.value.stopwatch.tracker.gradient.color
-            }, null, 8, ce),
+            }, null, 8, fe),
             M("stop", {
               offset: "100%",
               "stop-color": e.value.stopwatch.tracker.fill
-            }, null, 8, de)
-          ], 8, ne)
-        ])) : p("", !0),
+            }, null, 8, we)
+          ], 8, pe)
+        ])) : v("", !0),
         M("circle", {
           cx: t.value.width / 2,
           cy: t.value.height / 2,
@@ -303,28 +318,28 @@ const ue = ["xmlns", "viewBox"], ie = { key: 0 }, ne = ["id"], ce = ["stop-color
           fill: e.value.stopwatch.track.fill,
           stroke: e.value.stopwatch.track.stroke,
           "stroke-width": e.value.stopwatch.track.strokeWidth
-        }, null, 8, he),
-        e.value.stopwatch.cycleTrack.show ? (r(), u("path", {
+        }, null, 8, ke),
+        e.value.stopwatch.cycleTrack.show ? (l(), r("path", {
           key: 1,
-          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 - g.value} A ${g.value},${g.value} 0 ${_.value.largeArcFlag},${_.value.sweepFlag} ${_.value.cx},${_.value.cy}`,
           stroke: e.value.stopwatch.cycleTrack.stroke,
           "stroke-width": e.value.stopwatch.cycleTrack.strokeWidth,
           "stroke-linecap": "round",
           fill: "none"
-        }, null, 8, ve)) : p("", !0),
-        M("circle", E(b.value, {
+        }, null, 8, ge)) : v("", !0),
+        M("circle", V(_.value, {
           r: t.value.tracker.core,
-          fill: e.value.stopwatch.tracker.gradient.show ? `url(#tracker_gradient_${n.value})` : e.value.stopwatch.tracker.fill,
+          fill: e.value.stopwatch.tracker.gradient.show ? `url(#tracker_gradient_${i.value})` : e.value.stopwatch.tracker.fill,
           stroke: e.value.stopwatch.tracker.stroke,
           "stroke-width": e.value.stopwatch.tracker.strokeWidth
-        }), null, 16, pe),
-        e.value.stopwatch.tracker.aura.show ? (r(), u("circle", E({ key: 2 }, b.value, {
+        }), null, 16, me),
+        e.value.stopwatch.tracker.aura.show ? (l(), r("circle", V({ key: 2 }, _.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, fe)) : p("", !0),
-        s.$slots.time ? (r(), u("foreignObject", {
+        }), null, 16, ye)) : v("", !0),
+        a.$slots.time ? (l(), r("foreignObject", {
           key: 3,
           x: t.value.width / 2,
           y: t.value.height / 2,
@@ -332,8 +347,8 @@ const ue = ["xmlns", "viewBox"], ie = { key: 0 }, ne = ["id"], ce = ["stop-color
           width: "0.1",
           style: { overflow: "visible" }
         }, [
-          N(s.$slots, "time", j(B({ ...i.value })), void 0, !0)
-        ], 8, we)) : (r(), u("text", {
+          O(a.$slots, "time", U(E({ ...d.value })), void 0, !0)
+        ], 8, be)) : (l(), r("text", {
           key: 4,
           x: t.value.width / 2,
           y: t.value.height / 2 + t.value.label / 4,
@@ -342,112 +357,112 @@ const ue = ["xmlns", "viewBox"], ie = { key: 0 }, ne = ["id"], ce = ["stop-color
           fill: e.value.stopwatch.label.color,
           "font-weight": e.value.stopwatch.label.bold ? "bold" : "normal",
           style: { "font-variant-numeric": "tabular-nums !important" }
-        }, Q(i.value.formatted || h.value), 9, ke))
-      ], 12, ue)),
+        }, ae(d.value.formatted || y.value), 9, _e))
+      ], 12, he)),
       M("div", {
         ref_key: "chartLegend",
-        ref: P,
+        ref: R,
         style: f({ width: "100%", backgroundColor: e.value.stopwatch.legend.backgroundColor })
       }, [
-        s.$slots.controls ? p("", !0) : (r(), u("div", ge, [
-          e.value.stopwatch.legend.buttons.start ? (r(), u("button", {
+        a.$slots.controls ? v("", !0) : (l(), r("div", Me, [
+          e.value.stopwatch.legend.buttons.start ? (l(), r("button", {
             key: 0,
             title: e.value.stopwatch.legend.buttonTitles.start,
-            onClick: R,
+            onClick: L,
             class: "vue-ui-timer-button",
             style: f({
-              opacity: a.value ? 0.2 : 1,
-              cursor: a.value ? "default" : "pointer"
+              opacity: s.value ? 0.2 : 1,
+              cursor: s.value ? "default" : "pointer"
             })
           }, [
-            _(x, {
+            $(P, {
               name: "play",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, me)) : p("", !0),
-          e.value.stopwatch.legend.buttons.pause ? (r(), u("button", {
+          ], 12, Ce)) : v("", !0),
+          e.value.stopwatch.legend.buttons.pause ? (l(), r("button", {
             key: 1,
-            title: l.value ? e.value.stopwatch.legend.buttonTitles.resume : e.value.stopwatch.legend.buttonTitles.pause,
-            onClick: H,
+            title: p.value ? e.value.stopwatch.legend.buttonTitles.resume : e.value.stopwatch.legend.buttonTitles.pause,
+            onClick: B,
             class: "vue-ui-timer-button",
             style: f({
-              opacity: a.value ? 1 : 0.2,
-              cursor: a.value ? "pointer" : "default"
+              opacity: s.value ? 1 : 0.2,
+              cursor: s.value ? "pointer" : "default"
             })
           }, [
-            _(x, {
+            $(P, {
               name: "pause",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, ye)) : p("", !0),
-          e.value.stopwatch.legend.buttons.reset ? (r(), u("button", {
+          ], 12, Te)) : v("", !0),
+          e.value.stopwatch.legend.buttons.reset ? (l(), r("button", {
             key: 2,
             title: e.value.stopwatch.legend.buttonTitles.reset,
-            onClick: A,
+            onClick: N,
             class: "vue-ui-timer-button",
             style: f({
-              opacity: a.value ? 1 : 0.2,
-              cursor: a.value ? "pointer" : "default"
+              opacity: s.value ? 1 : 0.2,
+              cursor: s.value ? "pointer" : "default"
             })
           }, [
-            _(x, {
+            $(P, {
               name: "stop",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, be)) : p("", !0),
-          e.value.stopwatch.legend.buttons.restart ? (r(), u("button", {
+          ], 12, xe)) : v("", !0),
+          e.value.stopwatch.legend.buttons.restart ? (l(), r("button", {
             key: 3,
             title: e.value.stopwatch.legend.buttonTitles.restart,
-            onClick: L,
+            onClick: j,
             class: "vue-ui-timer-button",
             style: f({
-              opacity: a.value ? 1 : 0.2,
-              cursor: a.value ? "pointer" : "default"
+              opacity: s.value ? 1 : 0.2,
+              cursor: s.value ? "pointer" : "default"
             })
           }, [
-            _(x, {
+            $(P, {
               name: "restart",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, _e)) : p("", !0),
-          e.value.stopwatch.legend.buttons.lap ? (r(), u("button", {
+          ], 12, Ie)) : v("", !0),
+          e.value.stopwatch.legend.buttons.lap ? (l(), r("button", {
             key: 4,
             title: e.value.stopwatch.legend.buttonTitles.lap,
-            onClick: S,
+            onClick: F,
             class: "vue-ui-timer-button",
             style: f({
-              opacity: a.value && !l.value ? 1 : 0.2,
-              cursor: a.value && !l.value ? "pointer" : "default"
+              opacity: s.value && !p.value ? 1 : 0.2,
+              cursor: s.value && !p.value ? "pointer" : "default"
             })
           }, [
-            _(x, {
+            $(P, {
               name: "lap",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, Me)) : p("", !0)
+          ], 12, $e)) : v("", !0)
         ])),
-        N(s.$slots, "controls", j(B({
-          start: R,
-          pause: H,
-          reset: A,
-          restart: L,
-          lap: S,
-          laps: y.value,
-          isRunning: a.value,
-          isPaused: l.value,
-          ...i.value
+        O(a.$slots, "controls", U(E({
+          start: L,
+          pause: B,
+          reset: N,
+          restart: j,
+          lap: F,
+          laps: b.value,
+          isRunning: s.value,
+          isPaused: p.value,
+          ...d.value
         })), void 0, !0),
-        N(s.$slots, "laps", j(B({
-          laps: y.value,
-          lap: S,
-          isRunning: a.value,
-          isPaused: l.value,
-          ...i.value
+        O(a.$slots, "laps", U(E({
+          laps: b.value,
+          lap: F,
+          isRunning: s.value,
+          isPaused: p.value,
+          ...d.value
         })), void 0, !0)
       ], 4)
     ], 4));
   }
-}, De = /* @__PURE__ */ oe(Ce, [["__scopeId", "data-v-1e579c02"]]);
+}, Le = /* @__PURE__ */ ce(Pe, [["__scopeId", "data-v-852eed87"]]);
 export {
-  De as default
+  Le as default
 };