vue-data-ui 2.2.90 → 2.2.92

package/dist/vue-ui-table-heatmap-gWx0Nslu.js

@@ -0,0 +1,237 @@
+import { useCssVars as q, ref as h, computed as c, onMounted as J, openBlock as n, createElementBlock as l, normalizeStyle as I, normalizeClass as V, createBlock as Q, unref as g, createSlots as Y, withCtx as C, renderSlot as r, normalizeProps as v, guardReactiveProps as f, createCommentVNode as p, createElementVNode as y, Fragment as k, renderList as $, createVNode as Z, mergeProps as z, nextTick as j } from "vue";
+import { _ as ee, e as E, i as te, j as ae, R as oe, a as se, F as ne, K as le, v as re, w as ue } from "./data-table-d-VcuH-r.js";
+import { t as ie } from "./themes-lgjsYHsH.js";
+import { u as M } from "./title-BF-9Qcni.js";
+import { U as de } from "./user-options-DZgCz8UA.js";
+import { u as ce, a as ve } from "./vue-ui-3d-bar-DW7kGJSz.js";
+const pe = ["id"], me = { role: "cell" }, fe = { role: "row" }, he = ["data-cell"], ge = {
+  key: 0,
+  style: { display: "flex", "flex-direction": "row", gap: "2px", "align-items": "center" }
+}, ye = ["height", "width"], be = {
+  key: 0,
+  role: "cell",
+  "data-cell": "sum"
+}, Ce = {
+  key: 1,
+  role: "cell",
+  "data-cell": "average"
+}, ke = {
+  key: 2,
+  role: "cell",
+  "data-cell": "median"
+}, _e = {
+  __name: "vue-ui-table-heatmap",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  setup(G, { expose: S }) {
+    const m = G;
+    q((e) => ({
+      ccade694: W.value,
+      "14f24091": X.value
+    }));
+    const { vue_ui_table_heatmap: B } = ce(), _ = h(E()), u = h(!1), b = h(null), w = h(!1), x = h(0), t = c(() => {
+      const e = M({
+        userConfig: m.config,
+        defaultConfig: B
+      });
+      return e.theme ? {
+        ...M({
+          userConfig: ie.vue_ui_table_heatmap[e.theme] || m.config,
+          defaultConfig: e
+        })
+      } : e;
+    }), { isPrinting: U, isImaging: A, generatePdf: F, generateImage: P } = ve({
+      elementId: `table_heatmap_${_.value}`,
+      fileName: "vue-ui-table-heatmap"
+    }), D = c(() => t.value.table.responsiveBreakpoint), H = c(() => !!m.dataset && m.dataset.length);
+    J(() => {
+      te(m.dataset) && ae({
+        componentName: "VueUiTableHeatmap",
+        type: "dataset"
+      });
+      const e = new ResizeObserver((s) => {
+        s.forEach((a) => {
+          u.value = a.contentRect.width < D.value;
+        });
+      });
+      b.value && e.observe(b.value);
+    });
+    const N = c(() => m.dataset.map((e) => {
+      const s = e.values.map((o) => isNaN(o) ? 0 : o), a = s.reduce((o, d) => o + d, 0);
+      return {
+        ...e,
+        values: s,
+        serieExtremes: {
+          max: Math.max(...s),
+          min: Math.min(...s)
+        },
+        sum: a,
+        average: a / s.length,
+        median: oe(s),
+        displayValues: [e.name, ...e.values],
+        id: E()
+      };
+    })), O = c(() => {
+      const e = N.value.flatMap((s) => s.values);
+      return {
+        min: Math.min(...e),
+        max: Math.max(...e)
+      };
+    });
+    function L(e, s) {
+      const a = t.value.style.heatmapColors.useIndividualScale;
+      return le(t.value.style.heatmapColors.min, t.value.style.heatmapColors.max, a ? s.min : O.value.min, a ? s.max : O.value.max, e);
+    }
+    const R = c(() => N.value.map((e) => ({
+      ...e,
+      colors: e.displayValues.map((s) => isNaN(s) ? t.value.style.backgroundColor : L(s, e.serieExtremes))
+    }))), X = c(() => t.value.style.backgroundColor), W = c(() => `${t.value.table.borderWidth}px`);
+    function T() {
+      j(() => {
+        const e = R.value.map((o) => [
+          [o.name],
+          o.displayValues,
+          [o.sum],
+          [o.average],
+          [o.median]
+        ]), s = [[[""], t.value.table.head.values, ["sum"], ["average"], ["median"]]].concat(e), a = re(s);
+        ue({ csvContent: a, title: "vue-ui-table-heatmap" });
+      });
+    }
+    function K(e) {
+      w.value = e, x.value += 1;
+    }
+    return S({
+      generatePdf: F,
+      generateCsv: T,
+      generateImage: P
+    }), (e, s) => (n(), l("div", {
+      ref_key: "tableContainer",
+      ref: b,
+      style: I(`width:100%; overflow-x:auto; container-type: inline-size;padding-top:${t.value.userOptions.show ? "36px" : ""}`),
+      class: V({ "vue-ui-responsive": u.value }),
+      id: `table_heatmap_${_.value}`
+    }, [
+      t.value.userOptions.show && H.value ? (n(), Q(de, {
+        ref: "details",
+        key: `user_option_${x.value}`,
+        backgroundColor: t.value.style.backgroundColor,
+        color: t.value.style.color,
+        isPrinting: g(U),
+        isImaging: g(A),
+        uid: _.value,
+        hasPdf: t.value.userOptions.buttons.pdf,
+        hasXls: t.value.userOptions.buttons.csv,
+        hasImg: t.value.userOptions.buttons.img,
+        hasFullscreen: t.value.userOptions.buttons.fullscreen,
+        isFullscreen: w.value,
+        titles: { ...t.value.userOptions.buttonTitles },
+        chartElement: b.value,
+        onToggleFullscreen: K,
+        onGeneratePdf: g(F),
+        onGenerateCsv: T,
+        onGenerateImage: g(P)
+      }, Y({ _: 2 }, [
+        e.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: C(() => [
+            r(e.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        e.$slots.optionCsv ? {
+          name: "optionCsv",
+          fn: C(() => [
+            r(e.$slots, "optionCsv", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        e.$slots.optionImg ? {
+          name: "optionImg",
+          fn: C(() => [
+            r(e.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        e.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: C(({ toggleFullscreen: a, isFullscreen: o }) => [
+            r(e.$slots, "optionFullscreen", v(f({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+          ]),
+          key: "3"
+        } : void 0
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : p("", !0),
+      y("table", {
+        class: V({ "vue-ui-table-heatmap": !0 }),
+        style: I(`width:100%;font-family:${t.value.style.fontFamily};background:${t.value.style.backgroundColor};`)
+      }, [
+        y("caption", null, [
+          r(e.$slots, "caption", {}, void 0, !0)
+        ]),
+        y("thead", null, [
+          y("tr", {
+            role: "row",
+            style: I(`background:${t.value.table.head.backgroundColor};color:${t.value.table.head.color}`)
+          }, [
+            (n(!0), l(k, null, $(t.value.table.head.values, (a, o) => (n(), l("th", me, [
+              r(e.$slots, "head", v(f({ value: a, rowIndex: o, type: typeof a, isResponsive: u.value })), void 0, !0)
+            ]))), 256))
+          ], 4)
+        ]),
+        y("tbody", null, [
+          (n(!0), l(k, null, $(R.value, (a, o) => (n(), l("tr", fe, [
+            (n(!0), l(k, null, $(a.displayValues, (d, i) => (n(), l("td", {
+              role: "cell",
+              "data-cell": t.value.table.head.values[i]
+            }, [
+              a.color && i === 0 ? (n(), l("div", ge, [
+                a.color ? (n(), l("svg", {
+                  key: 0,
+                  height: t.value.style.shapeSize,
+                  width: t.value.style.shapeSize,
+                  viewBox: "0 0 20 20",
+                  style: { background: "none", overflow: "visible" }
+                }, [
+                  Z(se, {
+                    plot: { x: 10, y: 10 },
+                    color: a.color,
+                    radius: 9,
+                    shape: a.shape || "circle"
+                  }, null, 8, ["color", "shape"])
+                ], 8, ye)) : p("", !0),
+                r(e.$slots, "rowTitle", v(f({ value: d, rowIndex: o, colIndex: i, type: typeof d, isResponsive: u.value })), void 0, !0)
+              ])) : (n(), l(k, { key: 1 }, [
+                i === 0 ? r(e.$slots, "rowTitle", v(z({ key: 0 }, { value: d, rowIndex: o, colIndex: i, type: typeof d, isResponsive: u.value })), void 0, !0) : p("", !0),
+                i > 0 ? r(e.$slots, "cell", v(z({ key: 1 }, { value: d, rowIndex: o, colIndex: i, type: typeof d, isResponsive: u.value, color: a.colors[i], textColor: g(ne)(a.colors[i]) })), void 0, !0) : p("", !0)
+              ], 64))
+            ], 8, he))), 256)),
+            t.value.table.showSum ? (n(), l("td", be, [
+              r(e.$slots, "sum", v(f({ value: a.sum, rowIndex: o, isResponsive: u.value })), void 0, !0)
+            ])) : p("", !0),
+            t.value.table.showAverage ? (n(), l("td", Ce, [
+              r(e.$slots, "average", v(f({ value: a.average, rowIndex: o, isResponsive: u.value })), void 0, !0)
+            ])) : p("", !0),
+            t.value.table.showMedian ? (n(), l("td", ke, [
+              r(e.$slots, "median", v(f({ value: a.median, rowIndex: o, isResponsive: u.value })), void 0, !0)
+            ])) : p("", !0)
+          ]))), 256))
+        ])
+      ], 4)
+    ], 14, pe));
+  }
+}, Ne = /* @__PURE__ */ ee(_e, [["__scopeId", "data-v-5a2dcde4"]]);
+export {
+  Ne as default
+};

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

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