vue-data-ui 2.3.3 → 2.3.5

package/dist/vue-ui-thermometer-BNAITzJa.js

@@ -0,0 +1,385 @@
+import { useCssVars as re, computed as c, onMounted as ue, ref as p, openBlock as r, createElementBlock as n, normalizeClass as b, normalizeStyle as W, createVNode as ne, createCommentVNode as h, createBlock as E, unref as y, createSlots as ie, withCtx as U, renderSlot as w, normalizeProps as he, guardReactiveProps as ce, createElementVNode as d, Fragment as C, renderList as z, toDisplayString as de } from "vue";
+import { u as ve, o as ye, e as B, g as fe, c as ge, t as me, a as pe, p as k, b as ke, d as $, X as xe, r as _e, f as be } from "./index-BMCvLyab.js";
+import { _ as we } from "./Title-BNPZwnkp.js";
+import { u as Ce, U as $e } from "./usePrinter-BuuBz5JR.js";
+import Fe from "./vue-ui-skeleton-BisWX1sO.js";
+import { u as j } from "./useNestedProp-CkP8xhG_.js";
+import { _ as Pe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ie = ["id"], Ye = {
+  key: 0,
+  style: "width:100%"
+}, Me = ["xmlns", "viewBox"], Oe = {
+  id: "vueUiPill",
+  clipPathUnits: "objectBoundingBox"
+}, Ue = ["fill"], qe = ["id"], Ne = ["stop-color"], Se = ["stop-color"], Le = ["stop-color"], Te = { "clip-path": "url(#vueUiPill)" }, Ge = ["x", "y", "height", "width"], Ve = ["x", "y", "height", "width", "fill"], We = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ee = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], ze = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Be = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], je = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ae = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], De = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], He = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Xe = ["x", "y", "height", "width"], Re = ["y", "x", "fill", "font-size", "font-weight"], Je = {
+  __name: "vue-ui-thermometer",
+  props: {
+    dataset: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  setup(q, { expose: A }) {
+    const o = q;
+    re((s) => ({
+      efcaaea8: Z.value,
+      "67dbf562": Q.value,
+      bd690a62: K.value
+    }));
+    const { vue_ui_thermometer: D } = ve(), F = c(() => !!o.dataset && Object.keys(o.dataset).length);
+    ue(() => {
+      ye(o.dataset) ? B({
+        componentName: "VueUiThermometer",
+        type: "dataset"
+      }) : fe({
+        datasetObject: o.dataset,
+        requiredAttributes: ["value", "from", "to"]
+      }).forEach((s) => {
+        B({
+          componentName: "VueUiThermometer",
+          type: "datasetAttribute",
+          property: s
+        });
+      });
+    });
+    const f = p(ge()), N = p(null), S = p(0), e = c(() => {
+      const s = j({
+        userConfig: o.config,
+        defaultConfig: D
+      });
+      return s.theme ? {
+        ...j({
+          userConfig: me.vue_ui_thermometer[s.theme] || o.config,
+          defaultConfig: s
+        }),
+        customPalette: pe[s.theme] || k
+      } : s;
+    }), { isPrinting: H, isImaging: X, generatePdf: L, generateImage: T } = Ce({
+      elementId: `thermometer__${f.value}`,
+      fileName: e.value.style.title.text || "vue-ui-thermometer"
+    }), x = c(() => ke(e.value.customPalette)), R = c(() => e.value.style.chart.thermometer.width), v = c(() => o.dataset.steps || 10), i = p({
+      top: e.value.style.chart.padding.top,
+      left: e.value.style.chart.padding.left,
+      right: e.value.style.chart.padding.right,
+      bottom: e.value.style.chart.padding.bottom
+    });
+    function _(s, a, t) {
+      const u = [], M = G(s), O = G(a);
+      for (let m = 0; m < t; m++) {
+        const se = P(M.red, O.red, m, t), le = P(M.green, O.green, m, t), oe = P(M.blue, O.blue, m, t), ae = `#${I(se)}${I(le)}${I(oe)}`;
+        u.push(ae);
+      }
+      return u;
+    }
+    function G(s) {
+      const a = s.slice(1);
+      return {
+        red: parseInt(a.slice(0, 2), 16),
+        green: parseInt(a.slice(2, 4), 16),
+        blue: parseInt(a.slice(4, 6), 16)
+      };
+    }
+    function P(s, a, t, u) {
+      return Math.round(s + (a - s) * t / u);
+    }
+    function I(s) {
+      return s.toString(16).padStart(2, "0");
+    }
+    const l = c(() => {
+      const s = R.value + i.value.left + i.value.right, a = e.value.style.chart.height;
+      return {
+        width: s,
+        left: i.value.left,
+        right: s - i.value.right,
+        top: i.value.top,
+        bottom: a - i.value.bottom,
+        height: a
+      };
+    }), J = c(() => l.value), Y = c(() => {
+      const s = o.dataset.from < 0 ? Math.abs(o.dataset.from) : o.dataset.from, a = o.dataset.to < 0 ? Math.abs(o.dataset.to) : o.dataset.to;
+      let t = 0;
+      return o.dataset.to > 0 ? t = s + a : s > a ? t = s - a : t = a - s, (1 - (Math.abs(o.dataset.from) + o.dataset.value) / t) * (l.value.height - i.value.top - i.value.bottom);
+    }), K = c(() => `${Y.value}px`), Q = c(() => `${l.value.height - e.value.style.chart.padding.bottom - i.value.top}px`), Z = c(() => `${e.value.style.chart.animation.speedMs}ms`), ee = c(() => {
+      if (o.dataset.colors) {
+        if (!o.dataset.colors.from)
+          return _(x.value[0] || k[0], $(o.dataset.colors.to), v.value || 10);
+        if (!o.dataset.colors.to)
+          return _($(o.dataset.colors.from), x.value[1] || k[1], v.value || 10);
+      } else
+        return _(x.value[1] || k[1], x.value[0] || k[0], v.value || 10);
+      return _($(o.dataset.colors.from), $(o.dataset.colors.to), v.value || 10);
+    }), V = c(() => {
+      const s = [];
+      let a = 0;
+      const t = l.value.height - i.value.top - i.value.bottom;
+      for (let u = 0; u < t - 1; u += t / v.value)
+        s.push({
+          x: l.value.left,
+          y: l.value.top + u,
+          qYLess: l.value.top + u + t / v.value / 4,
+          halfY: l.value.top + u + t / v.value / 2,
+          qYMore: l.value.top + u + t / v.value / 4 * 3,
+          color: ee.value[a],
+          height: t / v.value
+        }), a += 1;
+      return s;
+    }), g = p(!1);
+    function te(s) {
+      g.value = s, S.value += 1;
+    }
+    return A({
+      generatePdf: L,
+      generateImage: T
+    }), (s, a) => (r(), n("div", {
+      ref_key: "thermoChart",
+      ref: N,
+      class: b(`vue-ui-thermometer ${g.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      style: W(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
+      id: `thermometer__${f.value}`
+    }, [
+      e.value.style.title.text ? (r(), n("div", Ye, [
+        ne(we, {
+          config: {
+            title: {
+              cy: "thermometer-div-title",
+              ...e.value.style.title
+            },
+            subtitle: {
+              cy: "thermometer-div-subtitle",
+              ...e.value.style.title.subtitle
+            }
+          }
+        }, null, 8, ["config"])
+      ])) : h("", !0),
+      e.value.userOptions.show && F.value ? (r(), E($e, {
+        ref: "details",
+        key: `user_options_${S.value}`,
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        isImaging: y(X),
+        isPrinting: y(H),
+        uid: f.value,
+        hasPdf: e.value.userOptions.buttons.pdf,
+        hasImg: e.value.userOptions.buttons.img,
+        hasFullscreen: e.value.userOptions.buttons.fullscreen,
+        hasXls: !1,
+        isFullscreen: g.value,
+        titles: { ...e.value.userOptions.buttonTitles },
+        chartElement: N.value,
+        onToggleFullscreen: te,
+        onGeneratePdf: y(L),
+        onGenerateImage: y(T)
+      }, ie({ _: 2 }, [
+        s.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: U(() => [
+            w(s.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        s.$slots.optionImg ? {
+          name: "optionImg",
+          fn: U(() => [
+            w(s.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        s.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: U(({ toggleFullscreen: t, isFullscreen: u }) => [
+            w(s.$slots, "optionFullscreen", he(ce({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : h("", !0),
+      F.value ? (r(), n("svg", {
+        key: 2,
+        xmlns: y(xe),
+        class: b({ "vue-data-ui-fullscreen--on": g.value, "vue-data-ui-fulscreen--off": !g.value }),
+        width: "100%",
+        viewBox: `0 0 ${l.value.width} ${l.value.height}`,
+        style: W(`background:${e.value.style.chart.backgroundColor}`)
+      }, [
+        d("defs", null, [
+          d("clipPath", Oe, [
+            d("rect", {
+              x: "0",
+              y: "0",
+              width: "1",
+              height: "1",
+              rx: "0.5",
+              ry: "0.07",
+              fill: e.value.style.chart.backgroundColor
+            }, null, 8, Ue)
+          ]),
+          (r(!0), n(C, null, z(V.value, (t, u) => (r(), n("linearGradient", {
+            id: `vueUiThermometerGradient_${u}_${f.value}`,
+            x1: "0%",
+            y1: "0%",
+            x2: "100%",
+            y2: "0%"
+          }, [
+            d("stop", {
+              offset: "0%",
+              "stop-color": t.color
+            }, null, 8, Ne),
+            d("stop", {
+              offset: "50%",
+              "stop-color": `${t.color}${y(_e)[100 - e.value.style.chart.graduations.gradient.intensity]}`
+            }, null, 8, Se),
+            d("stop", {
+              offset: "100%",
+              "stop-color": t.color
+            }, null, 8, Le)
+          ], 8, qe))), 256))
+        ]),
+        d("g", Te, [
+          d("rect", {
+            x: l.value.left,
+            y: l.value.top,
+            height: l.value.height - i.value.top - i.value.bottom,
+            width: l.value.width - i.value.left - i.value.right,
+            fill: "#FFFFFF"
+          }, null, 8, Ge),
+          (r(!0), n(C, null, z(V.value, (t, u) => (r(), n("g", {
+            key: `graduation_${u}`
+          }, [
+            d("rect", {
+              x: t.x,
+              y: t.y,
+              height: t.height,
+              width: l.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right,
+              fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${u}_${f.value})` : t.color,
+              "shape-rendering": "crispEdges"
+            }, null, 8, Ve),
+            e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
+              key: 0,
+              x1: t.x,
+              x2: t.x + 10,
+              y1: t.y,
+              y2: t.y,
+              "stroke-width": e.value.style.chart.graduations.strokeWidth,
+              stroke: e.value.style.chart.graduations.stroke,
+              "stroke-linecap": "round"
+            }, null, 8, We)) : h("", !0),
+            e.value.style.chart.graduations.showIntermediate ? (r(), n(C, { key: 1 }, [
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
+                key: 0,
+                x1: t.x,
+                x2: t.x + 5,
+                y1: t.halfY,
+                y2: t.halfY,
+                "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
+                stroke: e.value.style.chart.graduations.stroke,
+                "stroke-linecap": "round"
+              }, null, 8, Ee)) : h("", !0),
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
+                key: 1,
+                x1: t.x,
+                x2: t.x + 2.5,
+                y1: t.qYLess,
+                y2: t.qYLess,
+                "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
+                stroke: e.value.style.chart.graduations.stroke,
+                "stroke-linecap": "round"
+              }, null, 8, ze)) : h("", !0),
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
+                key: 2,
+                x1: t.x,
+                x2: t.x + 2.5,
+                y1: t.qYMore,
+                y2: t.qYMore,
+                "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
+                stroke: e.value.style.chart.graduations.stroke,
+                "stroke-linecap": "round"
+              }, null, 8, Be)) : h("", !0)
+            ], 64)) : h("", !0),
+            e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
+              key: 2,
+              x1: l.value.right,
+              x2: l.value.right - 10,
+              y1: t.y,
+              y2: t.y,
+              "stroke-width": e.value.style.chart.graduations.strokeWidth,
+              stroke: e.value.style.chart.graduations.stroke,
+              "stroke-linecap": "round"
+            }, null, 8, je)) : h("", !0),
+            e.value.style.chart.graduations.showIntermediate ? (r(), n(C, { key: 3 }, [
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
+                key: 0,
+                x1: l.value.right,
+                x2: l.value.right - 5,
+                y1: t.halfY,
+                y2: t.halfY,
+                "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
+                stroke: e.value.style.chart.graduations.stroke,
+                "stroke-linecap": "round"
+              }, null, 8, Ae)) : h("", !0),
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
+                key: 1,
+                x1: l.value.right,
+                x2: l.value.right - 2.5,
+                y1: t.qYLess,
+                y2: t.qYLess,
+                "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
+                stroke: e.value.style.chart.graduations.stroke,
+                "stroke-linecap": "round"
+              }, null, 8, De)) : h("", !0),
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
+                key: 2,
+                x1: l.value.right,
+                x2: l.value.right - 2.5,
+                y1: t.qYMore,
+                y2: t.qYMore,
+                "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
+                stroke: e.value.style.chart.graduations.stroke,
+                "stroke-linecap": "round"
+              }, null, 8, He)) : h("", !0)
+            ], 64)) : h("", !0)
+          ]))), 128)),
+          d("rect", {
+            class: b({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
+            x: l.value.left,
+            y: l.value.top,
+            height: Y.value,
+            width: l.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right,
+            fill: "#FFFFFF66"
+          }, null, 10, Xe)
+        ]),
+        d("text", {
+          class: b({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use }),
+          y: Y.value + l.value.top + e.value.style.chart.label.fontSize / 3,
+          x: l.value.left - 10,
+          "text-anchor": "end",
+          fill: e.value.style.chart.label.color,
+          "font-size": e.value.style.chart.label.fontSize,
+          "font-weight": e.value.style.chart.label.bold ? "bold" : "normal"
+        }, de(y(be)({ p: e.value.style.chart.label.prefix, v: q.dataset.value, s: e.value.style.chart.label.suffix, r: e.value.style.chart.label.rounding })), 11, Re),
+        w(s.$slots, "svg", { svg: J.value }, void 0, !0)
+      ], 14, Me)) : h("", !0),
+      F.value ? h("", !0) : (r(), E(Fe, {
+        key: 3,
+        config: {
+          type: "thermometer",
+          style: {
+            backgroundColor: e.value.style.chart.backgroundColor,
+            thermometer: {
+              color: "#CCCCCC"
+            }
+          }
+        }
+      }, null, 8, ["config"]))
+    ], 14, Ie));
+  }
+}, ot = /* @__PURE__ */ Pe(Je, [["__scopeId", "data-v-eef95fe3"]]);
+export {
+  ot as default
+};

package/dist/vue-ui-thermometer-DM2IKhqN.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-BkomIE9L.cjs"),A=require("./Title-Cj_xubjI.cjs"),F=require("./usePrinter-r6uHYEcR.cjs"),D=require("./vue-ui-skeleton-JmGp11-u.cjs"),$=require("./useNestedProp-BMxXyPbW.cjs"),R=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),X=["id"],J={key:0,style:"width:100%"},K=["xmlns","viewBox"],Q={id:"vueUiPill",clipPathUnits:"objectBoundingBox"},Z=["fill"],ee=["id"],te=["stop-color"],oe=["stop-color"],le=["stop-color"],re={"clip-path":"url(#vueUiPill)"},ae=["x","y","height","width"],se=["x","y","height","width","fill"],ne=["x1","x2","y1","y2","stroke-width","stroke"],ue=["x1","x2","y1","y2","stroke-width","stroke"],ie=["x1","x2","y1","y2","stroke-width","stroke"],ce=["x1","x2","y1","y2","stroke-width","stroke"],de=["x1","x2","y1","y2","stroke-width","stroke"],he=["x1","x2","y1","y2","stroke-width","stroke"],ve=["x1","x2","y1","y2","stroke-width","stroke"],me=["x1","x2","y1","y2","stroke-width","stroke"],ye=["x","y","height","width"],pe=["y","x","fill","font-size","font-weight"],fe={__name:"vue-ui-thermometer",props:{dataset:{type:Object,default(){return{}}},config:{type:Object,default(){return{}}}},setup(b,{expose:P}){const a=b;e.useCssVars(l=>({efcaaea8:U.value,"67dbf562":O.value,bd690a62:M.value}));const{vue_ui_thermometer:I}=s.useConfig(),p=e.computed(()=>!!a.dataset&&Object.keys(a.dataset).length);e.onMounted(()=>{s.objectIsEmpty(a.dataset)?s.error({componentName:"VueUiThermometer",type:"dataset"}):s.getMissingDatasetAttributes({datasetObject:a.dataset,requiredAttributes:["value","from","to"]}).forEach(l=>{s.error({componentName:"VueUiThermometer",type:"datasetAttribute",property:l})})});const d=e.ref(s.createUid()),C=e.ref(null),w=e.ref(0),t=e.computed(()=>{const l=$.useNestedProp({userConfig:a.config,defaultConfig:I});return l.theme?{...$.useNestedProp({userConfig:s.themes.vue_ui_thermometer[l.theme]||a.config,defaultConfig:l}),customPalette:s.themePalettes[l.theme]||s.palette}:l}),{isPrinting:q,isImaging:S,generatePdf:B,generateImage:N}=F.usePrinter({elementId:`thermometer__${d.value}`,fileName:t.value.style.title.text||"vue-ui-thermometer"}),m=e.computed(()=>s.convertCustomPalette(t.value.customPalette)),T=e.computed(()=>t.value.style.chart.thermometer.width),c=e.computed(()=>a.dataset.steps||10),i=e.ref({top:t.value.style.chart.padding.top,left:t.value.style.chart.padding.left,right:t.value.style.chart.padding.right,bottom:t.value.style.chart.padding.bottom});function y(l,n,o){const u=[],x=E(l),_=E(n);for(let v=0;v<o;v++){const G=f(x.red,_.red,v,o),W=f(x.green,_.green,v,o),H=f(x.blue,_.blue,v,o),j=`#${g(G)}${g(W)}${g(H)}`;u.push(j)}return u}function E(l){const n=l.slice(1);return{red:parseInt(n.slice(0,2),16),green:parseInt(n.slice(2,4),16),blue:parseInt(n.slice(4,6),16)}}function f(l,n,o,u){return Math.round(l+(n-l)*o/u)}function g(l){return l.toString(16).padStart(2,"0")}const r=e.computed(()=>{const l=T.value+i.value.left+i.value.right,n=t.value.style.chart.height;return{width:l,left:i.value.left,right:l-i.value.right,top:i.value.top,bottom:n-i.value.bottom,height:n}}),Y=e.computed(()=>r.value),k=e.computed(()=>{const l=a.dataset.from<0?Math.abs(a.dataset.from):a.dataset.from,n=a.dataset.to<0?Math.abs(a.dataset.to):a.dataset.to;let o=0;return a.dataset.to>0?o=l+n:l>n?o=l-n:o=n-l,(1-(Math.abs(a.dataset.from)+a.dataset.value)/o)*(r.value.height-i.value.top-i.value.bottom)}),M=e.computed(()=>`${k.value}px`),O=e.computed(()=>`${r.value.height-t.value.style.chart.padding.bottom-i.value.top}px`),U=e.computed(()=>`${t.value.style.chart.animation.speedMs}ms`),z=e.computed(()=>{if(a.dataset.colors){if(!a.dataset.colors.from)return y(m.value[0]||s.palette[0],s.convertColorToHex(a.dataset.colors.to),c.value||10);if(!a.dataset.colors.to)return y(s.convertColorToHex(a.dataset.colors.from),m.value[1]||s.palette[1],c.value||10)}else return y(m.value[1]||s.palette[1],m.value[0]||s.palette[0],c.value||10);return y(s.convertColorToHex(a.dataset.colors.from),s.convertColorToHex(a.dataset.colors.to),c.value||10)}),V=e.computed(()=>{const l=[];let n=0;const o=r.value.height-i.value.top-i.value.bottom;for(let u=0;u<o-1;u+=o/c.value)l.push({x:r.value.left,y:r.value.top+u,qYLess:r.value.top+u+o/c.value/4,halfY:r.value.top+u+o/c.value/2,qYMore:r.value.top+u+o/c.value/4*3,color:z.value[n],height:o/c.value}),n+=1;return l}),h=e.ref(!1);function L(l){h.value=l,w.value+=1}return P({generatePdf:B,generateImage:N}),(l,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"thermoChart",ref:C,class:e.normalizeClass(`vue-ui-thermometer ${h.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color};font-family:${t.value.style.fontFamily}`),id:`thermometer__${d.value}`},[t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",J,[e.createVNode(A._sfc_main,{config:{title:{cy:"thermometer-div-title",...t.value.style.title},subtitle:{cy:"thermometer-div-subtitle",...t.value.style.title.subtitle}}},null,8,["config"])])):e.createCommentVNode("",!0),t.value.userOptions.show&&p.value?(e.openBlock(),e.createBlock(F.UserOptions,{ref:"details",key:`user_options_${w.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(S),isPrinting:e.unref(q),uid:d.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:h.value,titles:{...t.value.userOptions.buttonTitles},chartElement:C.value,onToggleFullscreen:L,onGeneratePdf:e.unref(B),onGenerateImage:e.unref(N)},e.createSlots({_:2},[l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:u})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:u})),void 0,!0)]),key:"2"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(s.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":h.value,"vue-data-ui-fulscreen--off":!h.value}),width:"100%",viewBox:`0 0 ${r.value.width} ${r.value.height}`,style:e.normalizeStyle(`background:${t.value.style.chart.backgroundColor}`)},[e.createElementVNode("defs",null,[e.createElementVNode("clipPath",Q,[e.createElementVNode("rect",{x:"0",y:"0",width:"1",height:"1",rx:"0.5",ry:"0.07",fill:t.value.style.chart.backgroundColor},null,8,Z)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,(o,u)=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`vueUiThermometerGradient_${u}_${d.value}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":o.color},null,8,te),e.createElementVNode("stop",{offset:"50%","stop-color":`${o.color}${e.unref(s.opacity)[100-t.value.style.chart.graduations.gradient.intensity]}`},null,8,oe),e.createElementVNode("stop",{offset:"100%","stop-color":o.color},null,8,le)],8,ee))),256))]),e.createElementVNode("g",re,[e.createElementVNode("rect",{x:r.value.left,y:r.value.top,height:r.value.height-i.value.top-i.value.bottom,width:r.value.width-i.value.left-i.value.right,fill:"#FFFFFF"},null,8,ae),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(V.value,(o,u)=>(e.openBlock(),e.createElementBlock("g",{key:`graduation_${u}`},[e.createElementVNode("rect",{x:o.x,y:o.y,height:o.height,width:r.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:t.value.style.chart.graduations.gradient.show?`url(#vueUiThermometerGradient_${u}_${d.value})`:o.color,"shape-rendering":"crispEdges"},null,8,se),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,ne)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,ue)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:o.x,x2:o.x+2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,ie)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:o.x,x2:o.x+2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,ce)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:r.value.right,x2:r.value.right-10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,de)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:r.value.right,x2:r.value.right-5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,he)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:r.value.right,x2:r.value.right-2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,ve)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:r.value.right,x2:r.value.right-2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,me)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]))),128)),e.createElementVNode("rect",{class:e.normalizeClass({"vue-ui-thermometer-temperature":t.value.style.chart.animation.use}),x:r.value.left,y:r.value.top,height:k.value,width:r.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:"#FFFFFF66"},null,10,ye)]),e.createElementVNode("text",{class:e.normalizeClass({"vue-ui-thermometer-temperature-value":t.value.style.chart.animation.use}),y:k.value+r.value.top+t.value.style.chart.label.fontSize/3,x:r.value.left-10,"text-anchor":"end",fill:t.value.style.chart.label.color,"font-size":t.value.style.chart.label.fontSize,"font-weight":t.value.style.chart.label.bold?"bold":"normal"},e.toDisplayString(e.unref(s.dataLabel)({p:t.value.style.chart.label.prefix,v:b.dataset.value,s:t.value.style.chart.label.suffix,r:t.value.style.chart.label.rounding})),11,pe),e.renderSlot(l.$slots,"svg",{svg:Y.value},void 0,!0)],14,K)):e.createCommentVNode("",!0),p.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(D.default,{key:3,config:{type:"thermometer",style:{backgroundColor:t.value.style.chart.backgroundColor,thermometer:{color:"#CCCCCC"}}}},null,8,["config"]))],14,X))}},ge=R._export_sfc(fe,[["__scopeId","data-v-eef95fe3"]]);exports.default=ge;

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

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