vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-thermometer-BFwmgdMO.js → vue-ui-thermometer-h3voYVGJ.js}

@@ -1,43 +1,47 @@
-import { useCssVars as Ge, computed as h, defineAsyncComponent as G, ref as v, onMounted as Xe, toRefs as Je, watch as Ke, createElementBlock as n, openBlock as r, unref as u, normalizeStyle as fe, normalizeClass as W, createBlock as D, createCommentVNode as i, withCtx as f, renderSlot as d, normalizeProps as p, guardReactiveProps as k, createSlots as Qe, createVNode as Ze, createElementVNode as g, Fragment as U, renderList as ge, toDisplayString as et } from "vue";
-import { c as tt, t as ot, o as st, g as me, l as lt, i as at, j as S, k as rt, U as b, m as N, X as nt, s as ut, a as it, d as ct } from "./lib-2iaAPQ_c.js";
-import { t as ht, u as dt } from "./useResponsive-DfdjqQps.js";
-import { u as vt, a as X } from "./useNestedProp-BCt4DMkT.js";
-import { u as ft, B as gt } from "./BaseScanner-BMpwQAfz.js";
-import { u as mt } from "./usePrinter-ChVMpU2f.js";
-import { u as yt } from "./useSvgExport-ByUukOZt.js";
-import { u as pt } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as kt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as bt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as wt } from "./useAutoSizeLabelsInsideViewbox-DmpzKQ9i.js";
-import Ct from "./Title-B5L2jweB.js";
-import xt from "./img-CqYIrJ8I.js";
-import { _ as _t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", graduations: { stroke: "#2A2A2A" }, label: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, pe = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", graduations: { stroke: "#FFF8E1", strokeWidth: 1, gradient: { show: !0 } }, label: { color: "#424242" } }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, ke = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", graduations: { stroke: "#5D4037", strokeWidth: 1, gradient: { show: !0 } }, label: { color: "#BDBDBD" } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, be = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", graduations: { stroke: "#1A1A1A", strokeWidth: 1, gradient: { show: !0 } }, label: { color: "#66CC66" } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, we = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", graduations: { show: !1, gradient: { show: !0 } }, label: { color: "#B9B99D" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, Ce = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", graduations: { stroke: "#1A1A1A", gradient: { show: !0 } }, label: { color: "#61747E" } }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, xe = {
+import { useCssVars as Je, computed as h, defineAsyncComponent as G, ref as v, onMounted as Ke, toRefs as Qe, watch as Ze, createElementBlock as n, openBlock as r, unref as u, normalizeStyle as fe, normalizeClass as D, createBlock as W, createCommentVNode as i, withCtx as f, renderSlot as d, normalizeProps as p, guardReactiveProps as k, createSlots as et, createVNode as tt, createElementVNode as g, Fragment as U, renderList as ge, toDisplayString as ot } from "vue";
+import { c as st, t as lt, o as at, g as me, l as rt, i as nt, j as S, k as ut, U as b, m as N, X as it, s as ct, a as ht, d as dt } from "./lib-CVHM9FhP.js";
+import { t as vt, u as ft } from "./useResponsive-DfdjqQps.js";
+import { u as gt, a as X } from "./useNestedProp-Ckf_2P_V.js";
+import { u as mt, B as yt } from "./BaseScanner-BMpwQAfz.js";
+import { u as pt } from "./usePrinter-1NmjuP-i.js";
+import { u as kt } from "./useSvgExport-ByUukOZt.js";
+import { u as bt } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Ct } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as wt } from "./useChartAccessibility-9icAAmYg.js";
+import { u as xt } from "./useAutoSizeLabelsInsideViewbox-CqeJ1kZA.js";
+import _t from "./Title-NgeRXqRA.js";
+import At from "./img-6fNF_rG0.js";
+import { _ as $t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ye = { userOptions: { show: !1 } }, pe = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", graduations: { stroke: "#2A2A2A" }, label: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, ke = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", graduations: { stroke: "#2A2A2A" }, label: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, be = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", graduations: { stroke: "#FFF8E1", strokeWidth: 1, gradient: { show: !0 } }, label: { color: "#424242" } }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, Ce = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", graduations: { stroke: "#5D4037", strokeWidth: 1, gradient: { show: !0 } }, label: { color: "#BDBDBD" } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, we = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", graduations: { stroke: "#1A1A1A", strokeWidth: 1, gradient: { show: !0 } }, label: { color: "#66CC66" } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, xe = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", graduations: { show: !1, gradient: { show: !0 } }, label: { color: "#B9B99D" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, _e = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", graduations: { stroke: "#1A1A1A", gradient: { show: !0 } }, label: { color: "#61747E" } }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, Ae = {
   default: {},
-  dark: ye,
-  celebration: pe,
-  celebrationNight: ke,
-  hack: be,
-  zen: we,
-  concrete: Ce
-}, fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: ye,
+  minimalDark: pe,
+  dark: ke,
+  celebration: be,
+  celebrationNight: Ce,
+  hack: we,
+  zen: xe,
+  concrete: _e
+}, mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: pe,
-  celebrationNight: ke,
-  concrete: Ce,
-  dark: ye,
-  default: xe,
-  hack: be,
-  zen: we
-}, Symbol.toStringTag, { value: "Module" })), At = ["id"], $t = {
+  celebration: be,
+  celebrationNight: Ce,
+  concrete: _e,
+  dark: ke,
+  default: Ae,
+  hack: we,
+  minimal: ye,
+  minimalDark: pe,
+  zen: xe
+}, Symbol.toStringTag, { value: "Module" })), Ft = ["id"], Ot = {
   key: 1,
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, Ft = ["xmlns", "viewBox"], Ot = ["width", "height"], St = ["id"], It = ["x", "y", "width", "height", "rx", "ry"], Pt = ["id"], Tt = ["stop-color"], Et = ["stop-color"], Mt = ["stop-color"], zt = ["clip-path"], Bt = ["x", "y", "height", "width"], Wt = ["x", "y", "height", "width", "fill"], Dt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ut = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Nt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Lt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Yt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ht = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Vt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Rt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], qt = ["x", "y", "height", "width"], jt = { key: 1 }, Gt = ["x", "y", "height"], Xt = ["y", "x", "fill", "font-size", "font-weight"], Jt = {
+}, St = ["xmlns", "viewBox"], It = ["width", "height"], Pt = ["id"], Tt = ["x", "y", "width", "height", "rx", "ry"], Et = ["id"], Mt = ["stop-color"], zt = ["stop-color"], Bt = ["stop-color"], Dt = ["clip-path"], Wt = ["x", "y", "height", "width"], Ut = ["x", "y", "height", "width", "fill"], Nt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Lt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Yt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ht = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Vt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Rt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], qt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], jt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Gt = ["x", "y", "height", "width"], Xt = { key: 1 }, Jt = ["x", "y", "height"], Kt = ["y", "x", "fill", "font-size", "font-weight"], Qt = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Kt = {
+}, Zt = {
   __name: "vue-ui-thermometer",
   props: {
     dataset: {
@@ -53,22 +57,22 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
       }
     }
   },
-  setup(I, { expose: _e }) {
-    Ge((o) => ({
-      v4f1287f4: We.value,
-      v7fdfff1a: Be.value,
-      b092daf2: ze.value
+  setup(I, { expose: $e }) {
+    Je((o) => ({
+      v4f1287f4: Ue.value,
+      v7fdfff1a: We.value,
+      b092daf2: De.value
     }));
-    const Ae = G(() => import("./PackageVersion-C-JOGZBL.js")), $e = G(() => import("./PenAndPaper-CulSakut.js")), Fe = G(() => import("./UserOptions-5pXc4J-c.js")), { vue_ui_thermometer: Oe } = vt(), { isThemeValid: Se, warnInvalidTheme: Ie } = pt(), m = I, w = v(tt()), C = v(null), J = v(0), K = v(0), Q = v(null), Z = v(null), _ = v(null), P = v(null), Pe = h(() => !!m.dataset && Object.keys(m.dataset).length);
-    Xe(() => {
+    const Fe = G(() => import("./PackageVersion-CQxJyGQr.js")), Oe = G(() => import("./PenAndPaper-LTuSTmWE.js")), Se = G(() => import("./UserOptions-CX7Xsusk.js")), { vue_ui_thermometer: Ie } = gt(), { isThemeValid: Pe, warnInvalidTheme: Te } = bt(), m = I, C = v(st()), w = v(null), J = v(0), K = v(0), Q = v(null), Z = v(null), _ = v(null), P = v(null), Ee = h(() => !!m.dataset && Object.keys(m.dataset).length);
+    Ke(() => {
       oe();
     });
-    const e = v(V()), Te = v(e.value.style.chart.thermometer.width), L = v(e.value.style.chart.height), Y = v(e.value.style.chart.width), { loading: ee, FINAL_DATASET: c } = ft({
-      ...Je(m),
+    const e = v(V()), Me = v(e.value.style.chart.thermometer.width), L = v(e.value.style.chart.height), Y = v(e.value.style.chart.width), { loading: ee, FINAL_DATASET: c } = mt({
+      ...Qe(m),
       FINAL_CONFIG: e,
       prepareConfig: V,
       skeletonDataset: { value: 0, from: -100, to: 100, steps: 20, colors: { from: "#A1A1A1", to: "#CACACA" } },
-      skeletonConfig: ot({
+      skeletonConfig: lt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -85,11 +89,11 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
       })
     }), te = h(() => !!e.value.debug);
     function oe() {
-      if (st(m.dataset) ? me({
+      if (at(m.dataset) ? me({
         componentName: "VueUiThermometer",
         type: "dataset",
         debug: te.value
-      }) : lt({
+      }) : rt({
         datasetObject: m.dataset,
         requiredAttributes: ["value", "from", "to"]
       }).forEach((o) => {
@@ -100,9 +104,9 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
           debug: te.value
         });
       }), e.value.responsive) {
-        const o = ht(() => {
-          const { width: l, height: t } = dt({
-            chart: C.value,
+        const o = vt(() => {
+          const { width: l, height: t } = ft({
+            chart: w.value,
             title: e.value.style.title.text ? Q.value : null,
             source: Z.value
           });
@@ -110,21 +114,21 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
             L.value = Math.max(0.1, t - 12), Y.value = l, de();
           });
         });
-        _.value && (P.value && _.value.unobserve(P.value), _.value.disconnect()), _.value = new ResizeObserver(o), P.value = C.value, _.value.observe(P.value);
+        _.value && (P.value && _.value.unobserve(P.value), _.value.disconnect()), _.value = new ResizeObserver(o), P.value = w.value, _.value.observe(P.value);
       }
       de();
     }
-    const { userOptionsVisible: H, setUserOptionsVisibility: se, keepUserOptionState: le } = kt({ config: e.value }), { svgRef: T } = bt({ config: e.value.style.title });
+    const { userOptionsVisible: H, setUserOptionsVisibility: se, keepUserOptionState: le } = Ct({ config: e.value }), { svgRef: T } = wt({ config: e.value.style.title });
     function V() {
       const o = X({
         userConfig: m.config,
-        defaultConfig: Oe
+        defaultConfig: Ie
       }), l = o.theme;
       if (!l) return o;
-      if (!Se.value(o))
-        return Ie(o), o;
+      if (!Pe.value(o))
+        return Te(o), o;
       const t = X({
-        userConfig: xe[l] || m.config,
+        userConfig: Ae[l] || m.config,
         defaultConfig: o
       }), a = X({
         userConfig: m.config,
@@ -132,22 +136,22 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
       });
       return {
         ...a,
-        customPalette: a.customPalette.length ? a.customPalette : at[l] || S
+        customPalette: a.customPalette.length ? a.customPalette : nt[l] || S
       };
     }
-    Ke(() => m.config, (o) => {
-      e.value = V(), H.value = !e.value.userOptions.showOnChartHover, Te.value = e.value.style.chart.thermometer.width, L.value = e.value.style.chart.height, Y.value = e.value.style.chart.width, oe(), K.value += 1;
+    Ze(() => m.config, (o) => {
+      e.value = V(), H.value = !e.value.userOptions.showOnChartHover, Me.value = e.value.style.chart.thermometer.width, L.value = e.value.style.chart.height, Y.value = e.value.style.chart.width, oe(), K.value += 1;
     }, { deep: !0 });
-    const { isPrinting: ae, isImaging: re, generatePdf: ne, generateImage: ue } = mt({
-      elementId: `thermometer__${w.value}`,
+    const { isPrinting: ae, isImaging: re, generatePdf: ne, generateImage: ue } = pt({
+      elementId: `thermometer__${C.value}`,
       fileName: e.value.style.title.text || "vue-ui-thermometer",
       options: e.value.userOptions.print
-    }), Ee = h(() => e.value.userOptions.show && !e.value.style.title.text), E = h(() => rt(e.value.customPalette)), y = h(() => c.value.steps || 10);
+    }), ze = h(() => e.value.userOptions.show && !e.value.style.title.text), E = h(() => ut(e.value.customPalette)), y = h(() => c.value.steps || 10);
     function M(o, l, t) {
       const a = [], x = ie(o), F = ie(l);
       for (let O = 0; O < t; O++) {
-        const Ve = R(x.red, F.red, O, t), Re = R(x.green, F.green, O, t), qe = R(x.blue, F.blue, O, t), je = `#${q(Ve)}${q(Re)}${q(qe)}`;
-        a.push(je);
+        const qe = R(x.red, F.red, O, t), je = R(x.green, F.green, O, t), Ge = R(x.blue, F.blue, O, t), Xe = `#${q(qe)}${q(je)}${q(Ge)}`;
+        a.push(Xe);
       }
       return a;
     }
@@ -177,11 +181,11 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
         thermoHeight: l - t.top - t.bottom,
         thermoWidth: e.value.style.chart.thermometer.width
       };
-    }), Me = h(() => s.value), z = h(() => {
+    }), Be = h(() => s.value), z = h(() => {
       const o = b(c.value.from) < 0 ? Math.abs(b(c.value.from)) : b(c.value.from), l = b(c.value.to) < 0 ? Math.abs(b(c.value.to)) : b(c.value.to);
       let t = 0;
       return b(c.value.to) > 0 ? t = o + l : o > l ? t = o - l : t = l - o, (1 - (Math.abs(b(c.value.from)) + b(c.value.value)) / t) * s.value.thermoHeight;
-    }), ze = h(() => `${z.value}px`), Be = h(() => `${s.value.thermoHeight}px`), We = h(() => `${e.value.style.chart.animation.speedMs}ms`), De = h(() => {
+    }), De = h(() => `${z.value}px`), We = h(() => `${s.value.thermoHeight}px`), Ue = h(() => `${e.value.style.chart.animation.speedMs}ms`), Ne = h(() => {
       if (c.value.colors) {
         if (!c.value.colors.from)
           return M(E.value[0] || S[0], N(c.value.colors.to), y.value || 10);
@@ -201,7 +205,7 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
           qYLess: s.value.top + a + t / y.value / 4,
           halfY: s.value.top + a + t / y.value / 2,
           qYMore: s.value.top + a + t / y.value / 4 * 3,
-          color: De.value[l],
+          color: Ne.value[l],
           height: Math.max(0.1, t / y.value)
         }), l += 1;
       return o;
@@ -213,9 +217,9 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
     function j() {
       B.value = !B.value;
     }
-    async function Ue({ scale: o = 2 } = {}) {
-      if (!C.value) return;
-      const { width: l, height: t } = C.value.getBoundingClientRect(), a = l / t, { imageUri: x, base64: F } = await xt({ domElement: C.value, base64: !0, img: !0, scale: o });
+    async function Le({ scale: o = 2 } = {}) {
+      if (!w.value) return;
+      const { width: l, height: t } = w.value.getBoundingClientRect(), a = l / t, { imageUri: x, base64: F } = await At({ domElement: w.value, base64: !0, img: !0, scale: o });
       return {
         imageUri: x,
         base64: F,
@@ -228,26 +232,26 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
     const $ = h({
       get: () => e.value.style.chart.label.fontSize,
       set: (o) => o
-    }), { autoSizeLabels: de } = wt({
+    }), { autoSizeLabels: de } = xt({
       svgRef: T,
       fontSize: e.value.style.chart.label.fontSize,
       minFontSize: e.value.style.chart.label.minFontSize,
       sizeRef: $,
       labelClass: ".vue-ui-thermometer-label"
-    }), Ne = h(() => e.value.style.chart.backgroundColor), Le = h(() => e.value.style.title), { exportSvg: Ye, getSvg: He } = yt({
+    }), Ye = h(() => e.value.style.chart.backgroundColor), He = h(() => e.value.style.title), { exportSvg: Ve, getSvg: Re } = kt({
       svg: T,
-      title: Le,
-      backgroundColor: Ne
+      title: He,
+      backgroundColor: Ye
     });
     async function ve({ isCb: o }) {
       if (o) {
-        const { blob: l, url: t, text: a, dataUrl: x } = await He();
+        const { blob: l, url: t, text: a, dataUrl: x } = await Re();
         e.value.userOptions.callbacks.svg({ blob: l, url: t, text: a, dataUrl: x });
       } else
-        Ye();
+        Ve();
     }
-    return _e({
-      getImage: Ue,
+    return $e({
+      getImage: Le,
       generatePdf: ne,
       generateImage: ue,
       generateSvg: ve,
@@ -255,14 +259,14 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
       toggleFullscreen: he
     }), (o, l) => (r(), n("div", {
       ref_key: "thermoChart",
-      ref: C,
-      class: W(`vue-data-ui-component vue-ui-thermometer ${A.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      ref: w,
+      class: D(`vue-data-ui-component vue-ui-thermometer ${A.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: fe(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
-      id: `thermometer__${w.value}`,
+      id: `thermometer__${C.value}`,
       onMouseenter: l[0] || (l[0] = () => u(se)(!0)),
       onMouseleave: l[1] || (l[1] = () => u(se)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), D(u($e), {
+      e.value.userOptions.buttons.annotator ? (r(), W(u(Oe), {
         key: 0,
         svgRef: u(T),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -290,14 +294,14 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : i("", !0),
-      Ee.value ? (r(), n("div", $t, null, 512)) : i("", !0),
+      ze.value ? (r(), n("div", Ot, null, 512)) : i("", !0),
       e.value.style.title.text ? (r(), n("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: Q,
         style: "width:100%"
       }, [
-        (r(), D(Ct, {
+        (r(), W(_t, {
           key: `title_${K.value}`,
           config: {
             title: {
@@ -311,14 +315,14 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
           }
         }, null, 8, ["config"]))
       ], 512)) : i("", !0),
-      e.value.userOptions.show && Pe.value && (u(le) || u(H)) ? (r(), D(u(Fe), {
+      e.value.userOptions.show && Ee.value && (u(le) || u(H)) ? (r(), W(u(Se), {
         ref: "details",
         key: `user_options_${J.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isImaging: u(re),
         isPrinting: u(ae),
-        uid: w.value,
+        uid: C.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
         hasSvg: e.value.userOptions.buttons.svg,
@@ -326,7 +330,7 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
         hasXls: !1,
         isFullscreen: A.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: C.value,
+        chartElement: w.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: B.value,
@@ -340,7 +344,7 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
         style: fe({
           visibility: u(le) ? u(H) ? "visible" : "hidden" : "visible"
         })
-      }, Qe({ _: 2 }, [
+      }, et({ _: 2 }, [
         o.$slots.menuIcon ? {
           name: "menuIcon",
           fn: f(({ isOpen: t, color: a }) => [
@@ -387,13 +391,13 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
       (r(), n("svg", {
         ref_key: "svgRef",
         ref: T,
-        xmlns: u(nt),
-        class: W({ "vue-data-ui-fullscreen--on": A.value, "vue-data-ui-fulscreen--off": !A.value }),
+        xmlns: u(it),
+        class: D({ "vue-data-ui-fullscreen--on": A.value, "vue-data-ui-fulscreen--off": !A.value }),
         width: "100%",
         viewBox: `0 0 ${s.value.width} ${s.value.height}`,
         style: "background:transparent"
       }, [
-        Ze(u(Ae)),
+        tt(u(Fe)),
         o.$slots["chart-background"] ? (r(), n("foreignObject", {
           key: 0,
           x: 0,
@@ -405,10 +409,10 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
           }
         }, [
           d(o.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ot)) : i("", !0),
+        ], 8, It)) : i("", !0),
         g("defs", null, [
           g("clipPath", {
-            id: `vueUiPill-${w.value}`,
+            id: `vueUiPill-${C.value}`,
             clipPathUnits: "userSpaceOnUse"
           }, [
             g("rect", {
@@ -418,10 +422,10 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
               height: s.value.thermoHeight,
               rx: s.value.thermoWidth / 2,
               ry: s.value.thermoWidth / 2
-            }, null, 8, It)
-          ], 8, St),
+            }, null, 8, Tt)
+          ], 8, Pt),
           (r(!0), n(U, null, ge(ce.value, (t, a) => (r(), n("linearGradient", {
-            id: `vueUiThermometerGradient_${a}_${w.value}`,
+            id: `vueUiThermometerGradient_${a}_${C.value}`,
             x1: "0%",
             y1: "0%",
             x2: "100%",
@@ -430,19 +434,19 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
             g("stop", {
               offset: "0%",
               "stop-color": t.color
-            }, null, 8, Tt),
+            }, null, 8, Mt),
             g("stop", {
               offset: "50%",
-              "stop-color": u(ut)(t.color, 100 - e.value.style.chart.graduations.gradient.intensity)
-            }, null, 8, Et),
+              "stop-color": u(ct)(t.color, 100 - e.value.style.chart.graduations.gradient.intensity)
+            }, null, 8, zt),
             g("stop", {
               offset: "100%",
               "stop-color": t.color
-            }, null, 8, Mt)
-          ], 8, Pt))), 256))
+            }, null, 8, Bt)
+          ], 8, Et))), 256))
         ]),
         g("g", {
-          "clip-path": `url(#vueUiPill-${w.value})`
+          "clip-path": `url(#vueUiPill-${C.value})`
         }, [
           g("rect", {
             x: s.value.left,
@@ -450,7 +454,7 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
             height: s.value.thermoHeight,
             width: s.value.thermoWidth,
             fill: "#FFFFFF"
-          }, null, 8, Bt),
+          }, null, 8, Wt),
           (r(!0), n(U, null, ge(ce.value, (t, a) => (r(), n("g", {
             key: `graduation_${a}`
           }, [
@@ -459,9 +463,9 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
               y: t.y,
               height: t.height,
               width: s.value.thermoWidth,
-              fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${a}_${w.value})` : t.color,
+              fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${a}_${C.value})` : t.color,
               "shape-rendering": "crispEdges"
-            }, null, 8, Wt),
+            }, null, 8, Ut),
             e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
               key: 0,
               x1: t.x,
@@ -471,7 +475,7 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
               "stroke-width": e.value.style.chart.graduations.strokeWidth,
               stroke: e.value.style.chart.graduations.stroke,
               "stroke-linecap": "round"
-            }, null, 8, Dt)) : i("", !0),
+            }, null, 8, Nt)) : i("", !0),
             e.value.style.chart.graduations.showIntermediate ? (r(), n(U, { key: 1 }, [
               e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
                 key: 0,
@@ -482,7 +486,7 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Ut)) : i("", !0),
+              }, null, 8, Lt)) : i("", !0),
               e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
                 key: 1,
                 x1: t.x,
@@ -492,7 +496,7 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Nt)) : i("", !0),
+              }, null, 8, Yt)) : i("", !0),
               e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
                 key: 2,
                 x1: t.x,
@@ -502,7 +506,7 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Lt)) : i("", !0)
+              }, null, 8, Ht)) : i("", !0)
             ], 64)) : i("", !0),
             e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
               key: 2,
@@ -513,7 +517,7 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
               "stroke-width": e.value.style.chart.graduations.strokeWidth,
               stroke: e.value.style.chart.graduations.stroke,
               "stroke-linecap": "round"
-            }, null, 8, Yt)) : i("", !0),
+            }, null, 8, Vt)) : i("", !0),
             e.value.style.chart.graduations.showIntermediate ? (r(), n(U, { key: 3 }, [
               e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
                 key: 0,
@@ -524,7 +528,7 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Ht)) : i("", !0),
+              }, null, 8, Rt)) : i("", !0),
               e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
                 key: 1,
                 x1: s.value.right,
@@ -534,7 +538,7 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Vt)) : i("", !0),
+              }, null, 8, qt)) : i("", !0),
               e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (r(), n("line", {
                 key: 2,
                 x1: s.value.right,
@@ -544,19 +548,19 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Rt)) : i("", !0)
+              }, null, 8, jt)) : i("", !0)
             ], 64)) : i("", !0)
           ]))), 128)),
           g("rect", {
-            class: W({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
+            class: D({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
             x: s.value.left,
             y: s.value.top,
             height: z.value,
             width: s.value.thermoWidth,
             fill: "#FFFFFF66"
-          }, null, 10, qt)
-        ], 8, zt),
-        e.value.style.chart.label.show ? (r(), n("g", jt, [
+          }, null, 10, Gt)
+        ], 8, Dt),
+        e.value.style.chart.label.show ? (r(), n("g", Xt, [
           u(ee) ? (r(), n("rect", {
             key: 0,
             x: s.value.left - 60,
@@ -565,30 +569,30 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
             height: $.value,
             fill: "#6A6A6A40",
             rx: "3"
-          }, null, 8, Gt)) : (r(), n("text", {
+          }, null, 8, Jt)) : (r(), n("text", {
             key: 1,
-            class: W({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use, "vue-ui-thermometer-label": !0 }),
+            class: D({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use, "vue-ui-thermometer-label": !0 }),
             y: z.value + s.value.top + $.value / 3,
             x: s.value.left - 10,
             "text-anchor": "end",
             fill: e.value.style.chart.label.color,
             "font-size": $.value,
             "font-weight": e.value.style.chart.label.bold ? "bold" : "normal"
-          }, et(u(it)(
+          }, ot(u(ht)(
             e.value.style.chart.label.formatter,
             I.dataset.value,
-            u(ct)({
+            u(dt)({
               p: e.value.style.chart.label.prefix,
               v: I.dataset.value,
               s: e.value.style.chart.label.suffix,
               r: e.value.style.chart.label.rounding
             }),
             { datapoint: I.dataset }
-          )), 11, Xt))
+          )), 11, Kt))
         ])) : i("", !0),
-        d(o.$slots, "svg", { svg: Me.value }, void 0, !0)
-      ], 10, Ft)),
-      o.$slots.watermark ? (r(), n("div", Jt, [
+        d(o.$slots, "svg", { svg: Be.value }, void 0, !0)
+      ], 10, St)),
+      o.$slots.watermark ? (r(), n("div", Qt, [
         d(o.$slots, "watermark", p(k({ isPrinting: u(ae) || u(re) })), void 0, !0)
       ])) : i("", !0),
       o.$slots.source ? (r(), n("div", {
@@ -599,15 +603,15 @@ const ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", gra
       }, [
         d(o.$slots, "source", {}, void 0, !0)
       ], 512)) : i("", !0),
-      u(ee) ? (r(), D(gt, { key: 6 })) : i("", !0)
-    ], 46, At));
+      u(ee) ? (r(), W(yt, { key: 6 })) : i("", !0)
+    ], 46, Ft));
   }
-}, Qt = /* @__PURE__ */ _t(Kt, [["__scopeId", "data-v-d9637609"]]), go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, eo = /* @__PURE__ */ $t(Zt, [["__scopeId", "data-v-d9637609"]]), yo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Qt
+  default: eo
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  fo as a,
-  go as b,
-  Qt as v
+  mo as a,
+  yo as b,
+  eo as v
 };

package/dist/{vue-ui-timer-CoLOwKwP.js → vue-ui-timer-CazY_Z4R.js}

@@ -1,10 +1,10 @@
 import { defineAsyncComponent as se, ref as v, shallowRef as K, onMounted as le, computed as F, onBeforeUnmount as oe, watch as re, createElementBlock as r, openBlock as l, normalizeStyle as w, createCommentVNode as d, createElementVNode as M, createBlock as ue, unref as Q, createVNode as T, renderSlot as H, mergeProps as Y, normalizeProps as V, guardReactiveProps as G, toDisplayString as ie } from "vue";
-import { u as ne, a as ce } from "./useNestedProp-BCt4DMkT.js";
-import { c as ve, X as de, a2 as X } from "./lib-2iaAPQ_c.js";
+import { u as ne, a as ce } from "./useNestedProp-Ckf_2P_V.js";
+import { c as ve, X as de, a2 as X } from "./lib-CVHM9FhP.js";
 import { t as he, u as pe } from "./useResponsive-DfdjqQps.js";
 import { u as fe } from "./useChartAccessibility-9icAAmYg.js";
-import we from "./Title-B5L2jweB.js";
-import R from "./BaseIcon-B9bGT7HU.js";
+import we from "./Title-NgeRXqRA.js";
+import R from "./BaseIcon-4uOct8re.js";
 import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class ge {
   constructor(L, N, S, j = !0, A = !0) {
@@ -130,7 +130,7 @@ const me = ["xmlns", "viewBox"], ye = ["width", "height"], be = { key: 1 }, _e =
   },
   emits: ["start", "pause", "reset", "restart", "lap"],
   setup(q, { expose: L, emit: N }) {
-    const S = se(() => import("./PackageVersion-C-JOGZBL.js")), { vue_ui_timer: j } = ne(), A = q, g = N, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
+    const S = se(() => import("./PackageVersion-CQxJyGQr.js")), { vue_ui_timer: j } = ne(), A = q, g = N, $ = v(null), D = v(null), i = v(null), n = K(null), o = K(null), h = v(ve()), k = v(0);
     le(() => {
       m();
     });