vue-data-ui 2.3.61 → 2.3.63

package/dist/{vue-ui-thermometer-BIN2ofrh.js → vue-ui-thermometer-CFJqd-VY.js}

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-NNZeHOBS.cjs"),A=require("./Title-PZ6S96pU.cjs"),F=require("./usePrinter-BLbY8qGZ.cjs"),D=require("./vue-ui-skeleton-CI4t8LHn.cjs"),I=require("./useNestedProp-CPsbJAGj.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"],ce=["x1","x2","y1","y2","stroke-width","stroke"],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=["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 s=m;e.useCssVars(l=>({"1a02c3eb":z.value,"12f74203":O.value,"32637bb0":M.value}));const{vue_ui_thermometer:S}=r.useConfig(),f=e.computed(()=>!!s.dataset&&Object.keys(s.dataset).length);e.onMounted(()=>{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()),w=e.ref(null),C=e.ref(0),t=e.computed(()=>{const l=I.useNestedProp({userConfig:s.config,defaultConfig:S});return l.theme?{...I.useNestedProp({userConfig:r.themes.vue_ui_thermometer[l.theme]||s.config,defaultConfig:l}),customPalette:r.themePalettes[l.theme]||r.palette}:l}),{isPrinting:N,isImaging:B,generatePdf:E,generateImage:V}=F.usePrinter({elementId:`thermometer__${d.value}`,fileName:t.value.style.title.text||"vue-ui-thermometer"}),y=e.computed(()=>r.convertCustomPalette(t.value.customPalette)),T=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=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 a=e.computed(()=>{const l=T.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}}),Y=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)}),M=e.computed(()=>`${x.value}px`),O=e.computed(()=>`${a.value.height-t.value.style.chart.padding.bottom-c.value.top}px`),z=e.computed(()=>`${t.value.style.chart.animation.speedMs}ms`),L=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)}),$=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:L.value[n],height:o/i.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(B),isPrinting:e.unref(N),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(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",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(r.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: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,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: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,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,ce)):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,ie)):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,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: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,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: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,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: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,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: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,ye)]),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,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(N)||e.unref(B)})),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-90e1355a"]]);exports.default=ke;

package/dist/{vue-ui-timer-DBcOT10h.cjs → vue-ui-timer-194y0LUC.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),F=require("./useNestedProp-TbnnNrH2.cjs"),w=require("./index-nPEJmXmf.cjs"),z=require("./useResponsive-B3TrDDIG.cjs"),b=require("./BaseIcon-aPcCSO_Z.cjs"),H=require("./Title-B_p983os.cjs"),A=require("./_plugin-vue_export-helper-BHFhmbuH.cjs");class L{constructor(N,p,_,T=!0,g=!0){this.interval=p,this.elapsed=0,this.isPaused=!1;const C=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),F=require("./useNestedProp-CPsbJAGj.cjs"),w=require("./index-NNZeHOBS.cjs"),z=require("./useResponsive-B3TrDDIG.cjs"),b=require("./BaseIcon-O8jJvy48.cjs"),H=require("./Title-PZ6S96pU.cjs"),A=require("./_plugin-vue_export-helper-BHFhmbuH.cjs");class L{constructor(N,p,_,T=!0,g=!0){this.interval=p,this.elapsed=0,this.isPaused=!1;const C=`
             let interval;
             let elapsed = 0;
             let paused = false;

package/dist/{vue-ui-timer-DoSqphvk.js → vue-ui-timer-D8dgDAfe.js}

@@ -1,9 +1,9 @@
 import { ref as d, onMounted as q, onBeforeUnmount as J, computed as D, openBlock as r, createElementBlock as u, normalizeStyle as f, createVNode as _, createCommentVNode as p, unref as K, createElementVNode as M, mergeProps as E, renderSlot as N, normalizeProps as j, guardReactiveProps as B, toDisplayString as Q } from "vue";
-import { u as Y } from "./useNestedProp-BqwYEJGM.js";
-import { u as Z, c as ee, X as te, C as O } from "./index-CwG--L4Z.js";
+import { u as Y } from "./useNestedProp-DLnT0Wtg.js";
+import { u as Z, c as ee, X as te, D as O } from "./index-C_05i_JG.js";
 import { t as ae, u as se } from "./useResponsive-NZB-WLRF.js";
-import x from "./BaseIcon-DUPLRuLO.js";
-import { _ as le } from "./Title-BAQrVaNA.js";
+import x from "./BaseIcon-CS18qRiy.js";
+import { _ as le } from "./Title-CPZstF2C.js";
 import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 class re {
   constructor(F, w, I, z = !0, C = !0) {

package/dist/vue-ui-tiremarks-BM28JsxE.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),E=require("./useNestedProp-CPsbJAGj.cjs"),s=require("./index-NNZeHOBS.cjs"),T=require("./Title-PZ6S96pU.cjs"),O=require("./usePrinter-BLbY8qGZ.cjs"),j=require("./vue-ui-skeleton-CI4t8LHn.cjs"),U=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),H=["id"],M=["xmlns","viewBox"],D={key:0},X=["d","stroke-width","stroke"],R={key:1},Y=["x1","y1","x2","y2","stroke-width","stroke"],J=["x","y","font-size","fill","font-weight","text-anchor"],K={key:3,class:"vue-data-ui-watermark"},Q={__name:"vue-ui-tiremarks",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(A,{expose:V}){const i=A,{vue_ui_tiremarks:q}=s.useConfig(),x=e.computed(()=>!!i.dataset&&Object.keys(i.dataset).length),$=e.ref(s.createUid()),w=e.ref(null),P=e.ref(0),t=e.computed(()=>{const a=E.useNestedProp({userConfig:i.config,defaultConfig:q});return a.theme?{...E.useNestedProp({userConfig:s.themes.vue_ui_tiremarks[a.theme]||i.config,defaultConfig:a})}:a}),{isPrinting:B,isImaging:N,generatePdf:z,generateImage:S}=O.usePrinter({elementId:$.value,fileName:t.value.style.chart.title.text||"vue-ui-tiremarks"}),c=e.ref(t.value.style.chart.animation.use?0:s.checkNaN(i.dataset.percentage));e.watch(()=>i.dataset.percentage,()=>{c.value=t.value.style.chart.animation.use?0:s.checkNaN(i.dataset.percentage),I()}),e.onMounted(()=>{s.objectIsEmpty(i.dataset)&&s.error({componentName:"VueUiTiremarks",type:"dataset"}),I()});function I(){let a=0,u=t.value.style.chart.animation.speed,l=.005*t.value.style.chart.animation.acceleration;function r(){c.value+=u+a,a+=l,c.value<i.dataset.percentage?requestAnimationFrame(r):c.value=s.checkNaN(i.dataset.percentage)}t.value.style.chart.animation.use&&(c.value=0,r())}const y=e.computed(()=>t.value.style.chart.layout.display==="vertical"),n=e.computed(()=>{const a={top:48,left:64,right:64,bottom:48};return y.value?{top:t.value.style.chart.percentage.verticalPosition==="top"?a.top:3,left:3,right:3,bottom:t.value.style.chart.percentage.verticalPosition==="bottom"?a.bottom:3}:{top:0,bottom:0,left:t.value.style.chart.percentage.horizontalPosition==="left"?a.left:3,right:t.value.style.chart.percentage.horizontalPosition==="right"?a.right:10}}),C=e.computed(()=>Object.values(n.value).reduce((a,u)=>a+u,0)),o=e.computed(()=>({height:y.value?312:56,width:y.value?56:312})),L=e.ref(100);e.computed(()=>i.dataset.percentage/L.value);const v=e.computed(()=>y.value?{mark:(o.value.height-C.value)/100*.5,space:(o.value.height-C.value)/100*.5}:{mark:(o.value.width-C.value)/100*.5,space:(o.value.width-C.value)/100*.5}),F=e.computed(()=>{const a=[];for(let l=0;l<100;l+=1){const r=t.value.style.chart.layout.ticks.gradient.show?s.shiftHue(t.value.style.chart.layout.activeColor,l/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.layout.activeColor;if(y.value){const f=t.value.style.chart.layout.crescendo?(100-l)*(o.value.width-n.value.left-n.value.right)/100/3:0,d=n.value.left+4+f,h=o.value.width-n.value.right-4-f,m=o.value.height-n.value.bottom-l*v.value.mark-l*v.value.space-v.value.mark,g=o.value.height-n.value.bottom-l*v.value.mark-l*v.value.space-v.value.mark,k=(h-d)/t.value.style.chart.layout.curveAngleX,b=t.value.style.chart.layout.curveAngleY*((1+l)/100);a.push({x1:d,x2:h,y1:m,y2:g,curve:`M ${d} ${m} C ${d+k} ${m-b}, ${h-k} ${g-b}, ${h} ${g}`,color:r})}else{const f=t.value.style.chart.layout.crescendo?(100-l)*(o.value.height-n.value.top-n.value.bottom)/100/3:0,d=n.value.left+l*v.value.mark+l*v.value.space-v.value.mark,h=d,m=n.value.top+4+f,g=o.value.height-n.value.bottom-4-f,k=t.value.style.chart.layout.curveAngleY*((1+l)/100),b=(g-m)/t.value.style.chart.layout.curveAngleX;a.push({x1:d,x2:h,y1:m,y2:g,curve:`M ${d} ${m} C ${d+k} ${m+b}, ${h+k} ${g-b}, ${h} ${g}`,color:r})}}return a}),p=e.computed(()=>{let a,u,l;const r=t.value.style.chart.percentage.fontSize/3;return y.value?t.value.style.chart.percentage.verticalPosition==="top"?(a=o.value.width/2,u=n.value.top/2,l="middle"):t.value.style.chart.percentage.verticalPosition==="bottom"&&(a=o.value.width/2,u=o.value.height-n.value.bottom/2+r,l="middle"):t.value.style.chart.percentage.horizontalPosition==="left"?(a=4,u=o.value.height/2+r,l="start"):t.value.style.chart.percentage.horizontalPosition==="right"&&(a=o.value.width-n.value.right+8,u=o.value.height/2+r,l="start"),{x:a,y:u,textAnchor:l,bold:t.value.style.chart.percentage.bold,fontSize:t.value.style.chart.percentage.fontSize,fill:t.value.style.chart.percentage.color}}),_=e.ref(!1);function G(a){_.value=a,P.value+=1}return V({generatePdf:z,generateImage:S}),(a,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tiremarksChart",ref:w,class:e.normalizeClass(`vue-ui-tiremarks ${t.value.useCssAnimation?"":"vue-ui-dna"}`),style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;${t.value.style.chart.title.text?"":"padding-top:36px"};background:${t.value.style.chart.backgroundColor}`),id:$.value},[t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:12px`)},[e.createVNode(T._sfc_main,{config:{title:{cy:"wheel-title",...t.value.style.chart.title},subtitle:{cy:"wheel-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"])],4)):e.createCommentVNode("",!0),t.value.userOptions.show&&x.value?(e.openBlock(),e.createBlock(O.UserOptions,{ref:"details",key:`user_options_${P.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(B),isImaging:e.unref(N),uid:$.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:_.value,titles:{...t.value.userOptions.buttonTitles},chartElement:w.value,onToggleFullscreen:G,onGeneratePdf:e.unref(z),onGenerateImage:e.unref(S)},e.createSlots({_:2},[a.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,a.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"optionImg",{},void 0,!0)]),key:"1"}:void 0,a.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:r})=>[e.renderSlot(a.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:r})),void 0,!0)]),key:"2"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),x.value?(e.openBlock(),e.createElementBlock("svg",{key:2,xmlns:e.unref(s.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":_.value,"vue-data-ui-fulscreen--off":!_.value}),viewBox:`0 0 ${o.value.width} ${o.value.height}`,style:e.normalizeStyle(`max-width:100%; overflow: visible; background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color}`)},[t.value.style.chart.layout.curved?(e.openBlock(),e.createElementBlock("g",D,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,(l,r)=>(e.openBlock(),e.createElementBlock("path",{d:l.curve,"stroke-width":v.value.mark,stroke:c.value>=r?l.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round",fill:"none",class:e.normalizeClass({"vue-ui-tick-animated":t.value.style.chart.animation.use&&r<=c.value})},null,10,X))),256))])):(e.openBlock(),e.createElementBlock("g",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(F.value,(l,r)=>(e.openBlock(),e.createElementBlock("line",{x1:l.x1,y1:l.y1,x2:l.x2,y2:l.y2,"stroke-width":v.value.mark,stroke:c.value>=r?l.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round"},null,8,Y))),256))])),t.value.style.chart.percentage.show?(e.openBlock(),e.createElementBlock("text",{key:2,x:p.value.x,y:p.value.y,"font-size":p.value.fontSize,fill:t.value.style.chart.layout.ticks.gradient.show&&t.value.style.chart.percentage.useGradientColor?e.unref(s.shiftHue)(t.value.style.chart.layout.activeColor,c.value/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.percentage.color,"font-weight":p.value.bold?"bold":"normal","text-anchor":p.value.textAnchor},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.style.chart.percentage.formatter,c.value,e.unref(s.dataLabel)({v:c.value,s:"%",r:t.value.style.chart.percentage.rounding}))),9,J)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"svg",{svg:o.value},void 0,!0)],14,M)):e.createCommentVNode("",!0),a.$slots.watermark?(e.openBlock(),e.createElementBlock("div",K,[e.renderSlot(a.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(B)||e.unref(N)})),void 0,!0)])):e.createCommentVNode("",!0),x.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(j.default,{key:4,config:{type:"tiremarks",style:{backgroundColor:t.value.style.chart.backgroundColor,tiremarks:{color:"#CCCCCC"}}}},null,8,["config"]))],14,H))}},W=U._export_sfc(Q,[["__scopeId","data-v-51f57492"]]);exports.default=W;