vue-data-ui 2.3.74 → 2.3.75

package/dist/{vue-ui-thermometer-D5qurIy7.js → vue-ui-thermometer-BPTs7Nxc.js}

@@ -1,20 +1,20 @@
-import { useCssVars as ie, computed as c, onMounted as he, ref as k, openBlock as o, createElementBlock as n, normalizeClass as $, normalizeStyle as B, createVNode as ce, createCommentVNode as h, createBlock as j, unref as v, createSlots as de, withCtx as q, renderSlot as x, normalizeProps as A, guardReactiveProps as D, createElementVNode as d, Fragment as F, renderList as H, toDisplayString as ve } from "vue";
-import { u as ye, o as fe, e as X, g as me, c as ge, t as pe, a as ke, p as b, b as xe, s as f, d as P, X as be, w as _e, i as we, f as Ce } from "./index-C8SH0f2u.js";
-import { _ as $e } from "./Title-DZjnxQdN.js";
-import { u as Fe, U as Pe } from "./usePrinter-Dj50NAxo.js";
-import Ie from "./vue-ui-skeleton-B4eWLjH3.js";
-import { u as R } from "./useNestedProp-lS_T5lM3.js";
-import { _ as Ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Me = ["id"], Ne = {
+import { useCssVars as de, computed as c, onMounted as ve, ref as g, watch as ye, openBlock as o, createElementBlock as n, normalizeClass as $, normalizeStyle as H, createBlock as U, createCommentVNode as h, unref as v, createSlots as fe, withCtx as q, renderSlot as x, normalizeProps as X, guardReactiveProps as R, createElementVNode as d, Fragment as F, renderList as J, toDisplayString as ge } from "vue";
+import { u as me, o as pe, e as K, g as ke, c as xe, t as _e, a as be, p as _, b as we, s as f, d as P, X as Ce, w as $e, i as Fe, f as Pe } from "./index-Cm4Iry5c.js";
+import { _ as Ie } from "./Title-C26I_HC3.js";
+import { u as Ye, U as Me } from "./usePrinter-B8RnF8_q.js";
+import Ne from "./vue-ui-skeleton-C1oUnz7R.js";
+import { u as Q } from "./useNestedProp-CurQIHTa.js";
+import { _ as Oe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Se = ["id"], Ue = {
   key: 0,
   style: "width:100%"
-}, Oe = ["xmlns", "viewBox"], Ue = {
+}, qe = ["xmlns", "viewBox"], Le = {
   id: "vueUiPill",
   clipPathUnits: "objectBoundingBox"
-}, qe = ["fill"], Le = ["id"], Se = ["stop-color"], Te = ["stop-color"], Ge = ["stop-color"], Ve = { "clip-path": "url(#vueUiPill)" }, We = ["x", "y", "height", "width"], Ee = ["x", "y", "height", "width", "fill"], ze = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Be = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], je = ["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 = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Re = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Je = ["x", "y", "height", "width"], Ke = ["y", "x", "fill", "font-size", "font-weight"], Qe = {
+}, Te = ["fill"], Ge = ["id"], We = ["stop-color"], Ee = ["stop-color"], Ve = ["stop-color"], ze = { "clip-path": "url(#vueUiPill)" }, Be = ["x", "y", "height", "width"], je = ["x", "y", "height", "width", "fill"], 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 = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Re = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Je = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ke = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Qe = ["x1", "x2", "y1", "y2", "stroke-width", "stroke"], Ze = ["x", "y", "height", "width"], et = ["y", "x", "fill", "font-size", "font-weight"], tt = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, Ze = {
+}, st = {
   __name: "vue-ui-thermometer",
   props: {
     dataset: {
@@ -30,59 +30,70 @@ const Me = ["id"], Ne = {
       }
     }
   },
-  setup(_, { expose: J }) {
-    const a = _;
-    ie((s) => ({
-      "1a02c3eb": se.value,
-      "12f74203": te.value,
-      "32637bb0": ee.value
+  setup(b, { expose: Z }) {
+    const a = b;
+    de((s) => ({
+      "0a35d02c": oe.value,
+      "2925bde2": ae.value,
+      "636d634f": le.value
     }));
-    const { vue_ui_thermometer: K } = ye(), I = c(() => !!a.dataset && Object.keys(a.dataset).length);
-    he(() => {
-      fe(a.dataset) ? X({
+    const { vue_ui_thermometer: ee } = me(), I = c(() => !!a.dataset && Object.keys(a.dataset).length);
+    ve(() => {
+      L();
+    });
+    function L() {
+      pe(a.dataset) ? K({
         componentName: "VueUiThermometer",
         type: "dataset"
-      }) : me({
+      }) : ke({
         datasetObject: a.dataset,
         requiredAttributes: ["value", "from", "to"]
       }).forEach((s) => {
-        X({
+        K({
           componentName: "VueUiThermometer",
           type: "datasetAttribute",
           property: s
         });
       });
+    }
+    const m = g(xe()), T = g(null), G = g(0), W = g(0), e = c({
+      get: () => E(),
+      set: (s) => s
     });
-    const m = k(ge()), L = k(null), S = k(0), e = c(() => {
-      const s = R({
+    function E() {
+      const s = Q({
         userConfig: a.config,
-        defaultConfig: K
+        defaultConfig: ee
       });
       return s.theme ? {
-        ...R({
-          userConfig: pe.vue_ui_thermometer[s.theme] || a.config,
+        ...Q({
+          userConfig: _e.vue_ui_thermometer[s.theme] || a.config,
           defaultConfig: s
         }),
-        customPalette: ke[s.theme] || b
+        customPalette: be[s.theme] || _
       } : s;
-    }), { isPrinting: T, isImaging: G, generatePdf: V, generateImage: W } = Fe({
+    }
+    ye(() => a.config, (s) => {
+      e.value = E(), L(), W.value += 1;
+    }, { deep: !0 });
+    const { isPrinting: V, isImaging: z, generatePdf: B, generateImage: j } = Ye({
       elementId: `thermometer__${m.value}`,
       fileName: e.value.style.title.text || "vue-ui-thermometer"
-    }), w = c(() => xe(e.value.customPalette)), Q = c(() => e.value.style.chart.thermometer.width), y = c(() => a.dataset.steps || 10), i = k({
+    }), w = c(() => we(e.value.customPalette)), te = c(() => e.value.style.chart.thermometer.width), y = c(() => a.dataset.steps || 10), i = 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, r, t) {
-      const u = [], O = E(s), U = E(r);
-      for (let p = 0; p < t; p++) {
-        const oe = Y(O.red, U.red, p, t), re = Y(O.green, U.green, p, t), ue = Y(O.blue, U.blue, p, t), ne = `#${M(oe)}${M(re)}${M(ue)}`;
-        u.push(ne);
+      const u = [], O = A(s), S = A(r);
+      for (let k = 0; k < t; k++) {
+        const ne = Y(O.red, S.red, k, t), ie = Y(O.green, S.green, k, t), he = Y(O.blue, S.blue, k, t), ce = `#${M(ne)}${M(ie)}${M(he)}`;
+        u.push(ce);
       }
       return u;
     }
-    function E(s) {
+    function A(s) {
       const r = s.slice(1);
       return {
         red: parseInt(r.slice(0, 2), 16),
@@ -97,7 +108,7 @@ const Me = ["id"], Ne = {
       return s.toString(16).padStart(2, "0");
     }
     const l = c(() => {
-      const s = Q.value + i.value.left + i.value.right, r = e.value.style.chart.height;
+      const s = te.value + i.value.left + i.value.right, r = e.value.style.chart.height;
       return {
         width: s,
         left: i.value.left,
@@ -106,20 +117,20 @@ const Me = ["id"], Ne = {
         bottom: r - i.value.bottom,
         height: r
       };
-    }), Z = c(() => l.value), N = c(() => {
+    }), se = c(() => l.value), N = c(() => {
       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 + r : s > r ? t = s - r : t = r - s, (1 - (Math.abs(f(a.dataset.from)) + f(a.dataset.value)) / t) * (l.value.height - i.value.top - i.value.bottom);
-    }), ee = c(() => `${N.value}px`), te = c(() => `${l.value.height - e.value.style.chart.padding.bottom - i.value.top}px`), se = c(() => `${e.value.style.chart.animation.speedMs}ms`), le = c(() => {
+    }), le = c(() => `${N.value}px`), ae = c(() => `${l.value.height - e.value.style.chart.padding.bottom - i.value.top}px`), oe = c(() => `${e.value.style.chart.animation.speedMs}ms`), re = c(() => {
       if (a.dataset.colors) {
         if (!a.dataset.colors.from)
-          return C(w.value[0] || b[0], P(a.dataset.colors.to), y.value || 10);
+          return C(w.value[0] || _[0], P(a.dataset.colors.to), y.value || 10);
         if (!a.dataset.colors.to)
-          return C(P(a.dataset.colors.from), w.value[1] || b[1], y.value || 10);
+          return C(P(a.dataset.colors.from), w.value[1] || _[1], y.value || 10);
       } else
-        return C(w.value[1] || b[1], w.value[0] || b[0], y.value || 10);
+        return C(w.value[1] || _[1], w.value[0] || _[0], y.value || 10);
       return C(P(a.dataset.colors.from), P(a.dataset.colors.to), y.value || 10);
-    }), z = c(() => {
+    }), D = c(() => {
       const s = [];
       let r = 0;
       const t = l.value.height - i.value.top - i.value.bottom;
@@ -130,26 +141,27 @@ const Me = ["id"], Ne = {
           qYLess: l.value.top + u + t / y.value / 4,
           halfY: l.value.top + u + t / y.value / 2,
           qYMore: l.value.top + u + t / y.value / 4 * 3,
-          color: le.value[r],
+          color: re.value[r],
           height: t / y.value
         }), r += 1;
       return s;
-    }), g = k(!1);
-    function ae(s) {
-      g.value = s, S.value += 1;
+    }), p = g(!1);
+    function ue(s) {
+      p.value = s, G.value += 1;
     }
-    return J({
-      generatePdf: V,
-      generateImage: W
+    return Z({
+      generatePdf: B,
+      generateImage: j
     }), (s, r) => (o(), n("div", {
       ref_key: "thermoChart",
-      ref: L,
-      class: $(`vue-ui-thermometer ${g.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: B(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
+      ref: T,
+      class: $(`vue-ui-thermometer ${p.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      style: H(`width:100%;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}`),
       id: `thermometer__${m.value}`
     }, [
-      e.value.style.title.text ? (o(), n("div", Ne, [
-        ce($e, {
+      e.value.style.title.text ? (o(), n("div", Ue, [
+        (o(), U(Ie, {
+          key: `title_${W.value}`,
           config: {
             title: {
               cy: "thermometer-div-title",
@@ -160,27 +172,27 @@ const Me = ["id"], Ne = {
               ...e.value.style.title.subtitle
             }
           }
-        }, null, 8, ["config"])
+        }, null, 8, ["config"]))
       ])) : h("", !0),
-      e.value.userOptions.show && I.value ? (o(), j(Pe, {
+      e.value.userOptions.show && I.value ? (o(), U(Me, {
         ref: "details",
-        key: `user_options_${S.value}`,
+        key: `user_options_${G.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: v(G),
-        isPrinting: v(T),
+        isImaging: v(z),
+        isPrinting: v(V),
         uid: m.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         hasXls: !1,
-        isFullscreen: g.value,
+        isFullscreen: p.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: L.value,
-        onToggleFullscreen: ae,
-        onGeneratePdf: v(V),
-        onGenerateImage: v(W)
-      }, de({ _: 2 }, [
+        chartElement: T.value,
+        onToggleFullscreen: ue,
+        onGeneratePdf: v(B),
+        onGenerateImage: v(j)
+      }, fe({ _: 2 }, [
         s.$slots.optionPdf ? {
           name: "optionPdf",
           fn: q(() => [
@@ -198,21 +210,21 @@ const Me = ["id"], Ne = {
         s.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: q(({ toggleFullscreen: t, isFullscreen: u }) => [
-            x(s.$slots, "optionFullscreen", A(D({ toggleFullscreen: t, isFullscreen: u })), void 0, !0)
+            x(s.$slots, "optionFullscreen", X(R({ 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),
       I.value ? (o(), n("svg", {
         key: 2,
-        xmlns: v(be),
-        class: $({ "vue-data-ui-fullscreen--on": g.value, "vue-data-ui-fulscreen--off": !g.value }),
+        xmlns: v(Ce),
+        class: $({ "vue-data-ui-fullscreen--on": p.value, "vue-data-ui-fulscreen--off": !p.value }),
         width: "100%",
         viewBox: `0 0 ${l.value.width} ${l.value.height}`,
-        style: B(`background:${e.value.style.chart.backgroundColor}`)
+        style: H(`background:${e.value.style.chart.backgroundColor}`)
       }, [
         d("defs", null, [
-          d("clipPath", Ue, [
+          d("clipPath", Le, [
             d("rect", {
               x: "0",
               y: "0",
@@ -221,9 +233,9 @@ const Me = ["id"], Ne = {
               rx: "0.5",
               ry: "0.07",
               fill: e.value.style.chart.backgroundColor
-            }, null, 8, qe)
+            }, null, 8, Te)
           ]),
-          (o(!0), n(F, null, H(z.value, (t, u) => (o(), n("linearGradient", {
+          (o(!0), n(F, null, J(D.value, (t, u) => (o(), n("linearGradient", {
             id: `vueUiThermometerGradient_${u}_${m.value}`,
             x1: "0%",
             y1: "0%",
@@ -233,26 +245,26 @@ const Me = ["id"], Ne = {
             d("stop", {
               offset: "0%",
               "stop-color": t.color
-            }, null, 8, Se),
+            }, null, 8, We),
             d("stop", {
               offset: "50%",
-              "stop-color": `${t.color}${v(_e)[100 - e.value.style.chart.graduations.gradient.intensity]}`
-            }, null, 8, Te),
+              "stop-color": `${t.color}${v($e)[100 - e.value.style.chart.graduations.gradient.intensity]}`
+            }, null, 8, Ee),
             d("stop", {
               offset: "100%",
               "stop-color": t.color
-            }, null, 8, Ge)
-          ], 8, Le))), 256))
+            }, null, 8, Ve)
+          ], 8, Ge))), 256))
         ]),
-        d("g", Ve, [
+        d("g", ze, [
           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, We),
-          (o(!0), n(F, null, H(z.value, (t, u) => (o(), n("g", {
+          }, null, 8, Be),
+          (o(!0), n(F, null, J(D.value, (t, u) => (o(), n("g", {
             key: `graduation_${u}`
           }, [
             d("rect", {
@@ -262,7 +274,7 @@ const Me = ["id"], Ne = {
               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}_${m.value})` : t.color,
               "shape-rendering": "crispEdges"
-            }, null, 8, Ee),
+            }, null, 8, je),
             e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
               key: 0,
               x1: t.x,
@@ -272,7 +284,7 @@ const Me = ["id"], Ne = {
               "stroke-width": e.value.style.chart.graduations.strokeWidth,
               stroke: e.value.style.chart.graduations.stroke,
               "stroke-linecap": "round"
-            }, null, 8, ze)) : h("", !0),
+            }, null, 8, Ae)) : h("", !0),
             e.value.style.chart.graduations.showIntermediate ? (o(), n(F, { key: 1 }, [
               e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
                 key: 0,
@@ -283,7 +295,7 @@ const Me = ["id"], Ne = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Be)) : h("", !0),
+              }, null, 8, De)) : h("", !0),
               e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
                 key: 1,
                 x1: t.x,
@@ -293,7 +305,7 @@ const Me = ["id"], Ne = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, je)) : h("", !0),
+              }, null, 8, He)) : h("", !0),
               e.value.style.chart.graduations.show && ["both", "left"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
                 key: 2,
                 x1: t.x,
@@ -303,7 +315,7 @@ const Me = ["id"], Ne = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Ae)) : h("", !0)
+              }, null, 8, Xe)) : h("", !0)
             ], 64)) : h("", !0),
             e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
               key: 2,
@@ -314,7 +326,7 @@ const Me = ["id"], Ne = {
               "stroke-width": e.value.style.chart.graduations.strokeWidth,
               stroke: e.value.style.chart.graduations.stroke,
               "stroke-linecap": "round"
-            }, null, 8, De)) : h("", !0),
+            }, null, 8, Re)) : h("", !0),
             e.value.style.chart.graduations.showIntermediate ? (o(), n(F, { key: 3 }, [
               e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
                 key: 0,
@@ -325,7 +337,7 @@ const Me = ["id"], Ne = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, He)) : h("", !0),
+              }, null, 8, Je)) : h("", !0),
               e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
                 key: 1,
                 x1: l.value.right,
@@ -335,7 +347,7 @@ const Me = ["id"], Ne = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Xe)) : h("", !0),
+              }, null, 8, Ke)) : h("", !0),
               e.value.style.chart.graduations.show && ["both", "right"].includes(e.value.style.chart.graduations.sides) ? (o(), n("line", {
                 key: 2,
                 x1: l.value.right,
@@ -345,7 +357,7 @@ const Me = ["id"], Ne = {
                 "stroke-width": e.value.style.chart.graduations.strokeWidth / 2,
                 stroke: e.value.style.chart.graduations.stroke,
                 "stroke-linecap": "round"
-              }, null, 8, Re)) : h("", !0)
+              }, null, 8, Qe)) : h("", !0)
             ], 64)) : h("", !0)
           ]))), 128)),
           d("rect", {
@@ -355,7 +367,7 @@ const Me = ["id"], Ne = {
             height: N.value,
             width: l.value.width - e.value.style.chart.padding.left - e.value.style.chart.padding.right,
             fill: "#FFFFFF66"
-          }, null, 10, Je)
+          }, null, 10, Ze)
         ]),
         d("text", {
           class: $({ "vue-ui-thermometer-temperature-value": e.value.style.chart.animation.use }),
@@ -365,23 +377,23 @@ const Me = ["id"], Ne = {
           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"
-        }, ve(v(we)(
+        }, ge(v(Fe)(
           e.value.style.chart.label.formatter,
-          _.dataset.value,
-          v(Ce)({
+          b.dataset.value,
+          v(Pe)({
             p: e.value.style.chart.label.prefix,
-            v: _.dataset.value,
+            v: b.dataset.value,
             s: e.value.style.chart.label.suffix,
             r: e.value.style.chart.label.rounding
           }),
-          { datapoint: _.dataset }
-        )), 11, Ke),
-        x(s.$slots, "svg", { svg: Z.value }, void 0, !0)
-      ], 14, Oe)) : h("", !0),
-      s.$slots.watermark ? (o(), n("div", Qe, [
-        x(s.$slots, "watermark", A(D({ isPrinting: v(T) || v(G) })), void 0, !0)
+          { datapoint: b.dataset }
+        )), 11, et),
+        x(s.$slots, "svg", { svg: se.value }, void 0, !0)
+      ], 14, qe)) : h("", !0),
+      s.$slots.watermark ? (o(), n("div", tt, [
+        x(s.$slots, "watermark", X(R({ isPrinting: v(V) || v(z) })), void 0, !0)
       ])) : h("", !0),
-      I.value ? h("", !0) : (o(), j(Ie, {
+      I.value ? h("", !0) : (o(), U(Ne, {
         key: 4,
         config: {
           type: "thermometer",
@@ -393,9 +405,9 @@ const Me = ["id"], Ne = {
           }
         }
       }, null, 8, ["config"]))
-    ], 14, Me));
+    ], 14, Se));
   }
-}, ut = /* @__PURE__ */ Ye(Ze, [["__scopeId", "data-v-90e1355a"]]);
+}, ht = /* @__PURE__ */ Oe(st, [["__scopeId", "data-v-900932c6"]]);
 export {
-  ut as default
+  ht as default
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-DYUBiaGS.cjs"),X=require("./Title-XBiDFYKD.cjs"),q=require("./usePrinter-ZlHxdaEz.cjs"),J=require("./vue-ui-skeleton-ClpTCY1x.cjs"),T=require("./useNestedProp-w7AMWWmz.cjs"),K=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),Q=["id"],Z={key:0,style:"width:100%"},ee=["xmlns","viewBox"],te={id:"vueUiPill",clipPathUnits:"objectBoundingBox"},oe=["fill"],le=["id"],re=["stop-color"],ae=["stop-color"],se=["stop-color"],ne={"clip-path":"url(#vueUiPill)"},ue=["x","y","height","width"],ce=["x","y","height","width","fill"],ie=["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=["x1","x2","y1","y2","stroke-width","stroke"],pe=["x1","x2","y1","y2","stroke-width","stroke"],fe=["x1","x2","y1","y2","stroke-width","stroke"],ge=["x","y","height","width"],ke=["y","x","fill","font-size","font-weight"],xe={key:3,class:"vue-data-ui-watermark"},be={__name:"vue-ui-thermometer",props:{dataset:{type:Object,default(){return{}}},config:{type:Object,default(){return{}}}},setup(m,{expose:Y}){const s=m;e.useCssVars(l=>({"0a35d02c":G.value,"2925bde2":U.value,"636d634f":L.value}));const{vue_ui_thermometer:M}=r.useConfig(),f=e.computed(()=>!!s.dataset&&Object.keys(s.dataset).length);e.onMounted(()=>{w()});function w(){r.objectIsEmpty(s.dataset)?r.error({componentName:"VueUiThermometer",type:"dataset"}):r.getMissingDatasetAttributes({datasetObject:s.dataset,requiredAttributes:["value","from","to"]}).forEach(l=>{r.error({componentName:"VueUiThermometer",type:"datasetAttribute",property:l})})}const d=e.ref(r.createUid()),C=e.ref(null),N=e.ref(0),B=e.ref(0),t=e.computed({get:()=>E(),set:l=>l});function E(){const l=T.useNestedProp({userConfig:s.config,defaultConfig:M});return l.theme?{...T.useNestedProp({userConfig:r.themes.vue_ui_thermometer[l.theme]||s.config,defaultConfig:l}),customPalette:r.themePalettes[l.theme]||r.palette}:l}e.watch(()=>s.config,l=>{t.value=E(),w(),B.value+=1},{deep:!0});const{isPrinting:V,isImaging:$,generatePdf:P,generateImage:F}=q.usePrinter({elementId:`thermometer__${d.value}`,fileName:t.value.style.title.text||"vue-ui-thermometer"}),y=e.computed(()=>r.convertCustomPalette(t.value.customPalette)),O=e.computed(()=>t.value.style.chart.thermometer.width),i=e.computed(()=>s.dataset.steps||10),c=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=I(l),_=I(n);for(let v=0;v<o;v++){const j=g(b.red,_.red,v,o),A=g(b.green,_.green,v,o),D=g(b.blue,_.blue,v,o),R=`#${k(j)}${k(A)}${k(D)}`;u.push(R)}return u}function I(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 a=e.computed(()=>{const l=O.value+c.value.left+c.value.right,n=t.value.style.chart.height;return{width:l,left:c.value.left,right:l-c.value.right,top:c.value.top,bottom:n-c.value.bottom,height:n}}),z=e.computed(()=>a.value),x=e.computed(()=>{const l=r.checkNaN(s.dataset.from)<0?Math.abs(r.checkNaN(s.dataset.from)):r.checkNaN(s.dataset.from),n=r.checkNaN(s.dataset.to)<0?Math.abs(r.checkNaN(s.dataset.to)):r.checkNaN(s.dataset.to);let o=0;return r.checkNaN(s.dataset.to)>0?o=l+n:l>n?o=l-n:o=n-l,(1-(Math.abs(r.checkNaN(s.dataset.from))+r.checkNaN(s.dataset.value))/o)*(a.value.height-c.value.top-c.value.bottom)}),L=e.computed(()=>`${x.value}px`),U=e.computed(()=>`${a.value.height-t.value.style.chart.padding.bottom-c.value.top}px`),G=e.computed(()=>`${t.value.style.chart.animation.speedMs}ms`),W=e.computed(()=>{if(s.dataset.colors){if(!s.dataset.colors.from)return p(y.value[0]||r.palette[0],r.convertColorToHex(s.dataset.colors.to),i.value||10);if(!s.dataset.colors.to)return p(r.convertColorToHex(s.dataset.colors.from),y.value[1]||r.palette[1],i.value||10)}else return p(y.value[1]||r.palette[1],y.value[0]||r.palette[0],i.value||10);return p(r.convertColorToHex(s.dataset.colors.from),r.convertColorToHex(s.dataset.colors.to),i.value||10)}),S=e.computed(()=>{const l=[];let n=0;const o=a.value.height-c.value.top-c.value.bottom;for(let u=0;u<o-1;u+=o/i.value)l.push({x:a.value.left,y:a.value.top+u,qYLess:a.value.top+u+o/i.value/4,halfY:a.value.top+u+o/i.value/2,qYMore:a.value.top+u+o/i.value/4*3,color:W.value[n],height:o/i.value}),n+=1;return l}),h=e.ref(!1);function H(l){h.value=l,N.value+=1}return Y({generatePdf:P,generateImage:F}),(l,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"thermoChart",ref:C,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",Z,[(e.openBlock(),e.createBlock(X._sfc_main,{key:`title_${B.value}`,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(q.UserOptions,{ref:"details",key:`user_options_${N.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref($),isPrinting:e.unref(V),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:C.value,onToggleFullscreen:H,onGeneratePdf:e.unref(P),onGenerateImage:e.unref(F)},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(r.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":h.value,"vue-data-ui-fulscreen--off":!h.value}),width:"100%",viewBox:`0 0 ${a.value.width} ${a.value.height}`,style:e.normalizeStyle(`background:${t.value.style.chart.backgroundColor}`)},[e.createElementVNode("defs",null,[e.createElementVNode("clipPath",te,[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,oe)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.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,re),e.createElementVNode("stop",{offset:"50%","stop-color":`${o.color}${e.unref(r.opacity)[100-t.value.style.chart.graduations.gradient.intensity]}`},null,8,ae),e.createElementVNode("stop",{offset:"100%","stop-color":o.color},null,8,se)],8,le))),256))]),e.createElementVNode("g",ne,[e.createElementVNode("rect",{x:a.value.left,y:a.value.top,height:a.value.height-c.value.top-c.value.bottom,width:a.value.width-c.value.left-c.value.right,fill:"#FFFFFF"},null,8,ue),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.value,(o,u)=>(e.openBlock(),e.createElementBlock("g",{key:`graduation_${u}`},[e.createElementVNode("rect",{x:o.x,y:o.y,height:o.height,width:a.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,ce),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,ie)):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,de)):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,he)):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,ve)):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:a.value.right,x2:a.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,me)):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:a.value.right,x2:a.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,ye)):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:a.value.right,x2:a.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,pe)):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:a.value.right,x2:a.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,fe)):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:a.value.left,y:a.value.top,height:x.value,width:a.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:"#FFFFFF66"},null,10,ge)]),e.createElementVNode("text",{class:e.normalizeClass({"vue-ui-thermometer-temperature-value":t.value.style.chart.animation.use}),y:x.value+a.value.top+t.value.style.chart.label.fontSize/3,x:a.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(r.applyDataLabel)(t.value.style.chart.label.formatter,m.dataset.value,e.unref(r.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,ke),e.renderSlot(l.$slots,"svg",{svg:z.value},void 0,!0)],14,ee)):e.createCommentVNode("",!0),l.$slots.watermark?(e.openBlock(),e.createElementBlock("div",xe,[e.renderSlot(l.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(V)||e.unref($)})),void 0,!0)])):e.createCommentVNode("",!0),f.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(J.default,{key:4,config:{type:"thermometer",style:{backgroundColor:t.value.style.chart.backgroundColor,thermometer:{color:"#CCCCCC"}}}},null,8,["config"]))],14,Q))}},_e=K._export_sfc(be,[["__scopeId","data-v-900932c6"]]);exports.default=_e;