vue-data-ui 2.4.50 → 2.4.52

package/dist/{vue-ui-thermometer-BCVqil7E.js → vue-ui-thermometer-BmgPuIr6.js}

@@ -1,31 +1,32 @@
-import { useCssVars as ye, computed as h, onMounted as fe, ref as g, watch as ge, openBlock as l, createElementBlock as u, normalizeClass as P, normalizeStyle as me, createBlock as F, createCommentVNode as i, unref as v, createSlots as pe, withCtx as I, renderSlot as m, normalizeProps as G, guardReactiveProps as V, createVNode as ke, createElementVNode as d, Fragment as O, renderList as K, toDisplayString as be } from "vue";
-import { u as _e, o as xe, e as Q, g as we, c as Ce, t as $e, a as Pe, p as _, b as Fe, v as f, d as A, X as Ie, s as Oe, i as Ae, f as Ye } from "./index-BtL_cLa8.js";
-import { _ as Ne } from "./Title-CIsKiWgN.js";
-import { u as Me, U as Te } from "./usePrinter-sRt2SKr2.js";
-import Se from "./vue-ui-skeleton-DjFU2X3P.js";
-import { u as Z } from "./useNestedProp-CEAfm1tu.js";
-import { _ as Ue } from "./PackageVersion-BV3fHO46.js";
-import { P as qe } from "./PenAndPaper-CCOywdmm.js";
-import { _ as Le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ge = ["id"], Ve = {
+import { useCssVars as me, computed as d, onMounted as ke, ref as g, watch as be, openBlock as l, createElementBlock as n, normalizeClass as P, normalizeStyle as ee, unref as c, createBlock as F, createCommentVNode as i, createSlots as xe, withCtx as I, renderSlot as p, normalizeProps as G, guardReactiveProps as W, createVNode as _e, createElementVNode as v, Fragment as O, renderList as te, toDisplayString as we } from "vue";
+import { u as Ce, o as $e, e as se, g as Pe, c as Fe, t as Ie, a as Oe, p as x, b as Ae, v as f, d as A, X as Me, s as Ue, i as Ye, f as Ne } from "./index-K5uyh1gA.js";
+import { _ as Se } from "./Title-aMb2ETf7.js";
+import { u as Te, U as qe } from "./usePrinter-p_ZZlGc9.js";
+import Le from "./vue-ui-skeleton-BhA2lIT6.js";
+import { u as oe } from "./useNestedProp-DifqJZAs.js";
+import { _ as Ve } from "./PackageVersion-Dz3KcTL4.js";
+import { P as Ge } from "./PenAndPaper-BycdTwSP.js";
+import { u as We } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as Ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ze = ["id"], Be = {
   key: 1,
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, We = {
+}, je = {
   key: 2,
   style: "width:100%"
-}, Ee = ["xmlns", "viewBox"], ze = {
+}, De = ["xmlns", "viewBox"], He = {
   id: "vueUiPill",
   clipPathUnits: "objectBoundingBox"
-}, Be = ["fill"], je = ["id"], De = ["stop-color"], He = ["stop-color"], Xe = ["stop-color"], Re = { "clip-path": "url(#vueUiPill)" }, Je = ["x", "y", "height", "width"], Ke = ["x", "y", "height", "width", "fill"], Qe = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ze = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], et = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], tt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], st = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], ot = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], at = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], lt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], rt = ["x", "y", "height", "width"], ut = ["y", "x", "fill", "font-size", "font-weight"], nt = {
+}, Xe = ["fill"], Re = ["id"], Je = ["stop-color"], Ke = ["stop-color"], Qe = ["stop-color"], Ze = { "clip-path": "url(#vueUiPill)" }, et = ["x", "y", "height", "width"], tt = ["x", "y", "height", "width", "fill"], st = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], ot = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], at = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], lt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], rt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], ut = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], nt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], it = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], ct = ["x", "y", "height", "width"], ht = ["y", "x", "fill", "font-size", "font-weight"], dt = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, it = {
+}, vt = {
   key: 6,
   ref: "source",
   dir: "auto"
-}, ct = {
+}, yt = {
   __name: "vue-ui-thermometer",
   props: {
     dataset: {
@@ -41,152 +42,154 @@ const Ge = ["id"], Ve = {
       }
     }
   },
-  setup(x, { expose: ee }) {
-    const a = x;
-    ye((s) => ({
-      "000db494": ue.value,
-      "2865ccd0": re.value,
-      10843485: le.value
+  setup(_, { expose: ae }) {
+    const a = _;
+    me((s) => ({
+      "47ac6abe": he.value,
+      cafb14e0: ce.value,
+      "02502e7d": ie.value
     }));
-    const { vue_ui_thermometer: te } = _e(), Y = h(() => !!a.dataset && Object.keys(a.dataset).length);
-    fe(() => {
-      W();
+    const { vue_ui_thermometer: le } = Ce(), M = d(() => !!a.dataset && Object.keys(a.dataset).length);
+    ke(() => {
+      E();
     });
-    function W() {
-      xe(a.dataset) ? Q({
+    function E() {
+      $e(a.dataset) ? se({
         componentName: "VueUiThermometer",
         type: "dataset"
-      }) : we({
+      }) : Pe({
         datasetObject: a.dataset,
         requiredAttributes: ["value", "from", "to"]
       }).forEach((s) => {
-        Q({
+        se({
           componentName: "VueUiThermometer",
           type: "datasetAttribute",
           property: s
         });
       });
     }
-    const p = g(Ce()), N = g(null), E = g(0), z = g(0), e = h({
-      get: () => B(),
+    const m = g(Fe()), U = g(null), z = g(0), B = g(0), e = d({
+      get: () => H(),
       set: (s) => s
-    });
-    function B() {
-      const s = Z({
+    }), { userOptionsVisible: Y, setUserOptionsVisibility: j, keepUserOptionState: D } = We({ config: e.value });
+    function H() {
+      const s = oe({
         userConfig: a.config,
-        defaultConfig: te
+        defaultConfig: le
       });
       return s.theme ? {
-        ...Z({
-          userConfig: $e.vue_ui_thermometer[s.theme] || a.config,
+        ...oe({
+          userConfig: Ie.vue_ui_thermometer[s.theme] || a.config,
           defaultConfig: s
         }),
-        customPalette: Pe[s.theme] || _
+        customPalette: Oe[s.theme] || x
       } : s;
     }
-    ge(() => a.config, (s) => {
-      e.value = B(), W(), z.value += 1;
+    be(() => a.config, (s) => {
+      e.value = H(), Y.value = !e.value.showOnChartHover, E(), B.value += 1;
     }, { deep: !0 });
-    const { isPrinting: j, isImaging: D, generatePdf: H, generateImage: X } = Me({
-      elementId: `thermometer__${p.value}`,
+    const { isPrinting: X, isImaging: R, generatePdf: J, generateImage: K } = Te({
+      elementId: `thermometer__${m.value}`,
       fileName: e.value.style.title.text || "vue-ui-thermometer"
-    }), se = h(() => e.value.userOptions.show && !e.value.style.title.text), w = h(() => Fe(e.value.customPalette)), oe = h(() => e.value.style.chart.thermometer.width), y = h(() => a.dataset.steps || 10), c = g({
+    }), re = d(() => e.value.userOptions.show && !e.value.style.title.text), w = d(() => Ae(e.value.customPalette)), ue = d(() => e.value.style.chart.thermometer.width), y = d(() => a.dataset.steps || 10), h = g({
       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 C(s, n, t) {
-      const r = [], q = R(s), L = R(n);
+    function C(s, r, t) {
+      const u = [], L = Q(s), V = Q(r);
       for (let b = 0; b < t; b++) {
-        const ce = M(q.red, L.red, b, t), he = M(q.green, L.green, b, t), de = M(q.blue, L.blue, b, t), ve = `#${T(ce)}${T(he)}${T(de)}`;
-        r.push(ve);
+        const ye = N(L.red, V.red, b, t), fe = N(L.green, V.green, b, t), ge = N(L.blue, V.blue, b, t), pe = `#${S(ye)}${S(fe)}${S(ge)}`;
+        u.push(pe);
       }
-      return r;
+      return u;
     }
-    function R(s) {
-      const n = s.slice(1);
+    function Q(s) {
+      const r = s.slice(1);
       return {
-        red: parseInt(n.slice(0, 2), 16),
-        green: parseInt(n.slice(2, 4), 16),
-        blue: parseInt(n.slice(4, 6), 16)
+        red: parseInt(r.slice(0, 2), 16),
+        green: parseInt(r.slice(2, 4), 16),
+        blue: parseInt(r.slice(4, 6), 16)
       };
     }
-    function M(s, n, t, r) {
-      return Math.round(s + (n - s) * t / r);
+    function N(s, r, t, u) {
+      return Math.round(s + (r - s) * t / u);
     }
-    function T(s) {
+    function S(s) {
       return s.toString(16).padStart(2, "0");
     }
-    const o = h(() => {
-      const s = oe.value + c.value.left + c.value.right, n = e.value.style.chart.height;
+    const o = d(() => {
+      const s = ue.value + h.value.left + h.value.right, r = e.value.style.chart.height;
       return {
         width: s,
-        left: c.value.left,
-        right: s - c.value.right,
-        top: c.value.top,
-        bottom: n - c.value.bottom,
-        height: n
+        left: h.value.left,
+        right: s - h.value.right,
+        top: h.value.top,
+        bottom: r - h.value.bottom,
+        height: r
       };
-    }), ae = h(() => o.value), S = h(() => {
-      const s = f(a.dataset.from) < 0 ? Math.abs(f(a.dataset.from)) : f(a.dataset.from), n = f(a.dataset.to) < 0 ? Math.abs(f(a.dataset.to)) : f(a.dataset.to);
+    }), ne = d(() => o.value), T = d(() => {
+      const s = f(a.dataset.from) < 0 ? Math.abs(f(a.dataset.from)) : f(a.dataset.from), r = f(a.dataset.to) < 0 ? Math.abs(f(a.dataset.to)) : f(a.dataset.to);
       let t = 0;
-      return f(a.dataset.to) > 0 ? t = s + n : s > n ? t = s - n : t = n - s, (1 - (Math.abs(f(a.dataset.from)) + f(a.dataset.value)) / t) * (o.value.height - c.value.top - c.value.bottom);
-    }), le = h(() => `${S.value}px`), re = h(() => `${o.value.height - e.value.style.chart.padding.bottom - c.value.top}px`), ue = h(() => `${e.value.style.chart.animation.speedMs}ms`), ne = h(() => {
+      return f(a.dataset.to) > 0 ? t = s + r : s > r ? t = s - r : t = r - s, (1 - (Math.abs(f(a.dataset.from)) + f(a.dataset.value)) / t) * (o.value.height - h.value.top - h.value.bottom);
+    }), ie = d(() => `${T.value}px`), ce = d(() => `${o.value.height - e.value.style.chart.padding.bottom - h.value.top}px`), he = d(() => `${e.value.style.chart.animation.speedMs}ms`), de = d(() => {
       if (a.dataset.colors) {
         if (!a.dataset.colors.from)
-          return C(w.value[0] || _[0], A(a.dataset.colors.to), y.value || 10);
+          return C(w.value[0] || x[0], A(a.dataset.colors.to), y.value || 10);
         if (!a.dataset.colors.to)
-          return C(A(a.dataset.colors.from), w.value[1] || _[1], y.value || 10);
+          return C(A(a.dataset.colors.from), w.value[1] || x[1], y.value || 10);
       } else
-        return C(w.value[1] || _[1], w.value[0] || _[0], y.value || 10);
+        return C(w.value[1] || x[1], w.value[0] || x[0], y.value || 10);
       return C(A(a.dataset.colors.from), A(a.dataset.colors.to), y.value || 10);
-    }), J = h(() => {
+    }), Z = d(() => {
       const s = [];
-      let n = 0;
-      const t = o.value.height - c.value.top - c.value.bottom;
-      for (let r = 0; r < t - 1; r += t / y.value)
+      let r = 0;
+      const t = o.value.height - h.value.top - h.value.bottom;
+      for (let u = 0; u < t - 1; u += t / y.value)
         s.push({
           x: o.value.left,
-          y: o.value.top + r,
-          qYLess: o.value.top + r + t / y.value / 4,
-          halfY: o.value.top + r + t / y.value / 2,
-          qYMore: o.value.top + r + t / y.value / 4 * 3,
-          color: ne.value[n],
+          y: o.value.top + u,
+          qYLess: o.value.top + u + t / y.value / 4,
+          halfY: o.value.top + u + t / y.value / 2,
+          qYMore: o.value.top + u + t / y.value / 4 * 3,
+          color: de.value[r],
           height: t / y.value
-        }), n += 1;
+        }), r += 1;
       return s;
     }), k = g(!1);
-    function ie(s) {
-      k.value = s, E.value += 1;
+    function ve(s) {
+      k.value = s, z.value += 1;
     }
     const $ = g(!1);
-    function U() {
+    function q() {
       $.value = !$.value;
     }
-    return ee({
-      generatePdf: H,
-      generateImage: X,
-      toggleAnnotator: U
-    }), (s, n) => (l(), u("div", {
+    return ae({
+      generatePdf: J,
+      generateImage: K,
+      toggleAnnotator: q
+    }), (s, r) => (l(), n("div", {
       ref_key: "thermoChart",
-      ref: N,
+      ref: U,
       class: P(`vue-ui-thermometer ${k.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: me(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
-      id: `thermometer__${p.value}`
+      style: ee(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
+      id: `thermometer__${m.value}`,
+      onMouseenter: r[0] || (r[0] = () => c(j)(!0)),
+      onMouseleave: r[1] || (r[1] = () => c(j)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (l(), F(qe, {
+      e.value.userOptions.buttons.annotator ? (l(), F(Ge, {
         key: 0,
-        parent: N.value,
+        parent: U.value,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: $.value,
-        onClose: U
+        onClose: q
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : i("", !0),
-      se.value ? (l(), u("div", Ve, null, 512)) : i("", !0),
-      e.value.style.title.text ? (l(), u("div", We, [
-        (l(), F(Ne, {
-          key: `title_${z.value}`,
+      re.value ? (l(), n("div", Be, null, 512)) : i("", !0),
+      e.value.style.title.text ? (l(), n("div", je, [
+        (l(), F(Se, {
+          key: `title_${B.value}`,
           config: {
             title: {
               cy: "thermometer-div-title",
@@ -199,70 +202,73 @@ const Ge = ["id"], Ve = {
           }
         }, null, 8, ["config"]))
       ])) : i("", !0),
-      e.value.userOptions.show && Y.value ? (l(), F(Te, {
+      e.value.userOptions.show && M.value && (c(D) || c(Y)) ? (l(), F(qe, {
         ref: "details",
-        key: `user_options_${E.value}`,
+        key: `user_options_${z.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: v(D),
-        isPrinting: v(j),
-        uid: p.value,
+        isImaging: c(R),
+        isPrinting: c(X),
+        uid: m.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         hasXls: !1,
         isFullscreen: k.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: N.value,
+        chartElement: U.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: $.value,
-        onToggleFullscreen: ie,
-        onGeneratePdf: v(H),
-        onGenerateImage: v(X),
-        onToggleAnnotator: U
-      }, pe({ _: 2 }, [
+        onToggleFullscreen: ve,
+        onGeneratePdf: c(J),
+        onGenerateImage: c(K),
+        onToggleAnnotator: q,
+        style: ee({
+          visibility: c(D) ? c(Y) ? "visible" : "hidden" : "visible"
+        })
+      }, xe({ _: 2 }, [
         s.$slots.optionPdf ? {
           name: "optionPdf",
           fn: I(() => [
-            m(s.$slots, "optionPdf", {}, void 0, !0)
+            p(s.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         s.$slots.optionImg ? {
           name: "optionImg",
           fn: I(() => [
-            m(s.$slots, "optionImg", {}, void 0, !0)
+            p(s.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         s.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: I(({ toggleFullscreen: t, isFullscreen: r }) => [
-            m(s.$slots, "optionFullscreen", G(V({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
+          fn: I(({ toggleFullscreen: t, isFullscreen: u }) => [
+            p(s.$slots, "optionFullscreen", G(W({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
           ]),
           key: "2"
         } : void 0,
         s.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: I(({ toggleAnnotator: t, isAnnotator: r }) => [
-            m(s.$slots, "optionAnnotator", G(V({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
+          fn: I(({ toggleAnnotator: t, isAnnotator: u }) => [
+            p(s.$slots, "optionAnnotator", G(W({ toggleAnnotator: t, isAnnotator: u })), void 0, !0)
           ]),
           key: "3"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : i("", !0),
-      Y.value ? (l(), u("svg", {
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
+      M.value ? (l(), n("svg", {
         key: 4,
-        xmlns: v(Ie),
+        xmlns: c(Me),
         class: P({ "vue-data-ui-fullscreen--on": k.value, "vue-data-ui-fulscreen--off": !k.value }),
         width: "100%",
         viewBox: `0 0 ${o.value.width} ${o.value.height}`,
         style: "background:transparent"
       }, [
-        ke(Ue),
-        d("defs", null, [
-          d("clipPath", ze, [
-            d("rect", {
+        _e(Ve),
+        v("defs", null, [
+          v("clipPath", He, [
+            v("rect", {
               x: "0",
               y: "0",
               width: "1",
@@ -270,49 +276,49 @@ const Ge = ["id"], Ve = {
               rx: "0.5",
               ry: "0.07",
               fill: e.value.style.chart.backgroundColor
-            }, null, 8, Be)
+            }, null, 8, Xe)
           ]),
-          (l(!0), u(O, null, K(J.value, (t, r) => (l(), u("linearGradient", {
-            id: `vueUiThermometerGradient_${r}_${p.value}`,
+          (l(!0), n(O, null, te(Z.value, (t, u) => (l(), n("linearGradient", {
+            id: `vueUiThermometerGradient_${u}_${m.value}`,
             x1: "0%",
             y1: "0%",
             x2: "100%",
             y2: "0%"
           }, [
-            d("stop", {
+            v("stop", {
               offset: "0%",
               "stop-color": t.color
-            }, null, 8, De),
-            d("stop", {
+            }, null, 8, Je),
+            v("stop", {
               offset: "50%",
-              "stop-color": v(Oe)(t.color, 100 - e.value.style.chart.graduations.gradient.intensity)
-            }, null, 8, He),
-            d("stop", {
+              "stop-color": c(Ue)(t.color, 100 - e.value.style.chart.graduations.gradient.intensity)
+            }, null, 8, Ke),
+            v("stop", {
               offset: "100%",
               "stop-color": t.color
-            }, null, 8, Xe)
-          ], 8, je))), 256))
+            }, null, 8, Qe)
+          ], 8, Re))), 256))
         ]),
-        d("g", Re, [
-          d("rect", {
+        v("g", Ze, [
+          v("rect", {
             x: o.value.left,
             y: o.value.top,
-            height: o.value.height - c.value.top - c.value.bottom,
-            width: o.value.width - c.value.left - c.value.right,
+            height: o.value.height - h.value.top - h.value.bottom,
+            width: o.value.width - h.value.left - h.value.right,
             fill: "#FFFFFF"
-          }, null, 8, Je),
-          (l(!0), u(O, null, K(J.value, (t, r) => (l(), u("g", {
-            key: `graduation_${r}`
+          }, null, 8, et),
+          (l(!0), n(O, null, te(Z.value, (t, u) => (l(), n("g", {
+            key: `graduation_${u}`
           }, [
-            d("rect", {
+            v("rect", {
               x: t.x,
               y: t.y,
               height: t.height,
               width: o.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right,
-              fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${r}_${p.value})` : t.color,
+              fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${u}_${m.value})` : t.color,
               "shape-rendering": "crispEdges"
-            }, null, 8, Ke),
-            e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
+            }, null, 8, tt),
+            e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
               key: 0,
               x1: t.x,
               x2: t.x + 10,
@@ -321,9 +327,9 @@ const Ge = ["id"], Ve = {
               "stroke-width": e.value.style.chart.graduations.strokeWidth,
               stroke: e.value.style.chart.graduations.stroke,
               "stroke-linecap": "round"
-            }, null, 8, Qe)) : i("", !0),
-            e.value.style.chart.graduations.showIntermediate ? (l(), u(O, { key: 1 }, [
-              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
+            }, null, 8, st)) : i("", !0),
+            e.value.style.chart.graduations.showIntermediate ? (l(), n(O, { key: 1 }, [
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
                 key: 0,
                 x1: t.x,
                 x2: t.x + 5,
@@ -332,8 +338,8 @@ const Ge = ["id"], Ve = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Ze)) : i("", !0),
-              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
+              }, null, 8, ot)) : i("", !0),
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
                 key: 1,
                 x1: t.x,
                 x2: t.x + 2.5,
@@ -342,8 +348,8 @@ const Ge = ["id"], Ve = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, et)) : i("", !0),
-              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
+              }, null, 8, at)) : i("", !0),
+              e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
                 key: 2,
                 x1: t.x,
                 x2: t.x + 2.5,
@@ -352,9 +358,9 @@ const Ge = ["id"], Ve = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, tt)) : i("", !0)
+              }, null, 8, lt)) : i("", !0)
             ], 64)) : i("", !0),
-            e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
+            e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
               key: 2,
               x1: o.value.right,
               x2: o.value.right - 10,
@@ -363,9 +369,9 @@ const Ge = ["id"], Ve = {
               "stroke-width": e.value.style.chart.graduations.strokeWidth,
               stroke: e.value.style.chart.graduations.stroke,
               "stroke-linecap": "round"
-            }, null, 8, st)) : i("", !0),
-            e.value.style.chart.graduations.showIntermediate ? (l(), u(O, { key: 3 }, [
-              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
+            }, null, 8, rt)) : i("", !0),
+            e.value.style.chart.graduations.showIntermediate ? (l(), n(O, { key: 3 }, [
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
                 key: 0,
                 x1: o.value.right,
                 x2: o.value.right - 5,
@@ -374,8 +380,8 @@ const Ge = ["id"], Ve = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, ot)) : i("", !0),
-              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
+              }, null, 8, ut)) : i("", !0),
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
                 key: 1,
                 x1: o.value.right,
                 x2: o.value.right - 2.5,
@@ -384,8 +390,8 @@ const Ge = ["id"], Ve = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, at)) : i("", !0),
-              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), u("line", {
+              }, null, 8, nt)) : i("", !0),
+              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
                 key: 2,
                 x1: o.value.right,
                 x2: o.value.right - 2.5,
@@ -394,46 +400,46 @@ const Ge = ["id"], Ve = {
                 "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, it)) : i("", !0)
             ], 64)) : i("", !0)
           ]))), 128)),
-          d("rect", {
+          v("rect", {
             class: P({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
             x: o.value.left,
             y: o.value.top,
-            height: S.value,
+            height: T.value,
             width: o.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right,
             fill: "#FFFFFF66"
-          }, null, 10, rt)
+          }, null, 10, ct)
         ]),
-        d("text", {
+        v("text", {
           class: P({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use }),
-          y: S.value + o.value.top + e.value.style.chart.label.fontSize / 3,
+          y: T.value + o.value.top + e.value.style.chart.label.fontSize / 3,
           x: o.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"
-        }, be(v(Ae)(
+        }, we(c(Ye)(
           e.value.style.chart.label.formatter,
-          x.dataset.value,
-          v(Ye)({
+          _.dataset.value,
+          c(Ne)({
             p: e.value.style.chart.label.prefix,
-            v: x.dataset.value,
+            v: _.dataset.value,
             s: e.value.style.chart.label.suffix,
             r: e.value.style.chart.label.rounding
           }),
-          { datapoint: x.dataset }
-        )), 11, ut),
-        m(s.$slots, "svg", { svg: ae.value }, void 0, !0)
-      ], 10, Ee)) : i("", !0),
-      s.$slots.watermark ? (l(), u("div", nt, [
-        m(s.$slots, "watermark", G(V({ isPrinting: v(j) || v(D) })), void 0, !0)
+          { datapoint: _.dataset }
+        )), 11, ht),
+        p(s.$slots, "svg", { svg: ne.value }, void 0, !0)
+      ], 10, De)) : i("", !0),
+      s.$slots.watermark ? (l(), n("div", dt, [
+        p(s.$slots, "watermark", G(W({ isPrinting: c(X) || c(R) })), void 0, !0)
       ])) : i("", !0),
-      s.$slots.source ? (l(), u("div", it, [
-        m(s.$slots, "source", {}, void 0, !0)
+      s.$slots.source ? (l(), n("div", vt, [
+        p(s.$slots, "source", {}, void 0, !0)
       ], 512)) : i("", !0),
-      Y.value ? i("", !0) : (l(), F(Se, {
+      M.value ? i("", !0) : (l(), F(Le, {
         key: 7,
         config: {
           type: "thermometer",
@@ -445,9 +451,9 @@ const Ge = ["id"], Ve = {
           }
         }
       }, null, 8, ["config"]))
-    ], 14, Ge));
+    ], 46, ze));
   }
-}, bt = /* @__PURE__ */ Le(ct, [["__scopeId", "data-v-8a73571f"]]);
+}, $t = /* @__PURE__ */ Ee(yt, [["__scopeId", "data-v-90584bea"]]);
 export {
-  bt as default
+  $t as default
 };