vue-data-ui 2.4.57 → 2.4.59

package/dist/{vue-ui-timer-CD7gFOjN.js → vue-ui-timer-D0tGj6hK.js}

@@ -1,13 +1,13 @@
-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, createVNode as M, createElementVNode as C, mergeProps as V, renderSlot as O, normalizeProps as U, guardReactiveProps as E, toDisplayString as ae } from "vue";
-import { u as se } from "./useNestedProp-D1eJ0dvv.js";
-import { u as le, c as oe, X as re, F as W } from "./index-CI-N9klv.js";
+import { ref as n, onMounted as Q, onBeforeUnmount as Y, computed as z, watch as Z, openBlock as l, createElementBlock as o, normalizeStyle as f, createBlock as ee, createCommentVNode as v, unref as te, createVNode as M, renderSlot as A, createElementVNode as C, mergeProps as V, normalizeProps as E, guardReactiveProps as U, toDisplayString as ae } from "vue";
+import { u as se } from "./useNestedProp-DuruL3Nt.js";
+import { u as le, c as oe, X as re, F as W } from "./index-B9RAElpI.js";
 import { t as ue, u as ie } from "./useResponsive-CoxXLe23.js";
-import P from "./BaseIcon-9gdEHMWK.js";
-import { _ as ne } from "./Title-DLjHHdyq.js";
-import { _ as ce } from "./PackageVersion-S3SzpuwC.js";
+import P from "./BaseIcon-BbU81zOd.js";
+import { _ as ne } from "./Title-zZtEcB9F.js";
+import { _ as ce } from "./PackageVersion-C_FFs0BP.js";
 import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class he {
-  constructor(A, k, T, H = !0, x = !0) {
+  constructor(H, k, T, L = !0, $ = !0) {
     this.interval = k, this.elapsed = 0, this.isPaused = !1;
     const S = `
             let interval;
@@ -73,9 +73,9 @@ class he {
                 }
             };
         `, R = new Blob([S], { type: "application/javascript" }), m = URL.createObjectURL(R), i = new Worker(m);
-    function I(c) {
+    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 x && (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;
+      return $ && (u += String(y).padStart(2, "0") + ":"), u += String(t).padStart(2, "0") + ":", u += String(d).padStart(2, "0"), L && (u += "." + String(w).padStart(2, "0")), u;
     }
     this.start = () => {
       this.isPaused = !1, i.postMessage({ action: "start", data: { interval: this.interval } });
@@ -94,7 +94,7 @@ class he {
       const e = (w) => {
         const { elapsed: y, timestamp: t, action: d } = w.data;
         if (d === "lap") {
-          const u = I(y);
+          const u = x(y);
           c({
             timestamp: t || 0,
             elapsed: y,
@@ -105,20 +105,20 @@ class he {
       i.addEventListener("message", e, { once: !0 });
     }), i.onmessage = (c) => {
       const { elapsed: e, timestamp: w } = c.data;
-      this.elapsed = e, A({
+      this.elapsed = e, H({
         timestamp: w || 0,
         elapsed: this.elapsed,
-        formatted: I(this.elapsed)
+        formatted: x(this.elapsed)
       });
     }, i.onerror = (c) => {
       T && T(c);
     };
   }
 }
-const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color"], ke = ["stop-color"], ge = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], me = ["d", "stroke", "stroke-width"], ye = ["r", "fill", "stroke", "stroke-width"], be = ["r", "fill", "stroke", "stroke-width"], _e = ["x", "y"], Me = ["x", "y", "font-size", "fill", "font-weight"], Ce = {
+const ve = ["xmlns", "viewBox"], pe = ["width", "height"], fe = { key: 1 }, we = ["id"], ke = ["stop-color"], ge = ["stop-color"], me = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], ye = ["d", "stroke", "stroke-width"], be = ["r", "fill", "stroke", "stroke-width"], _e = ["r", "fill", "stroke", "stroke-width"], Me = ["x", "y"], Ce = ["x", "y", "font-size", "fill", "font-weight"], Te = {
   key: 0,
   class: "vue-ui-timer-controls"
-}, Te = ["title"], xe = ["title"], Ie = ["title"], $e = ["title"], Pe = ["title"], Se = {
+}, $e = ["title"], xe = ["title"], Ie = ["title"], Pe = ["title"], Se = ["title"], Re = {
   __name: "vue-ui-timer",
   props: {
     config: {
@@ -129,40 +129,40 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
     }
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
-  setup(G, { expose: A, emit: k }) {
-    const T = G, { vue_ui_timer: H } = le(), x = n(null), S = n(null), R = n(null), m = n(null), i = n(oe()), I = n(0);
+  setup(G, { expose: H, emit: k }) {
+    const T = G, { vue_ui_timer: L } = le(), $ = 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 a = ue(() => {
-          const { width: o, height: h } = ie({
-            chart: x.value,
+          const { width: r, height: h } = ie({
+            chart: $.value,
             title: e.value.style.title.text ? S.value : null,
             legend: R.value
           });
-          t.value.width = o, t.value.height = h, t.value.tracker.core = W({
-            relator: Math.min(o, h),
+          t.value.width = r, t.value.height = h, t.value.tracker.core = W({
+            relator: Math.min(r, h),
             adjuster: e.value.style.width,
             source: 6 * e.value.stopwatch.tracker.radiusRatio,
             threshold: 1,
             fallback: 1
           }), t.value.tracker.aura = W({
-            relator: Math.min(o, h),
+            relator: Math.min(r, h),
             adjuster: e.value.style.width,
             source: 12 * e.value.stopwatch.tracker.aura.radiusRatio,
             threshold: 1,
             fallback: 1
           }), t.value.label = W({
-            relator: Math.min(o, h),
+            relator: Math.min(r, h),
             adjuster: e.value.style.width,
             source: e.value.stopwatch.label.fontSize,
             threshold: 10,
             fallback: 10
           });
         });
-        m.value = new ResizeObserver(a), m.value.observe(x.value.parentNode);
+        m.value = new ResizeObserver(a), m.value.observe($.value.parentNode);
       }
     }
     Y(() => {
@@ -175,11 +175,11 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
     function w() {
       return se({
         userConfig: T.config,
-        defaultConfig: H
+        defaultConfig: L
       });
     }
     Z(() => T.config, (a) => {
-      e.value = w(), c(), I.value += 1;
+      e.value = w(), c(), x.value += 1;
     }, { deep: !0 });
     const y = z(() => {
       if (e.value.stopwatch.showHours && e.value.stopwatch.showHundredth)
@@ -205,16 +205,16 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
       e.value.stopwatch.showHundredth,
       e.value.stopwatch.showHours
     ), D = n(!0), s = n(!1), p = n(!1);
-    function L() {
+    function N() {
       k("start"), D.value && u.start(), D.value = !1, s.value = !0;
     }
-    function N() {
+    function j() {
       s.value && (k("reset"), u.stop(), b.value = [], D.value = !0, s.value = !1);
     }
     function B() {
       p.value = !p.value, k("pause", d.value), u.pause();
     }
-    function j() {
+    function O() {
       s.value && (p.value = !1, k("restart"), b.value = [], u.restart());
     }
     const b = n([]);
@@ -223,36 +223,36 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
       const a = await u.lap();
       a && (b.value.push(a), k("lap", b.value));
     }
-    function X({ timestamp: a, elapsed: o, formatted: h }) {
-      d.value = { timestamp: a, elapsed: o, formatted: h };
+    function X({ timestamp: a, elapsed: r, formatted: h }) {
+      d.value = { timestamp: a, elapsed: r, formatted: h };
     }
     const g = z(() => Math.min(t.value.width, t.value.height) / 2.5 * e.value.stopwatch.track.radiusRatio);
-    function q(a, o) {
-      const $ = 360 / (o * 1e3);
-      return a * $ % 360;
+    function q(a, r) {
+      const I = 360 / (r * 1e3);
+      return a * I % 360;
     }
     function J(a) {
-      let o = a * (Math.PI / 180), h = t.value.width / 2 + g.value * Math.cos(o), $ = t.value.height / 2 + g.value * Math.sin(o);
-      return { cx: h, cy: $ };
+      let r = a * (Math.PI / 180), h = t.value.width / 2 + g.value * Math.cos(r), I = t.value.height / 2 + g.value * Math.sin(r);
+      return { cx: h, cy: I };
     }
     const _ = z(() => {
-      const a = q(d.value.elapsed, e.value.stopwatch.cycleSeconds), { cx: o, cy: h } = J(a - 90), $ = a > 180 ? 1 : 0;
+      const a = q(d.value.elapsed, e.value.stopwatch.cycleSeconds), { cx: r, cy: h } = J(a - 90), I = a > 180 ? 1 : 0;
       return {
-        cx: o || t.value.width / 2,
+        cx: r || t.value.width / 2,
         cy: h || t.value.height / 2 - g.value,
-        largeArcFlag: $,
+        largeArcFlag: I,
         sweepFlag: 1
       };
     });
-    return A({
-      start: L,
+    return H({
+      start: N,
       pause: B,
-      reset: N,
-      restart: j,
+      reset: j,
+      restart: O,
       lap: F
-    }), (a, o) => (l(), r("div", {
+    }), (a, r) => (l(), o("div", {
       ref_key: "timerChart",
-      ref: x,
+      ref: $,
       class: "vue-ui-timer",
       style: f({
         fontFamily: e.value.style.fontFamily,
@@ -261,7 +261,7 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
         textAlign: "center"
       })
     }, [
-      e.value.style.title.text ? (l(), r("div", {
+      e.value.style.title.text ? (l(), o("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: S,
@@ -271,7 +271,7 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
         })
       }, [
         (l(), ee(ne, {
-          key: `title_${I.value}`,
+          key: `title_${x.value}`,
           config: {
             title: {
               cy: "title",
@@ -284,7 +284,7 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
           }
         }, null, 8, ["config"]))
       ], 4)) : v("", !0),
-      (l(), r("svg", {
+      (l(), o("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({
@@ -294,7 +294,19 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
         })
       }, [
         M(ce),
-        e.value.stopwatch.tracker.gradient.show ? (l(), r("defs", pe, [
+        a.$slots["chart-background"] ? (l(), o("foreignObject", {
+          key: 0,
+          x: 0,
+          y: 0,
+          width: t.value.width <= 0 ? 10 : t.value.width,
+          height: t.value.height <= 0 ? 10 : t.value.height,
+          style: {
+            pointerEvents: "none"
+          }
+        }, [
+          A(a.$slots, "chart-background", {}, void 0, !0)
+        ], 8, pe)) : v("", !0),
+        e.value.stopwatch.tracker.gradient.show ? (l(), o("defs", fe, [
           C("radialGradient", {
             id: `tracker_gradient_${i.value}`,
             cx: "50%",
@@ -306,12 +318,12 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
             C("stop", {
               offset: "0%",
               "stop-color": e.value.stopwatch.tracker.gradient.color
-            }, null, 8, we),
+            }, null, 8, ke),
             C("stop", {
               offset: "100%",
               "stop-color": e.value.stopwatch.tracker.fill
-            }, null, 8, ke)
-          ], 8, fe)
+            }, null, 8, ge)
+          ], 8, we)
         ])) : v("", !0),
         C("circle", {
           cx: t.value.width / 2,
@@ -320,38 +332,38 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
           fill: e.value.stopwatch.track.fill,
           stroke: e.value.stopwatch.track.stroke,
           "stroke-width": e.value.stopwatch.track.strokeWidth
-        }, null, 8, ge),
-        e.value.stopwatch.cycleTrack.show ? (l(), r("path", {
-          key: 1,
+        }, null, 8, me),
+        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 ${_.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, me)) : v("", !0),
+        }, null, 8, ye)) : v("", !0),
         C("circle", V(_.value, {
           r: t.value.tracker.core,
           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, ye),
-        e.value.stopwatch.tracker.aura.show ? (l(), r("circle", V({ key: 2 }, _.value, {
+        }), null, 16, be),
+        e.value.stopwatch.tracker.aura.show ? (l(), o("circle", V({ key: 3 }, _.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, be)) : v("", !0),
-        a.$slots.time ? (l(), r("foreignObject", {
-          key: 3,
+        }), null, 16, _e)) : v("", !0),
+        a.$slots.time ? (l(), o("foreignObject", {
+          key: 4,
           x: t.value.width / 2,
           y: t.value.height / 2,
           height: "0.1",
           width: "0.1",
           style: { overflow: "visible" }
         }, [
-          O(a.$slots, "time", U(E({ ...d.value })), void 0, !0)
-        ], 8, _e)) : (l(), r("text", {
-          key: 4,
+          A(a.$slots, "time", E(U({ ...d.value })), void 0, !0)
+        ], 8, Me)) : (l(), o("text", {
+          key: 5,
           x: t.value.width / 2,
           y: t.value.height / 2 + t.value.label / 4,
           "font-size": t.value.label,
@@ -359,18 +371,18 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
           fill: e.value.stopwatch.label.color,
           "font-weight": e.value.stopwatch.label.bold ? "bold" : "normal",
           style: { "font-variant-numeric": "tabular-nums !important" }
-        }, ae(d.value.formatted || y.value), 9, Me))
+        }, ae(d.value.formatted || y.value), 9, Ce))
       ], 12, ve)),
       C("div", {
         ref_key: "chartLegend",
         ref: R,
         style: f({ width: "100%", backgroundColor: e.value.stopwatch.legend.backgroundColor })
       }, [
-        a.$slots.controls ? v("", !0) : (l(), r("div", Ce, [
-          e.value.stopwatch.legend.buttons.start ? (l(), r("button", {
+        a.$slots.controls ? v("", !0) : (l(), o("div", Te, [
+          e.value.stopwatch.legend.buttons.start ? (l(), o("button", {
             key: 0,
             title: e.value.stopwatch.legend.buttonTitles.start,
-            onClick: L,
+            onClick: N,
             class: "vue-ui-timer-button",
             style: f({
               opacity: s.value ? 0.2 : 1,
@@ -381,8 +393,8 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
               name: "play",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, Te)) : v("", !0),
-          e.value.stopwatch.legend.buttons.pause ? (l(), r("button", {
+          ], 12, $e)) : v("", !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: B,
@@ -397,10 +409,10 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
           ], 12, xe)) : v("", !0),
-          e.value.stopwatch.legend.buttons.reset ? (l(), r("button", {
+          e.value.stopwatch.legend.buttons.reset ? (l(), o("button", {
             key: 2,
             title: e.value.stopwatch.legend.buttonTitles.reset,
-            onClick: N,
+            onClick: j,
             class: "vue-ui-timer-button",
             style: f({
               opacity: s.value ? 1 : 0.2,
@@ -412,10 +424,10 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
           ], 12, Ie)) : v("", !0),
-          e.value.stopwatch.legend.buttons.restart ? (l(), r("button", {
+          e.value.stopwatch.legend.buttons.restart ? (l(), o("button", {
             key: 3,
             title: e.value.stopwatch.legend.buttonTitles.restart,
-            onClick: j,
+            onClick: O,
             class: "vue-ui-timer-button",
             style: f({
               opacity: s.value ? 1 : 0.2,
@@ -426,8 +438,8 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
               name: "restart",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, $e)) : v("", !0),
-          e.value.stopwatch.legend.buttons.lap ? (l(), r("button", {
+          ], 12, Pe)) : v("", !0),
+          e.value.stopwatch.legend.buttons.lap ? (l(), o("button", {
             key: 4,
             title: e.value.stopwatch.legend.buttonTitles.lap,
             onClick: F,
@@ -441,20 +453,20 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
               name: "lap",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, Pe)) : v("", !0)
+          ], 12, Se)) : v("", !0)
         ])),
-        O(a.$slots, "controls", U(E({
-          start: L,
+        A(a.$slots, "controls", E(U({
+          start: N,
           pause: B,
-          reset: N,
-          restart: j,
+          reset: j,
+          restart: O,
           lap: F,
           laps: b.value,
           isRunning: s.value,
           isPaused: p.value,
           ...d.value
         })), void 0, !0),
-        O(a.$slots, "laps", U(E({
+        A(a.$slots, "laps", E(U({
           laps: b.value,
           lap: F,
           isRunning: s.value,
@@ -464,7 +476,7 @@ const ve = ["xmlns", "viewBox"], pe = { key: 0 }, fe = ["id"], we = ["stop-color
       ], 4)
     ], 4));
   }
-}, Be = /* @__PURE__ */ de(Se, [["__scopeId", "data-v-8609e7e7"]]);
+}, Be = /* @__PURE__ */ de(Re, [["__scopeId", "data-v-b9d21393"]]);
 export {
   Be as default
 };