vue-data-ui 2.3.90 → 2.3.92

package/dist/{vue-ui-timer-B8jW8M60.js → vue-ui-timer-CEzDvZf7.js}

@@ -1,12 +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, createElementVNode as M, mergeProps as V, renderSlot as E, normalizeProps as O, guardReactiveProps as U, toDisplayString as ae, createVNode as $ } from "vue";
-import { u as se } from "./useNestedProp-lmeFt-ev.js";
-import { u as le, c as oe, X as re, E as W } from "./index-DQl1TFXa.js";
+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 E, normalizeProps as O, guardReactiveProps as U, toDisplayString as ae } from "vue";
+import { u as se } from "./useNestedProp-CrHvyupb.js";
+import { u as le, c as oe, X as re, E as W } from "./index-DhJby8wL.js";
 import { t as ue, u as ie } from "./useResponsive-NZB-WLRF.js";
-import P from "./BaseIcon-BMfi5PnL.js";
-import { _ as ne } from "./Title-DlBwa3-X.js";
-import { _ as ce } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-class de {
-  constructor(A, k, C, H = !0, T = !0) {
+import P from "./BaseIcon-CAmYNoaf.js";
+import { _ as ne } from "./Title-1Sw6EmHy.js";
+import { _ as ce } from "./PackageVersion-BVZfgDqm.js";
+import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+class he {
+  constructor(A, k, T, H = !0, x = !0) {
     this.interval = k, this.elapsed = 0, this.isPaused = !1;
     const S = `
             let interval;
@@ -72,9 +73,9 @@ class de {
                 }
             };
         `, R = new Blob([S], { type: "application/javascript" }), m = URL.createObjectURL(R), i = new Worker(m);
-    function x(c) {
+    function I(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;
+      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;
     }
     this.start = () => {
       this.isPaused = !1, i.postMessage({ action: "start", data: { interval: this.interval } });
@@ -93,7 +94,7 @@ class de {
       const e = (w) => {
         const { elapsed: y, timestamp: t, action: d } = w.data;
         if (d === "lap") {
-          const u = x(y);
+          const u = I(y);
           c({
             timestamp: t || 0,
             elapsed: y,
@@ -107,17 +108,17 @@ class de {
       this.elapsed = e, A({
         timestamp: w || 0,
         elapsed: this.elapsed,
-        formatted: x(this.elapsed)
+        formatted: I(this.elapsed)
       });
     }, i.onerror = (c) => {
-      C && C(c);
+      T && T(c);
     };
   }
 }
-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 = {
+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 = {
   key: 0,
   class: "vue-ui-timer-controls"
-}, Ce = ["title"], Te = ["title"], xe = ["title"], Ie = ["title"], $e = ["title"], Pe = {
+}, Te = ["title"], xe = ["title"], Ie = ["title"], $e = ["title"], Pe = ["title"], Se = {
   __name: "vue-ui-timer",
   props: {
     config: {
@@ -129,7 +130,7 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
   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);
+    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);
     Q(() => {
       c();
     });
@@ -137,7 +138,7 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
       if (e.value.responsive) {
         const a = ue(() => {
           const { width: o, height: h } = ie({
-            chart: T.value,
+            chart: x.value,
             title: e.value.style.title.text ? S.value : null,
             legend: R.value
           });
@@ -161,7 +162,7 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
             fallback: 10
           });
         });
-        m.value = new ResizeObserver(a), m.value.observe(T.value.parentNode);
+        m.value = new ResizeObserver(a), m.value.observe(x.value.parentNode);
       }
     }
     Y(() => {
@@ -173,12 +174,12 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
     });
     function w() {
       return se({
-        userConfig: C.config,
+        userConfig: T.config,
         defaultConfig: H
       });
     }
-    Z(() => C.config, (a) => {
-      e.value = w(), c(), x.value += 1;
+    Z(() => T.config, (a) => {
+      e.value = w(), c(), I.value += 1;
     }, { deep: !0 });
     const y = z(() => {
       if (e.value.stopwatch.showHours && e.value.stopwatch.showHundredth)
@@ -197,7 +198,7 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
         aura: 12 * e.value.stopwatch.tracker.aura.radiusRatio
       },
       label: e.value.stopwatch.label.fontSize
-    }), d = n(0), u = new de(
+    }), d = n(0), u = new he(
       (a) => X(a),
       10,
       "",
@@ -227,19 +228,19 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
     }
     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;
+      const $ = 360 / (o * 1e3);
+      return a * $ % 360;
     }
     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 };
+      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: $ };
     }
     const _ = z(() => {
-      const a = q(d.value.elapsed, e.value.stopwatch.cycleSeconds), { cx: o, cy: h } = J(a - 90), I = a > 180 ? 1 : 0;
+      const a = q(d.value.elapsed, e.value.stopwatch.cycleSeconds), { cx: o, cy: h } = J(a - 90), $ = a > 180 ? 1 : 0;
       return {
         cx: o || t.value.width / 2,
         cy: h || t.value.height / 2 - g.value,
-        largeArcFlag: I,
+        largeArcFlag: $,
         sweepFlag: 1
       };
     });
@@ -251,7 +252,7 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
       lap: F
     }), (a, o) => (l(), r("div", {
       ref_key: "timerChart",
-      ref: T,
+      ref: x,
       class: "vue-ui-timer",
       style: f({
         fontFamily: e.value.style.fontFamily,
@@ -270,7 +271,7 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
         })
       }, [
         (l(), ee(ne, {
-          key: `title_${x.value}`,
+          key: `title_${I.value}`,
           config: {
             title: {
               cy: "title",
@@ -292,8 +293,9 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
           background: e.value.style.backgroundColor
         })
       }, [
-        e.value.stopwatch.tracker.gradient.show ? (l(), r("defs", ve, [
-          M("radialGradient", {
+        M(ce),
+        e.value.stopwatch.tracker.gradient.show ? (l(), r("defs", pe, [
+          C("radialGradient", {
             id: `tracker_gradient_${i.value}`,
             cx: "50%",
             cy: "50%",
@@ -301,24 +303,24 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
             fx: "50%",
             fy: "50%"
           }, [
-            M("stop", {
+            C("stop", {
               offset: "0%",
               "stop-color": e.value.stopwatch.tracker.gradient.color
-            }, null, 8, fe),
-            M("stop", {
+            }, null, 8, we),
+            C("stop", {
               offset: "100%",
               "stop-color": e.value.stopwatch.tracker.fill
-            }, null, 8, we)
-          ], 8, pe)
+            }, null, 8, ke)
+          ], 8, fe)
         ])) : v("", !0),
-        M("circle", {
+        C("circle", {
           cx: t.value.width / 2,
           cy: t.value.height / 2,
           r: g.value,
           fill: e.value.stopwatch.track.fill,
           stroke: e.value.stopwatch.track.stroke,
           "stroke-width": e.value.stopwatch.track.strokeWidth
-        }, null, 8, ke),
+        }, null, 8, ge),
         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 ${_.value.largeArcFlag},${_.value.sweepFlag} ${_.value.cx},${_.value.cy}`,
@@ -326,19 +328,19 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
           "stroke-width": e.value.stopwatch.cycleTrack.strokeWidth,
           "stroke-linecap": "round",
           fill: "none"
-        }, null, 8, ge)) : v("", !0),
-        M("circle", V(_.value, {
+        }, null, 8, me)) : 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, me),
+        }), null, 16, ye),
         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, ye)) : v("", !0),
+        }), null, 16, be)) : v("", !0),
         a.$slots.time ? (l(), r("foreignObject", {
           key: 3,
           x: t.value.width / 2,
@@ -348,7 +350,7 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
           style: { overflow: "visible" }
         }, [
           E(a.$slots, "time", O(U({ ...d.value })), void 0, !0)
-        ], 8, be)) : (l(), r("text", {
+        ], 8, _e)) : (l(), r("text", {
           key: 4,
           x: t.value.width / 2,
           y: t.value.height / 2 + t.value.label / 4,
@@ -357,14 +359,14 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["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, _e))
-      ], 12, he)),
-      M("div", {
+        }, ae(d.value.formatted || y.value), 9, Me))
+      ], 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", Me, [
+        a.$slots.controls ? v("", !0) : (l(), r("div", Ce, [
           e.value.stopwatch.legend.buttons.start ? (l(), r("button", {
             key: 0,
             title: e.value.stopwatch.legend.buttonTitles.start,
@@ -375,11 +377,11 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
               cursor: s.value ? "default" : "pointer"
             })
           }, [
-            $(P, {
+            M(P, {
               name: "play",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, Ce)) : v("", !0),
+          ], 12, Te)) : v("", !0),
           e.value.stopwatch.legend.buttons.pause ? (l(), r("button", {
             key: 1,
             title: p.value ? e.value.stopwatch.legend.buttonTitles.resume : e.value.stopwatch.legend.buttonTitles.pause,
@@ -390,11 +392,11 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
               cursor: s.value ? "pointer" : "default"
             })
           }, [
-            $(P, {
+            M(P, {
               name: "pause",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, Te)) : v("", !0),
+          ], 12, xe)) : v("", !0),
           e.value.stopwatch.legend.buttons.reset ? (l(), r("button", {
             key: 2,
             title: e.value.stopwatch.legend.buttonTitles.reset,
@@ -405,11 +407,11 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
               cursor: s.value ? "pointer" : "default"
             })
           }, [
-            $(P, {
+            M(P, {
               name: "stop",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, xe)) : v("", !0),
+          ], 12, Ie)) : v("", !0),
           e.value.stopwatch.legend.buttons.restart ? (l(), r("button", {
             key: 3,
             title: e.value.stopwatch.legend.buttonTitles.restart,
@@ -420,11 +422,11 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
               cursor: s.value ? "pointer" : "default"
             })
           }, [
-            $(P, {
+            M(P, {
               name: "restart",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, Ie)) : v("", !0),
+          ], 12, $e)) : v("", !0),
           e.value.stopwatch.legend.buttons.lap ? (l(), r("button", {
             key: 4,
             title: e.value.stopwatch.legend.buttonTitles.lap,
@@ -435,11 +437,11 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
               cursor: s.value && !p.value ? "pointer" : "default"
             })
           }, [
-            $(P, {
+            M(P, {
               name: "lap",
               stroke: e.value.stopwatch.legend.buttons.iconColor
             }, null, 8, ["stroke"])
-          ], 12, $e)) : v("", !0)
+          ], 12, Pe)) : v("", !0)
         ])),
         E(a.$slots, "controls", O(U({
           start: L,
@@ -462,7 +464,7 @@ const he = ["xmlns", "viewBox"], ve = { key: 0 }, pe = ["id"], fe = ["stop-color
       ], 4)
     ], 4));
   }
-}, Le = /* @__PURE__ */ ce(Pe, [["__scopeId", "data-v-852eed87"]]);
+}, Be = /* @__PURE__ */ de(Se, [["__scopeId", "data-v-8609e7e7"]]);
 export {
-  Le as default
+  Be as default
 };

package/dist/vue-ui-timer-n6lv7oTx.cjs

@@ -0,0 +1,64 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),L=require("./useNestedProp-Bwd7mK1Z.cjs"),g=require("./index-D09qCApg.cjs"),$=require("./useResponsive-B3TrDDIG.cjs"),B=require("./BaseIcon-dYWMubrH.cjs"),j=require("./Title-Bjrh7khe.cjs"),q=require("./PackageVersion-BkgJVmj1.cjs"),O=require("./_plugin-vue_export-helper-BHFhmbuH.cjs");class U{constructor(T,v,y,E=!0,b=!0){this.interval=v,this.elapsed=0,this.isPaused=!1;const S=`
+            let interval;
+            let elapsed = 0;
+            let paused = false;
+            let startTime;
+            let tickInterval;
+
+            onmessage = function(e) {
+                const { action, data } = e.data;
+
+                switch(action) {
+                    case 'start':
+                        startTime = Date.now();
+                        tickInterval = data.interval;
+                        elapsed = 0;
+                        paused = false;
+                        interval = setInterval(() => {
+                            elapsed += tickInterval;
+                            postMessage({ elapsed, timestamp: Date.now() });
+                        }, tickInterval);
+                        break;
+                    
+                    case 'pause':
+                        paused = true;
+                        clearInterval(interval);
+                        elapsed = Date.now() - startTime;
+                        break;
+
+                    case 'resume':
+                        if (paused) {
+                            startTime = Date.now() - elapsed;
+                            interval = setInterval(() => {
+                                elapsed += tickInterval;
+                                postMessage({ elapsed, timestamp: Date.now() });
+                            }, tickInterval);
+                        }
+                        paused = false;
+                        break;
+
+                    case 'stop':
+                        clearInterval(interval);
+                        elapsed = 0;
+                        postMessage({ elapsed });
+                        break;
+
+                    case 'reset':
+                        elapsed = 0;
+                        clearInterval(interval);
+                        postMessage({ elapsed });
+                        break;
+
+                    case 'lap':
+                        postMessage({
+                            elapsed,
+                            timestamp: Date.now(),
+                            action: 'lap'
+                        });
+                        break;
+
+                    default:
+                        break;
+                }
+            };
+        `,M=new Blob([S],{type:"application/javascript"}),k=URL.createObjectURL(M),n=new Worker(k);function _(u){let t=Math.floor(u/1e3),p=Math.floor(u%1e3/10),f=Math.floor(t/3600),a=Math.floor(t%3600/60),c=t%60,r="";return b&&(r+=String(f).padStart(2,"0")+":"),r+=String(a).padStart(2,"0")+":",r+=String(c).padStart(2,"0"),E&&(r+="."+String(p).padStart(2,"0")),r}this.start=()=>{this.isPaused=!1,n.postMessage({action:"start",data:{interval:this.interval}})},this.pause=()=>{this.isPaused?this.resume():(this.isPaused=!0,n.postMessage({action:"pause"}))},this.resume=()=>{this.isPaused&&(n.postMessage({action:"resume"}),this.isPaused=!1)},this.stop=()=>{n.postMessage({action:"stop"}),this.isPaused=!1},this.reset=()=>{n.postMessage({action:"reset"}),this.elapsed=0,this.isPaused=!1},this.restart=()=>{this.stop(),this.start()},this.lap=()=>new Promise(u=>{n.postMessage({action:"lap"});const t=p=>{const{elapsed:f,timestamp:a,action:c}=p.data;if(c==="lap"){const r=_(f);u({timestamp:a||0,elapsed:f,formatted:r})}};n.addEventListener("message",t,{once:!0})}),n.onmessage=u=>{const{elapsed:t,timestamp:p}=u.data;this.elapsed=t,T({timestamp:p||0,elapsed:this.elapsed,formatted:_(this.elapsed)})},n.onerror=u=>{y&&y(u)}}}const W=["xmlns","viewBox"],G={key:0},X=["id"],J=["stop-color"],K=["stop-color"],Q=["cx","cy","r","fill","stroke","stroke-width"],Y=["d","stroke","stroke-width"],Z=["r","fill","stroke","stroke-width"],ee=["r","fill","stroke","stroke-width"],te=["x","y"],ae=["x","y","font-size","fill","font-weight"],le={key:0,class:"vue-ui-timer-controls"},se=["title"],oe=["title"],re=["title"],ne=["title"],ue=["title"],ce={__name:"vue-ui-timer",props:{config:{type:Object,default(){return{}}}},emits:["start","pause","reset","restart","lap"],setup(R,{expose:T,emit:v}){const y=R,{vue_ui_timer:E}=g.useConfig(),b=e.ref(null),S=e.ref(null),M=e.ref(null),k=e.ref(null),n=e.ref(g.createUid()),_=e.ref(0);e.onMounted(()=>{u()});function u(){if(t.value.responsive){const l=$.throttle(()=>{const{width:o,height:i}=$.useResponsive({chart:b.value,title:t.value.style.title.text?S.value:null,legend:M.value});a.value.width=o,a.value.height=i,a.value.tracker.core=g.translateSize({relator:Math.min(o,i),adjuster:t.value.style.width,source:6*t.value.stopwatch.tracker.radiusRatio,threshold:1,fallback:1}),a.value.tracker.aura=g.translateSize({relator:Math.min(o,i),adjuster:t.value.style.width,source:12*t.value.stopwatch.tracker.aura.radiusRatio,threshold:1,fallback:1}),a.value.label=g.translateSize({relator:Math.min(o,i),adjuster:t.value.style.width,source:t.value.stopwatch.label.fontSize,threshold:10,fallback:10})});k.value=new ResizeObserver(l),k.value.observe(b.value.parentNode)}}e.onBeforeUnmount(()=>{k.value&&k.value.disconnect()});const t=e.computed({get:()=>p(),set:l=>l});function p(){return L.useNestedProp({userConfig:y.config,defaultConfig:E})}e.watch(()=>y.config,l=>{t.value=p(),u(),_.value+=1},{deep:!0});const f=e.computed(()=>{if(t.value.stopwatch.showHours&&t.value.stopwatch.showHundredth)return"00:00:00.00";if(t.value.stopwatch.showHours&&!t.value.stopwatch.showHundredth)return"00:00:00";if(!t.value.stopwatch.showHours&&t.value.stopwatch.showHundredth)return"00:00.00";if(!t.value.stopwatch.showHours&&!t.value.stopwatch.showHundredth)return"00:00"}),a=e.ref({height:t.value.style.height,width:t.value.style.width,tracker:{core:6*t.value.stopwatch.tracker.radiusRatio,aura:12*t.value.stopwatch.tracker.aura.radiusRatio},label:t.value.stopwatch.label.fontSize}),c=e.ref(0),r=new U(l=>D(l),10,"",t.value.stopwatch.showHundredth,t.value.stopwatch.showHours),N=e.ref(!0),s=e.ref(!1),d=e.ref(!1);function V(){v("start"),N.value&&r.start(),N.value=!1,s.value=!0}function x(){s.value&&(v("reset"),r.stop(),m.value=[],N.value=!0,s.value=!1)}function z(){d.value=!d.value,v("pause",c.value),r.pause()}function I(){s.value&&(d.value=!1,v("restart"),m.value=[],r.restart())}const m=e.ref([]);async function P(){if(!s.value||d.value)return;const l=await r.lap();l&&(m.value.push(l),v("lap",m.value))}function D({timestamp:l,elapsed:o,formatted:i}){c.value={timestamp:l,elapsed:o,formatted:i}}const h=e.computed(()=>Math.min(a.value.width,a.value.height)/2.5*t.value.stopwatch.track.radiusRatio);function F(l,o){const C=360/(o*1e3);return l*C%360}function H(l){let o=l*(Math.PI/180),i=a.value.width/2+h.value*Math.cos(o),C=a.value.height/2+h.value*Math.sin(o);return{cx:i,cy:C}}const w=e.computed(()=>{const l=F(c.value.elapsed,t.value.stopwatch.cycleSeconds),{cx:o,cy:i}=H(l-90),C=l>180?1:0;return{cx:o||a.value.width/2,cy:i||a.value.height/2-h.value,largeArcFlag:C,sweepFlag:1}});return T({start:V,pause:z,reset:x,restart:I,lap:P}),(l,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"timerChart",ref:b,class:"vue-ui-timer",style:e.normalizeStyle({fontFamily:t.value.style.fontFamily,width:"100%",height:t.value.responsive?"100%":"auto",textAlign:"center"})},[t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"chartTitle",ref:S,style:e.normalizeStyle({width:"100%",background:t.value.style.backgroundColor})},[(e.openBlock(),e.createBlock(j._sfc_main,{key:`title_${_.value}`,config:{title:{cy:"title",...t.value.style.title},subtitle:{cy:"subtitle",...t.value.style.title.subtitle}}},null,8,["config"]))],4)):e.createCommentVNode("",!0),(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(g.XMLNS),viewBox:`0 0 ${a.value.width<=0?10:a.value.width} ${a.value.height<=0?10:a.value.height}`,style:e.normalizeStyle({maxWidth:"100%",overflow:"visible",background:t.value.style.backgroundColor})},[e.createVNode(q._sfc_main),t.value.stopwatch.tracker.gradient.show?(e.openBlock(),e.createElementBlock("defs",G,[e.createElementVNode("radialGradient",{id:`tracker_gradient_${n.value}`,cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%"},[e.createElementVNode("stop",{offset:"0%","stop-color":t.value.stopwatch.tracker.gradient.color},null,8,J),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.stopwatch.tracker.fill},null,8,K)],8,X)])):e.createCommentVNode("",!0),e.createElementVNode("circle",{cx:a.value.width/2,cy:a.value.height/2,r:h.value,fill:t.value.stopwatch.track.fill,stroke:t.value.stopwatch.track.stroke,"stroke-width":t.value.stopwatch.track.strokeWidth},null,8,Q),t.value.stopwatch.cycleTrack.show?(e.openBlock(),e.createElementBlock("path",{key:1,d:`M ${a.value.width/2},${a.value.height/2-h.value} A ${h.value},${h.value} 0 ${w.value.largeArcFlag},${w.value.sweepFlag} ${w.value.cx},${w.value.cy}`,stroke:t.value.stopwatch.cycleTrack.stroke,"stroke-width":t.value.stopwatch.cycleTrack.strokeWidth,"stroke-linecap":"round",fill:"none"},null,8,Y)):e.createCommentVNode("",!0),e.createElementVNode("circle",e.mergeProps(w.value,{r:a.value.tracker.core,fill:t.value.stopwatch.tracker.gradient.show?`url(#tracker_gradient_${n.value})`:t.value.stopwatch.tracker.fill,stroke:t.value.stopwatch.tracker.stroke,"stroke-width":t.value.stopwatch.tracker.strokeWidth}),null,16,Z),t.value.stopwatch.tracker.aura.show?(e.openBlock(),e.createElementBlock("circle",e.mergeProps({key:2},w.value,{r:a.value.tracker.aura,fill:`${t.value.stopwatch.tracker.aura.fill}20`,stroke:t.value.stopwatch.tracker.aura.stroke,"stroke-width":t.value.stopwatch.tracker.aura.strokeWidth}),null,16,ee)):e.createCommentVNode("",!0),l.$slots.time?(e.openBlock(),e.createElementBlock("foreignObject",{key:3,x:a.value.width/2,y:a.value.height/2,height:"0.1",width:"0.1",style:{overflow:"visible"}},[e.renderSlot(l.$slots,"time",e.normalizeProps(e.guardReactiveProps({...c.value})),void 0,!0)],8,te)):(e.openBlock(),e.createElementBlock("text",{key:4,x:a.value.width/2,y:a.value.height/2+a.value.label/4,"font-size":a.value.label,"text-anchor":"middle",fill:t.value.stopwatch.label.color,"font-weight":t.value.stopwatch.label.bold?"bold":"normal",style:{"font-variant-numeric":"tabular-nums !important"}},e.toDisplayString(c.value.formatted||f.value),9,ae))],12,W)),e.createElementVNode("div",{ref_key:"chartLegend",ref:M,style:e.normalizeStyle({width:"100%",backgroundColor:t.value.stopwatch.legend.backgroundColor})},[l.$slots.controls?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",le,[t.value.stopwatch.legend.buttons.start?(e.openBlock(),e.createElementBlock("button",{key:0,title:t.value.stopwatch.legend.buttonTitles.start,onClick:V,class:"vue-ui-timer-button",style:e.normalizeStyle({opacity:s.value?.2:1,cursor:s.value?"default":"pointer"})},[e.createVNode(B.default,{name:"play",stroke:t.value.stopwatch.legend.buttons.iconColor},null,8,["stroke"])],12,se)):e.createCommentVNode("",!0),t.value.stopwatch.legend.buttons.pause?(e.openBlock(),e.createElementBlock("button",{key:1,title:d.value?t.value.stopwatch.legend.buttonTitles.resume:t.value.stopwatch.legend.buttonTitles.pause,onClick:z,class:"vue-ui-timer-button",style:e.normalizeStyle({opacity:s.value?1:.2,cursor:s.value?"pointer":"default"})},[e.createVNode(B.default,{name:"pause",stroke:t.value.stopwatch.legend.buttons.iconColor},null,8,["stroke"])],12,oe)):e.createCommentVNode("",!0),t.value.stopwatch.legend.buttons.reset?(e.openBlock(),e.createElementBlock("button",{key:2,title:t.value.stopwatch.legend.buttonTitles.reset,onClick:x,class:"vue-ui-timer-button",style:e.normalizeStyle({opacity:s.value?1:.2,cursor:s.value?"pointer":"default"})},[e.createVNode(B.default,{name:"stop",stroke:t.value.stopwatch.legend.buttons.iconColor},null,8,["stroke"])],12,re)):e.createCommentVNode("",!0),t.value.stopwatch.legend.buttons.restart?(e.openBlock(),e.createElementBlock("button",{key:3,title:t.value.stopwatch.legend.buttonTitles.restart,onClick:I,class:"vue-ui-timer-button",style:e.normalizeStyle({opacity:s.value?1:.2,cursor:s.value?"pointer":"default"})},[e.createVNode(B.default,{name:"restart",stroke:t.value.stopwatch.legend.buttons.iconColor},null,8,["stroke"])],12,ne)):e.createCommentVNode("",!0),t.value.stopwatch.legend.buttons.lap?(e.openBlock(),e.createElementBlock("button",{key:4,title:t.value.stopwatch.legend.buttonTitles.lap,onClick:P,class:"vue-ui-timer-button",style:e.normalizeStyle({opacity:s.value&&!d.value?1:.2,cursor:s.value&&!d.value?"pointer":"default"})},[e.createVNode(B.default,{name:"lap",stroke:t.value.stopwatch.legend.buttons.iconColor},null,8,["stroke"])],12,ue)):e.createCommentVNode("",!0)])),e.renderSlot(l.$slots,"controls",e.normalizeProps(e.guardReactiveProps({start:V,pause:z,reset:x,restart:I,lap:P,laps:m.value,isRunning:s.value,isPaused:d.value,...c.value})),void 0,!0),e.renderSlot(l.$slots,"laps",e.normalizeProps(e.guardReactiveProps({laps:m.value,lap:P,isRunning:s.value,isPaused:d.value,...c.value})),void 0,!0)],4)],4))}},ie=O._export_sfc(ce,[["__scopeId","data-v-8609e7e7"]]);exports.default=ie;

package/dist/vue-ui-tiremarks-B33mHXZN.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),q=require("./useNestedProp-Bwd7mK1Z.cjs"),c=require("./index-D09qCApg.cjs"),U=require("./Title-Bjrh7khe.cjs"),L=require("./usePrinter-DdsPm5a4.cjs"),H=require("./vue-ui-skeleton-CAlTn_Cg.cjs"),D=require("./PackageVersion-BkgJVmj1.cjs"),X=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),R=["id"],Y={key:0,style:"width:100%;background:transparent;padding-bottom:12px"},J=["xmlns","viewBox"],K={key:0},Q=["d","stroke-width","stroke"],W={key:1},Z=["x1","y1","x2","y2","stroke-width","stroke"],ee=["x","y","font-size","fill","font-weight","text-anchor"],te={key:3,class:"vue-data-ui-watermark"},ae={__name:"vue-ui-tiremarks",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(M,{expose:G}){const v=M,{vue_ui_tiremarks:T}=c.useConfig(),x=e.computed(()=>!!v.dataset&&Object.keys(v.dataset).length),w=e.ref(c.createUid()),$=e.ref(null),P=e.ref(0),B=e.ref(0),t=e.computed({get:()=>z(),set:a=>a});function z(){const a=q.useNestedProp({userConfig:v.config,defaultConfig:T});return a.theme?{...q.useNestedProp({userConfig:c.themes.vue_ui_tiremarks[a.theme]||v.config,defaultConfig:a})}:a}e.watch(()=>v.config,a=>{t.value=z(),O(),B.value+=1},{deep:!0});const{isPrinting:S,isImaging:I,generatePdf:F,generateImage:N}=L.usePrinter({elementId:w.value,fileName:t.value.style.chart.title.text||"vue-ui-tiremarks"}),n=e.ref(t.value.style.chart.animation.use?0:c.checkNaN(v.dataset.percentage));e.watch(()=>v.dataset,a=>{t.value.style.chart.animation.use?E(a.percentage):n.value=a.percentage||0},{deep:!0}),e.onMounted(()=>{O()});function E(a){let u=t.value.style.chart.animation.speed;const l=Math.abs(a-n.value)/(u*120);function r(){n.value<a?n.value=Math.min(n.value+l,a):n.value>a&&(n.value=Math.max(n.value-l,a)),n.value!==a&&requestAnimationFrame(r)}r()}function O(){c.objectIsEmpty(v.dataset)&&c.error({componentName:"VueUiTiremarks",type:"dataset"}),E(v.dataset.percentage||0)}const f=e.computed(()=>t.value.style.chart.layout.display==="vertical"),s=e.computed(()=>{const a={top:48,left:64,right:64,bottom:48};return f.value?{top:t.value.style.chart.percentage.verticalPosition==="top"?a.top:3,left:3,right:3,bottom:t.value.style.chart.percentage.verticalPosition==="bottom"?a.bottom:3}:{top:0,bottom:0,left:t.value.style.chart.percentage.horizontalPosition==="left"?a.left:3,right:t.value.style.chart.percentage.horizontalPosition==="right"?a.right:10}}),C=e.computed(()=>Object.values(s.value).reduce((a,u)=>a+u,0)),o=e.computed(()=>({height:f.value?312:56,width:f.value?56:312})),V=e.ref(100);e.computed(()=>v.dataset.percentage/V.value);const i=e.computed(()=>f.value?{mark:(o.value.height-C.value)/100*.5,space:(o.value.height-C.value)/100*.5}:{mark:(o.value.width-C.value)/100*.5,space:(o.value.width-C.value)/100*.5}),A=e.computed(()=>{const a=[];for(let l=0;l<100;l+=1){const r=t.value.style.chart.layout.ticks.gradient.show?c.shiftHue(t.value.style.chart.layout.activeColor,l/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.layout.activeColor;if(f.value){const y=t.value.style.chart.layout.crescendo?(100-l)*(o.value.width-s.value.left-s.value.right)/100/3:0,d=s.value.left+4+y,h=o.value.width-s.value.right-4-y,m=o.value.height-s.value.bottom-l*i.value.mark-l*i.value.space-i.value.mark,p=o.value.height-s.value.bottom-l*i.value.mark-l*i.value.space-i.value.mark,k=(h-d)/t.value.style.chart.layout.curveAngleX,_=t.value.style.chart.layout.curveAngleY*((1+l)/100);a.push({x1:d,x2:h,y1:m,y2:p,curve:`M ${d} ${m} C ${d+k} ${m-_}, ${h-k} ${p-_}, ${h} ${p}`,color:r})}else{const y=t.value.style.chart.layout.crescendo?(100-l)*(o.value.height-s.value.top-s.value.bottom)/100/3:0,d=s.value.left+l*i.value.mark+l*i.value.space-i.value.mark,h=d,m=s.value.top+4+y,p=o.value.height-s.value.bottom-4-y,k=t.value.style.chart.layout.curveAngleY*((1+l)/100),_=(p-m)/t.value.style.chart.layout.curveAngleX;a.push({x1:d,x2:h,y1:m,y2:p,curve:`M ${d} ${m} C ${d+k} ${m+_}, ${h+k} ${p-_}, ${h} ${p}`,color:r})}}return a}),g=e.computed(()=>{let a,u,l;const r=t.value.style.chart.percentage.fontSize/3;return f.value?t.value.style.chart.percentage.verticalPosition==="top"?(a=o.value.width/2,u=s.value.top/2,l="middle"):t.value.style.chart.percentage.verticalPosition==="bottom"&&(a=o.value.width/2,u=o.value.height-s.value.bottom/2+r,l="middle"):t.value.style.chart.percentage.horizontalPosition==="left"?(a=4,u=o.value.height/2+r,l="start"):t.value.style.chart.percentage.horizontalPosition==="right"&&(a=o.value.width-s.value.right+8,u=o.value.height/2+r,l="start"),{x:a,y:u,textAnchor:l,bold:t.value.style.chart.percentage.bold,fontSize:t.value.style.chart.percentage.fontSize,fill:t.value.style.chart.percentage.color}}),b=e.ref(!1);function j(a){b.value=a,P.value+=1}return G({generatePdf:F,generateImage:N}),(a,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tiremarksChart",ref:$,class:e.normalizeClass(`vue-ui-tiremarks ${t.value.useCssAnimation?"":"vue-ui-dna"}`),style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;${t.value.style.chart.title.text?"":"padding-top:36px"};background:${t.value.style.chart.backgroundColor}`),id:w.value},[t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",Y,[(e.openBlock(),e.createBlock(U._sfc_main,{key:`title_${B.value}`,config:{title:{cy:"wheel-title",...t.value.style.chart.title},subtitle:{cy:"wheel-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&x.value?(e.openBlock(),e.createBlock(L.UserOptions,{ref:"details",key:`user_options_${P.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(S),isImaging:e.unref(I),uid:w.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:b.value,titles:{...t.value.userOptions.buttonTitles},chartElement:$.value,position:t.value.userOptions.position,onToggleFullscreen:j,onGeneratePdf:e.unref(F),onGenerateImage:e.unref(N)},e.createSlots({_:2},[a.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,a.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,a.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:r})=>[e.renderSlot(a.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:r})),void 0,!0)]),key:"2"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),x.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(c.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":b.value,"vue-data-ui-fulscreen--off":!b.value}),viewBox:`0 0 ${o.value.width} ${o.value.height}`,style:e.normalizeStyle(`max-width:100%; overflow: visible; background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(D._sfc_main),t.value.style.chart.layout.curved?(e.openBlock(),e.createElementBlock("g",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,(l,r)=>(e.openBlock(),e.createElementBlock("path",{d:l.curve,"stroke-width":i.value.mark,stroke:n.value>=r?l.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round",fill:"none",class:e.normalizeClass({"vue-ui-tick-animated":t.value.style.chart.animation.use&&r<=n.value})},null,10,Q))),256))])):(e.openBlock(),e.createElementBlock("g",W,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,(l,r)=>(e.openBlock(),e.createElementBlock("line",{x1:l.x1,y1:l.y1,x2:l.x2,y2:l.y2,"stroke-width":i.value.mark,stroke:n.value>=r?l.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round"},null,8,Z))),256))])),t.value.style.chart.percentage.show?(e.openBlock(),e.createElementBlock("text",{key:2,x:g.value.x,y:g.value.y,"font-size":g.value.fontSize,fill:t.value.style.chart.layout.ticks.gradient.show&&t.value.style.chart.percentage.useGradientColor?e.unref(c.shiftHue)(t.value.style.chart.layout.activeColor,n.value/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.percentage.color,"font-weight":g.value.bold?"bold":"normal","text-anchor":g.value.textAnchor},e.toDisplayString(e.unref(c.applyDataLabel)(t.value.style.chart.percentage.formatter,n.value,e.unref(c.dataLabel)({v:n.value,s:"%",r:t.value.style.chart.percentage.rounding}))),9,ee)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"svg",{svg:o.value},void 0,!0)],14,J)):e.createCommentVNode("",!0),a.$slots.watermark?(e.openBlock(),e.createElementBlock("div",te,[e.renderSlot(a.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(S)||e.unref(I)})),void 0,!0)])):e.createCommentVNode("",!0),x.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(H.default,{key:4,config:{type:"tiremarks",style:{backgroundColor:t.value.style.chart.backgroundColor,tiremarks:{color:"#CCCCCC"}}}},null,8,["config"]))],14,R))}},le=X._export_sfc(ae,[["__scopeId","data-v-9130298e"]]);exports.default=le;