vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-thermometer-Cy1oHbQ-.js → vue-ui-thermometer-B9nc954A.js}

@@ -1,19 +1,19 @@
 import { useCssVars as st, defineAsyncComponent as Z, ref as d, computed as i, onMounted as at, toRefs as lt, watch as rt, openBlock as r, createElementBlock as u, unref as c, normalizeStyle as we, normalizeClass as V, createBlock as N, withCtx as f, renderSlot as h, normalizeProps as p, guardReactiveProps as k, createCommentVNode as v, createSlots as nt, createElementVNode as m, toDisplayString as ee, createVNode as ut, Fragment as Y, renderList as xe, nextTick as it } from "vue";
-import { j as ct, t as Ce, o as vt, q as _e, r as ht, m as dt, p as I, n as ft, K as y, s as E, k as mt, l as yt, X as gt, u as pt } from "./lib-DBptbyyI.js";
+import { j as ct, t as Ce, o as vt, q as _e, r as ht, m as dt, p as I, n as ft, K as y, s as E, k as mt, l as yt, X as gt, u as pt } from "./lib-DMzrGQHK.js";
 import { t as kt, u as bt } from "./useResponsive-DfdjqQps.js";
-import { u as wt } from "./useConfig-C40HvGpD.js";
-import { u as xt, B as Ct } from "./BaseScanner-BhhkKVoj.js";
-import { u as _t } from "./usePrinter-CEpYU3r5.js";
-import { u as $t } from "./useSvgExport-ByUukOZt.js";
-import { u as te } from "./useNestedProp-Bf5XFbs8.js";
-import { u as At } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as Pt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Ot } from "./useChartAccessibility-9icAAmYg.js";
-import { u as It } from "./usePrefersMotion-CUKm8_t8.js";
-import { u as St } from "./useAutoSizeLabelsInsideViewbox-DX7LdvFX.js";
+import { u as wt } from "./useConfig-DTHxOX6V.js";
+import { u as xt, B as Ct } from "./BaseScanner-BON3d_Sx.js";
+import { u as _t } from "./usePrinter-C4t8DdQ-.js";
+import { u as $t } from "./useSvgExport-BTG4hVPO.js";
+import { u as te } from "./useNestedProp-DH0BEVVS.js";
+import { u as At } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as Pt } from "./useUserOptionState-B7Ej974k.js";
+import { u as Ot } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as It } from "./usePrefersMotion-Co0nj1eS.js";
+import { u as St } from "./useAutoSizeLabelsInsideViewbox-izlGDfwu.js";
 import Ft from "./vue_ui_thermometer-BTmjRBH8.js";
-import Tt from "./Title-BeMKE1cj.js";
-import Mt from "./img-LXxMLmCg.js";
+import Tt from "./Title-BbKoiBk2.js";
+import Mt from "./img-CjTQXS0U.js";
 import { _ as Ut } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const zt = ["id"], Wt = {
   key: 1,
@@ -42,15 +42,23 @@ const zt = ["id"], Wt = {
   emits: ["copyAlt"],
   setup($e, { expose: Ae, emit: Pe }) {
     st((o) => ({
-      v2c2fe85d: He.value,
-      v466eabd1: Ee.value,
-      v2eb1fe04: Ye.value
+      v5a0c02a0: He.value,
+      v78e75fde: Ee.value,
+      v69e7544b: Ye.value
     }));
-    const Oe = Z(() => import("./PackageVersion-DP_kfXUM.js")), Ie = Z(() => import("./PenAndPaper-Ct3qJ4lA.js")), Se = Z(() => import("./UserOptions-rW2fRf3V.js")), { vue_ui_thermometer: Fe } = wt(), { isThemeValid: Te, warnInvalidTheme: Me } = At(), Ue = It(), g = $e, ze = Pe, b = d(ct()), x = d(null), oe = d(0), se = d(0), ae = d(null), le = d(null), _ = d(null), S = d(null), F = d(!1), T = d(!1), We = i(() => !!g.dataset && Object.keys(g.dataset).length);
+    const Oe = Z(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), Ie = Z(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), Se = Z(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), { vue_ui_thermometer: Fe } = wt(), { isThemeValid: Te, warnInvalidTheme: Me } = At(), Ue = It(), g = $e, ze = Pe, b = d(ct()), x = d(null), oe = d(0), se = d(0), ae = d(null), le = d(null), _ = d(null), S = d(null), F = d(!1), T = d(!1), We = i(() => !!g.dataset && Object.keys(g.dataset).length);
     at(() => {
       ue();
     });
-    const e = d(G()), Le = d(e.value.style.chart.thermometer.width), H = d(e.value.style.chart.height), q = d(e.value.style.chart.width), re = i(() => e.value.userOptions.useCursorPointer), Re = i(() => Ce({
+    const e = d(G()), Le = d(e.value.style.chart.thermometer.width), H = d(e.value.style.chart.height), q = d(e.value.style.chart.width), re = i(
+      () => e.value.userOptions.useCursorPointer
+    ), Re = i(() => Ce({
       defaultConfig: {
         userOptions: { show: !1 },
         style: {
@@ -68,7 +76,13 @@ const zt = ["id"], Wt = {
       ...lt(g),
       FINAL_CONFIG: e,
       prepareConfig: G,
-      skeletonDataset: g.config?.skeletonDataset ?? { value: 0, from: -100, to: 100, steps: 20, colors: { from: "#A1A1A1", to: "#CACACA" } },
+      skeletonDataset: g.config?.skeletonDataset ?? {
+        value: 0,
+        from: -100,
+        to: 100,
+        steps: 20,
+        colors: { from: "#A1A1A1", to: "#CACACA" }
+      },
       skeletonConfig: Ce({
         defaultConfig: e.value,
         userConfig: Re.value
@@ -104,7 +118,9 @@ const zt = ["id"], Wt = {
       }
       ye();
     }
-    const { userOptionsVisible: D, setUserOptionsVisibility: ie, keepUserOptionState: ce } = Pt({ config: e.value }), { svgRef: U } = Ot({ config: e.value.style.title });
+    const { userOptionsVisible: D, setUserOptionsVisibility: ie, keepUserOptionState: ce } = Pt({ config: e.value }), { svgRef: U } = Ot({
+      config: e.value.style.title
+    });
     function G() {
       const o = te({
         userConfig: g.config,
@@ -125,9 +141,13 @@ const zt = ["id"], Wt = {
         customPalette: l.customPalette.length ? l.customPalette : dt[a] || I
       };
     }
-    rt(() => g.config, (o) => {
-      e.value = G(), D.value = !e.value.userOptions.showOnChartHover, Le.value = e.value.style.chart.thermometer.width, H.value = e.value.style.chart.height, q.value = e.value.style.chart.width, ue(), se.value += 1;
-    }, { deep: !0 });
+    rt(
+      () => g.config,
+      (o) => {
+        e.value = G(), D.value = !e.value.userOptions.showOnChartHover, Le.value = e.value.style.chart.thermometer.width, H.value = e.value.style.chart.height, q.value = e.value.style.chart.width, ue(), se.value += 1;
+      },
+      { deep: !0 }
+    );
     const { isPrinting: B, isImaging: j, generatePdf: ve, generateImage: he } = _t({
       elementId: `thermometer__${b.value}`,
       fileName: e.value.style.title.text || "vue-ui-thermometer",
@@ -174,12 +194,28 @@ const zt = ["id"], Wt = {
     }), Ye = i(() => `${L.value}px`), Ee = i(() => `${s.value.thermoHeight}px`), He = i(() => Ue.value ? "0ms" : `${e.value.style.chart.animation.speedMs}ms`), qe = i(() => {
       if (n.value.colors) {
         if (!n.value.colors.from)
-          return W(z.value[0] || I[0], E(n.value.colors.to), w.value || 10);
+          return W(
+            z.value[0] || I[0],
+            E(n.value.colors.to),
+            w.value || 10
+          );
         if (!n.value.colors.to)
-          return W(E(n.value.colors.from), z.value[1] || I[1], w.value || 10);
+          return W(
+            E(n.value.colors.from),
+            z.value[1] || I[1],
+            w.value || 10
+          );
       } else
-        return W(z.value[1] || I[1], z.value[0] || I[0], w.value || 10);
-      return W(E(n.value.colors.from), E(n.value.colors.to), w.value || 10);
+        return W(
+          z.value[1] || I[1],
+          z.value[0] || I[0],
+          w.value || 10
+        );
+      return W(
+        E(n.value.colors.from),
+        E(n.value.colors.to),
+        w.value || 10
+      );
     }), fe = i(() => {
       const o = [];
       let a = 0;
@@ -205,7 +241,12 @@ const zt = ["id"], Wt = {
     }
     async function De({ scale: o = 2 } = {}) {
       if (!x.value) return;
-      const { width: a, height: t } = x.value.getBoundingClientRect(), l = a / t, { imageUri: C, base64: P } = await Mt({ domElement: x.value, base64: !0, img: !0, scale: o });
+      const { width: a, height: t } = x.value.getBoundingClientRect(), l = a / t, { imageUri: C, base64: P } = await Mt({
+        domElement: x.value,
+        base64: !0,
+        img: !0,
+        scale: o
+      });
       return {
         imageUri: C,
         base64: P,
@@ -234,7 +275,14 @@ const zt = ["id"], Wt = {
       try {
         if (o) {
           const { blob: a, url: t, text: l, dataUrl: C } = await Xe();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: a, url: t, text: l, dataUrl: C }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: a,
+              url: t,
+              text: l,
+              dataUrl: C
+            })
+          );
         } else
           await Promise.resolve(je());
       } finally {
@@ -257,13 +305,17 @@ const zt = ["id"], Wt = {
         config: e.value,
         dataset: n.value
       }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(e.value.userOptions.callbacks.altCopy({
-        config: e.value,
-        dataset: n.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: n.value
+        })
+      );
     }
     const ke = i(() => `${b.value}-title`), be = i(() => `${b.value}-desc`), Q = i(() => mt(
       e.value.style.chart.label.formatter,
@@ -434,7 +486,10 @@ const zt = ["id"], Wt = {
         ref_key: "svgRef",
         ref: U,
         xmlns: c(gt),
-        class: V({ "vue-data-ui-fullscreen--on": $.value, "vue-data-ui-fulscreen--off": !$.value }),
+        class: V({
+          "vue-data-ui-fullscreen--on": $.value,
+          "vue-data-ui-fulscreen--off": !$.value
+        }),
         width: "100%",
         viewBox: `0 0 ${s.value.width} ${s.value.height}`,
         style: "background:transparent",
@@ -483,7 +538,10 @@ const zt = ["id"], Wt = {
             }, null, 8, qt),
             m("stop", {
               offset: "50%",
-              "stop-color": c(pt)(t.color, 100 - e.value.style.chart.graduations.gradient.intensity)
+              "stop-color": c(pt)(
+                t.color,
+                100 - e.value.style.chart.graduations.gradient.intensity
+              )
             }, null, 8, Dt),
             m("stop", {
               offset: "100%",
@@ -512,7 +570,9 @@ const zt = ["id"], Wt = {
               fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${l}_${b.value})` : t.color,
               "shape-rendering": "crispEdges"
             }, null, 8, Xt),
-            e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (r(), u("line", {
+            e.value.style.chart.graduations.show && ["both", "left"].includes(
+              e.value.style.chart.graduations.sides
+            ) ? (r(), u("line", {
               key: 0,
               x1: t.x,
               x2: t.x + 10,
@@ -523,7 +583,9 @@ const zt = ["id"], Wt = {
               "stroke-linecap": "round"
             }, null, 8, Kt)) : v("", !0),
             e.value.style.chart.graduations.showIntermediate ? (r(), u(Y, { key: 1 }, [
-              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (r(), u("line", {
+              e.value.style.chart.graduations.show && ["both", "left"].includes(
+                e.value.style.chart.graduations.sides
+              ) ? (r(), u("line", {
                 key: 0,
                 x1: t.x,
                 x2: t.x + 5,
@@ -533,7 +595,9 @@ const zt = ["id"], Wt = {
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
               }, null, 8, Jt)) : v("", !0),
-              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (r(), u("line", {
+              e.value.style.chart.graduations.show && ["both", "left"].includes(
+                e.value.style.chart.graduations.sides
+              ) ? (r(), u("line", {
                 key: 1,
                 x1: t.x,
                 x2: t.x + 2.5,
@@ -543,7 +607,9 @@ const zt = ["id"], Wt = {
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
               }, null, 8, Qt)) : v("", !0),
-              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (r(), u("line", {
+              e.value.style.chart.graduations.show && ["both", "left"].includes(
+                e.value.style.chart.graduations.sides
+              ) ? (r(), u("line", {
                 key: 2,
                 x1: t.x,
                 x2: t.x + 2.5,
@@ -554,7 +620,9 @@ const zt = ["id"], Wt = {
                 "stroke-linecap": "round"
               }, null, 8, Zt)) : v("", !0)
             ], 64)) : v("", !0),
-            e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (r(), u("line", {
+            e.value.style.chart.graduations.show && ["both", "right"].includes(
+              e.value.style.chart.graduations.sides
+            ) ? (r(), u("line", {
               key: 2,
               x1: s.value.right,
               x2: s.value.right - 10,
@@ -565,7 +633,9 @@ const zt = ["id"], Wt = {
               "stroke-linecap": "round"
             }, null, 8, eo)) : v("", !0),
             e.value.style.chart.graduations.showIntermediate ? (r(), u(Y, { key: 3 }, [
-              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (r(), u("line", {
+              e.value.style.chart.graduations.show && ["both", "right"].includes(
+                e.value.style.chart.graduations.sides
+              ) ? (r(), u("line", {
                 key: 0,
                 x1: s.value.right,
                 x2: s.value.right - 5,
@@ -575,7 +645,9 @@ const zt = ["id"], Wt = {
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
               }, null, 8, to)) : v("", !0),
-              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (r(), u("line", {
+              e.value.style.chart.graduations.show && ["both", "right"].includes(
+                e.value.style.chart.graduations.sides
+              ) ? (r(), u("line", {
                 key: 1,
                 x1: s.value.right,
                 x2: s.value.right - 2.5,
@@ -585,7 +657,9 @@ const zt = ["id"], Wt = {
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
               }, null, 8, oo)) : v("", !0),
-              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (r(), u("line", {
+              e.value.style.chart.graduations.show && ["both", "right"].includes(
+                e.value.style.chart.graduations.sides
+              ) ? (r(), u("line", {
                 key: 2,
                 x1: s.value.right,
                 x2: s.value.right - 2.5,
@@ -598,7 +672,9 @@ const zt = ["id"], Wt = {
             ], 64)) : v("", !0)
           ]))), 128)),
           m("rect", {
-            class: V({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
+            class: V({
+              "vue-ui-thermometer-temperature": e.value.style.chart.animation.use
+            }),
             x: s.value.left,
             y: s.value.top,
             height: L.value,
@@ -623,7 +699,10 @@ const zt = ["id"], Wt = {
           }, null, 8, ro)) : (r(), u("text", {
             key: 1,
             "aria-hidden": "true",
-            class: V({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use, "vue-ui-thermometer-label": !0 }),
+            class: V({
+              "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use,
+              "vue-ui-thermometer-label": !0
+            }),
             y: L.value + s.value.top + A.value / 3,
             x: s.value.left - 10,
             "text-anchor": "end",
@@ -641,7 +720,9 @@ const zt = ["id"], Wt = {
         }, void 0, !0)
       ], 10, Lt)),
       o.$slots.watermark ? (r(), u("div", uo, [
-        h(o.$slots, "watermark", p(k({ isPrinting: c(B) || c(j) || F.value || T.value })), void 0, !0)
+        h(o.$slots, "watermark", p(k({
+          isPrinting: c(B) || c(j) || F.value || T.value
+        })), void 0, !0)
       ])) : v("", !0),
       o.$slots.source ? (r(), u("div", {
         key: 5,
@@ -656,7 +737,7 @@ const zt = ["id"], Wt = {
       ], !0)
     ], 46, zt));
   }
-}, Oo = /* @__PURE__ */ Ut(io, [["__scopeId", "data-v-e2a33fa2"]]);
+}, Oo = /* @__PURE__ */ Ut(io, [["__scopeId", "data-v-f8485423"]]);
 export {
   Oo as default
 };

package/dist/{vue-ui-timer-DsYVGo-1.js → vue-ui-timer-BDfbM4vl.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as le, ref as v, shallowRef as K, onMounted as oe, onBeforeUnmount as re, computed as R, watch as ue, openBlock as l, createElementBlock as r, normalizeStyle as k, createBlock as ie, createCommentVNode as d, unref as Q, createVNode as T, renderSlot as H, createElementVNode as P, mergeProps as Y, normalizeProps as G, guardReactiveProps as X, toDisplayString as ne } from "vue";
-import { u as ce } from "./useNestedProp-Bf5XFbs8.js";
-import { j as ve, X as de, a2 as q } from "./lib-DBptbyyI.js";
+import { u as ce } from "./useNestedProp-DH0BEVVS.js";
+import { j as ve, X as de, a2 as q } from "./lib-DMzrGQHK.js";
 import { t as he, u as pe } from "./useResponsive-DfdjqQps.js";
-import { u as fe } from "./useConfig-C40HvGpD.js";
-import { u as we } from "./useChartAccessibility-9icAAmYg.js";
-import ke from "./Title-BeMKE1cj.js";
-import S from "./BaseIcon-Cb3zzG6s.js";
+import { u as fe } from "./useConfig-DTHxOX6V.js";
+import { u as we } from "./useChartAccessibility-cp6XQtqi.js";
+import ke from "./Title-BbKoiBk2.js";
+import S from "./BaseIcon-DX0hTWa-.js";
 import { _ as ge } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class me {
   constructor(L, j, A, N = !0, D = !0) {
@@ -79,7 +79,10 @@ class me {
       return D && (f += String(y).padStart(2, "0") + ":"), f += String(e).padStart(2, "0") + ":", f += String(p).padStart(2, "0"), N && (f += "." + String(g).padStart(2, "0")), f;
     }
     this.start = () => {
-      this.isPaused = !1, i.postMessage({ action: "start", data: { interval: this.interval } });
+      this.isPaused = !1, i.postMessage({
+        action: "start",
+        data: { interval: this.interval }
+      });
     }, this.pause = () => {
       this.isPaused ? this.resume() : (this.isPaused = !0, i.postMessage({ action: "pause" }));
     }, this.resume = () => {
@@ -131,7 +134,9 @@ const ye = ["xmlns", "viewBox"], be = ["width", "height"], _e = { key: 1 }, Ce =
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
   setup(J, { expose: L, emit: j }) {
-    const A = le(() => import("./PackageVersion-DP_kfXUM.js")), { vue_ui_timer: N } = fe(), D = J, m = j, $ = v(null), z = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), g = v(0);
+    const A = le(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), { vue_ui_timer: N } = fe(), D = J, m = j, $ = v(null), z = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), g = v(0);
     oe(() => {
       y();
     });
@@ -174,16 +179,22 @@ const ye = ["xmlns", "viewBox"], be = ["width", "height"], _e = { key: 1 }, Ce =
     const e = R({
       get: () => B(),
       set: (a) => a
-    }), p = R(() => e.value.useCursorPointer), { svgRef: f } = we({ config: e.value.style.title });
+    }), p = R(() => e.value.useCursorPointer), { svgRef: f } = we({
+      config: e.value.style.title
+    });
     function B() {
       return ce({
         userConfig: D.config,
         defaultConfig: N
       });
     }
-    ue(() => D.config, (a) => {
-      e.value = B(), y(), g.value += 1;
-    }, { deep: !0 });
+    ue(
+      () => D.config,
+      (a) => {
+        e.value = B(), y(), g.value += 1;
+      },
+      { deep: !0 }
+    );
     const Z = R(() => {
       if (e.value.stopwatch.showHours && e.value.stopwatch.showHundredth)
         return "00:00:00.00";
@@ -239,7 +250,10 @@ const ye = ["xmlns", "viewBox"], be = ["width", "height"], _e = { key: 1 }, Ce =
       return { cx: c, cy: I };
     }
     const M = R(() => {
-      const a = te(b.value.elapsed, e.value.stopwatch.cycleSeconds), { cx: u, cy: c } = ae(a - 90), I = a > 180 ? 1 : 0;
+      const a = te(
+        b.value.elapsed,
+        e.value.stopwatch.cycleSeconds
+      ), { cx: u, cy: c } = ae(a - 90), I = a > 180 ? 1 : 0;
       return {
         cx: u || t.value.width / 2,
         cy: c || t.value.height / 2 - _.value,
@@ -381,7 +395,10 @@ const ye = ["xmlns", "viewBox"], be = ["width", "height"], _e = { key: 1 }, Ce =
       P("div", {
         ref_key: "chartLegend",
         ref: i,
-        style: k({ width: "100%", backgroundColor: e.value.stopwatch.legend.backgroundColor })
+        style: k({
+          width: "100%",
+          backgroundColor: e.value.stopwatch.legend.backgroundColor
+        })
       }, [
         a.$slots.controls ? d("", !0) : (l(), r("div", Ae, [
           e.value.stopwatch.legend.buttons.start ? (l(), r("button", {
@@ -481,7 +498,7 @@ const ye = ["xmlns", "viewBox"], be = ["width", "height"], _e = { key: 1 }, Ce =
       ], 4)
     ], 4));
   }
-}, qe = /* @__PURE__ */ ge(je, [["__scopeId", "data-v-4876d6f7"]]);
+}, qe = /* @__PURE__ */ ge(je, [["__scopeId", "data-v-595aa4b2"]]);
 export {
   qe as default
 };