vue-data-ui 2.3.90 → 2.3.91

package/dist/{vue-ui-heatmap-ZkmD9EAg.js → vue-ui-heatmap-mywZXUV8.js}

@@ -1,26 +1,27 @@
-import { useCssVars as Me, computed as h, ref as p, watch as be, onMounted as Se, openBlock as s, createElementBlock as n, normalizeClass as U, normalizeStyle as m, createBlock as Y, createCommentVNode as c, unref as i, createSlots as Ne, withCtx as k, renderSlot as x, normalizeProps as j, guardReactiveProps as W, Fragment as A, renderList as S, createElementVNode as u, toDisplayString as f, createVNode as me, withKeys as Oe, createTextVNode as Fe, nextTick as Ve } from "vue";
-import { u as Pe, o as Ie, e as xe, c as le, t as Be, L as Re, g as Ee, M as ae, X as Ge, F as oe, i as F, f as N, v as z, x as Xe, y as He, q as De, r as Ue } from "./index-DQl1TFXa.js";
-import { _ as Ye } from "./Title-DlBwa3-X.js";
-import { u as je, U as We } from "./usePrinter-DgKGVvJC.js";
-import { _ as qe } from "./Tooltip-w32n-8sY.js";
-import Ke from "./vue-ui-skeleton-BVJGmYjj.js";
-import Je from "./BaseIcon-BMfi5PnL.js";
-import Qe from "./vue-ui-accordion-CroZrm7T.js";
-import { u as we } from "./useNestedProp-lmeFt-ev.js";
-import { _ as Ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const et = ["id"], tt = {
+import { useCssVars as Me, computed as h, ref as p, watch as me, onMounted as Se, openBlock as s, createElementBlock as n, normalizeClass as U, normalizeStyle as m, createBlock as Y, createCommentVNode as c, unref as i, createSlots as Ne, withCtx as k, renderSlot as x, normalizeProps as j, guardReactiveProps as W, createVNode as le, Fragment as A, renderList as S, createElementVNode as u, toDisplayString as f, withKeys as Oe, createTextVNode as Fe, nextTick as Ve } from "vue";
+import { u as Pe, o as Ie, e as xe, c as ae, t as Be, L as Re, g as Ee, M as oe, X as Ge, F as se, i as F, f as N, v as z, x as Xe, y as He, q as De, r as Ue } from "./index-mBy4elhB.js";
+import { _ as Ye } from "./Title-CECK1w9L.js";
+import { u as je, U as We } from "./usePrinter-Ck-yukK2.js";
+import { _ as qe } from "./Tooltip-Ci3AprCm.js";
+import Ke from "./vue-ui-skeleton-DDhwPZd_.js";
+import Je from "./BaseIcon-DfaCNBgc.js";
+import Qe from "./vue-ui-accordion-dyF20BlD.js";
+import { u as we } from "./useNestedProp-BrIRtQj1.js";
+import { _ as Ze } from "./PackageVersion-D9PU8glB.js";
+import { _ as et } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const tt = ["id"], lt = {
   key: 0,
   style: "width:100%;background:transparent"
-}, lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], ot = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], st = ["font-size", "font-weight", "fill", "x", "y"], ut = ["x", "y", "width", "height", "onMouseover"], nt = { key: 0 }, it = ["font-size", "fill", "x", "y", "font-weight"], rt = { key: 0 }, vt = ["text-anchor", "font-size", "fill", "font-weight", "transform"], dt = { key: 1 }, yt = ["x", "y", "width", "height", "stroke", "stroke-width"], ct = { key: 2 }, ht = ["id"], pt = ["stop-color"], gt = ["stop-color"], ft = ["x", "y", "font-size", "fill"], bt = ["x", "y", "height", "rx", "fill"], mt = ["x", "y", "font-size", "fill"], xt = ["stroke", "x1", "x2", "y1", "y2"], wt = ["fill", "d"], _t = { key: 3 }, kt = {
+}, at = ["xmlns", "viewBox"], ot = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], st = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], ut = ["font-size", "font-weight", "fill", "x", "y"], nt = ["x", "y", "width", "height", "onMouseover"], it = { key: 0 }, rt = ["font-size", "fill", "x", "y", "font-weight"], vt = { key: 0 }, dt = ["text-anchor", "font-size", "fill", "font-weight", "transform"], yt = { key: 1 }, ct = ["x", "y", "width", "height", "stroke", "stroke-width"], ht = { key: 2 }, pt = ["id"], gt = ["stop-color"], ft = ["stop-color"], bt = ["x", "y", "font-size", "fill"], mt = ["x", "y", "height", "rx", "fill"], xt = ["x", "y", "font-size", "fill"], wt = ["stroke", "x1", "x2", "y1", "y2"], _t = ["fill", "d"], kt = { key: 3 }, $t = {
   id: "colorScaleHorizontal",
   x1: "0%",
   x2: "100%",
   y1: "0%",
   y2: "0%"
-}, $t = ["stop-color"], Ct = ["stop-color"], Lt = ["x", "y", "width", "height", "rx"], At = ["x", "y", "font-size", "fill"], zt = ["x", "y", "font-size", "fill"], Tt = ["stroke", "x1", "x2", "y1", "y2"], Mt = ["fill", "d"], St = {
+}, Ct = ["stop-color"], Lt = ["stop-color"], At = ["x", "y", "width", "height", "rx"], zt = ["x", "y", "font-size", "fill"], Tt = ["x", "y", "font-size", "fill"], Mt = ["stroke", "x1", "x2", "y1", "y2"], St = ["fill", "d"], Nt = {
   key: 3,
   class: "vue-data-ui-watermark"
-}, Nt = { class: "vue-ui-data-table" }, Ot = { key: 0 }, Ft = ["data-cell"], Vt = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Pt = ["data-cell"], It = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Bt = {
+}, Ot = { class: "vue-ui-data-table" }, Ft = { key: 0 }, Vt = ["data-cell"], Pt = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, It = ["data-cell"], Bt = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Rt = {
   __name: "vue-ui-heatmap",
   props: {
     config: {
@@ -39,18 +40,18 @@ const et = ["id"], tt = {
   setup(G, { expose: _e }) {
     const r = G;
     Me((t) => ({
-      52850410: t.tdo
+      "1678b056": t.tdo
     }));
     const { vue_ui_heatmap: ke } = Pe(), X = h(() => !!r.dataset && r.dataset.length);
     Ie(r.dataset) && xe({
       componentName: "VueUiHeatmap",
       type: "dataset"
     });
-    const V = p(le()), q = p(null), $e = p(null), K = p(!1), J = p(""), se = p(void 0), P = p(null), ue = p(0), ne = p(null), ie = p(!1), re = p(0), e = h({
-      get: () => ve(),
+    const V = p(ae()), q = p(null), $e = p(null), K = p(!1), J = p(""), ue = p(void 0), P = p(null), ne = p(0), ie = p(null), re = p(!1), ve = p(0), e = h({
+      get: () => de(),
       set: (t) => t
     });
-    function ve() {
+    function de() {
       const t = we({
         userConfig: r.config,
         defaultConfig: ke
@@ -63,12 +64,12 @@ const et = ["id"], tt = {
         })
       } : a = t, r.config && Re(r.config, "style.layout.dataLabels.xAxis.showOnlyAtModulo") ? a.style.layout.dataLabels.xAxis.showOnlyAtModulo = r.config.style.layout.dataLabels.xAxis.showOnlyAtModulo : a.style.layout.dataLabels.xAxis.showOnlyAtModulo = null, a;
     }
-    be(() => r.config, (t) => {
-      e.value = ve(), Q(), re.value += 1;
-    }, { deep: !0 }), be(() => r.dataset, () => {
+    me(() => r.config, (t) => {
+      e.value = de(), Q(), ve.value += 1;
+    }, { deep: !0 }), me(() => r.dataset, () => {
       Q();
     }, { deep: !0 });
-    const { isPrinting: de, isImaging: ye, generatePdf: ce, generateImage: he } = je({
+    const { isPrinting: ye, isImaging: ce, generatePdf: he, generateImage: pe } = je({
       elementId: `heatmap__${V.value}`,
       fileName: e.value.style.title.text || "vue-ui-heatmap"
     }), w = p({
@@ -78,9 +79,9 @@ const et = ["id"], tt = {
     function Le() {
       new ResizeObserver((a) => {
         a.forEach((o) => {
-          ie.value = o.contentRect.width < Ce.value;
+          re.value = o.contentRect.width < Ce.value;
         });
-      }).observe(ne.value);
+      }).observe(ie.value);
     }
     Se(Q);
     function Q() {
@@ -128,26 +129,26 @@ const et = ["id"], tt = {
       ...t,
       temperatures: (t.values || []).map((a, o) => a >= M.value ? {
         side: "up",
-        color: ae(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, T.value, b.value, a),
+        color: oe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, T.value, b.value, a),
         ratio: Math.abs(Math.abs(a - M.value) / Math.abs(b.value - M.value)) > 1 ? 1 : Math.abs(Math.abs(a - M.value) / Math.abs(b.value - M.value)),
         value: a,
         yAxisName: t.name,
         xAxisName: $.value.xLabels[o],
-        id: `vue-data-ui-heatmap-cell-${le()}`
+        id: `vue-data-ui-heatmap-cell-${ae()}`
       } : {
         side: "down",
         ratio: Math.abs(1 - Math.abs(a) / Math.abs(M.value)) > 1 ? 1 : Math.abs(1 - Math.abs(a) / Math.abs(M.value)),
-        color: ae(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, T.value, b.value, a),
+        color: oe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, T.value, b.value, a),
         value: a,
         yAxisName: t.name,
         xAxisName: $.value.xLabels[o],
-        id: `vue-data-ui-heatmap-cell-${le()}`
+        id: `vue-data-ui-heatmap-cell-${ae()}`
       })
     })))), C = p(null), I = p(null);
     function Ae(t, a, o, v) {
       P.value = { x: o, y: v };
       const { value: y, yAxisName: g, xAxisName: L, id: Te } = t;
-      se.value = Te, C.value = y, I.value = {
+      ue.value = Te, C.value = y, I.value = {
         datapoint: t,
         seriesIndex: a,
         series: D.value,
@@ -165,7 +166,7 @@ const et = ["id"], tt = {
         seriesIndex: a,
         series: D.value,
         config: e.value
-      }) : (ee += `<div>${g} ${L ? `${L}` : ""}</div>`, ee += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${ae(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, T.value, b.value, y)}">⬤</span><span>${isNaN(y) ? "-" : F(
+      }) : (ee += `<div>${g} ${L ? `${L}` : ""}</div>`, ee += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor};font-weight:bold;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center"><span style="color:${oe(e.value.style.layout.cells.colors.cold, e.value.style.layout.cells.colors.hot, T.value, b.value, y)}">⬤</span><span>${isNaN(y) ? "-" : F(
         e.value.style.layout.cells.value.formatter,
         y,
         N({
@@ -184,7 +185,7 @@ const et = ["id"], tt = {
       })), a = r.dataset.map((o) => o.values);
       return { head: t, body: a };
     });
-    function pe() {
+    function ge() {
       Ve(() => {
         const t = ["", ...r.dataset.map((y, g) => y.name)], a = [];
         for (let y = 0; y < $.value.xLabels.length; y += 1) {
@@ -199,20 +200,20 @@ const et = ["id"], tt = {
     }
     const E = p(!1);
     function ze(t) {
-      E.value = t, ue.value += 1;
+      E.value = t, ne.value += 1;
     }
-    function ge() {
+    function fe() {
       w.value.showTable = !w.value.showTable;
     }
-    function fe() {
+    function be() {
       w.value.showTooltip = !w.value.showTooltip;
     }
     return _e({
-      generatePdf: ce,
-      generateCsv: pe,
-      generateImage: he,
-      toggleTable: ge,
-      toggleTooltip: fe
+      generatePdf: he,
+      generateCsv: ge,
+      generateImage: pe,
+      toggleTable: fe,
+      toggleTooltip: be
     }), (t, a) => (s(), n("div", {
       ref_key: "heatmapChart",
       ref: q,
@@ -220,9 +221,9 @@ const et = ["id"], tt = {
       style: m(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.title.text ? "" : "padding-top:36px"};background:${e.value.style.backgroundColor}`),
       id: `heatmap__${V.value}`
     }, [
-      e.value.style.title.text ? (s(), n("div", tt, [
+      e.value.style.title.text ? (s(), n("div", lt, [
         (s(), Y(Ye, {
-          key: `title_${re.value}`,
+          key: `title_${ve.value}`,
           config: {
             title: {
               cy: "heatmap-div-title",
@@ -238,11 +239,11 @@ const et = ["id"], tt = {
       e.value.userOptions.show && X.value ? (s(), Y(We, {
         ref_key: "details",
         ref: $e,
-        key: `user_options_${ue.value}`,
+        key: `user_options_${ne.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: i(ye),
-        isPrinting: i(de),
+        isImaging: i(ce),
+        isPrinting: i(ye),
         uid: V.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -256,11 +257,11 @@ const et = ["id"], tt = {
         chartElement: q.value,
         position: e.value.userOptions.position,
         onToggleFullscreen: ze,
-        onGeneratePdf: i(ce),
-        onGenerateCsv: pe,
-        onGenerateImage: i(he),
-        onToggleTable: ge,
-        onToggleTooltip: fe
+        onGeneratePdf: i(he),
+        onGenerateCsv: ge,
+        onGenerateImage: i(pe),
+        onToggleTable: fe,
+        onToggleTooltip: be
       }, Ne({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
@@ -312,6 +313,7 @@ const et = ["id"], tt = {
         viewBox: `0 0 ${_.value.width} ${_.value.heightWithLegend}`,
         style: m(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
       }, [
+        le(Ze),
         (s(!0), n(A, null, S(D.value, (o, v) => (s(), n("g", null, [
           (s(!0), n(A, null, S(o.temperatures, (y, g) => (s(), n("g", null, [
             u("rect", {
@@ -322,7 +324,7 @@ const et = ["id"], tt = {
               fill: e.value.style.layout.cells.colors.underlayer,
               stroke: e.value.style.backgroundColor,
               "stroke-width": e.value.style.layout.cells.spacing
-            }, null, 8, at),
+            }, null, 8, ot),
             u("rect", {
               x: l.value.left + d.value.width * g + e.value.style.layout.cells.spacing / 2,
               y: l.value.top + d.value.height * v + e.value.style.layout.cells.spacing / 2,
@@ -331,13 +333,13 @@ const et = ["id"], tt = {
               fill: y.color,
               stroke: e.value.style.backgroundColor,
               "stroke-width": e.value.style.layout.cells.spacing
-            }, null, 8, ot),
+            }, null, 8, st),
             e.value.style.layout.cells.value.show ? (s(), n("text", {
               key: 0,
               "text-anchor": "middle",
               "font-size": e.value.style.layout.cells.value.fontSize,
               "font-weight": e.value.style.layout.cells.value.bold ? "bold" : "normal",
-              fill: i(oe)(y.color),
+              fill: i(se)(y.color),
               x: l.value.left + d.value.width * g + d.value.width / 2,
               y: l.value.top + d.value.height * v + d.value.height / 2 + e.value.style.layout.cells.value.fontSize / 3
             }, f(i(F)(
@@ -350,7 +352,7 @@ const et = ["id"], tt = {
                 r: e.value.style.layout.cells.value.roundingValue
               }),
               { datapoint: y }
-            )), 9, st)) : c("", !0)
+            )), 9, ut)) : c("", !0)
           ]))), 256)),
           (s(!0), n(A, null, S(o.temperatures, (y, g) => (s(), n("g", null, [
             u("rect", {
@@ -362,11 +364,11 @@ const et = ["id"], tt = {
               stroke: "none",
               onMouseover: (L) => Ae(y, v, l.value.left + d.value.width * g, l.value.top + d.value.height * v),
               onMouseout: a[0] || (a[0] = (L) => {
-                K.value = !1, se.value = void 0, C.value = null, P.value = null;
+                K.value = !1, ue.value = void 0, C.value = null, P.value = null;
               })
-            }, null, 40, ut)
+            }, null, 40, nt)
           ]))), 256)),
-          e.value.style.layout.dataLabels.yAxis.show ? (s(), n("g", nt, [
+          e.value.style.layout.dataLabels.yAxis.show ? (s(), n("g", it, [
             u("text", {
               "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
               fill: e.value.style.layout.dataLabels.yAxis.color,
@@ -374,10 +376,10 @@ const et = ["id"], tt = {
               y: l.value.top + d.value.height * v + d.value.height / 2 + e.value.style.layout.dataLabels.yAxis.fontSize / 3 + e.value.style.layout.dataLabels.yAxis.offsetY,
               "text-anchor": "end",
               "font-weight": e.value.style.layout.dataLabels.yAxis.bold ? "bold" : "normal"
-            }, f($.value.yLabels[v]), 9, it)
+            }, f($.value.yLabels[v]), 9, rt)
           ])) : c("", !0)
         ]))), 256)),
-        e.value.style.layout.dataLabels.xAxis.show ? (s(), n("g", rt, [
+        e.value.style.layout.dataLabels.xAxis.show ? (s(), n("g", vt, [
           (s(!0), n(A, null, S($.value.xLabels, (o, v) => (s(), n(A, null, [
             !e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo || e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo && v % e.value.style.layout.dataLabels.xAxis.showOnlyAtModulo === 0 ? (s(), n("text", {
               key: 0,
@@ -386,10 +388,10 @@ const et = ["id"], tt = {
               fill: e.value.style.layout.dataLabels.xAxis.color,
               "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal",
               transform: `translate(${l.value.left + d.value.width / 2 + l.value.width / $.value.xLabels.length * v + e.value.style.layout.dataLabels.xAxis.offsetX}, ${l.value.top + e.value.style.layout.dataLabels.xAxis.offsetY - 6}), rotate(${e.value.style.layout.dataLabels.xAxis.rotation})`
-            }, f(o), 9, vt)) : c("", !0)
+            }, f(o), 9, dt)) : c("", !0)
           ], 64))), 256))
         ])) : c("", !0),
-        P.value ? (s(), n("g", dt, [
+        P.value ? (s(), n("g", yt, [
           u("rect", {
             style: { "pointer-events": "none" },
             x: P.value.x - e.value.style.layout.cells.selected.border / 2 + e.value.style.layout.cells.spacing,
@@ -400,9 +402,9 @@ const et = ["id"], tt = {
             stroke: e.value.style.layout.cells.selected.color,
             "stroke-width": e.value.style.layout.cells.selected.border,
             rx: 1
-          }, null, 8, yt)
+          }, null, 8, ct)
         ])) : c("", !0),
-        e.value.style.legend.show && H.value === "right" ? (s(), n("g", ct, [
+        e.value.style.legend.show && H.value === "right" ? (s(), n("g", ht, [
           u("defs", null, [
             u("linearGradient", {
               id: `colorScaleVertical_${V.value}`,
@@ -412,12 +414,12 @@ const et = ["id"], tt = {
               u("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.cells.colors.hot
-              }, null, 8, pt),
+              }, null, 8, gt),
               u("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.layout.cells.colors.cold
-              }, null, 8, gt)
-            ], 8, ht)
+              }, null, 8, ft)
+            ], 8, pt)
           ]),
           u("text", {
             x: l.value.right + 36 + 18,
@@ -434,7 +436,7 @@ const et = ["id"], tt = {
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
-          )), 9, ft),
+          )), 9, bt),
           u("rect", {
             x: l.value.right + 36,
             y: l.value.top,
@@ -442,7 +444,7 @@ const et = ["id"], tt = {
             height: Z.value,
             rx: e.value.style.legend.scaleBorderRadius,
             fill: `url(#colorScaleVertical_${V.value})`
-          }, null, 8, bt),
+          }, null, 8, mt),
           u("text", {
             x: l.value.right + 36 + 18,
             y: l.value.top + Z.value + e.value.style.legend.fontSize * 2.5,
@@ -458,34 +460,34 @@ const et = ["id"], tt = {
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
-          )), 9, mt),
+          )), 9, xt),
           C.value !== null ? (s(), n("line", {
             key: 0,
-            stroke: i(oe)(I.value.datapoint.color),
+            stroke: i(se)(I.value.datapoint.color),
             "stroke-width": "2",
             x1: l.value.right + 36,
             x2: l.value.right + 72,
             y1: B.value,
             y2: B.value
-          }, null, 8, xt)) : c("", !0),
+          }, null, 8, wt)) : c("", !0),
           C.value !== null ? (s(), n("path", {
             key: 1,
             fill: e.value.style.color,
             stroke: "none",
             d: `M ${l.value.right + 36},${B.value} ${l.value.right + 26},${B.value - 8} ${l.value.right + 26},${B.value + 8}z`
-          }, null, 8, wt)) : c("", !0)
+          }, null, 8, _t)) : c("", !0)
         ])) : c("", !0),
-        e.value.style.legend.show && H.value === "bottom" ? (s(), n("g", _t, [
+        e.value.style.legend.show && H.value === "bottom" ? (s(), n("g", kt, [
           u("defs", null, [
-            u("linearGradient", kt, [
+            u("linearGradient", $t, [
               u("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.layout.cells.colors.cold
-              }, null, 8, $t),
+              }, null, 8, Ct),
               u("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.layout.cells.colors.hot
-              }, null, 8, Ct)
+              }, null, 8, Lt)
             ])
           ]),
           u("rect", {
@@ -495,7 +497,7 @@ const et = ["id"], tt = {
             height: e.value.style.layout.cells.height,
             rx: e.value.style.legend.scaleBorderRadius > e.value.style.layout.cells.height / 2 ? e.value.style.layout.cells.height / 2 : e.value.style.legend.scaleBorderRadius,
             fill: "url(#colorScaleHorizontal)"
-          }, null, 8, Lt),
+          }, null, 8, At),
           u("text", {
             x: l.value.left,
             y: l.value.bottom + e.value.style.layout.cells.height * 2 + e.value.style.legend.fontSize * 2,
@@ -511,7 +513,7 @@ const et = ["id"], tt = {
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
-          )), 9, At),
+          )), 9, zt),
           u("text", {
             x: l.value.right,
             y: l.value.bottom + e.value.style.layout.cells.height * 2 + e.value.style.legend.fontSize * 2,
@@ -527,27 +529,27 @@ const et = ["id"], tt = {
               s: e.value.style.layout.dataLabels.suffix,
               r: e.value.style.legend.roundingValue
             })
-          )), 9, zt),
+          )), 9, Tt),
           C.value !== null ? (s(), n("line", {
             key: 0,
-            stroke: i(oe)(I.value.datapoint.color),
+            stroke: i(se)(I.value.datapoint.color),
             "stroke-width": "2",
             x1: R.value,
             x2: R.value,
             y1: l.value.bottom + e.value.style.layout.cells.height,
             y2: l.value.bottom + e.value.style.layout.cells.height * 2
-          }, null, 8, Tt)) : c("", !0),
+          }, null, 8, Mt)) : c("", !0),
           C.value !== null ? (s(), n("path", {
             key: 1,
             fill: e.value.style.color,
             stroke: "none",
             d: `M ${R.value},${l.value.bottom + e.value.style.layout.cells.height} ${R.value - 12},${l.value.bottom + e.value.style.layout.cells.height - 20} ${R.value + 12},${l.value.bottom + e.value.style.layout.cells.height - 20}z`
-          }, null, 8, Mt)) : c("", !0)
+          }, null, 8, St)) : c("", !0)
         ])) : c("", !0),
         x(t.$slots, "svg", { svg: _.value }, void 0, !0)
-      ], 14, lt)) : c("", !0),
-      t.$slots.watermark ? (s(), n("div", St, [
-        x(t.$slots, "watermark", j(W({ isPrinting: i(de) || i(ye) })), void 0, !0)
+      ], 14, at)) : c("", !0),
+      t.$slots.watermark ? (s(), n("div", Nt, [
+        x(t.$slots, "watermark", j(W({ isPrinting: i(ye) || i(ce) })), void 0, !0)
       ])) : c("", !0),
       X.value ? c("", !0) : (s(), Y(Ke, {
         key: 4,
@@ -561,7 +563,7 @@ const et = ["id"], tt = {
           }
         }
       }, null, 8, ["config"])),
-      me(qe, {
+      le(qe, {
         show: w.value.showTooltip && K.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
@@ -603,12 +605,12 @@ const et = ["id"], tt = {
         content: k(() => [
           u("div", {
             ref_key: "tableContainer",
-            ref: ne,
+            ref: ie,
             class: "vue-ui-heatmap-table"
           }, [
             u("div", {
               style: "width:100%;overflow-x:auto;padding-top:36px;position:relative",
-              class: U({ "vue-ui-responsive": ie.value })
+              class: U({ "vue-ui-responsive": re.value })
             }, [
               u("div", {
                 role: "button",
@@ -617,18 +619,18 @@ const et = ["id"], tt = {
                 onClick: a[1] || (a[1] = (o) => w.value.showTable = !1),
                 onKeypress: a[2] || (a[2] = Oe((o) => w.value.showTable = !1, ["enter"]))
               }, [
-                me(Je, {
+                le(Je, {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2
                 }, null, 8, ["stroke"])
               ], 36),
-              u("table", Nt, [
+              u("table", Ot, [
                 u("caption", {
                   style: m(`backgroundColor:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline}`)
                 }, [
                   Fe(f(e.value.style.title.text) + " ", 1),
-                  e.value.style.title.subtitle.text ? (s(), n("span", Ot, f(e.value.style.title.subtitle.text), 1)) : c("", !0)
+                  e.value.style.title.subtitle.text ? (s(), n("span", Ft, f(e.value.style.title.subtitle.text), 1)) : c("", !0)
                 ], 4),
                 u("thead", null, [
                   u("tr", {
@@ -655,15 +657,15 @@ const et = ["id"], tt = {
                       class: "vue-ui-data-table__tbody__td",
                       style: m(`outline:${e.value.table.td.outline}`)
                     }, [
-                      u("div", Vt, f(o), 1)
-                    ], 12, Ft),
+                      u("div", Pt, f(o), 1)
+                    ], 12, Vt),
                     (s(!0), n(A, null, S(G.dataset, (y, g) => (s(), n("td", {
                       class: "vue-ui-data-table__tbody__td",
                       "data-cell": G.dataset[g].name,
                       style: m(`outline:${e.value.table.td.outline}`)
                     }, [
-                      u("div", It, f(isNaN(y.values[v]) ? "-" : i(N)({ p: e.value.style.layout.dataLabels.prefix, v: y.values[v], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
-                    ], 12, Pt))), 256))
+                      u("div", Bt, f(isNaN(y.values[v]) ? "-" : i(N)({ p: e.value.style.layout.dataLabels.prefix, v: y.values[v], s: e.value.style.layout.dataLabels.suffix, r: e.value.table.td.roundingValue })), 1)
+                    ], 12, It))), 256))
                   ], 6))), 256))
                 ])
               ])
@@ -672,9 +674,9 @@ const et = ["id"], tt = {
         ]),
         _: 1
       }, 8, ["config"])) : c("", !0)
-    ], 14, et));
+    ], 14, tt));
   }
-}, qt = /* @__PURE__ */ Ze(Bt, [["__scopeId", "data-v-ba280e32"]]);
+}, Jt = /* @__PURE__ */ et(Rt, [["__scopeId", "data-v-c67467bd"]]);
 export {
-  qt as default
+  Jt as default
 };

package/dist/{vue-ui-kpi-D6Myg0y1.cjs → vue-ui-kpi-CEAGjnkj.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),g=require("./useNestedProp-DlCe_zZz.cjs"),u=require("./index-B8EMsnjU.cjs"),p=require("./vue-ui-digits-3Q6uZCzD.cjs"),y={__name:"vue-ui-kpi",props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(n){const o=n,{vue_ui_kpi:m}=u.useConfig(),e=a.computed({get:()=>i(),set:t=>t});function i(){return g.useNestedProp({userConfig:o.config,defaultConfig:m})}a.watch(()=>o.config,t=>{e.value=i(),r()},{deep:!0});const f=a.ref((typeof o.dataset=="number",o.dataset)),l=a.ref(e.value.useAnimation?e.value.animationValueStart:f.value),s=t=>{const v=e.value.animationFrames,c=Math.abs(t-l.value)/v;function d(){l.value<t?l.value=Math.min(l.value+c,t):l.value>t&&(l.value=Math.max(l.value-c,t)),l.value!==t&&requestAnimationFrame(d)}d()};a.onMounted(()=>{r()});function r(){e.value.useAnimation?(l.value=e.value.animationValueStart,s(o.dataset)):l.value=o.dataset}return a.watch(()=>o.dataset,t=>{e.value.useAnimation?s(t):l.value=t}),(t,v)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(`vue-ui-kpi ${e.value.layoutClass}`),style:a.normalizeStyle(`background:${e.value.backgroundColor}; ${e.value.layoutCss}`)},[a.createElementVNode("div",{class:a.normalizeClass(`vue-ui-kpi-title ${e.value.titleClass}`),style:a.normalizeStyle(`font-family: ${e.value.fontFamily}; font-size:${e.value.titleFontSize}px; color:${e.value.titleColor}; font-weight:${e.value.titleBold?"bold":"normal"}; ${e.value.titleCss}`)},[a.renderSlot(t.$slots,"title",{comment:n.dataset}),a.createTextVNode(" "+a.toDisplayString(e.value.title),1)],6),a.renderSlot(t.$slots,"comment-before",{comment:n.dataset}),a.createElementVNode("div",{class:a.normalizeClass(`vue-ui-kpi-value ${e.value.valueClass}`),style:a.normalizeStyle(`font-family: ${e.value.fontFamily}; font-size:${e.value.valueFontSize}px; color:${e.value.valueColor}; font-weight:${e.value.valueBold?"bold":"normal"}; ${e.value.valueCss}`)},[a.renderSlot(t.$slots,"value",{comment:n.dataset}),e.value.analogDigits.show?(a.openBlock(),a.createElementBlock("div",{key:0,style:a.normalizeStyle({height:e.value.analogDigits.height+"px"})},[a.createVNode(p.default,{dataset:Number(l.value.toFixed(e.value.valueRounding)),config:{backgroundColor:e.value.backgroundColor,digits:{color:e.value.analogDigits.color,skeletonColor:e.value.analogDigits.skeletonColor}}},null,8,["dataset","config"])],4)):(a.openBlock(),a.createElementBlock(a.Fragment,{key:1},[a.createTextVNode(a.toDisplayString(a.unref(u.applyDataLabel)(e.value.formatter,l.value,a.unref(u.dataLabel)({p:e.value.prefix,v:l.value,s:e.value.suffix,r:e.value.valueRounding}))),1)],64))],6),a.renderSlot(t.$slots,"comment-after",{comment:n.dataset})],6))}};exports.default=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),g=require("./useNestedProp-m8IH8hWW.cjs"),u=require("./index-BhH89oF0.cjs"),p=require("./vue-ui-digits-BBho1-xO.cjs"),y={__name:"vue-ui-kpi",props:{config:{type:Object,default(){return{}}},dataset:{type:Number,default:0}},setup(n){const o=n,{vue_ui_kpi:m}=u.useConfig(),e=a.computed({get:()=>i(),set:t=>t});function i(){return g.useNestedProp({userConfig:o.config,defaultConfig:m})}a.watch(()=>o.config,t=>{e.value=i(),r()},{deep:!0});const f=a.ref((typeof o.dataset=="number",o.dataset)),l=a.ref(e.value.useAnimation?e.value.animationValueStart:f.value),s=t=>{const v=e.value.animationFrames,c=Math.abs(t-l.value)/v;function d(){l.value<t?l.value=Math.min(l.value+c,t):l.value>t&&(l.value=Math.max(l.value-c,t)),l.value!==t&&requestAnimationFrame(d)}d()};a.onMounted(()=>{r()});function r(){e.value.useAnimation?(l.value=e.value.animationValueStart,s(o.dataset)):l.value=o.dataset}return a.watch(()=>o.dataset,t=>{e.value.useAnimation?s(t):l.value=t}),(t,v)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(`vue-ui-kpi ${e.value.layoutClass}`),style:a.normalizeStyle(`background:${e.value.backgroundColor}; ${e.value.layoutCss}`)},[a.createElementVNode("div",{class:a.normalizeClass(`vue-ui-kpi-title ${e.value.titleClass}`),style:a.normalizeStyle(`font-family: ${e.value.fontFamily}; font-size:${e.value.titleFontSize}px; color:${e.value.titleColor}; font-weight:${e.value.titleBold?"bold":"normal"}; ${e.value.titleCss}`)},[a.renderSlot(t.$slots,"title",{comment:n.dataset}),a.createTextVNode(" "+a.toDisplayString(e.value.title),1)],6),a.renderSlot(t.$slots,"comment-before",{comment:n.dataset}),a.createElementVNode("div",{class:a.normalizeClass(`vue-ui-kpi-value ${e.value.valueClass}`),style:a.normalizeStyle(`font-family: ${e.value.fontFamily}; font-size:${e.value.valueFontSize}px; color:${e.value.valueColor}; font-weight:${e.value.valueBold?"bold":"normal"}; ${e.value.valueCss}`)},[a.renderSlot(t.$slots,"value",{comment:n.dataset}),e.value.analogDigits.show?(a.openBlock(),a.createElementBlock("div",{key:0,style:a.normalizeStyle({height:e.value.analogDigits.height+"px"})},[a.createVNode(p.default,{dataset:Number(l.value.toFixed(e.value.valueRounding)),config:{backgroundColor:e.value.backgroundColor,digits:{color:e.value.analogDigits.color,skeletonColor:e.value.analogDigits.skeletonColor}}},null,8,["dataset","config"])],4)):(a.openBlock(),a.createElementBlock(a.Fragment,{key:1},[a.createTextVNode(a.toDisplayString(a.unref(u.applyDataLabel)(e.value.formatter,l.value,a.unref(u.dataLabel)({p:e.value.prefix,v:l.value,s:e.value.suffix,r:e.value.valueRounding}))),1)],64))],6),a.renderSlot(t.$slots,"comment-after",{comment:n.dataset})],6))}};exports.default=y;

package/dist/{vue-ui-kpi-CtJ3t6GX.js → vue-ui-kpi-zr721ux9.js}

@@ -1,7 +1,7 @@
 import { computed as N, watch as p, ref as C, onMounted as D, openBlock as i, createElementBlock as s, normalizeClass as v, normalizeStyle as u, createElementVNode as $, renderSlot as n, createTextVNode as y, toDisplayString as k, createVNode as S, Fragment as x, unref as h } from "vue";
-import { u as z } from "./useNestedProp-lmeFt-ev.js";
-import { u as A, i as w, f as B } from "./index-DQl1TFXa.js";
-import L from "./vue-ui-digits-DN6CRpXc.js";
+import { u as z } from "./useNestedProp-BrIRtQj1.js";
+import { u as A, i as w, f as B } from "./index-mBy4elhB.js";
+import L from "./vue-ui-digits-DZJI0YuX.js";
 const T = {
   __name: "vue-ui-kpi",
   props: {

package/dist/{vue-ui-mini-loader-Cosy9XjR.js → vue-ui-mini-loader-9zyuKIpT.js}

@@ -1,6 +1,6 @@
 import { useCssVars as h, computed as r, ref as f, openBlock as n, createElementBlock as u, unref as M, createElementVNode as t, normalizeStyle as l, createCommentVNode as a } from "vue";
-import { u as m } from "./useNestedProp-lmeFt-ev.js";
-import { u as y, X as L } from "./index-DQl1TFXa.js";
+import { u as m } from "./useNestedProp-BrIRtQj1.js";
+import { u as y, X as L } from "./index-mBy4elhB.js";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const b = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"], A = ["stroke"], N = { key: 1 }, O = ["stroke"], S = { key: 2 }, F = ["stroke"], I = {
   __name: "vue-ui-mini-loader",

package/dist/{vue-ui-mini-loader-BjJ_YYZj.cjs → vue-ui-mini-loader-DBFAzGb2.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("./useNestedProp-DlCe_zZz.cjs"),n=require("./index-B8EMsnjU.cjs"),m=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),g=["xmlns","viewBox"],C={key:0},_=["stroke"],h=["stroke"],M=["stroke"],y={key:1},B=["stroke"],f={key:2},L=["stroke"],b={__name:"vue-ui-mini-loader",props:{config:{type:Object,default(){return{}}}},setup(u){const a=u;e.useCssVars(k=>({"221651ee":c.value,d11bae38:d.value,d85c00de:p.value}));const{vue_ui_mini_loader:i}=n.useConfig(),t=e.computed(()=>v.useNestedProp({userConfig:a.config,defaultConfig:i})),s=e.ref({onion:"-10 -10 84 84",line:"-10 -10 112 84",bar:"-10 -10 106 84"}),r=e.computed(()=>({gutter:`stroke:${t.value.line.gutterColor};opacity:${t.value.line.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.line.gutterBlur}px);`})),l=e.computed(()=>({gutter:`stroke:${t.value.bar.gutterColor};opacity:${t.value.bar.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.bar.gutterBlur}px);`})),o=e.computed(()=>({gutter:`stroke:${t.value.onion.gutterColor};opacity:${t.value.onion.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.onion.gutterBlur}px);`})),c=e.computed(()=>`blur(${t.value.onion.trackBlur}px) hue-rotate(${t.value.onion.trackHueRotate}deg)`),d=e.computed(()=>`blur(${t.value.line.trackBlur}px) hue-rotate(${t.value.line.trackHueRotate}deg)`),p=e.computed(()=>`blur(${t.value.bar.trackBlur}px) hue-rotate(${t.value.bar.trackHueRotate}deg)`);return(k,x)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(n.XMLNS),viewBox:s.value[t.value.type],style:{background:"transparent"},width:"100%"},[t.value.type==="onion"?(e.openBlock(),e.createElementBlock("g",C,[e.createElementVNode("path",{d:"M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,_),e.createElementVNode("path",{d:"M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,h),e.createElementVNode("path",{d:"M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,M)])):e.createCommentVNode("",!0),t.value.type==="line"?(e.openBlock(),e.createElementBlock("g",y,[e.createElementVNode("path",{d:"M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(r.value.gutter+r.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5",stroke:t.value.line.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"line-animated"},null,8,B)])):e.createCommentVNode("",!0),t.value.type==="bar"?(e.openBlock(),e.createElementBlock("g",f,[e.createElementVNode("path",{d:"M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(l.value.gutter+l.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5",stroke:t.value.bar.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"bar-animated"},null,8,L)])):e.createCommentVNode("",!0)],8,g))}},N=m._export_sfc(b,[["__scopeId","data-v-20f54e0e"]]);exports.default=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("./useNestedProp-m8IH8hWW.cjs"),n=require("./index-BhH89oF0.cjs"),m=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),g=["xmlns","viewBox"],C={key:0},_=["stroke"],h=["stroke"],M=["stroke"],y={key:1},B=["stroke"],f={key:2},L=["stroke"],b={__name:"vue-ui-mini-loader",props:{config:{type:Object,default(){return{}}}},setup(u){const a=u;e.useCssVars(k=>({"221651ee":c.value,d11bae38:d.value,d85c00de:p.value}));const{vue_ui_mini_loader:i}=n.useConfig(),t=e.computed(()=>v.useNestedProp({userConfig:a.config,defaultConfig:i})),s=e.ref({onion:"-10 -10 84 84",line:"-10 -10 112 84",bar:"-10 -10 106 84"}),r=e.computed(()=>({gutter:`stroke:${t.value.line.gutterColor};opacity:${t.value.line.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.line.gutterBlur}px);`})),l=e.computed(()=>({gutter:`stroke:${t.value.bar.gutterColor};opacity:${t.value.bar.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.bar.gutterBlur}px);`})),o=e.computed(()=>({gutter:`stroke:${t.value.onion.gutterColor};opacity:${t.value.onion.gutterOpacity};`,gutterBlur:`filter:blur(${t.value.onion.gutterBlur}px);`})),c=e.computed(()=>`blur(${t.value.onion.trackBlur}px) hue-rotate(${t.value.onion.trackHueRotate}deg)`),d=e.computed(()=>`blur(${t.value.line.trackBlur}px) hue-rotate(${t.value.line.trackHueRotate}deg)`),p=e.computed(()=>`blur(${t.value.bar.trackBlur}px) hue-rotate(${t.value.bar.trackHueRotate}deg)`);return(k,x)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(n.XMLNS),viewBox:s.value[t.value.type],style:{background:"transparent"},width:"100%"},[t.value.type==="onion"?(e.openBlock(),e.createElementBlock("g",C,[e.createElementVNode("path",{d:"M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(o.value.gutter+o.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,_),e.createElementVNode("path",{d:"M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,h),e.createElementVNode("path",{d:"M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25",stroke:t.value.onion.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"onion-animated"},null,8,M)])):e.createCommentVNode("",!0),t.value.type==="line"?(e.openBlock(),e.createElementBlock("g",y,[e.createElementVNode("path",{d:"M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(r.value.gutter+r.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5",stroke:t.value.line.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"line-animated"},null,8,B)])):e.createCommentVNode("",!0),t.value.type==="bar"?(e.openBlock(),e.createElementBlock("g",f,[e.createElementVNode("path",{d:"M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5","stroke-width":"4",fill:"none","stroke-linecap":"round",style:e.normalizeStyle(l.value.gutter+l.value.gutterBlur)},null,4),e.createElementVNode("path",{d:"M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5",stroke:t.value.bar.trackColor,"stroke-width":"4",fill:"none","stroke-linecap":"round",class:"bar-animated"},null,8,L)])):e.createCommentVNode("",!0)],8,g))}},N=m._export_sfc(b,[["__scopeId","data-v-20f54e0e"]]);exports.default=N;