vue-data-ui 3.5.2 → 3.7.0

package/dist/vue-ui-thermometer-CDrM-WFq.js

@@ -1,584 +0,0 @@
-import { useCssVars as Ye, computed as h, defineAsyncComponent as j, ref as d, onMounted as Ee, toRefs as He, watch as Re, createElementBlock as n, openBlock as l, unref as u, normalizeStyle as de, normalizeClass as L, createBlock as N, createCommentVNode as i, withCtx as f, renderSlot as v, normalizeProps as g, guardReactiveProps as p, createSlots as Ve, createVNode as qe, createElementVNode as m, Fragment as Y, renderList as fe, toDisplayString as Ge } from "vue";
-import { c as Be, t as De, o as je, f as me, g as Xe, b as Je, p as F, e as Ke, x as k, h as E, X as Qe, s as Ze, a as et, d as tt } from "./lib-C_mNZmhD.js";
-import { t as ot, u as st } from "./useResponsive-DfdjqQps.js";
-import { u as at, a as ye } from "./useNestedProp-CReNavA0.js";
-import { u as lt, B as rt } from "./BaseScanner-BgWxam9d.js";
-import { u as nt } from "./usePrinter-DTzqpYKF.js";
-import { u as ut } from "./useSvgExport-DrjCWun4.js";
-import { u as it } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as ct } from "./useChartAccessibility-9icAAmYg.js";
-import { u as ht } from "./useAutoSizeLabelsInsideViewbox-BhzfwQ_k.js";
-import { t as vt } from "./themes-AUNCOb2G.js";
-import dt from "./Title-BzH_LEA3.js";
-import ft from "./img-BecE5qXd.js";
-import { _ as mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const yt = ["id"], gt = {
-  key: 1,
-  ref: "noTitle",
-  class: "vue-data-ui-no-title-space",
-  style: "height:36px; width: 100%;background:transparent"
-}, pt = ["xmlns", "viewBox"], kt = ["width", "height"], bt = ["id"], wt = ["x", "y", "width", "height", "rx", "ry"], xt = ["id"], _t = ["stop-color"], $t = ["stop-color"], Ct = ["stop-color"], At = ["clip-path"], Ot = ["x", "y", "height", "width"], St = ["x", "y", "height", "width", "fill"], Ft = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], It = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Pt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Tt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Mt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], zt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ut = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Wt = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Lt = ["x", "y", "height", "width"], Nt = { key: 1 }, Yt = ["x", "y", "height"], Et = ["y", "x", "fill", "font-size", "font-weight"], Ht = {
-  key: 4,
-  class: "vue-data-ui-watermark"
-}, Rt = {
-  __name: "vue-ui-thermometer",
-  props: {
-    dataset: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  setup(I, { expose: ge }) {
-    Ye((o) => ({
-      d4c8a8ea: Se.value,
-      v0a7b4e63: Oe.value,
-      v9b81bfe0: Ae.value
-    }));
-    const pe = j(() => import("./PackageVersion-Y7t79Jtq.js")), ke = j(() => import("./PenAndPaper-SZQIAgkg.js")), be = j(() => import("./UserOptions-CGnQt6Fd.js")), { vue_ui_thermometer: we } = at(), b = I, w = d(Be()), x = d(null), X = d(0), J = d(0), K = d(null), Q = d(null), $ = d(null), P = d(null), xe = h(() => !!b.dataset && Object.keys(b.dataset).length);
-    Ee(() => {
-      te();
-    });
-    const e = d(q()), _e = d(e.value.style.chart.thermometer.width), H = d(e.value.style.chart.height), R = d(e.value.style.chart.width), { loading: Z, FINAL_DATASET: c } = lt({
-      ...He(b),
-      FINAL_CONFIG: e,
-      prepareConfig: q,
-      skeletonDataset: { value: 0, from: -100, to: 100, steps: 20, colors: { from: "#A1A1A1", to: "#CACACA" } },
-      skeletonConfig: De({
-        defaultConfig: e.value,
-        userConfig: {
-          userOptions: { show: !1 },
-          style: {
-            chart: {
-              animation: { use: !1 },
-              backgroundColor: "#99999930",
-              graduations: {
-                stroke: "#6A6A6A"
-              }
-            }
-          }
-        }
-      })
-    }), ee = h(() => !!e.value.debug);
-    function te() {
-      if (je(b.dataset) ? me({
-        componentName: "VueUiThermometer",
-        type: "dataset",
-        debug: ee.value
-      }) : Xe({
-        datasetObject: b.dataset,
-        requiredAttributes: ["value", "from", "to"]
-      }).forEach((o) => {
-        me({
-          componentName: "VueUiThermometer",
-          type: "datasetAttribute",
-          property: o,
-          debug: ee.value
-        });
-      }), e.value.responsive) {
-        const o = ot(() => {
-          const { width: a, height: t } = st({
-            chart: x.value,
-            title: e.value.style.title.text ? K.value : null,
-            source: Q.value
-          });
-          requestAnimationFrame(() => {
-            H.value = Math.max(0.1, t - 12), R.value = a, he();
-          });
-        });
-        $.value && (P.value && $.value.unobserve(P.value), $.value.disconnect()), $.value = new ResizeObserver(o), P.value = x.value, $.value.observe(P.value);
-      }
-      he();
-    }
-    const { userOptionsVisible: V, setUserOptionsVisibility: oe, keepUserOptionState: se } = it({ config: e.value }), { svgRef: T } = ct({ config: e.value.style.title });
-    function q() {
-      const o = ye({
-        userConfig: b.config,
-        defaultConfig: we
-      });
-      return o.theme ? {
-        ...ye({
-          userConfig: vt.vue_ui_thermometer[o.theme] || b.config,
-          defaultConfig: o
-        }),
-        customPalette: Je[o.theme] || F
-      } : o;
-    }
-    Re(() => b.config, (o) => {
-      e.value = q(), V.value = !e.value.userOptions.showOnChartHover, _e.value = e.value.style.chart.thermometer.width, H.value = e.value.style.chart.height, R.value = e.value.style.chart.width, te(), J.value += 1;
-    }, { deep: !0 });
-    const { isPrinting: ae, isImaging: le, generatePdf: re, generateImage: ne } = nt({
-      elementId: `thermometer__${w.value}`,
-      fileName: e.value.style.title.text || "vue-ui-thermometer",
-      options: e.value.userOptions.print
-    }), $e = h(() => e.value.userOptions.show && !e.value.style.title.text), M = h(() => Ke(e.value.customPalette)), y = h(() => c.value.steps || 10);
-    function z(o, a, t) {
-      const r = [], _ = ue(o), O = ue(a);
-      for (let S = 0; S < t; S++) {
-        const Ue = G(_.red, O.red, S, t), We = G(_.green, O.green, S, t), Le = G(_.blue, O.blue, S, t), Ne = `#${B(Ue)}${B(We)}${B(Le)}`;
-        r.push(Ne);
-      }
-      return r;
-    }
-    function ue(o) {
-      const a = o.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 G(o, a, t, r) {
-      return Math.round(o + (a - o) * t / r);
-    }
-    function B(o) {
-      return o.toString(16).padStart(2, "0");
-    }
-    const s = h(() => {
-      const o = Math.max(0.1, R.value), a = Math.max(0.1, H.value), t = e.value.style.chart.padding;
-      return {
-        width: o,
-        left: o / 2 - e.value.style.chart.thermometer.width / 2,
-        right: o / 2 + e.value.style.chart.thermometer.width / 2,
-        top: t.top,
-        bottom: a - t.bottom - t.top,
-        height: a,
-        thermoHeight: a - t.top - t.bottom,
-        thermoWidth: e.value.style.chart.thermometer.width
-      };
-    }), Ce = h(() => s.value), U = h(() => {
-      const o = k(c.value.from) < 0 ? Math.abs(k(c.value.from)) : k(c.value.from), a = k(c.value.to) < 0 ? Math.abs(k(c.value.to)) : k(c.value.to);
-      let t = 0;
-      return k(c.value.to) > 0 ? t = o + a : o > a ? t = o - a : t = a - o, (1 - (Math.abs(k(c.value.from)) + k(c.value.value)) / t) * s.value.thermoHeight;
-    }), Ae = h(() => `${U.value}px`), Oe = h(() => `${s.value.thermoHeight}px`), Se = h(() => `${e.value.style.chart.animation.speedMs}ms`), Fe = h(() => {
-      if (c.value.colors) {
-        if (!c.value.colors.from)
-          return z(M.value[0] || F[0], E(c.value.colors.to), y.value || 10);
-        if (!c.value.colors.to)
-          return z(E(c.value.colors.from), M.value[1] || F[1], y.value || 10);
-      } else
-        return z(M.value[1] || F[1], M.value[0] || F[0], y.value || 10);
-      return z(E(c.value.colors.from), E(c.value.colors.to), y.value || 10);
-    }), ie = h(() => {
-      const o = [];
-      let a = 0;
-      const t = s.value.thermoHeight;
-      for (let r = 0; r < t - 1; r += t / y.value)
-        o.push({
-          x: s.value.left,
-          y: s.value.top + r,
-          qYLess: s.value.top + r + t / y.value / 4,
-          halfY: s.value.top + r + t / y.value / 2,
-          qYMore: s.value.top + r + t / y.value / 4 * 3,
-          color: Fe.value[a],
-          height: Math.max(0.1, t / y.value)
-        }), a += 1;
-      return o;
-    }), C = d(!1);
-    function ce(o) {
-      C.value = o, X.value += 1;
-    }
-    const W = d(!1);
-    function D() {
-      W.value = !W.value;
-    }
-    async function Ie({ scale: o = 2 } = {}) {
-      if (!x.value) return;
-      const { width: a, height: t } = x.value.getBoundingClientRect(), r = a / t, { imageUri: _, base64: O } = await ft({ domElement: x.value, base64: !0, img: !0, scale: o });
-      return {
-        imageUri: _,
-        base64: O,
-        title: e.value.style.title.text,
-        width: a,
-        height: t,
-        aspectRatio: r
-      };
-    }
-    const A = h({
-      get: () => e.value.style.chart.label.fontSize,
-      set: (o) => o
-    }), { autoSizeLabels: he } = ht({
-      svgRef: T,
-      fontSize: e.value.style.chart.label.fontSize,
-      minFontSize: e.value.style.chart.label.minFontSize,
-      sizeRef: A,
-      labelClass: ".vue-ui-thermometer-label"
-    }), Pe = h(() => e.value.style.chart.backgroundColor), Te = h(() => e.value.style.title), { exportSvg: Me, getSvg: ze } = ut({
-      svg: T,
-      title: Te,
-      backgroundColor: Pe
-    });
-    async function ve({ isCb: o }) {
-      if (o) {
-        const { blob: a, url: t, text: r, dataUrl: _ } = await ze();
-        e.value.userOptions.callbacks.svg({ blob: a, url: t, text: r, dataUrl: _ });
-      } else
-        Me();
-    }
-    return ge({
-      getImage: Ie,
-      generatePdf: re,
-      generateImage: ne,
-      generateSvg: ve,
-      toggleAnnotator: D,
-      toggleFullscreen: ce
-    }), (o, a) => (l(), n("div", {
-      ref_key: "thermoChart",
-      ref: x,
-      class: L(`vue-data-ui-component vue-ui-thermometer ${C.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: de(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
-      id: `thermometer__${w.value}`,
-      onMouseenter: a[0] || (a[0] = () => u(oe)(!0)),
-      onMouseleave: a[1] || (a[1] = () => u(oe)(!1))
-    }, [
-      e.value.userOptions.buttons.annotator ? (l(), N(u(ke), {
-        key: 0,
-        svgRef: u(T),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: W.value,
-        onClose: D
-      }, {
-        "annotator-action-close": f(() => [
-          v(o.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": f(({ color: t }) => [
-          v(o.$slots, "annotator-action-color", g(p({ color: t })), void 0, !0)
-        ]),
-        "annotator-action-draw": f(({ mode: t }) => [
-          v(o.$slots, "annotator-action-draw", g(p({ mode: t })), void 0, !0)
-        ]),
-        "annotator-action-undo": f(({ disabled: t }) => [
-          v(o.$slots, "annotator-action-undo", g(p({ disabled: t })), void 0, !0)
-        ]),
-        "annotator-action-redo": f(({ disabled: t }) => [
-          v(o.$slots, "annotator-action-redo", g(p({ disabled: t })), void 0, !0)
-        ]),
-        "annotator-action-delete": f(({ disabled: t }) => [
-          v(o.$slots, "annotator-action-delete", g(p({ disabled: t })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : i("", !0),
-      $e.value ? (l(), n("div", gt, null, 512)) : i("", !0),
-      e.value.style.title.text ? (l(), n("div", {
-        key: 2,
-        ref_key: "chartTitle",
-        ref: K,
-        style: "width:100%"
-      }, [
-        (l(), N(dt, {
-          key: `title_${J.value}`,
-          config: {
-            title: {
-              cy: "thermometer-div-title",
-              ...e.value.style.title
-            },
-            subtitle: {
-              cy: "thermometer-div-subtitle",
-              ...e.value.style.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : i("", !0),
-      e.value.userOptions.show && xe.value && (u(se) || u(V)) ? (l(), N(u(be), {
-        ref: "details",
-        key: `user_options_${X.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isImaging: u(le),
-        isPrinting: u(ae),
-        uid: w.value,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasImg: e.value.userOptions.buttons.img,
-        hasSvg: e.value.userOptions.buttons.svg,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        hasXls: !1,
-        isFullscreen: C.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: x.value,
-        position: e.value.userOptions.position,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: W.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: ce,
-        onGeneratePdf: u(re),
-        onGenerateImage: u(ne),
-        onGenerateSvg: ve,
-        onToggleAnnotator: D,
-        style: de({
-          visibility: u(se) ? u(V) ? "visible" : "hidden" : "visible"
-        })
-      }, Ve({ _: 2 }, [
-        o.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: f(({ isOpen: t, color: r }) => [
-            v(o.$slots, "menuIcon", g(p({ isOpen: t, color: r })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        o.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: f(() => [
-            v(o.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        o.$slots.optionImg ? {
-          name: "optionImg",
-          fn: f(() => [
-            v(o.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        o.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: f(() => [
-            v(o.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        o.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: f(({ toggleFullscreen: t, isFullscreen: r }) => [
-            v(o.$slots, "optionFullscreen", g(p({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        o.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: f(({ toggleAnnotator: t, isAnnotator: r }) => [
-            v(o.$slots, "optionAnnotator", g(p({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
-          ]),
-          key: "5"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
-      (l(), n("svg", {
-        ref_key: "svgRef",
-        ref: T,
-        xmlns: u(Qe),
-        class: L({ "vue-data-ui-fullscreen--on": C.value, "vue-data-ui-fulscreen--off": !C.value }),
-        width: "100%",
-        viewBox: `0 0 ${s.value.width} ${s.value.height}`,
-        style: "background:transparent"
-      }, [
-        qe(u(pe)),
-        o.$slots["chart-background"] ? (l(), n("foreignObject", {
-          key: 0,
-          x: 0,
-          y: 0,
-          width: s.value.width,
-          height: s.value.height,
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          v(o.$slots, "chart-background", {}, void 0, !0)
-        ], 8, kt)) : i("", !0),
-        m("defs", null, [
-          m("clipPath", {
-            id: `vueUiPill-${w.value}`,
-            clipPathUnits: "userSpaceOnUse"
-          }, [
-            m("rect", {
-              x: s.value.left,
-              y: s.value.top,
-              width: s.value.thermoWidth,
-              height: s.value.thermoHeight,
-              rx: s.value.thermoWidth / 2,
-              ry: s.value.thermoWidth / 2
-            }, null, 8, wt)
-          ], 8, bt),
-          (l(!0), n(Y, null, fe(ie.value, (t, r) => (l(), n("linearGradient", {
-            id: `vueUiThermometerGradient_${r}_${w.value}`,
-            x1: "0%",
-            y1: "0%",
-            x2: "100%",
-            y2: "0%"
-          }, [
-            m("stop", {
-              offset: "0%",
-              "stop-color": t.color
-            }, null, 8, _t),
-            m("stop", {
-              offset: "50%",
-              "stop-color": u(Ze)(t.color, 100 - e.value.style.chart.graduations.gradient.intensity)
-            }, null, 8, $t),
-            m("stop", {
-              offset: "100%",
-              "stop-color": t.color
-            }, null, 8, Ct)
-          ], 8, xt))), 256))
-        ]),
-        m("g", {
-          "clip-path": `url(#vueUiPill-${w.value})`
-        }, [
-          m("rect", {
-            x: s.value.left,
-            y: s.value.top,
-            height: s.value.thermoHeight,
-            width: s.value.thermoWidth,
-            fill: "#FFFFFF"
-          }, null, 8, Ot),
-          (l(!0), n(Y, null, fe(ie.value, (t, r) => (l(), n("g", {
-            key: `graduation_${r}`
-          }, [
-            m("rect", {
-              x: t.x,
-              y: t.y,
-              height: t.height,
-              width: s.value.thermoWidth,
-              fill: e.value.style.chart.graduations.gradient.show ? `url(#vueUiThermometerGradient_${r}_${w.value})` : t.color,
-              "shape-rendering": "crispEdges"
-            }, null, 8, St),
-            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,
-              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, Ft)) : i("", !0),
-            e.value.style.chart.graduations.showIntermediate ? (l(), n(Y, { 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,
-                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, It)) : 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,
-                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, Pt)) : 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,
-                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, Tt)) : i("", !0)
-            ], 64)) : i("", !0),
-            e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
-              key: 2,
-              x1: s.value.right,
-              x2: s.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, Mt)) : i("", !0),
-            e.value.style.chart.graduations.showIntermediate ? (l(), n(Y, { key: 3 }, [
-              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
-                key: 0,
-                x1: s.value.right,
-                x2: s.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, zt)) : i("", !0),
-              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
-                key: 1,
-                x1: s.value.right,
-                x2: s.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, Ut)) : i("", !0),
-              e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (l(), n("line", {
-                key: 2,
-                x1: s.value.right,
-                x2: s.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, Wt)) : i("", !0)
-            ], 64)) : i("", !0)
-          ]))), 128)),
-          m("rect", {
-            class: L({ "vue-ui-thermometer-temperature": e.value.style.chart.animation.use }),
-            x: s.value.left,
-            y: s.value.top,
-            height: U.value,
-            width: s.value.thermoWidth,
-            fill: "#FFFFFF66"
-          }, null, 10, Lt)
-        ], 8, At),
-        e.value.style.chart.label.show ? (l(), n("g", Nt, [
-          u(Z) ? (l(), n("rect", {
-            key: 0,
-            x: s.value.left - 60,
-            y: U.value + s.value.top - A.value / 2,
-            width: 50,
-            height: A.value,
-            fill: "#6A6A6A40",
-            rx: "3"
-          }, null, 8, Yt)) : (l(), n("text", {
-            key: 1,
-            class: L({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use, "vue-ui-thermometer-label": !0 }),
-            y: U.value + s.value.top + A.value / 3,
-            x: s.value.left - 10,
-            "text-anchor": "end",
-            fill: e.value.style.chart.label.color,
-            "font-size": A.value,
-            "font-weight": e.value.style.chart.label.bold ? "bold" : "normal"
-          }, Ge(u(et)(
-            e.value.style.chart.label.formatter,
-            I.dataset.value,
-            u(tt)({
-              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, Et))
-        ])) : i("", !0),
-        v(o.$slots, "svg", { svg: Ce.value }, void 0, !0)
-      ], 10, pt)),
-      o.$slots.watermark ? (l(), n("div", Ht, [
-        v(o.$slots, "watermark", g(p({ isPrinting: u(ae) || u(le) })), void 0, !0)
-      ])) : i("", !0),
-      o.$slots.source ? (l(), n("div", {
-        key: 5,
-        ref_key: "source",
-        ref: Q,
-        dir: "auto"
-      }, [
-        v(o.$slots, "source", {}, void 0, !0)
-      ], 512)) : i("", !0),
-      u(Z) ? (l(), N(rt, { key: 6 })) : i("", !0)
-    ], 46, yt));
-  }
-}, so = /* @__PURE__ */ mt(Rt, [["__scopeId", "data-v-48fbf700"]]);
-export {
-  so as default
-};