vue-data-ui 2.3.28 → 2.3.29

package/dist/vue-ui-table-sparkline-BrqhBv29.js

@@ -0,0 +1,467 @@
+import { useCssVars as re, ref as d, computed as b, onMounted as ie, openBlock as u, createElementBlock as v, normalizeClass as W, createElementVNode as c, normalizeStyle as r, toDisplayString as p, createCommentVNode as g, Fragment as D, renderList as T, createBlock as M, unref as i, createSlots as de, withCtx as S, renderSlot as A, normalizeProps as ve, guardReactiveProps as ce, nextTick as fe } from "vue";
+import { u as pe, c as me, t as be, a as ge, p as w, b as he, o as ye, e as J, g as _e, d as ke, R as xe, i as $, f as P, q as Ce, r as Ie } from "./index-BlXzlBwZ.js";
+import { u as K } from "./useNestedProp-BoNl5H_z.js";
+import Se from "./vue-ui-sparkline-CGWePkVI.js";
+import Ae from "./BaseIcon-BG_bJS3R.js";
+import { u as we, U as $e } from "./usePrinter-CZ8F5Cth.js";
+import { _ as Pe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ze = ["id"], Fe = { style: { "z-index": "1", "padding-right": "24px" } }, Oe = ["onClick"], Ne = { style: { display: "flex", "flex-direction": "row", gap: "3px", "align-items": "center" } }, We = ["data-cell"], De = {
+  dir: "auto",
+  style: { display: "flex", "flex-direction": "row", "align-items": "center", gap: "6px" }
+}, Te = ["data-cell", "onPointerenter"], Me = ["data-cell"], Ve = ["data-cell"], Ee = ["data-cell"], Ge = ["data-cell"], Le = {
+  __name: "vue-ui-table-sparkline",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  setup(Q, { expose: Y }) {
+    const y = Q;
+    re((t) => ({
+      "328044aa": t.tdo
+    }));
+    const { vue_ui_table_sparkline: Z } = pe(), z = d(me()), V = d(0), E = d(0), e = b(() => {
+      const t = K({
+        userConfig: y.config,
+        defaultConfig: Z
+      });
+      return t.theme ? {
+        ...K({
+          userConfig: be.vue_ui_table_sparkline[t.theme] || y.config,
+          defaultConfig: t
+        }),
+        customPalette: ge[t.theme] || w
+      } : t;
+    }), { isPrinting: G, isImaging: L, generatePdf: R, generateImage: B } = we({
+      elementId: `table_${z.value}`,
+      fileName: e.value.title.text || "vue-ui-table-sparkline"
+    }), j = b(() => he(e.value.customPalette)), x = d(null), U = d(!1), ee = b(() => e.value.responsiveBreakpoint);
+    ie(() => {
+      ye(y.dataset) && J({
+        componentName: "VueUiTableSparkline",
+        type: "dataset"
+      });
+      const t = new ResizeObserver((s) => {
+        s.forEach((a) => {
+          U.value = a.contentRect.width < ee.value;
+        });
+      });
+      x.value && t.observe(x.value);
+    });
+    const H = b(() => (y.dataset.forEach((t, s) => {
+      _e({
+        datasetObject: t,
+        requiredAttributes: ["name", "values"]
+      }).forEach((a) => {
+        J({
+          componentName: "VueUiTableSparkline",
+          type: "datasetSerieAttribute",
+          property: a,
+          index: s
+        });
+      });
+    }), y.dataset.map((t, s) => {
+      const a = (t.values || []).map((n) => isNaN(n) ? 0 : n ?? 0), o = a.reduce((n, l) => n + l, 0);
+      return {
+        ...t,
+        values: t.values || [],
+        color: ke(t.color) || j.value[s] || w[s] || w[s % w.length],
+        sum: o,
+        average: o / a.length,
+        median: xe(a),
+        sparklineDataset: a.map((n, l) => ({
+          period: e.value.colNames[l] || `col ${l}`,
+          value: n || 0
+        }))
+      };
+    })));
+    function te(t) {
+      const a = (t[0].values || []).map(
+        (n, l) => t.map((f) => f.values[l] || [])
+      ).map(
+        (n) => n.map((l, f) => [l, f]).sort((l, f) => f[0] - l[0]).map((l) => l[1])
+      );
+      return t.map((n, l) => ({
+        ...n,
+        values: n.values || [],
+        orders: a[l]
+      }));
+    }
+    const _ = b(() => te(H.value)), C = d(_.value), ae = b(() => Math.max(...C.value.map((t) => (t.values || []).length))), I = d(void 0), F = d(!1), O = d(void 0), N = d(-1);
+    function le() {
+      F.value = !1, O.value = void 0, N.value = -1, C.value = _.value;
+    }
+    function oe(t) {
+      F.value = !0, O.value = t;
+      const s = _.value.map((l) => l.values[t] || []), a = I.value === t ? 1 : -1;
+      N.value = a, t === I.value ? I.value = void 0 : I.value = t;
+      const n = s.map((l, f) => [f, l]).sort((l, f) => a * (f[1] - l[1])).map((l) => l[0]).map((l) => _.value[l]);
+      C.value = n, E.value += 1;
+    }
+    const ne = b(() => Math.max(...y.dataset.map((t) => (t.values || []).length))), k = b(() => {
+      let t = e.value.colNames;
+      if (!t.length)
+        for (let a = 0; a < ne.value; a += 1)
+          t.push(`col ${a + 1}`);
+      e.value.showTotal && (t = [...t, e.value.translations.total]);
+      let s;
+      return e.value.showAverage && e.value.showMedian ? s = [
+        ...t,
+        e.value.translations.average,
+        e.value.translations.median
+      ] : e.value.showAverage && !e.value.showMedian ? s = [...t, e.value.translations.average] : !e.value.showAverage && e.value.showMedian ? s = [...t, e.value.translations.median] : s = t, e.value.showSparklines ? [...s, e.value.translations.chart] : s;
+    }), m = d(void 0), h = d(void 0);
+    function se({ dataIndex: t, serieIndex: s }) {
+      m.value = t, h.value = s;
+    }
+    const q = d(!1);
+    function ue(t) {
+      q.value = t, V.value += 1;
+    }
+    function X() {
+      fe(() => {
+        const t = [e.value.translations.serie].concat(k.value), s = H.value.map((n, l) => [
+          [n.name],
+          n.values,
+          [n.sum],
+          [n.average],
+          [n.median]
+        ]), a = [t].concat(s), o = Ce(a);
+        Ie({
+          csvContent: o,
+          title: e.value.title.text || "vue-ui-table-sparkline"
+        });
+      });
+    }
+    return Y({
+      generatePdf: R,
+      generateImage: B,
+      generateCsv: X,
+      restoreOrder: le
+    }), (t, s) => (u(), v("div", {
+      ref_key: "tableContainer",
+      ref: x,
+      class: W({ "vue-ui-responsive": U.value }),
+      style: { overflow: "hidden" },
+      id: `table_${z.value}`
+    }, [
+      c("div", {
+        style: { overflow: "auto" },
+        onPointerleave: s[0] || (s[0] = (a) => {
+          h.value = void 0, m.value = void 0;
+        })
+      }, [
+        c("table", {
+          class: "vue-ui-data-table",
+          style: r({ fontFamily: e.value.fontFamily, position: "relative" })
+        }, [
+          e.value.title.text ? (u(), v("caption", {
+            key: 0,
+            style: r({ backgroundColor: e.value.title.backgroundColor })
+          }, [
+            c("div", {
+              style: r({
+                fontSize: `${e.value.title.fontSize}px`,
+                fontWeight: e.value.title.bold ? "bold" : "normal",
+                color: e.value.title.color,
+                textAlign: e.value.title.textAlign
+              })
+            }, p(e.value.title.text), 5),
+            e.value.title.subtitle.text ? (u(), v("div", {
+              key: 0,
+              style: r({
+                fontSize: `${e.value.title.subtitle.fontSize}px`,
+                fontWeight: e.value.title.subtitle.bold ? "bold" : "normal",
+                color: e.value.title.subtitle.color,
+                textAlign: e.value.title.textAlign
+              })
+            }, p(e.value.title.subtitle.text), 5)) : g("", !0)
+          ], 4)) : g("", !0),
+          c("thead", Fe, [
+            c("tr", {
+              role: "row",
+              class: "vue-ui-data-table__thead-row",
+              style: r({
+                backgroundColor: e.value.thead.backgroundColor,
+                color: e.value.thead.color
+              })
+            }, [
+              c("th", {
+                role: "cell",
+                style: r({
+                  backgroundColor: e.value.thead.backgroundColor,
+                  outline: e.value.thead.outline,
+                  textAlign: e.value.thead.textAlign,
+                  fontWeight: e.value.thead.bold ? "bold" : "normal"
+                }),
+                class: "sticky-col-first"
+              }, p(e.value.translations.serie), 5),
+              (u(!0), v(D, null, T(k.value, (a, o) => (u(), v("th", {
+                role: "cell",
+                style: r({
+                  background: e.value.thead.backgroundColor,
+                  outline: e.value.thead.outline,
+                  textAlign: e.value.thead.textAlign,
+                  fontWeight: e.value.thead.bold ? "bold" : "normal",
+                  minWidth: o === k.value.length - 1 ? "150px" : "",
+                  cursor: _.value[0].values[o] !== void 0 ? "pointer" : "default"
+                }),
+                onClick: () => oe(o),
+                class: W({ "sticky-col": o === k.value.length - 1 && e.value.showSparklines })
+              }, [
+                c("div", Ne, [
+                  c("span", null, p(a), 1),
+                  F.value && o === O.value && _.value[0].values[o] !== void 0 ? (u(), M(Ae, {
+                    key: 0,
+                    size: 18,
+                    name: N.value === 1 ? "sort" : "sortReverse",
+                    stroke: e.value.thead.color
+                  }, null, 8, ["name", "stroke"])) : g("", !0)
+                ]),
+                e.value.userOptions.show && o === k.value.length - 1 ? (u(), M($e, {
+                  ref_for: !0,
+                  ref: "details",
+                  key: `user_option_${V.value}`,
+                  backgroundColor: e.value.thead.backgroundColor,
+                  color: e.value.thead.color,
+                  isPrinting: i(G),
+                  isImaging: i(L),
+                  uid: z.value,
+                  hasPdf: e.value.userOptions.buttons.pdf,
+                  hasXls: e.value.userOptions.buttons.csv,
+                  hasImg: e.value.userOptions.buttons.img,
+                  hasFullscreen: e.value.userOptions.buttons.fullscreen,
+                  isFullscreen: q.value,
+                  titles: { ...e.value.userOptions.buttonTitles },
+                  chartElement: x.value,
+                  onToggleFullscreen: ue,
+                  onGeneratePdf: i(R),
+                  onGenerateImage: i(B),
+                  onGenerateCsv: X
+                }, de({ _: 2 }, [
+                  t.$slots.optionPdf ? {
+                    name: "optionPdf",
+                    fn: S(() => [
+                      A(t.$slots, "optionPdf", {}, void 0, !0)
+                    ]),
+                    key: "0"
+                  } : void 0,
+                  t.$slots.optionCsv ? {
+                    name: "optionCsv",
+                    fn: S(() => [
+                      A(t.$slots, "optionCsv", {}, void 0, !0)
+                    ]),
+                    key: "1"
+                  } : void 0,
+                  t.$slots.optionImg ? {
+                    name: "optionImg",
+                    fn: S(() => [
+                      A(t.$slots, "optionImg", {}, void 0, !0)
+                    ]),
+                    key: "2"
+                  } : void 0,
+                  t.$slots.optionFullscreen ? {
+                    name: "optionFullscreen",
+                    fn: S(({ toggleFullscreen: n, isFullscreen: l }) => [
+                      A(t.$slots, "optionFullscreen", ve(ce({ toggleFullscreen: n, isFullscreen: l })), void 0, !0)
+                    ]),
+                    key: "3"
+                  } : void 0
+                ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : g("", !0)
+              ], 14, Oe))), 256))
+            ], 4)
+          ]),
+          c("tbody", null, [
+            (u(!0), v(D, null, T(C.value, (a, o) => (u(), v("tr", {
+              role: "row",
+              style: r({
+                backgroundColor: e.value.tbody.backgroundColor,
+                color: e.value.tbody.color
+              }),
+              class: W({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": o % 2 === 0, "vue-ui-data-table__tbody__row-odd": o % 2 !== 0 })
+            }, [
+              c("td", {
+                role: "cell",
+                style: r({
+                  backgroundColor: e.value.tbody.backgroundColor,
+                  outline: e.value.tbody.outline,
+                  fontSize: `${e.value.tbody.fontSize}px`,
+                  fontWeight: e.value.tbody.bold ? "bold" : "normal",
+                  textAlign: e.value.tbody.textAlign
+                }),
+                "data-cell": e.value.translations.serie,
+                class: "vue-ui-data-table__tbody__td sticky-col-first"
+              }, [
+                c("div", De, [
+                  c("span", {
+                    style: r({ color: a.color })
+                  }, "⬤", 4),
+                  c("span", null, p(a.name ?? "-"), 1)
+                ])
+              ], 12, We),
+              (u(!0), v(D, null, T(ae.value, (n, l) => (u(), v("td", {
+                dir: "auto",
+                role: "cell",
+                style: r({
+                  outline: e.value.tbody.outline,
+                  fontSize: `${e.value.tbody.fontSize}px`,
+                  fontWeight: e.value.tbody.bold ? "bold" : "normal",
+                  textAlign: e.value.tbody.textAlign,
+                  backgroundColor: m.value !== void 0 && h.value !== void 0 && l === m.value && h.value === o ? `${a.color}33` : "",
+                  borderRadius: m.value !== void 0 && h.value !== void 0 && l === m.value && h.value === o ? "3px" : ""
+                }),
+                "data-cell": k.value[l],
+                class: "vue-ui-data-table__tbody__td",
+                onPointerenter: (f) => {
+                  h.value = o, m.value = l;
+                }
+              }, p([null, void 0].includes(a.values[l]) ? "-" : i($)(
+                e.value.formatter,
+                Number(a.values[l]),
+                i(P)({
+                  p: e.value.prefix,
+                  v: Number(a.values[l]),
+                  s: e.value.suffix,
+                  r: e.value.roundingValues
+                }),
+                { datapoint: a, seriesIndex: o, datapointIndex: l }
+              )), 45, Te))), 256)),
+              e.value.showTotal ? (u(), v("td", {
+                key: 0,
+                dir: "auto",
+                role: "cell",
+                style: r({
+                  outline: e.value.tbody.outline,
+                  fontSize: `${e.value.tbody.fontSize}px`,
+                  fontWeight: e.value.tbody.bold ? "bold" : "normal",
+                  textAlign: e.value.tbody.textAlign
+                }),
+                "data-cell": e.value.translations.total,
+                class: "vue-ui-data-table__tbody__td"
+              }, p(i($)(
+                e.value.formatter,
+                a.sum,
+                i(P)({
+                  p: e.value.prefix,
+                  v: a.sum,
+                  s: e.value.suffix,
+                  r: e.value.roundingTotal
+                }),
+                { datapoint: a.sum, seriesIndex: o }
+              )), 13, Me)) : g("", !0),
+              e.value.showAverage ? (u(), v("td", {
+                key: 1,
+                dir: "auto",
+                role: "cell",
+                style: r({
+                  outline: e.value.tbody.outline,
+                  fontSize: `${e.value.tbody.fontSize}px`,
+                  fontWeight: e.value.tbody.bold ? "bold" : "normal",
+                  textAlign: e.value.tbody.textAlign
+                }),
+                "data-cell": e.value.translations.average,
+                class: "vue-ui-data-table__tbody__td"
+              }, p(i($)(
+                e.value.formatter,
+                a.average,
+                i(P)({
+                  p: e.value.prefix,
+                  v: a.average,
+                  s: e.value.suffix,
+                  r: e.value.roundingAverage
+                }),
+                { datapoint: a.average, seriesIndex: o }
+              )), 13, Ve)) : g("", !0),
+              e.value.showMedian ? (u(), v("td", {
+                key: 2,
+                dir: "auto",
+                role: "cell",
+                style: r({
+                  outline: e.value.tbody.outline,
+                  fontSize: `${e.value.tbody.fontSize}px`,
+                  fontWeight: e.value.tbody.bold ? "bold" : "normal",
+                  textAlign: e.value.tbody.textAlign
+                }),
+                "data-cell": e.value.translations.median,
+                class: "vue-ui-data-table__tbody__td"
+              }, p(i($)(
+                e.value.formatter,
+                a.median,
+                i(P)({
+                  p: e.value.prefix,
+                  v: a.median,
+                  s: e.value.suffix,
+                  r: e.value.roundingMedian
+                }),
+                { datapoint: a.median, seriesIndex: o }
+              )), 13, Ee)) : g("", !0),
+              e.value.showSparklines ? (u(), v("td", {
+                key: 3,
+                role: "cell",
+                "data-cell": e.value.translations.chart,
+                style: r({
+                  outline: e.value.tbody.outline,
+                  fontSize: `${e.value.tbody.fontSize}px`,
+                  fontWeight: e.value.tbody.bold ? "bold" : "normal",
+                  textAlign: e.value.tbody.textAlign
+                }),
+                class: "vue-ui-data-table__tbody__td sticky-col"
+              }, [
+                (u(), M(Se, {
+                  key: `sparkline_${o}_${E.value}`,
+                  onHoverIndex: ({ index: n }) => se({ dataIndex: n, serieIndex: o }),
+                  dataset: a.sparklineDataset,
+                  showInfo: !1,
+                  selectedIndex: m.value,
+                  config: {
+                    type: e.value.sparkline.type,
+                    style: {
+                      backgroundColor: e.value.tbody.backgroundColor,
+                      animation: {
+                        show: e.value.sparkline.animation.show && !i(G) && !i(L),
+                        animationFrames: e.value.sparkline.animation.animationFrames
+                      },
+                      line: {
+                        color: a.color,
+                        smooth: e.value.sparkline.smooth,
+                        strokeWidth: e.value.sparkline.strokeWidth
+                      },
+                      bar: {
+                        color: a.color
+                      },
+                      area: {
+                        color: a.color,
+                        opacity: e.value.sparkline.showArea ? 16 : 0,
+                        useGradient: e.value.sparkline.useGradient
+                      },
+                      verticalIndicator: {
+                        color: a.color
+                      },
+                      plot: {
+                        radius: 9,
+                        stroke: e.value.tbody.backgroundColor,
+                        strokeWidth: 3
+                      }
+                    }
+                  }
+                }, null, 8, ["onHoverIndex", "dataset", "selectedIndex", "config"]))
+              ], 12, Ge)) : g("", !0)
+            ], 6))), 256))
+          ])
+        ], 4)
+      ], 32)
+    ], 10, ze));
+  }
+}, Ke = /* @__PURE__ */ Pe(Le, [["__scopeId", "data-v-d3c784ed"]]);
+export {
+  Ke as default
+};

package/dist/vue-ui-thermometer-CKgIqM5y.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-hKWfT7Wa.cjs"),A=require("./Title-BU6E8Xld.cjs"),F=require("./usePrinter-DoYKBzst.cjs"),D=require("./vue-ui-skeleton-j-IOiy5w.cjs"),I=require("./useNestedProp-Cggpoz7e.cjs"),R=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),X=["id"],J={key:0,style:"width:100%"},K=["xmlns","viewBox"],Q={id:"vueUiPill",clipPathUnits:"objectBoundingBox"},Z=["fill"],ee=["id"],te=["stop-color"],oe=["stop-color"],le=["stop-color"],re={"clip-path":"url(#vueUiPill)"},ae=["x","y","height","width"],se=["x","y","height","width","fill"],ne=["x1","x2","y1","y2","stroke-width","stroke"],ue=["x1","x2","y1","y2","stroke-width","stroke"],ie=["x1","x2","y1","y2","stroke-width","stroke"],ce=["x1","x2","y1","y2","stroke-width","stroke"],de=["x1","x2","y1","y2","stroke-width","stroke"],he=["x1","x2","y1","y2","stroke-width","stroke"],ve=["x1","x2","y1","y2","stroke-width","stroke"],me=["x1","x2","y1","y2","stroke-width","stroke"],ye=["x","y","height","width"],pe=["y","x","fill","font-size","font-weight"],fe={key:3,class:"vue-data-ui-watermark"},ge={__name:"vue-ui-thermometer",props:{dataset:{type:Object,default(){return{}}},config:{type:Object,default(){return{}}}},setup(m,{expose:q}){const a=m;e.useCssVars(l=>({"3d1a25cf":z.value,"52cc1c9f":O.value,"90b36568":M.value}));const{vue_ui_thermometer:S}=s.useConfig(),f=e.computed(()=>!!a.dataset&&Object.keys(a.dataset).length);e.onMounted(()=>{s.objectIsEmpty(a.dataset)?s.error({componentName:"VueUiThermometer",type:"dataset"}):s.getMissingDatasetAttributes({datasetObject:a.dataset,requiredAttributes:["value","from","to"]}).forEach(l=>{s.error({componentName:"VueUiThermometer",type:"datasetAttribute",property:l})})});const d=e.ref(s.createUid()),w=e.ref(null),C=e.ref(0),t=e.computed(()=>{const l=I.useNestedProp({userConfig:a.config,defaultConfig:S});return l.theme?{...I.useNestedProp({userConfig:s.themes.vue_ui_thermometer[l.theme]||a.config,defaultConfig:l}),customPalette:s.themePalettes[l.theme]||s.palette}:l}),{isPrinting:B,isImaging:N,generatePdf:E,generateImage:V}=F.usePrinter({elementId:`thermometer__${d.value}`,fileName:t.value.style.title.text||"vue-ui-thermometer"}),y=e.computed(()=>s.convertCustomPalette(t.value.customPalette)),T=e.computed(()=>t.value.style.chart.thermometer.width),c=e.computed(()=>a.dataset.steps||10),i=e.ref({top:t.value.style.chart.padding.top,left:t.value.style.chart.padding.left,right:t.value.style.chart.padding.right,bottom:t.value.style.chart.padding.bottom});function p(l,n,o){const u=[],b=P(l),_=P(n);for(let v=0;v<o;v++){const G=g(b.red,_.red,v,o),W=g(b.green,_.green,v,o),H=g(b.blue,_.blue,v,o),j=`#${k(G)}${k(W)}${k(H)}`;u.push(j)}return u}function P(l){const n=l.slice(1);return{red:parseInt(n.slice(0,2),16),green:parseInt(n.slice(2,4),16),blue:parseInt(n.slice(4,6),16)}}function g(l,n,o,u){return Math.round(l+(n-l)*o/u)}function k(l){return l.toString(16).padStart(2,"0")}const r=e.computed(()=>{const l=T.value+i.value.left+i.value.right,n=t.value.style.chart.height;return{width:l,left:i.value.left,right:l-i.value.right,top:i.value.top,bottom:n-i.value.bottom,height:n}}),Y=e.computed(()=>r.value),x=e.computed(()=>{const l=a.dataset.from<0?Math.abs(a.dataset.from):a.dataset.from,n=a.dataset.to<0?Math.abs(a.dataset.to):a.dataset.to;let o=0;return a.dataset.to>0?o=l+n:l>n?o=l-n:o=n-l,(1-(Math.abs(a.dataset.from)+a.dataset.value)/o)*(r.value.height-i.value.top-i.value.bottom)}),M=e.computed(()=>`${x.value}px`),O=e.computed(()=>`${r.value.height-t.value.style.chart.padding.bottom-i.value.top}px`),z=e.computed(()=>`${t.value.style.chart.animation.speedMs}ms`),L=e.computed(()=>{if(a.dataset.colors){if(!a.dataset.colors.from)return p(y.value[0]||s.palette[0],s.convertColorToHex(a.dataset.colors.to),c.value||10);if(!a.dataset.colors.to)return p(s.convertColorToHex(a.dataset.colors.from),y.value[1]||s.palette[1],c.value||10)}else return p(y.value[1]||s.palette[1],y.value[0]||s.palette[0],c.value||10);return p(s.convertColorToHex(a.dataset.colors.from),s.convertColorToHex(a.dataset.colors.to),c.value||10)}),$=e.computed(()=>{const l=[];let n=0;const o=r.value.height-i.value.top-i.value.bottom;for(let u=0;u<o-1;u+=o/c.value)l.push({x:r.value.left,y:r.value.top+u,qYLess:r.value.top+u+o/c.value/4,halfY:r.value.top+u+o/c.value/2,qYMore:r.value.top+u+o/c.value/4*3,color:L.value[n],height:o/c.value}),n+=1;return l}),h=e.ref(!1);function U(l){h.value=l,C.value+=1}return q({generatePdf:E,generateImage:V}),(l,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"thermoChart",ref:w,class:e.normalizeClass(`vue-ui-thermometer ${h.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color};font-family:${t.value.style.fontFamily}`),id:`thermometer__${d.value}`},[t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",J,[e.createVNode(A._sfc_main,{config:{title:{cy:"thermometer-div-title",...t.value.style.title},subtitle:{cy:"thermometer-div-subtitle",...t.value.style.title.subtitle}}},null,8,["config"])])):e.createCommentVNode("",!0),t.value.userOptions.show&&f.value?(e.openBlock(),e.createBlock(F.UserOptions,{ref:"details",key:`user_options_${C.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(N),isPrinting:e.unref(B),uid:d.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:h.value,titles:{...t.value.userOptions.buttonTitles},chartElement:w.value,onToggleFullscreen:U,onGeneratePdf:e.unref(E),onGenerateImage:e.unref(V)},e.createSlots({_:2},[l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:u})=>[e.renderSlot(l.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:u})),void 0,!0)]),key:"2"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(s.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":h.value,"vue-data-ui-fulscreen--off":!h.value}),width:"100%",viewBox:`0 0 ${r.value.width} ${r.value.height}`,style:e.normalizeStyle(`background:${t.value.style.chart.backgroundColor}`)},[e.createElementVNode("defs",null,[e.createElementVNode("clipPath",Q,[e.createElementVNode("rect",{x:"0",y:"0",width:"1",height:"1",rx:"0.5",ry:"0.07",fill:t.value.style.chart.backgroundColor},null,8,Z)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($.value,(o,u)=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`vueUiThermometerGradient_${u}_${d.value}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":o.color},null,8,te),e.createElementVNode("stop",{offset:"50%","stop-color":`${o.color}${e.unref(s.opacity)[100-t.value.style.chart.graduations.gradient.intensity]}`},null,8,oe),e.createElementVNode("stop",{offset:"100%","stop-color":o.color},null,8,le)],8,ee))),256))]),e.createElementVNode("g",re,[e.createElementVNode("rect",{x:r.value.left,y:r.value.top,height:r.value.height-i.value.top-i.value.bottom,width:r.value.width-i.value.left-i.value.right,fill:"#FFFFFF"},null,8,ae),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($.value,(o,u)=>(e.openBlock(),e.createElementBlock("g",{key:`graduation_${u}`},[e.createElementVNode("rect",{x:o.x,y:o.y,height:o.height,width:r.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:t.value.style.chart.graduations.gradient.show?`url(#vueUiThermometerGradient_${u}_${d.value})`:o.color,"shape-rendering":"crispEdges"},null,8,se),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,ne)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,ue)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:o.x,x2:o.x+2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,ie)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:o.x,x2:o.x+2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,ce)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:r.value.right,x2:r.value.right-10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,de)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:r.value.right,x2:r.value.right-5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,he)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:r.value.right,x2:r.value.right-2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,ve)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:r.value.right,x2:r.value.right-2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,me)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]))),128)),e.createElementVNode("rect",{class:e.normalizeClass({"vue-ui-thermometer-temperature":t.value.style.chart.animation.use}),x:r.value.left,y:r.value.top,height:x.value,width:r.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:"#FFFFFF66"},null,10,ye)]),e.createElementVNode("text",{class:e.normalizeClass({"vue-ui-thermometer-temperature-value":t.value.style.chart.animation.use}),y:x.value+r.value.top+t.value.style.chart.label.fontSize/3,x:r.value.left-10,"text-anchor":"end",fill:t.value.style.chart.label.color,"font-size":t.value.style.chart.label.fontSize,"font-weight":t.value.style.chart.label.bold?"bold":"normal"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.style.chart.label.formatter,m.dataset.value,e.unref(s.dataLabel)({p:t.value.style.chart.label.prefix,v:m.dataset.value,s:t.value.style.chart.label.suffix,r:t.value.style.chart.label.rounding}),{datapoint:m.dataset})),11,pe),e.renderSlot(l.$slots,"svg",{svg:Y.value},void 0,!0)],14,K)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",fe,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(B)||e.unref(N)})),void 0,!0)])):e.createCommentVNode("",!0),f.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(D.default,{key:4,config:{type:"thermometer",style:{backgroundColor:t.value.style.chart.backgroundColor,thermometer:{color:"#CCCCCC"}}}},null,8,["config"]))],14,X))}},ke=R._export_sfc(ge,[["__scopeId","data-v-1375e978"]]);exports.default=ke;