vue-data-ui 2.1.84 → 2.1.86

package/dist/{index-b4b34a7f.js → index-61277747.js}

@@ -12820,7 +12820,7 @@ function(e) {
  */
 function(e) {
   function t() {
-    return (kt.canvg ? Promise.resolve(kt.canvg) : import("./index.es-3971e046.js")).catch(function(o) {
+    return (kt.canvg ? Promise.resolve(kt.canvg) : import("./index.es-96893b70.js")).catch(function(o) {
       return Promise.reject(new Error("Could not load canvg: " + o));
     }).then(function(o) {
       return o.default ? o.default : o;
@@ -13957,7 +13957,7 @@ const Ge = [
   "#ce6dbd",
   "#de9ed6"
 ];
-function Jq() {
+function eY() {
   return Ge;
 }
 const tt = ["00", "03", "05", "08", "0A", "0D", "0F", "12", "14", "17", "1A", "1C", "1F", "21", "24", "26", "29", "2B", "2E", "30", "33", "36", "38", "3B", "3D", "40", "42", "45", "47", "4A", "4D", "4F", "52", "54", "57", "59", "5C", "5E", "61", "63", "66", "69", "6B", "6E", "70", "73", "75", "78", "7A", "7D", "80", "82", "85", "87", "8A", "8C", "8F", "91", "94", "96", "99", "9C", "9E", "A1", "A3", "A6", "A8", "AB", "AD", "B0", "B3", "B5", "B8", "BA", "BD", "BF", "C2", "C4", "C7", "C9", "CC", "CF", "D1", "D4", "D6", "D9", "DB", "DE", "E0", "E3", "E6", "E8", "EB", "ED", "F0", "F2", "F5", "F7", "FA", "FC", "FF"];
@@ -39498,10 +39498,10 @@ const KP = ["id"], WP = ["xmlns", "viewBox"], jP = { key: 0 }, GP = ["d", "strok
   __proto__: null,
   default: ZP
 }, Symbol.toStringTag, { value: "Module" }));
-const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"], rz = ["stop-color"], nz = ["id"], sz = ["stop-color"], iz = ["stop-color"], Az = ["stop-color"], uz = { key: 0 }, cz = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], dz = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], hz = { key: 0 }, fz = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], vz = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], gz = ["x", "y", "font-size", "fill", "font-weight"], yz = ["text-anchor", "font-size", "fill", "transform"], pz = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], bz = { key: 1 }, mz = ["cx", "cy", "r", "fill"], wz = { key: 0 }, xz = { key: 0 }, Cz = ["d", "stroke"], kz = ["text-anchor", "x", "y", "fill"], Bz = { key: 0 }, _z = ["cx", "cy", "fill"], Fz = { key: 1 }, Sz = ["d", "fill", "stroke"], Lz = { key: 2 }, $z = ["d", "fill", "stroke"], Uz = ["x", "y", "font-size", "fill"], Mz = ["x", "y", "width", "fill", "onClick"], Qz = ["x", "y", "width", "height", "onMouseenter", "onClick"], Ez = {
+const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"], rz = ["stop-color"], nz = ["id"], sz = ["stop-color"], iz = ["stop-color"], Az = ["stop-color"], uz = { key: 0 }, cz = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], dz = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], hz = { key: 0 }, fz = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], vz = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], gz = ["x", "y", "font-size", "fill", "font-weight"], yz = ["text-anchor", "font-size", "fill", "transform"], pz = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], bz = { key: 1 }, mz = ["cx", "cy", "r", "fill"], wz = { key: 0 }, xz = { key: 0 }, Cz = ["d", "stroke"], kz = ["text-anchor", "x", "y", "fill"], Bz = { key: 0 }, _z = ["cx", "cy", "fill"], Fz = { key: 1 }, Sz = ["d", "fill", "stroke"], Lz = { key: 2 }, $z = ["d", "fill", "stroke"], Uz = { key: 1 }, Mz = ["cx", "cy", "r", "fill"], Qz = ["x", "y", "font-size", "fill"], Ez = ["x", "y", "width", "fill", "onClick"], Iz = ["x", "y", "width", "height", "onMouseenter", "onClick"], Nz = {
   key: 3,
   "data-cy-zoom": ""
-}, Iz = ["x", "y", "width", "height", "fill"], Nz = ["x1", "y1", "x2", "y2", "stroke"], Tz = ["x1", "y2", "x2", "y1", "stroke"], Dz = ["onKeypress", "cx", "cy", "r"], Hz = ["d", "stroke"], Pz = ["cx", "cy", "r", "fill"], zz = ["d", "fill", "stroke"], Oz = { class: "vue-ui-donut-evolution-focus" }, Rz = ["text-anchor", "x", "y", "fill"], Vz = ["cx", "cy", "r", "fill"], Kz = ["cx", "cy", "r", "fill"], Wz = ["x", "y", "fill"], jz = ["x", "y", "font-size", "fill"], Gz = ["onClick"], Xz = { key: 0 }, qz = { key: 1 }, Yz = { key: 0 }, Jz = { key: 1 }, Zz = {
+}, Tz = ["x", "y", "width", "height", "fill"], Dz = ["x1", "y1", "x2", "y2", "stroke"], Hz = ["x1", "y2", "x2", "y1", "stroke"], Pz = ["onKeypress", "cx", "cy", "r"], zz = ["d", "stroke"], Oz = ["cx", "cy", "r", "fill"], Rz = ["d", "fill", "stroke"], Vz = { class: "vue-ui-donut-evolution-focus" }, Kz = ["text-anchor", "x", "y", "fill"], Wz = ["cx", "cy", "r", "fill"], jz = ["cx", "cy", "r", "fill"], Gz = ["x", "y", "fill"], Xz = ["x", "y", "font-size", "fill"], qz = ["onClick"], Yz = { key: 0 }, Jz = { key: 1 }, Zz = { key: 0 }, eO = { key: 1 }, tO = {
   __name: "vue-ui-donut-evolution",
   props: {
     config: {
@@ -39878,7 +39878,7 @@ const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"],
             "stroke-linecap": "round"
           }, null, 8, dz),
           C.value.style.chart.layout.grid.showVerticalLines ? (u(), c("g", hz, [
-            (u(!0), c(ye, null, Ce(he.value, (N, xe) => (u(), c("line", {
+            (u(!0), c(ye, null, Ce(l.value.end - l.value.start, (N, xe) => (u(), c("line", {
               x1: R.value.left + (xe + 1) * de.value,
               x2: R.value.left + (xe + 1) * de.value,
               y1: R.value.top,
@@ -40005,6 +40005,15 @@ const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"],
                 stroke: C.value.style.chart.backgroundColor
               }, null, 8, $z))), 256))
             ]))
+          ])) : _("", !0),
+          N.subtotal !== null ? (u(), c("g", Uz, [
+            N.subtotal ? (u(), c("circle", {
+              key: 0,
+              cx: N.x,
+              cy: N.y,
+              r: b.value === N.index ? le.value.width / 30 : de.value / 10,
+              fill: C.value.style.chart.backgroundColor
+            }, null, 8, Mz)) : _("", !0)
           ])) : _("", !0)
         ], 2))), 256)),
         (u(!0), c(ye, null, Ce(P.value, (N, xe) => (u(), c("g", {
@@ -40018,7 +40027,7 @@ const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"],
             "font-size": C.value.style.chart.layout.dataLabels.fontSize,
             "font-weight": "bold",
             fill: C.value.style.chart.layout.dataLabels.color
-          }, z(q(N.subtotal)), 9, Uz)) : _("", !0)
+          }, z(q(N.subtotal)), 9, Qz)) : _("", !0)
         ], 2))), 256)),
         (u(!0), c(ye, null, Ce(P.value, (N, xe) => (u(), c("rect", {
           x: R.value.left + xe * de.value,
@@ -40028,7 +40037,7 @@ const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"],
           fill: b.value === N.index ? `url(#hover_${A.value})` : "transparent",
           onClick: (Se) => ae(N, xe),
           class: Ee({ "donut-hover": b.value === N.index && N.subtotal })
-        }, null, 10, Mz))), 256)),
+        }, null, 10, Ez))), 256)),
         (u(!0), c(ye, null, Ce(P.value, (N, xe) => (u(), c("rect", {
           "data-cy-trap": "",
           x: R.value.left + xe * de.value,
@@ -40040,8 +40049,8 @@ const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"],
           onMouseleave: V,
           onClick: (Se) => ae(N, xe),
           class: Ee({ "donut-hover": b.value === N.index && N.subtotal })
-        }, null, 42, Qz))), 256)),
-        g.value ? (u(), c("g", Ez, [
+        }, null, 42, Iz))), 256)),
+        g.value ? (u(), c("g", Nz, [
           y("rect", {
             rx: 4,
             x: R.value.left,
@@ -40050,7 +40059,7 @@ const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"],
             height: le.value.height,
             fill: C.value.style.chart.backgroundColor,
             style: { filter: "drop-shadow(0 12px 12px rgba(0,0,0,0.3))" }
-          }, null, 8, Iz),
+          }, null, 8, Tz),
           y("line", {
             "data-html2canvas-ignore": "",
             x1: le.value.absoluteWidth - R.value.right - 15,
@@ -40060,7 +40069,7 @@ const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"],
             "stroke-linecap": "round",
             stroke: C.value.style.chart.color,
             "stroke-width": "1.5"
-          }, null, 8, Nz),
+          }, null, 8, Dz),
           y("line", {
             "data-html2canvas-ignore": "",
             x1: le.value.absoluteWidth - R.value.right - 15,
@@ -40070,7 +40079,7 @@ const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"],
             "stroke-linecap": "round",
             stroke: C.value.style.chart.color,
             "stroke-width": "1.5"
-          }, null, 8, Tz),
+          }, null, 8, Hz),
           y("circle", {
             "data-cy-close": "",
             onClick: F,
@@ -40081,7 +40090,7 @@ const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"],
             fill: "transparent",
             style: { cursor: "pointer" },
             tabindex: "0"
-          }, null, 40, Dz),
+          }, null, 40, Pz),
           (u(!0), c(ye, null, Ce(s.value.donutFocus, (N) => (u(), c("g", null, [
             y("path", {
               "data-cy-zoom-donut": "",
@@ -40092,22 +40101,22 @@ const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"],
               "stroke-linejoin": "round",
               fill: "none",
               class: "vue-ui-donut-evolution-focus"
-            }, null, 8, Hz)
+            }, null, 8, zz)
           ]))), 256)),
           y("circle", {
             cx: R.value.left + le.value.width / 2,
             cy: R.value.top + le.value.height / 2,
             r: le.value.height / 7,
             fill: C.value.style.chart.backgroundColor
-          }, null, 8, Pz),
+          }, null, 8, Oz),
           (u(!0), c(ye, null, Ce(s.value.donutFocus, (N, xe) => (u(), c("path", {
             d: N.arcSlice,
             fill: `${N.color}`,
             "stroke-width": 1,
             stroke: C.value.style.chart.backgroundColor,
             class: "vue-ui-donut-evolution-focus"
-          }, null, 8, zz))), 256)),
-          (u(!0), c(ye, null, Ce(s.value.donutFocus, (N, xe) => (u(), c("g", Oz, [
+          }, null, 8, Rz))), 256)),
+          (u(!0), c(ye, null, Ce(s.value.donutFocus, (N, xe) => (u(), c("g", Vz, [
             y("text", {
               "text-anchor": ne(Bt)(N, !0, 20).anchor,
               x: ne(Bt)(N, !0, 10).x,
@@ -40115,20 +40124,20 @@ const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"],
               fill: C.value.style.chart.layout.grid.yAxis.dataLabels.color,
               "font-size": 10,
               "font-weight": "bold"
-            }, z(N.name) + " : " + z(oe(N, s.value.donutFocus)) + " (" + z(N.value === null ? "-" : q(N.value)) + ") ", 9, Rz)
+            }, z(N.name) + " : " + z(oe(N, s.value.donutFocus)) + " (" + z(N.value === null ? "-" : q(N.value)) + ") ", 9, Kz)
           ]))), 256)),
           y("circle", {
             cx: R.value.left + le.value.width / 2,
             cy: R.value.top + le.value.height / 2,
             r: le.value.height / 3.8,
             fill: `url(#focus_${A.value})`
-          }, null, 8, Vz),
+          }, null, 8, Wz),
           y("circle", {
             cx: R.value.left + le.value.width / 2,
             cy: R.value.top + le.value.height / 2,
             r: le.value.height / 7.7,
             fill: C.value.style.chart.backgroundColor
-          }, null, 8, Kz),
+          }, null, 8, jz),
           y("text", {
             "text-anchor": "middle",
             x: R.value.left + le.value.width / 2,
@@ -40137,14 +40146,14 @@ const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"],
             "font-weight": "bold",
             fill: C.value.style.chart.layout.dataLabels.color,
             class: "vue-ui-donut-evolution-focus"
-          }, z(q(s.value.subtotal)), 9, Wz),
+          }, z(q(s.value.subtotal)), 9, Gz),
           C.value.style.chart.layout.grid.xAxis.dataLabels.values[s.value.index] ? (u(), c("text", {
             key: 0,
             x: R.value.left + 6,
             y: R.value.top + C.value.style.chart.layout.grid.xAxis.dataLabels.fontSize * 2,
             "font-size": C.value.style.chart.layout.grid.xAxis.dataLabels.fontSize * 1.6,
             fill: C.value.style.chart.layout.dataLabels.color
-          }, z(C.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(s.value.index) + Number(l.value.start)]), 9, jz)) : _("", !0)
+          }, z(C.value.style.chart.layout.grid.xAxis.dataLabels.values[Number(s.value.index) + Number(l.value.start)]), 9, Xz)) : _("", !0)
         ])) : _("", !0),
         Ke(E.$slots, "svg", { svg: le.value }, void 0, !0)
       ], 14, lz)) : _("", !0),
@@ -40202,8 +40211,8 @@ const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"],
             style: O(`opacity:${h.value.includes(N.uid) ? 0.5 : 1}`)
           }, [
             ht(z(N.name) + " : " + z(Number(N.value.toFixed(C.value.style.chart.legend.roundingValue)).toLocaleString()) + " ", 1),
-            h.value.includes(N.uid) ? (u(), c("span", qz, " ( - % ) ")) : (u(), c("span", Xz, " (" + z(isNaN(N.value / M.value) ? "-" : (N.value / M.value * 100).toFixed(C.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
-          ], 12, Gz)
+            h.value.includes(N.uid) ? (u(), c("span", Jz, " ( - % ) ")) : (u(), c("span", Yz, " (" + z(isNaN(N.value / M.value) ? "-" : (N.value / M.value * 100).toFixed(C.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
+          ], 12, qz)
         ]),
         _: 1
       }, 8, ["legendSet", "config"])) : _("", !0),
@@ -40223,7 +40232,7 @@ const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"],
             ht(z(N.name ?? N), 1)
           ]),
           td: Ye(({ td: N }) => [
-            N.value === null ? (u(), c("span", Yz, "-")) : (u(), c("b", Jz, z(isNaN(N.value) ? "" : C.value.style.chart.layout.dataLabels.prefix) + z(!isNaN(N.value) && N.value !== null ? Number(N.value.toFixed(C.value.table.td.roundingValue)).toLocaleString() : N) + z(isNaN(N.value) ? "" : C.value.style.chart.layout.dataLabels.suffix), 1)),
+            N.value === null ? (u(), c("span", Zz, "-")) : (u(), c("b", eO, z(isNaN(N.value) ? "" : C.value.style.chart.layout.dataLabels.prefix) + z(!isNaN(N.value) && N.value !== null ? Number(N.value.toFixed(C.value.table.td.roundingValue)).toLocaleString() : N) + z(isNaN(N.value) ? "" : C.value.style.chart.layout.dataLabels.suffix), 1)),
             y("span", null, z(N.percentage && !isNaN(N.percentage) ? `(${Number(N.percentage.toFixed(C.value.table.td.roundingPercentage)).toLocaleString()}%)` : ""), 1)
           ]),
           _: 1
@@ -40231,11 +40240,11 @@ const tz = ["id"], lz = ["xmlns", "viewBox"], az = ["id"], oz = ["stop-color"],
       ], 4)) : _("", !0)
     ], 14, tz));
   }
-}, eO = /* @__PURE__ */ St(Zz, [["__scopeId", "data-v-1cc641eb"]]), tO = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, lO = /* @__PURE__ */ St(tO, [["__scopeId", "data-v-276cf3e6"]]), aO = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: eO
+  default: lO
 }, Symbol.toStringTag, { value: "Module" }));
-const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"], nO = ["stop-color"], sO = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], iO = ["d", "stroke", "stroke-width"], AO = ["stroke"], uO = ["fill"], cO = ["stroke"], dO = ["fill"], hO = ["stroke"], fO = ["fill"], vO = ["stroke"], gO = ["fill"], yO = ["stroke"], pO = ["fill"], bO = ["d", "stroke", "stroke-width", "fill"], mO = ["x1", "y1", "stroke"], wO = ["cx", "cy", "fill", "stroke"], xO = ["fill", "stroke"], CO = ["y", "fill", "font-weight"], kO = ["y", "fill"], BO = ["onClick"], _O = { style: { "font-weight": "bold" } }, FO = ["innerHTML"], SO = {
+const oO = ["id"], rO = ["xmlns", "viewBox"], nO = ["id"], sO = ["stop-color"], iO = ["stop-color"], AO = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], uO = ["d", "stroke", "stroke-width"], cO = ["stroke"], dO = ["fill"], hO = ["stroke"], fO = ["fill"], vO = ["stroke"], gO = ["fill"], yO = ["stroke"], pO = ["fill"], bO = ["stroke"], mO = ["fill"], wO = ["d", "stroke", "stroke-width", "fill"], xO = ["x1", "y1", "stroke"], CO = ["cx", "cy", "fill", "stroke"], kO = ["fill", "stroke"], BO = ["y", "fill", "font-weight"], _O = ["y", "fill"], FO = ["onClick"], SO = { style: { "font-weight": "bold" } }, LO = ["innerHTML"], $O = {
   __name: "vue-ui-mood-radar",
   props: {
     config: {
@@ -40482,15 +40491,15 @@ const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"],
             y("stop", {
               offset: "0%",
               "stop-color": h.value.style.chart.layout.dataPolygon.color + ne(tt)[h.value.style.chart.layout.dataPolygon.opacity]
-            }, null, 8, rO),
+            }, null, 8, sO),
             y("stop", {
               offset: "100%",
               "stop-color": `${ne(Dt)(
                 h.value.style.chart.layout.dataPolygon.color,
                 h.value.style.chart.layout.dataPolygon.gradient.intensity / 100
               )}${ne(tt)[h.value.style.chart.layout.dataPolygon.opacity]}`
-            }, null, 8, nO)
-          ], 8, oO)
+            }, null, 8, iO)
+          ], 8, nO)
         ]),
         (u(!0), c(ye, null, Ce(g.value.coordinates, (ee) => (u(), c("line", {
           x1: m.value.width / 2,
@@ -40499,7 +40508,7 @@ const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"],
           y2: ee.y,
           stroke: h.value.style.chart.layout.grid.stroke,
           "stroke-width": h.value.style.chart.layout.grid.strokeWidth
-        }, null, 8, sO))), 256)),
+        }, null, 8, AO))), 256)),
         y("path", {
           d: g.value.path,
           fill: "none",
@@ -40507,14 +40516,14 @@ const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"],
           "stroke-width": h.value.style.chart.layout.outerPolygon.strokeWidth,
           "stroke-linejoin": "round",
           "stroke-linecap": "round"
-        }, null, 8, iO),
+        }, null, 8, uO),
         y("path", {
           fill: "none",
           stroke: h.value.style.chart.layout.smileys.colors[5],
           "stroke-width": "1",
           "stroke-linecap": "round",
           d: "M119 25A1 1 0 00137 25 1 1 0 00119 25M123 26C124 33 132 33 133 26L123 26M123 22A1 1 0 00126 22 1 1 0 00123 22M130 22A1 1 0 00133 22 1 1 0 00130 22"
-        }, null, 8, AO),
+        }, null, 8, cO),
         y("circle", {
           class: "vue-ui-mood-radar-trap",
           onMouseenter: V[1] || (V[1] = (ee) => p.value = 5),
@@ -40523,14 +40532,14 @@ const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"],
           cy: "25",
           r: "20",
           fill: p.value === 5 ? h.value.style.chart.layout.smileys.colors[5] + "33" : "transparent"
-        }, null, 40, uO),
+        }, null, 40, dO),
         y("path", {
           fill: "none",
           stroke: h.value.style.chart.layout.smileys.colors[4],
           "stroke-width": "1",
           "stroke-linecap": "round",
           d: "M218 95A1 1 0 00236 95 1 1 0 00218 95M222 97C225 99 229 99 232 97M222 92A1 1 0 00225 92 1 1 0 00222 92M229 92A1 1 0 00232 92 1 1 0 00229 92"
-        }, null, 8, cO),
+        }, null, 8, hO),
         y("circle", {
           class: "vue-ui-mood-radar-trap",
           onMouseenter: V[3] || (V[3] = (ee) => p.value = 4),
@@ -40539,14 +40548,14 @@ const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"],
           cy: "95.5",
           r: "20",
           fill: p.value === 4 ? h.value.style.chart.layout.smileys.colors[4] + "33" : "transparent"
-        }, null, 40, dO),
+        }, null, 40, fO),
         y("path", {
           fill: "none",
           stroke: h.value.style.chart.layout.smileys.colors[3],
           "stroke-width": "1",
           "stroke-linecap": "round",
           d: "M181 213A1 1 0 00199 213 1 1 0 00181 213M185 210A1 1 0 00188 210 1 1 0 00185 210M192 210A1 1 0 00195 210 1 1 0 00192 210M185 215 195 215"
-        }, null, 8, hO),
+        }, null, 8, vO),
         y("circle", {
           class: "vue-ui-mood-radar-trap",
           onMouseenter: V[5] || (V[5] = (ee) => p.value = 3),
@@ -40555,14 +40564,14 @@ const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"],
           cy: "213.5",
           r: "20",
           fill: p.value === 3 ? h.value.style.chart.layout.smileys.colors[3] + "33" : "transparent"
-        }, null, 40, fO),
+        }, null, 40, gO),
         y("path", {
           fill: "none",
           stroke: h.value.style.chart.layout.smileys.colors[2],
           "stroke-width": "1",
           "stroke-linecap": "round",
           d: "M56 213A1 1 0 0074 213 1 1 0 0056 213M60 216C63 214 67 214 70 216M60 210A1 1 0 0063 210 1 1 0 0060 210M67 210A1 1 0 0070 210 1 1 0 0067 210"
-        }, null, 8, vO),
+        }, null, 8, yO),
         y("circle", {
           class: "vue-ui-mood-radar-trap",
           onMouseenter: V[7] || (V[7] = (ee) => p.value = 2),
@@ -40571,14 +40580,14 @@ const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"],
           cy: "213.5",
           r: "20",
           fill: p.value === 2 ? h.value.style.chart.layout.smileys.colors[2] + "33" : "transparent"
-        }, null, 40, gO),
+        }, null, 40, pO),
         y("path", {
           fill: "none",
           stroke: h.value.style.chart.layout.smileys.colors[1],
           "stroke-width": "1",
           "stroke-linecap": "round",
           d: "M20 96A1 1 0 0038 96 1 1 0 0020 96M24 100C25 95 33 95 34 100L24 100M24 93A1 1 0 0027 93 1 1 0 0024 93M31 93A1 1 0 0034 93 1 1 0 0031 93"
-        }, null, 8, yO),
+        }, null, 8, bO),
         y("circle", {
           class: "vue-ui-mood-radar-trap",
           onMouseenter: V[9] || (V[9] = (ee) => p.value = 1),
@@ -40587,7 +40596,7 @@ const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"],
           cy: "95.5",
           r: "20",
           fill: p.value === 1 ? h.value.style.chart.layout.smileys.colors[1] + "33" : "transparent"
-        }, null, 40, pO),
+        }, null, 40, mO),
         y("path", {
           d: ne(cd)(C.value.map((ee) => ee.plots)),
           stroke: h.value.style.chart.layout.dataPolygon.stroke,
@@ -40595,7 +40604,7 @@ const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"],
           "stroke-linecap": "round",
           "stroke-linejoin": "round",
           fill: h.value.style.chart.layout.dataPolygon.gradient.show ? `url(#mood_radar_gradient_${a.value})` : h.value.style.chart.layout.dataPolygon.color + ne(tt)[h.value.style.chart.layout.dataPolygon.opacity]
-        }, null, 8, bO),
+        }, null, 8, wO),
         (u(!0), c(ye, null, Ce(C.value.map((ee) => ee.plots), (ee, J) => (u(), c("g", {
           class: "vue-ui-mood-radar-trap",
           style: O(`opacity:${p.value == ee.key ? "1" : "0"}`)
@@ -40606,7 +40615,7 @@ const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"],
             x2: 128,
             y2: 128,
             stroke: h.value.style.chart.layout.smileys.colors[ee.key]
-          }, null, 8, mO),
+          }, null, 8, xO),
           y("circle", {
             cx: ee.x,
             cy: ee.y,
@@ -40614,7 +40623,7 @@ const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"],
             r: "3",
             stroke: h.value.style.chart.backgroundColor,
             "stroke-width": 0.5
-          }, null, 8, wO),
+          }, null, 8, CO),
           y("circle", {
             cx: 128,
             cy: 128,
@@ -40622,7 +40631,7 @@ const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"],
             r: "3",
             stroke: h.value.style.chart.backgroundColor,
             "stroke-width": 0.5
-          }, null, 8, xO),
+          }, null, 8, kO),
           y("text", {
             x: 128,
             y: ["5", 5].includes(ee.key) ? 145 : 120,
@@ -40630,17 +40639,17 @@ const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"],
             "font-size": "12",
             "text-anchor": "middle",
             "font-weight": h.value.style.chart.layout.dataLabel.bold ? "bold" : "normal"
-          }, z(Number(ee.value.toFixed(h.value.style.chart.layout.dataLabel.roundingValue)).toLocaleString()), 9, CO),
+          }, z(Number(ee.value.toFixed(h.value.style.chart.layout.dataLabel.roundingValue)).toLocaleString()), 9, BO),
           y("text", {
             x: 128,
             y: ["5", 5].includes(ee.key) ? 163 : 102,
             fill: h.value.style.chart.layout.dataLabel.color,
             "font-size": "12",
             "text-anchor": "middle"
-          }, " (" + z(Number((ee.value / w.value * 100).toFixed(h.value.style.chart.layout.dataLabel.roundingPercentage)).toLocaleString()) + "%) ", 9, kO)
+          }, " (" + z(Number((ee.value / w.value * 100).toFixed(h.value.style.chart.layout.dataLabel.roundingPercentage)).toLocaleString()) + "%) ", 9, _O)
         ], 4))), 256)),
         Ke(oe.$slots, "svg", { svg: m.value }, void 0, !0)
-      ], 14, aO)) : _("", !0),
+      ], 14, rO)) : _("", !0),
       r.value ? _("", !0) : (u(), Re(Vt, {
         key: 3,
         config: {
@@ -40699,11 +40708,11 @@ const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"],
               name: "moodHappy",
               stroke: h.value.style.chart.layout.smileys.colors[ee.key]
             }, null, 8, ["stroke"])) : _("", !0),
-            y("span", _O, z(ee.value), 1),
+            y("span", SO, z(ee.value), 1),
             ht(" (" + z((isNaN(ee.proportion) ? 0 : ee.proportion * 100).toFixed(
               h.value.style.chart.legend.roundingPercentage
             )) + "%) ", 1)
-          ], 8, BO)
+          ], 8, FO)
         ]),
         _: 1
       }, 8, ["legendSet", "config"])) : _("", !0),
@@ -40720,35 +40729,35 @@ const lO = ["id"], aO = ["xmlns", "viewBox"], oO = ["id"], rO = ["stop-color"],
           y("div", {
             innerHTML: ee,
             style: { display: "flex", "align-items": "center" }
-          }, null, 8, FO)
+          }, null, 8, LO)
         ]),
         td: Ye(({ td: ee }) => [
           ht(z(ee.name || ee), 1)
         ]),
         _: 1
       }, 8, ["colNames", "head", "body", "config", "title"])) : _("", !0)
-    ], 14, lO));
+    ], 14, oO));
   }
-}, LO = /* @__PURE__ */ St(SO, [["__scopeId", "data-v-f4230255"]]), $O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, UO = /* @__PURE__ */ St($O, [["__scopeId", "data-v-f4230255"]]), MO = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: LO
+  default: UO
 }, Symbol.toStringTag, { value: "Module" }));
-const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = ["xmlns", "viewBox"], QO = ["id"], EO = ["stop-color"], IO = ["stop-color"], NO = ["id"], TO = ["stop-color"], DO = ["stop-color"], HO = ["id"], PO = ["stop-color"], zO = ["stop-color"], OO = ["id"], RO = ["stop-color"], VO = ["stop-color"], KO = ["stop-color"], WO = { key: 0 }, jO = ["id"], GO = ["stop-color"], XO = ["stop-color"], qO = ["id"], YO = ["stop-color"], JO = ["stop-color"], ZO = ["id"], eR = ["stop-color"], tR = ["stop-color"], lR = ["id"], aR = /* @__PURE__ */ Au(() => /* @__PURE__ */ y("stop", {
+const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), QO = ["id"], EO = ["xmlns", "viewBox"], IO = ["id"], NO = ["stop-color"], TO = ["stop-color"], DO = ["id"], HO = ["stop-color"], PO = ["stop-color"], zO = ["id"], OO = ["stop-color"], RO = ["stop-color"], VO = ["id"], KO = ["stop-color"], WO = ["stop-color"], jO = ["stop-color"], GO = { key: 0 }, XO = ["id"], qO = ["stop-color"], YO = ["stop-color"], JO = ["id"], ZO = ["stop-color"], eR = ["stop-color"], tR = ["id"], lR = ["stop-color"], aR = ["stop-color"], oR = ["id"], rR = /* @__PURE__ */ Au(() => /* @__PURE__ */ y("stop", {
   offset: "0%",
   "stop-color": "#FFFFFF"
-}, null, -1)), oR = /* @__PURE__ */ Au(() => /* @__PURE__ */ y("stop", {
+}, null, -1)), nR = /* @__PURE__ */ Au(() => /* @__PURE__ */ y("stop", {
   offset: "100%",
   "stop-color": "#FFFFFF33"
-}, null, -1)), rR = [
-  aR,
-  oR
-], nR = ["x", "y", "font-size", "font-weight", "fill"], sR = ["x", "y"], iR = ["d", "stroke"], AR = ["d", "stroke"], uR = { key: 3 }, cR = { key: 0 }, dR = ["stroke-dasharray", "d", "stroke", "stroke-width"], hR = ["stroke-dasharray", "d", "stroke", "stroke-width"], fR = ["stroke-dasharray", "d", "stroke", "stroke-width"], vR = ["stroke-dasharray", "d", "stroke", "stroke-width"], gR = { key: 1 }, yR = ["d", "stroke", "stroke-width", "fill"], pR = ["d", "stroke", "stroke-width", "fill"], bR = ["d", "stroke", "stroke-width", "fill"], mR = { key: 2 }, wR = ["d", "fill", "onMouseenter", "onClick"], xR = ["d", "fill", "onMouseenter", "onClick"], CR = ["d", "fill", "onMouseenter", "onClick"], kR = ["d", "onMouseenter", "onClick"], BR = ["d"], _R = ["d", "stroke"], FR = ["onClick"], SR = ["stroke", "d"], LR = ["cx", "cy", "fill", "stroke"], $R = ["x", "y", "width", "height"], UR = { key: 1 }, MR = ["d", "stroke"], QR = ["d", "fill", "stroke"], ER = ["id"], IR = ["stop-color"], NR = /* @__PURE__ */ Au(() => /* @__PURE__ */ y("stop", {
+}, null, -1)), sR = [
+  rR,
+  nR
+], iR = ["x", "y", "font-size", "font-weight", "fill"], AR = ["x", "y"], uR = ["d", "stroke"], cR = ["d", "stroke"], dR = { key: 3 }, hR = { key: 0 }, fR = ["stroke-dasharray", "d", "stroke", "stroke-width"], vR = ["stroke-dasharray", "d", "stroke", "stroke-width"], gR = ["stroke-dasharray", "d", "stroke", "stroke-width"], yR = ["stroke-dasharray", "d", "stroke", "stroke-width"], pR = { key: 1 }, bR = ["d", "stroke", "stroke-width", "fill"], mR = ["d", "stroke", "stroke-width", "fill"], wR = ["d", "stroke", "stroke-width", "fill"], xR = { key: 2 }, CR = ["d", "fill", "onMouseenter", "onClick"], kR = ["d", "fill", "onMouseenter", "onClick"], BR = ["d", "fill", "onMouseenter", "onClick"], _R = ["d", "onMouseenter", "onClick"], FR = ["d"], SR = ["d", "stroke"], LR = ["onClick"], $R = ["stroke", "d"], UR = ["cx", "cy", "fill", "stroke"], MR = ["x", "y", "width", "height"], QR = { key: 1 }, ER = ["d", "stroke"], IR = ["d", "fill", "stroke"], NR = ["id"], TR = ["stop-color"], DR = /* @__PURE__ */ Au(() => /* @__PURE__ */ y("stop", {
   offset: "77%",
   "stop-color": "#FFFFFF20"
-}, null, -1)), TR = ["stop-color"], DR = ["cx", "cy", "fill"], HR = ["cx", "cy", "fill"], PR = { key: 0 }, zR = ["text-anchor", "x", "y", "fill", "font-size"], OR = ["text-anchor", "x", "y", "fill", "font-size"], RR = { key: 2 }, VR = ["d", "fill", "stroke"], KR = { key: 4 }, WR = { key: 0 }, jR = ["stroke-dasharray", "d", "stroke", "stroke-width"], GR = ["stroke-dasharray", "d", "stroke", "stroke-width"], XR = ["stroke-dasharray", "d", "stroke", "stroke-width"], qR = ["stroke-dasharray", "d", "stroke", "stroke-width"], YR = ["d", "stroke", "stroke-width", "fill"], JR = ["d", "stroke", "stroke-width", "fill"], ZR = { key: 1 }, eV = ["onClick"], tV = ["id"], lV = ["stop-color"], aV = ["stop-color"], oV = ["id"], rV = ["stop-color"], nV = ["stop-color"], sV = ["stop-color"], iV = ["stop-color"], AV = ["stop-color"], uV = ["onMouseenter", "onClick", "d", "fill"], cV = ["onMouseenter", "onClick", "d"], dV = ["onMouseenter", "onClick", "d", "fill"], hV = ["onClick"], fV = ["stroke", "d"], vV = ["cx", "cy", "fill", "stroke"], gV = ["x", "y", "width", "height"], yV = { key: 1 }, pV = ["d", "stroke"], bV = ["d", "fill", "stroke"], mV = ["id"], wV = ["stop-color"], xV = /* @__PURE__ */ Au(() => /* @__PURE__ */ y("stop", {
+}, null, -1)), HR = ["stop-color"], PR = ["cx", "cy", "fill"], zR = ["cx", "cy", "fill"], OR = { key: 0 }, RR = ["text-anchor", "x", "y", "fill", "font-size"], VR = ["text-anchor", "x", "y", "fill", "font-size"], KR = { key: 2 }, WR = ["d", "fill", "stroke"], jR = { key: 4 }, GR = { key: 0 }, XR = ["stroke-dasharray", "d", "stroke", "stroke-width"], qR = ["stroke-dasharray", "d", "stroke", "stroke-width"], YR = ["stroke-dasharray", "d", "stroke", "stroke-width"], JR = ["stroke-dasharray", "d", "stroke", "stroke-width"], ZR = ["d", "stroke", "stroke-width", "fill"], eV = ["d", "stroke", "stroke-width", "fill"], tV = { key: 1 }, lV = ["onClick"], aV = ["id"], oV = ["stop-color"], rV = ["stop-color"], nV = ["id"], sV = ["stop-color"], iV = ["stop-color"], AV = ["stop-color"], uV = ["stop-color"], cV = ["stop-color"], dV = ["onMouseenter", "onClick", "d", "fill"], hV = ["onMouseenter", "onClick", "d"], fV = ["onMouseenter", "onClick", "d", "fill"], vV = ["onClick"], gV = ["stroke", "d"], yV = ["cx", "cy", "fill", "stroke"], pV = ["x", "y", "width", "height"], bV = { key: 1 }, mV = ["d", "stroke"], wV = ["d", "fill", "stroke"], xV = ["id"], CV = ["stop-color"], kV = /* @__PURE__ */ Au(() => /* @__PURE__ */ y("stop", {
   offset: "77%",
   "stop-color": "#FFFFFF20"
-}, null, -1)), CV = ["stop-color"], kV = ["cx", "cy", "fill"], BV = ["cx", "cy", "fill"], _V = { key: 0 }, FV = ["text-anchor", "x", "y", "fill", "font-size"], SV = ["text-anchor", "x", "y", "fill", "font-size"], LV = { key: 2 }, $V = ["d", "fill", "stroke"], UV = ["innerHTML"], MV = {
+}, null, -1)), BV = ["stop-color"], _V = ["cx", "cy", "fill"], FV = ["cx", "cy", "fill"], SV = { key: 0 }, LV = ["text-anchor", "x", "y", "fill", "font-size"], $V = ["text-anchor", "x", "y", "fill", "font-size"], UV = { key: 2 }, MV = ["d", "fill", "stroke"], QV = ["innerHTML"], EV = {
   __name: "vue-ui-3d-bar",
   props: {
     config: {
@@ -41115,36 +41124,36 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
             y("stop", {
               offset: "0%",
               "stop-color": `${ne(mt)(b.value.style.chart.backgroundColor)}00`
-            }, null, 8, EO),
+            }, null, 8, NO),
             y("stop", {
               offset: "100%",
               "stop-color": `${b.value.style.chart.bar.color}`
-            }, null, 8, IO)
-          ], 8, QO),
+            }, null, 8, TO)
+          ], 8, IO),
           y("radialGradient", {
             id: `gradient_left${l.value}`
           }, [
             y("stop", {
               offset: "0%",
               "stop-color": `${ne(mt)(b.value.style.chart.backgroundColor)}00`
-            }, null, 8, TO),
+            }, null, 8, HO),
             y("stop", {
               offset: "100%",
               "stop-color": `${b.value.style.chart.bar.color}33`
-            }, null, 8, DO)
-          ], 8, NO),
+            }, null, 8, PO)
+          ], 8, DO),
           y("radialGradient", {
             id: `gradient_right${l.value}`
           }, [
             y("stop", {
               offset: "0%",
               "stop-color": `${ne(mt)(b.value.style.chart.backgroundColor)}00`
-            }, null, 8, PO),
+            }, null, 8, OO),
             y("stop", {
               offset: "100%",
               "stop-color": `${b.value.style.chart.bar.color}33`
-            }, null, 8, zO)
-          ], 8, HO),
+            }, null, 8, RO)
+          ], 8, zO),
           y("linearGradient", {
             id: `gradient_tube_body${l.value}`,
             x1: "0%",
@@ -41155,61 +41164,61 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
             y("stop", {
               offset: "0%",
               "stop-color": `${b.value.style.chart.bar.color}`
-            }, null, 8, RO),
+            }, null, 8, KO),
             y("stop", {
               offset: "75%",
               "stop-color": `${ne(mt)(b.value.style.chart.backgroundColor)}00`
-            }, null, 8, VO),
+            }, null, 8, WO),
             y("stop", {
               offset: "100%",
               "stop-color": `${b.value.style.chart.bar.color}66`
-            }, null, 8, KO)
-          ], 8, OO)
+            }, null, 8, jO)
+          ], 8, VO)
         ]),
-        g.value ? (u(), c("defs", WO, [
+        g.value ? (u(), c("defs", GO, [
           (u(!0), c(ye, null, Ce(i.value, (Q) => (u(), c("radialGradient", {
             id: `grad_top_${Q.id}`
           }, [
             y("stop", {
               offset: "0%",
               "stop-color": `${ne(Ga)(Q.color, 0.5)}DD`
-            }, null, 8, GO),
+            }, null, 8, qO),
             y("stop", {
               offset: "100%",
               "stop-color": `${Q.color}`
-            }, null, 8, XO)
-          ], 8, jO))), 256)),
+            }, null, 8, YO)
+          ], 8, XO))), 256)),
           (u(!0), c(ye, null, Ce(i.value, (Q) => (u(), c("linearGradient", {
             id: `grad_left_${Q.id}`
           }, [
             y("stop", {
               offset: "0%",
               "stop-color": `${Q.color}DD`
-            }, null, 8, YO),
+            }, null, 8, ZO),
             y("stop", {
               offset: "100%",
               "stop-color": `${ne(Zr)(Q.color, 0.5)}FF`
-            }, null, 8, JO)
-          ], 8, qO))), 256)),
+            }, null, 8, eR)
+          ], 8, JO))), 256)),
           (u(!0), c(ye, null, Ce(i.value, (Q) => (u(), c("linearGradient", {
             id: `grad_right_${Q.id}`
           }, [
             y("stop", {
               offset: "2%",
               "stop-color": `${ne(Ga)(Q.color, 0.5)}FF`
-            }, null, 8, eR),
+            }, null, 8, lR),
             y("stop", {
               offset: "100%",
               "stop-color": `${Q.color}DD`
-            }, null, 8, tR)
-          ], 8, ZO))), 256)),
+            }, null, 8, aR)
+          ], 8, tR))), 256)),
           y("linearGradient", {
             x1: "0%",
             y1: "0%",
             x2: "0%",
             y2: "100%",
             id: `vertical_line_${l.value}`
-          }, rR, 8, lR)
+          }, sR, 8, oR)
         ])) : _("", !0),
         b.value.style.chart.dataLabel.show && ![null, void 0].includes(r.dataset.percentage) && [null, void 0].includes(r.dataset.series) ? (u(), c("text", {
           key: 1,
@@ -41219,7 +41228,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
           "font-weight": b.value.style.chart.dataLabel.bold ? "bold" : "normal",
           fill: b.value.style.chart.dataLabel.color,
           "text-anchor": "middle"
-        }, z(Number((isNaN(B.value) ? 0 : B.value).toFixed(b.value.style.chart.dataLabel.rounding)).toLocaleString()) + " % ", 9, nR)) : _("", !0),
+        }, z(Number((isNaN(B.value) ? 0 : B.value).toFixed(b.value.style.chart.dataLabel.rounding)).toLocaleString()) + " % ", 9, iR)) : _("", !0),
         h.value ? (u(), c("g", {
           key: 2,
           onClick: F[1] || (F[1] = (Q) => {
@@ -41234,22 +41243,22 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
             height: 12,
             width: 12,
             fill: "transparent"
-          }, null, 8, sR),
+          }, null, 8, AR),
           y("path", {
             d: `M${s.value.width / 2 - 6},${s.value.top - 20} ${s.value.width / 2 + 6},${s.value.top - 9}`,
             stroke: b.value.style.chart.color,
             "stroke-linecap": "round",
             "stroke-width": "1"
-          }, null, 8, iR),
+          }, null, 8, uR),
           y("path", {
             d: `M${s.value.width / 2 + 6},${s.value.top - 20} ${s.value.width / 2 - 6},${s.value.top - 9}`,
             stroke: b.value.style.chart.color,
             "stroke-linecap": "round",
             "stroke-width": "1"
-          }, null, 8, AR)
+          }, null, 8, cR)
         ])) : _("", !0),
-        !b.value.style.shape || b.value.style.shape === "bar" ? (u(), c("g", uR, [
-          g.value ? _("", !0) : (u(), c("g", cR, [
+        !b.value.style.shape || b.value.style.shape === "bar" ? (u(), c("g", dR, [
+          g.value ? _("", !0) : (u(), c("g", hR, [
             y("path", {
               "stroke-dasharray": b.value.style.chart.box.strokeDasharray,
               d: w.value.right,
@@ -41258,7 +41267,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, dR),
+            }, null, 8, fR),
             y("path", {
               "stroke-dasharray": b.value.style.chart.box.strokeDasharray,
               d: w.value.left,
@@ -41267,7 +41276,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, hR),
+            }, null, 8, vR),
             y("path", {
               "stroke-dasharray": b.value.style.chart.box.strokeDasharray,
               d: w.value.side,
@@ -41276,7 +41285,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, fR),
+            }, null, 8, gR),
             y("path", {
               "stroke-dasharray": b.value.style.chart.box.strokeDasharray,
               d: w.value.topSides,
@@ -41285,9 +41294,9 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, vR)
+            }, null, 8, yR)
           ])),
-          g.value ? _("", !0) : (u(), c("g", gR, [
+          g.value ? _("", !0) : (u(), c("g", pR, [
             y("path", {
               d: D.value.right,
               stroke: b.value.style.chart.bar.stroke,
@@ -41295,7 +41304,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: `url(#gradient_right${l.value})`
-            }, null, 8, yR),
+            }, null, 8, bR),
             y("path", {
               d: D.value.left,
               stroke: b.value.style.chart.bar.stroke,
@@ -41303,7 +41312,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: `url(#gradient_left${l.value})`
-            }, null, 8, pR),
+            }, null, 8, mR),
             y("path", {
               d: D.value.top,
               stroke: b.value.style.chart.bar.stroke,
@@ -41311,9 +41320,9 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: `url(#gradient_top${l.value})`
-            }, null, 8, bR)
+            }, null, 8, wR)
           ])),
-          g.value ? (u(), c("g", mR, [
+          g.value ? (u(), c("g", xR, [
             (u(!0), c(ye, null, Ce(i.value, (Q, I) => (u(), c("g", {
               style: O(`opacity:${R.value ? R.value === Q.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack"
@@ -41324,21 +41333,21 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                 onMouseenter: (L) => le(Q),
                 onClick: (L) => le(Q, !0),
                 onMouseout: W
-              }, null, 40, wR),
+              }, null, 40, CR),
               y("path", {
                 d: Q.fill.left,
                 fill: `url(#grad_left_${Q.id})`,
                 onMouseenter: (L) => le(Q),
                 onClick: (L) => le(Q, !0),
                 onMouseout: W
-              }, null, 40, xR),
+              }, null, 40, kR),
               y("path", {
                 d: Q.fill.top,
                 fill: `url(#grad_top_${Q.id})`,
                 onMouseenter: (L) => le(Q),
                 onClick: (L) => le(Q, !0),
                 onMouseout: W
-              }, null, 40, CR),
+              }, null, 40, BR),
               y("path", {
                 d: Q.fill.liningTop,
                 stroke: "#FFFFFF",
@@ -41348,13 +41357,13 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                 onMouseenter: (L) => le(Q),
                 onClick: (L) => le(Q, !0),
                 onMouseout: W
-              }, null, 40, kR),
+              }, null, 40, _R),
               y("path", {
                 d: `M ${Q.fill.apexTop.x},${Q.fill.apexTop.y} ${Q.fill.apexBottom.x},${Q.fill.apexBottom.y}`,
                 stroke: "#FFFFFF",
                 "stroke-width": "0.5",
                 "stroke-linecap": "round"
-              }, null, 8, BR)
+              }, null, 8, FR)
             ], 4))), 256)),
             (u(!0), c(ye, null, Ce(i.value, (Q, I) => (u(), c("g", null, [
               I !== i.value.length - 1 ? (u(), c("path", {
@@ -41365,7 +41374,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                 "stroke-linecap": "round",
                 fill: "none",
                 style: { "pointer-events": "none" }
-              }, null, 8, _R)) : _("", !0)
+              }, null, 8, SR)) : _("", !0)
             ]))), 256)),
             (u(!0), c(ye, null, Ce(i.value, (Q, I) => (u(), c("g", {
               style: O(`opacity:${R.value ? R.value === Q.id ? 1 : 0 : Q.proportion * 100 > b.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
@@ -41377,7 +41386,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                 "stroke-width": "0.5",
                 "stroke-linecap": "round",
                 d: `M${Q.fill.sidePointer.x},${Q.fill.sidePointer.y} ${Q.fill.sidePointer.x + 20},${Q.fill.sidePointer.y}`
-              }, null, 8, SR),
+              }, null, 8, $R),
               !Q.fill.miniDonut || R.value ? (u(), c("circle", {
                 key: 0,
                 cx: Q.fill.sidePointer.x + 20,
@@ -41385,7 +41394,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                 r: 2,
                 fill: Q.color,
                 stroke: b.value.style.chart.backgroundColor
-              }, null, 8, LR)) : _("", !0),
+              }, null, 8, UR)) : _("", !0),
               (u(), c("foreignObject", {
                 x: Q.fill.sidePointer.x + 30,
                 y: Q.fill.sidePointer.y - b.value.style.chart.legend.fontSize,
@@ -41398,8 +41407,8 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                   style: O(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${b.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${b.value.style.chart.legend.fontSize}px; color:${b.value.style.chart.legend.color}`)
                 }, z(Q.name) + " : " + z(ne(lt)({ v: Q.proportion * 100, s: "%", r: b.value.style.chart.legend.roundingPercentage })) + " (" + z(ne(lt)({ p: b.value.style.chart.legend.prefix, v: Q.value, s: b.value.style.chart.legend.suffix, r: b.value.style.chart.legend.roundingValue })) + ") ", 5)) : _("", !0),
                 Ke(ae.$slots, "legend", vt(bt({ datapoint: Q, config: b.value, dataset: i.value })), void 0, !0)
-              ], 8, $R)),
-              Q.fill.donut && R.value === Q.id ? (u(), c("g", UR, [
+              ], 8, MR)),
+              Q.fill.donut && R.value === Q.id ? (u(), c("g", QR, [
                 (u(!0), c(ye, null, Ce(Q.fill.donut, (L, M) => (u(), c("g", null, [
                   j(L, Q.fill.donut, !0) > 6 ? (u(), c("path", {
                     key: 0,
@@ -41410,7 +41419,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     fill: "none"
-                  }, null, 8, MR)) : _("", !0)
+                  }, null, 8, ER)) : _("", !0)
                 ]))), 256)),
                 (u(!0), c(ye, null, Ce(Q.fill.donut, (L, M) => (u(), c("path", {
                   class: "vue-ui-donut-arc-path",
@@ -41418,7 +41427,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                   fill: `${L.color}`,
                   stroke: b.value.style.chart.backgroundColor,
                   "stroke-width": 1
-                }, null, 8, QR))), 256)),
+                }, null, 8, IR))), 256)),
                 y("defs", null, [
                   y("radialGradient", {
                     id: `hollow_gradient_${l.value}`
@@ -41426,13 +41435,13 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                     y("stop", {
                       offset: "0%",
                       "stop-color": `${ne(mt)(b.value.style.chart.backgroundColor)}00`
-                    }, null, 8, IR),
-                    NR,
+                    }, null, 8, TR),
+                    DR,
                     y("stop", {
                       offset: "100%",
                       "stop-color": `${ne(mt)(b.value.style.chart.backgroundColor)}00`
-                    }, null, 8, TR)
-                  ], 8, ER)
+                    }, null, 8, HR)
+                  ], 8, NR)
                 ]),
                 (u(!0), c(ye, null, Ce(Q.fill.donut, (L, M) => (u(), c("circle", {
                   class: "vue-ui-donut-arc-path",
@@ -41440,47 +41449,47 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                   cy: L.cy,
                   r: 28,
                   fill: `url(#hollow_gradient_${l.value})`
-                }, null, 8, DR))), 256)),
+                }, null, 8, PR))), 256)),
                 (u(!0), c(ye, null, Ce(Q.fill.donut, (L, M) => (u(), c("circle", {
                   class: "vue-ui-donut-arc-path",
                   cx: L.cx,
                   cy: L.cy,
                   r: 14,
                   fill: b.value.style.chart.backgroundColor
-                }, null, 8, HR))), 256)),
+                }, null, 8, zR))), 256)),
                 (u(!0), c(ye, null, Ce(Q.fill.donut, (L, M) => (u(), c("g", null, [
-                  j(L, Q.fill.donut, !0) > 6 ? (u(), c("g", PR, [
+                  j(L, Q.fill.donut, !0) > 6 ? (u(), c("g", OR, [
                     y("text", {
                       "text-anchor": ne(Bt)(L, !0, 0).anchor,
                       x: ne(Bt)(L, !0, 2).x,
                       y: ne(yl)(L, 12, 12),
                       fill: b.value.style.chart.legend.color,
                       "font-size": b.value.style.chart.legend.fontSize / 1.5
-                    }, z(j(L, Q.fill.donut)) + " (" + z(ne(lt)({ p: b.value.style.chart.legend.prefix, v: L.value, s: b.value.style.chart.legend.suffix, rounding: b.value.style.chart.legend.roundingValue })) + ") ", 9, zR),
+                    }, z(j(L, Q.fill.donut)) + " (" + z(ne(lt)({ p: b.value.style.chart.legend.prefix, v: L.value, s: b.value.style.chart.legend.suffix, rounding: b.value.style.chart.legend.roundingValue })) + ") ", 9, RR),
                     y("text", {
                       "text-anchor": ne(Bt)(L).anchor,
                       x: ne(Bt)(L, !0, 2).x,
                       y: ne(yl)(L, 12, 12) + b.value.style.chart.legend.fontSize / 1.5,
                       fill: b.value.style.chart.legend.color,
                       "font-size": b.value.style.chart.legend.fontSize / 1.5
-                    }, z(L.name), 9, OR)
+                    }, z(L.name), 9, VR)
                   ])) : _("", !0)
                 ]))), 256))
               ])) : _("", !0),
-              Q.fill.miniDonut && !R.value ? (u(), c("g", RR, [
+              Q.fill.miniDonut && !R.value ? (u(), c("g", KR, [
                 (u(!0), c(ye, null, Ce(Q.fill.miniDonut, (L, M) => (u(), c("path", {
                   class: "vue-ui-donut-arc-path",
                   d: L.arcSlice,
                   fill: `${L.color}`,
                   stroke: b.value.style.chart.backgroundColor,
                   "stroke-width": 0.5
-                }, null, 8, VR))), 256))
+                }, null, 8, WR))), 256))
               ])) : _("", !0)
-            ], 12, FR))), 256))
+            ], 12, LR))), 256))
           ])) : _("", !0)
         ])) : _("", !0),
-        b.value.style.shape === "tube" ? (u(), c("g", KR, [
-          g.value ? _("", !0) : (u(), c("g", WR, [
+        b.value.style.shape === "tube" ? (u(), c("g", jR, [
+          g.value ? _("", !0) : (u(), c("g", GR, [
             y("path", {
               "stroke-dasharray": b.value.style.chart.box.strokeDasharray,
               d: w.value.tubeTop,
@@ -41489,7 +41498,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, jR),
+            }, null, 8, XR),
             y("path", {
               "stroke-dasharray": b.value.style.chart.box.strokeDasharray,
               d: w.value.tubeLeft,
@@ -41498,7 +41507,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, GR),
+            }, null, 8, qR),
             y("path", {
               "stroke-dasharray": b.value.style.chart.box.strokeDasharray,
               d: w.value.tubeRight,
@@ -41507,7 +41516,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, XR),
+            }, null, 8, YR),
             y("path", {
               "stroke-dasharray": b.value.style.chart.box.strokeDasharray,
               d: w.value.tubeBottom,
@@ -41516,7 +41525,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: "none"
-            }, null, 8, qR),
+            }, null, 8, JR),
             y("path", {
               d: D.value.tubeTop,
               stroke: b.value.style.chart.bar.stroke,
@@ -41524,7 +41533,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: `url(#gradient_top${l.value})`
-            }, null, 8, YR),
+            }, null, 8, ZR),
             y("path", {
               d: D.value.tubeBody,
               stroke: b.value.style.chart.bar.stroke,
@@ -41532,9 +41541,9 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
               fill: `url(#gradient_tube_body${l.value})`
-            }, null, 8, JR)
+            }, null, 8, eV)
           ])),
-          g.value ? (u(), c("g", ZR, [
+          g.value ? (u(), c("g", tV, [
             (u(!0), c(ye, null, Ce(i.value, (Q, I) => (u(), c("g", {
               style: O(`opacity:${R.value ? R.value === Q.id ? 1 : 0.3 : 1}`),
               class: "vue-ui-3d-bar-stack",
@@ -41549,12 +41558,12 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                   y("stop", {
                     offset: "0%",
                     "stop-color": `${ne(Ga)(Q.color, 0.5)}DD`
-                  }, null, 8, lV),
+                  }, null, 8, oV),
                   y("stop", {
                     offset: "100%",
                     "stop-color": `${ne(Zr)(Q.color, 0.1)}DD`
-                  }, null, 8, aV)
-                ], 8, tV),
+                  }, null, 8, rV)
+                ], 8, aV),
                 y("linearGradient", {
                   id: `gradient_tube_body_${Q.id}`,
                   x1: "0%",
@@ -41565,24 +41574,24 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                   y("stop", {
                     offset: "0%",
                     "stop-color": `${Q.color}`
-                  }, null, 8, rV),
+                  }, null, 8, sV),
                   y("stop", {
                     offset: "10%",
                     "stop-color": `${ne(Zr)(Q.color, 0.7)}FF`
-                  }, null, 8, nV),
+                  }, null, 8, iV),
                   y("stop", {
                     offset: "25%",
                     "stop-color": `${ne(Zr)(Q.color, 0.5)}FF`
-                  }, null, 8, sV),
+                  }, null, 8, AV),
                   y("stop", {
                     offset: "75%",
                     "stop-color": `${Q.color}DD`
-                  }, null, 8, iV),
+                  }, null, 8, uV),
                   y("stop", {
                     offset: "100%",
                     "stop-color": `${ne(Ga)(Q.color, 0.7)}FF`
-                  }, null, 8, AV)
-                ], 8, oV)
+                  }, null, 8, cV)
+                ], 8, nV)
               ]),
               y("path", {
                 onMouseenter: (L) => le(Q),
@@ -41594,7 +41603,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: `url(#gradient_tube_body_${Q.id})`
-              }, null, 40, uV),
+              }, null, 40, dV),
               I > 0 ? (u(), c("path", {
                 key: 0,
                 onMouseenter: (L) => le(Q),
@@ -41606,7 +41615,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: "none"
-              }, null, 40, cV)) : _("", !0),
+              }, null, 40, hV)) : _("", !0),
               y("path", {
                 onMouseenter: (L) => le(Q),
                 onClick: (L) => le(Q, !0),
@@ -41617,8 +41626,8 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                 "stroke-linejoin": "round",
                 "stroke-linecap": "round",
                 fill: `url(#gradient_tube_top_${Q.id})`
-              }, null, 40, dV)
-            ], 12, eV))), 256)),
+              }, null, 40, fV)
+            ], 12, lV))), 256)),
             (u(!0), c(ye, null, Ce(i.value, (Q, I) => (u(), c("g", {
               style: O(`opacity:${R.value ? R.value === Q.id ? 1 : 0 : Q.proportion * 100 > b.value.style.chart.legend.hideUnderPercentage ? 1 : 0}`),
               onClick: (L) => o("selectDatapoint", Q)
@@ -41629,7 +41638,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                 "stroke-width": "0.5",
                 "stroke-linecap": "round",
                 d: `M${Q.fill.sidePointer.x},${Q.fill.sidePointer.y} ${Q.fill.sidePointer.x + 20},${Q.fill.sidePointer.y}`
-              }, null, 8, fV),
+              }, null, 8, gV),
               !Q.fill.miniDonut || R.value ? (u(), c("circle", {
                 key: 0,
                 cx: Q.fill.sidePointer.x + 20,
@@ -41637,7 +41646,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                 r: 2,
                 fill: Q.color,
                 stroke: b.value.style.chart.backgroundColor
-              }, null, 8, vV)) : _("", !0),
+              }, null, 8, yV)) : _("", !0),
               (u(), c("foreignObject", {
                 x: Q.fill.sidePointer.x + 30,
                 y: Q.fill.sidePointer.y - b.value.style.chart.legend.fontSize,
@@ -41650,8 +41659,8 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                   style: O(`height: 100%; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items:center;justify-content: flex-start; font-size:${b.value.style.chart.legend.fontSize}px; text-align:left; line-height: ${b.value.style.chart.legend.fontSize}px; color:${b.value.style.chart.legend.color}`)
                 }, z(Q.name) + " : " + z(ne(lt)({ v: Q.proportion * 100, s: "%", r: b.value.style.chart.legend.roundingPercentage })) + " (" + z(ne(lt)({ p: b.value.style.chart.legend.prefix, v: Q.value, s: b.value.style.chart.legend.suffix, r: b.value.style.chart.legend.roundingValue })) + ") ", 5)) : _("", !0),
                 Ke(ae.$slots, "legend", vt(bt({ datapoint: Q, config: b.value, dataset: i.value })), void 0, !0)
-              ], 8, gV)),
-              Q.fill.donut && R.value === Q.id ? (u(), c("g", yV, [
+              ], 8, pV)),
+              Q.fill.donut && R.value === Q.id ? (u(), c("g", bV, [
                 (u(!0), c(ye, null, Ce(Q.fill.donut, (L, M) => (u(), c("g", null, [
                   j(L, Q.fill.donut, !0) > 6 ? (u(), c("path", {
                     key: 0,
@@ -41662,7 +41671,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     fill: "none"
-                  }, null, 8, pV)) : _("", !0)
+                  }, null, 8, mV)) : _("", !0)
                 ]))), 256)),
                 (u(!0), c(ye, null, Ce(Q.fill.donut, (L, M) => (u(), c("path", {
                   class: "vue-ui-donut-arc-path",
@@ -41670,7 +41679,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                   fill: `${L.color}`,
                   stroke: b.value.style.chart.backgroundColor,
                   "stroke-width": 1
-                }, null, 8, bV))), 256)),
+                }, null, 8, wV))), 256)),
                 y("defs", null, [
                   y("radialGradient", {
                     id: `hollow_gradient_${l.value}`
@@ -41678,13 +41687,13 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                     y("stop", {
                       offset: "0%",
                       "stop-color": `${ne(mt)(b.value.style.chart.backgroundColor)}00`
-                    }, null, 8, wV),
-                    xV,
+                    }, null, 8, CV),
+                    kV,
                     y("stop", {
                       offset: "100%",
                       "stop-color": `${ne(mt)(b.value.style.chart.backgroundColor)}00`
-                    }, null, 8, CV)
-                  ], 8, mV)
+                    }, null, 8, BV)
+                  ], 8, xV)
                 ]),
                 (u(!0), c(ye, null, Ce(Q.fill.donut, (L, M) => (u(), c("circle", {
                   class: "vue-ui-donut-arc-path",
@@ -41692,47 +41701,47 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                   cy: L.cy,
                   r: 28,
                   fill: `url(#hollow_gradient_${l.value})`
-                }, null, 8, kV))), 256)),
+                }, null, 8, _V))), 256)),
                 (u(!0), c(ye, null, Ce(Q.fill.donut, (L, M) => (u(), c("circle", {
                   class: "vue-ui-donut-arc-path",
                   cx: L.cx,
                   cy: L.cy,
                   r: 14,
                   fill: b.value.style.chart.backgroundColor
-                }, null, 8, BV))), 256)),
+                }, null, 8, FV))), 256)),
                 (u(!0), c(ye, null, Ce(Q.fill.donut, (L, M) => (u(), c("g", null, [
-                  j(L, Q.fill.donut, !0) > 6 ? (u(), c("g", _V, [
+                  j(L, Q.fill.donut, !0) > 6 ? (u(), c("g", SV, [
                     y("text", {
                       "text-anchor": ne(Bt)(L, !0, 0).anchor,
                       x: ne(Bt)(L, !0, 2).x,
                       y: ne(yl)(L, 12, 12),
                       fill: b.value.style.chart.legend.color,
                       "font-size": b.value.style.chart.legend.fontSize / 1.5
-                    }, z(j(L, Q.fill.donut)) + " (" + z(ne(lt)({ p: b.value.style.chart.legend.prefix, v: L.value, s: b.value.style.chart.legend.suffix, rounding: b.value.style.chart.legend.roundingValue })) + ") ", 9, FV),
+                    }, z(j(L, Q.fill.donut)) + " (" + z(ne(lt)({ p: b.value.style.chart.legend.prefix, v: L.value, s: b.value.style.chart.legend.suffix, rounding: b.value.style.chart.legend.roundingValue })) + ") ", 9, LV),
                     y("text", {
                       "text-anchor": ne(Bt)(L).anchor,
                       x: ne(Bt)(L, !0, 2).x,
                       y: ne(yl)(L, 12, 12) + b.value.style.chart.legend.fontSize / 1.5,
                       fill: b.value.style.chart.legend.color,
                       "font-size": b.value.style.chart.legend.fontSize / 1.5
-                    }, z(L.name), 9, SV)
+                    }, z(L.name), 9, $V)
                   ])) : _("", !0)
                 ]))), 256))
               ])) : _("", !0),
-              Q.fill.miniDonut && !R.value ? (u(), c("g", LV, [
+              Q.fill.miniDonut && !R.value ? (u(), c("g", UV, [
                 (u(!0), c(ye, null, Ce(Q.fill.miniDonut, (L, M) => (u(), c("path", {
                   class: "vue-ui-donut-arc-path",
                   d: L.arcSlice,
                   fill: `${L.color}`,
                   stroke: b.value.style.chart.backgroundColor,
                   "stroke-width": 0.5
-                }, null, 8, $V))), 256))
+                }, null, 8, MV))), 256))
               ])) : _("", !0)
-            ], 12, hV))), 256))
+            ], 12, vV))), 256))
           ])) : _("", !0)
         ])) : _("", !0),
         Ke(ae.$slots, "svg", { svg: s.value }, void 0, !0)
-      ], 14, MO)) : _("", !0),
+      ], 14, EO)) : _("", !0),
       a.value ? _("", !0) : (u(), Re(Vt, {
         key: 3,
         config: {
@@ -41757,19 +41766,19 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
           y("div", {
             innerHTML: Q,
             style: { display: "flex", "align-items": "center" }
-          }, null, 8, UV)
+          }, null, 8, QV)
         ]),
         td: Ye(({ td: Q }) => [
           ht(z(Q.name || Q), 1)
         ]),
         _: 1
       }, 8, ["colNames", "head", "body", "config", "title"])) : _("", !0)
-    ], 12, UO));
+    ], 12, QO));
   }
-}, QV = /* @__PURE__ */ St(MV, [["__scopeId", "data-v-6320c0a1"]]), EV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, IV = /* @__PURE__ */ St(EV, [["__scopeId", "data-v-6320c0a1"]]), NV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: QV
-}, Symbol.toStringTag, { value: "Module" })), IV = { key: 0 }, NV = ["d", "fill"], TV = ["d", "fill"], DV = ["d", "fill"], HV = ["d", "fill"], PV = ["d", "fill"], zV = ["d", "fill"], OV = ["d", "fill"], RV = { key: 1 }, VV = ["cx", "cy", "fill"], KV = {
+  default: IV
+}, Symbol.toStringTag, { value: "Module" })), TV = { key: 0 }, DV = ["d", "fill"], HV = ["d", "fill"], PV = ["d", "fill"], zV = ["d", "fill"], OV = ["d", "fill"], RV = ["d", "fill"], VV = ["d", "fill"], KV = { key: 1 }, WV = ["cx", "cy", "fill"], jV = {
   __name: "Digit",
   props: {
     quanta: {
@@ -41820,54 +41829,54 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
       X: "0000000"
     }), r = re(() => [void 0, null].includes(t.quanta) ? o.value.X : o.value[t.quanta]);
     return (a, l) => (u(), c(ye, null, [
-      [void 0, null, "."].includes(e.quanta) ? _("", !0) : (u(), c("g", IV, [
+      [void 0, null, "."].includes(e.quanta) ? _("", !0) : (u(), c("g", TV, [
         y("path", {
           d: `M ${e.x} ${e.y} L ${e.x + 2} ${e.y - 2} L ${e.x + 24} ${e.y - 2} L ${e.x + 26} ${e.y} L ${e.x + 24} ${e.y + 2} L ${e.x + 2} ${e.y + 2}Z`,
           fill: r.value[0] == 1 ? e.color : e.backgroundColor,
           stroke: "none"
-        }, null, 8, NV),
+        }, null, 8, DV),
         y("path", {
           d: `M ${e.x + 26} ${e.y + 26} L ${e.x + 26} ${e.y + 4} L ${e.x + 28} ${e.y + 2} L ${e.x + 30} ${e.y + 4} L ${e.x + 30} ${e.y + 26} L ${e.x + 28} ${e.y + 28} L ${e.x + 26} ${e.y + 26}`,
           fill: r.value[1] == 1 ? e.color : e.backgroundColor,
           stroke: "none"
-        }, null, 8, TV),
+        }, null, 8, HV),
         y("path", {
           d: `M ${e.x + 26} ${e.y + 56} L ${e.x + 26} ${e.y + 34} L ${e.x + 28} ${e.y + 32} L ${e.x + 30} ${e.y + 34} L ${e.x + 30} ${e.y + 56} L ${e.x + 28} ${e.y + 58} L ${e.x + 26} ${e.y + 56}`,
           fill: r.value[2] == 1 ? e.color : e.backgroundColor,
           stroke: "none"
-        }, null, 8, DV),
+        }, null, 8, PV),
         y("path", {
           d: `M ${e.x + 2} ${e.y + 58} L ${e.x} ${e.y + 60} L ${e.x + 2} ${e.y + 62} L ${e.x + 24} ${e.y + 62} L ${e.x + 26} ${e.y + 60} L ${e.x + 24} ${e.y + 58} L ${e.x + 2} ${e.y + 58}`,
           fill: r.value[3] == 1 ? e.color : e.backgroundColor,
           stroke: "none"
-        }, null, 8, HV),
+        }, null, 8, zV),
         y("path", {
           d: `M ${e.x} ${e.y + 34} L ${e.x - 2} ${e.y + 32} L ${e.x - 4} ${e.y + 34} L ${e.x - 4} ${e.y + 56} L ${e.x - 2} ${e.y + 58} L ${e.x} ${e.y + 56} L ${e.x} ${e.y + 34}`,
           fill: r.value[4] == 1 ? e.color : e.backgroundColor,
           stroke: "none"
-        }, null, 8, PV),
+        }, null, 8, OV),
         y("path", {
           d: `M ${e.x - 2} ${e.y + 2} L ${e.x} ${e.y + 4} L ${e.x} ${e.y + 26} L ${e.x - 2} ${e.y + 28} L ${e.x - 4} ${e.y + 26} L ${e.x - 4} ${e.y + 4} L ${e.x - 2} ${e.y + 2}`,
           fill: r.value[5] == 1 ? e.color : e.backgroundColor,
           stroke: "none"
-        }, null, 8, zV),
+        }, null, 8, RV),
         y("path", {
           d: `M ${e.x + 2} ${e.y + 28} L ${e.x} ${e.y + 30} L ${e.x + 2} ${e.y + 32} L ${e.x + 24} ${e.y + 32} L ${e.x + 26} ${e.y + 30} L ${e.x + 24} ${e.y + 28} L ${e.x + 2} ${e.y + 28}`,
           fill: r.value[6] == 1 ? e.color : e.backgroundColor,
           stroke: "none"
-        }, null, 8, OV)
+        }, null, 8, VV)
       ])),
-      e.quanta == "." ? (u(), c("g", RV, [
+      e.quanta == "." ? (u(), c("g", KV, [
         y("circle", {
           cx: e.x - 8,
           cy: e.y + 60,
           r: 3,
           fill: e.color
-        }, null, 8, VV)
+        }, null, 8, WV)
       ])) : _("", !0)
     ], 64));
   }
-}, WV = ["xmlns", "viewBox"], jV = {
+}, GV = ["xmlns", "viewBox"], XV = {
   __name: "vue-ui-digits",
   props: {
     dataset: {
@@ -41906,19 +41915,19 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
       viewBox: `0 0 ${l.value} 80`,
       style: O(`background:${r.value.backgroundColor};${r.value.height ? `height:${r.value.height};` : ""}${r.value.width ? `width:${r.value.width}` : ""}`)
     }, [
-      (u(!0), c(ye, null, Ce(a.value, (d) => (u(), Re(KV, {
+      (u(!0), c(ye, null, Ce(a.value, (d) => (u(), Re(jV, {
         x: d.x,
         y: d.y,
         quanta: d.quanta,
         color: r.value.digits.color,
         backgroundColor: r.value.digits.skeletonColor
       }, null, 8, ["x", "y", "quanta", "color", "backgroundColor"]))), 256))
-    ], 12, WV));
+    ], 12, GV));
   }
-}, GV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, qV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: jV
-}, Symbol.toStringTag, { value: "Module" })), XV = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMouseover"], qV = {
+  default: XV
+}, Symbol.toStringTag, { value: "Module" })), YV = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMouseover"], JV = {
   __name: "RecursiveCircles",
   props: {
     color: {
@@ -41974,7 +41983,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
             onClick: Ea((b) => r(f), ["stop"]),
             onMouseover: (b) => a(f),
             onMouseleave: A[0] || (A[0] = (b) => a(null))
-          }, null, 40, XV))), 256)),
+          }, null, 40, YV))), 256)),
           f.nodes && f.nodes.length > 0 ? (u(), Re(d, {
             key: 0,
             dataset: f.nodes,
@@ -41989,7 +41998,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
       ], 64))), 256);
     };
   }
-}, YV = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], JV = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ZV = {
+}, ZV = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], eK = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], tK = {
   __name: "RecursiveLinks",
   props: {
     dataset: {
@@ -42023,7 +42032,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                 y2: n.parentNode.polygonPath.coordinates[0].y,
                 stroke: e.backgroundColor,
                 "stroke-width": n.circleRadius / 1.5
-              }, null, 8, YV),
+              }, null, 8, ZV),
               y("line", {
                 x1: A.x,
                 y1: A.y,
@@ -42031,7 +42040,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
                 y2: n.parentNode.polygonPath.coordinates[0].y,
                 stroke: e.color,
                 "stroke-width": n.circleRadius / 2
-              }, null, 8, JV)
+              }, null, 8, eK)
             ], 64)) : _("", !0)
           ], 64))), 256)) : _("", !0)
         ], 64))), 256)),
@@ -42048,7 +42057,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
       ], 64);
     };
   }
-}, eK = ["x", "y", "fill", "font-size"], tK = {
+}, lK = ["x", "y", "fill", "font-size"], aK = {
   __name: "RecursiveLabels",
   props: {
     color: {
@@ -42081,7 +42090,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
             "font-size": A.circleRadius,
             "text-anchor": "middle",
             style: { opacity: "0.8", "pointer-events": "none" }
-          }, z(A.name), 9, eK))), 256)),
+          }, z(A.name), 9, lK))), 256)),
           A.nodes && A.nodes.length > 0 ? (u(), Re(n, {
             key: 0,
             dataset: A.nodes,
@@ -42092,7 +42101,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
       ], 64))), 256);
     };
   }
-}, lK = { style: { position: "relative", height: "100%", width: "100%" } }, aK = {
+}, oK = { style: { position: "relative", height: "100%", width: "100%" } }, rK = {
   __name: "BaseDirectionPad",
   props: {
     color: {
@@ -42110,7 +42119,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
       style: O(`position: ${e.isFullscreen ? "fixed" : "absolute"};bottom:0;right:${e.isFullscreen ? "12px" : "0"};width:80px;height:80px`),
       "data-html2canvas-ignore": ""
     }, [
-      y("div", lK, [
+      y("div", oK, [
         y("button", {
           onClick: r[0] || (r[0] = Ea((a) => t("moveLeft"), ["stop"])),
           style: { position: "absolute", left: "0", top: "50%", transform: "translateY(-50%)", height: "24px", width: "24px", padding: "0", background: "transparent", border: "none", display: "flex", "align-items": "center", "justify-content": "center" }
@@ -42166,7 +42175,7 @@ const Au = (e) => (Ta("data-v-6320c0a1"), e = e(), Da(), e), UO = ["id"], MO = [
     ], 4));
   }
 };
-const oK = ["id"], rK = ["xmlns", "viewBox"], nK = ["id"], sK = ["stop-color"], iK = ["stop-color"], AK = ["innerHTML"], uK = {
+const nK = ["id"], sK = ["xmlns", "viewBox"], iK = ["id"], AK = ["stop-color"], uK = ["stop-color"], cK = ["innerHTML"], dK = {
   __name: "vue-ui-molecule",
   props: {
     config: {
@@ -42494,19 +42503,19 @@ const oK = ["id"], rK = ["xmlns", "viewBox"], nK = ["id"], sK = ["stop-color"],
             y("stop", {
               offset: "0%",
               "stop-color": ne(Ga)($, 0.5)
-            }, null, 8, sK),
+            }, null, 8, AK),
             y("stop", {
               offset: "100%",
               "stop-color": $
-            }, null, 8, iK)
-          ], 8, nK))), 256))
+            }, null, 8, uK)
+          ], 8, iK))), 256))
         ]),
-        at(ZV, {
+        at(tK, {
           dataset: de.value,
           color: w.value.style.chart.links.stroke,
           backgroundColor: w.value.style.chart.backgroundColor
         }, null, 8, ["dataset", "color", "backgroundColor"]),
-        at(qV, {
+        at(JV, {
           dataset: de.value,
           hoveredUid: ee.value,
           stroke: w.value.style.chart.nodes.stroke,
@@ -42514,15 +42523,15 @@ const oK = ["id"], rK = ["xmlns", "viewBox"], nK = ["id"], sK = ["stop-color"],
           onZoom: se,
           onHover: J
         }, null, 8, ["dataset", "hoveredUid", "stroke", "strokeHovered"]),
-        B.value.showDataLabels ? (u(), Re(tK, {
+        B.value.showDataLabels ? (u(), Re(aK, {
           key: 0,
           dataset: de.value,
           color: w.value.style.chart.color,
           hoveredUid: ee.value
         }, null, 8, ["dataset", "color", "hoveredUid"])) : _("", !0),
         Ke(Ae.$slots, "svg", { svg: R.value }, void 0, !0)
-      ], 14, rK)) : _("", !0),
-      m.value ? (u(), Re(aK, {
+      ], 14, sK)) : _("", !0),
+      m.value ? (u(), Re(rK, {
         key: `direction_pad_${i.value}`,
         color: w.value.style.chart.color,
         isFullscreen: me.value,
@@ -42578,7 +42587,7 @@ const oK = ["id"], rK = ["xmlns", "viewBox"], nK = ["id"], sK = ["stop-color"],
             y("div", {
               innerHTML: $,
               style: { display: "flex", "align-items": "center" }
-            }, null, 8, AK)
+            }, null, 8, cK)
           ]),
           td: Ye(({ td: $ }) => [
             ht(z($.name || $), 1)
@@ -42586,12 +42595,12 @@ const oK = ["id"], rK = ["xmlns", "viewBox"], nK = ["id"], sK = ["stop-color"],
           _: 1
         }, 8, ["colNames", "head", "body", "config", "title"])
       ], 4)) : _("", !0)
-    ], 46, oK));
+    ], 46, nK));
   }
-}, cK = /* @__PURE__ */ St(uK, [["__scopeId", "data-v-27864854"]]), dK = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, hK = /* @__PURE__ */ St(dK, [["__scopeId", "data-v-27864854"]]), fK = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: cK
-}, Symbol.toStringTag, { value: "Module" })), hK = { class: "vue-ui-element-arrow" }, fK = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], vK = ["d", "fill"], gK = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], yK = ["d", "fill"], pK = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray", "marker-end", "marker-start"], Zq = {
+  default: hK
+}, Symbol.toStringTag, { value: "Module" })), vK = { class: "vue-ui-element-arrow" }, gK = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], yK = ["d", "fill"], pK = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], bK = ["d", "fill"], mK = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray", "marker-end", "marker-start"], tY = {
   __name: "Arrow",
   props: {
     markerEnd: {
@@ -42641,7 +42650,7 @@ const oK = ["id"], rK = ["xmlns", "viewBox"], nK = ["id"], sK = ["stop-color"],
   },
   setup(e) {
     const t = e, o = yt(), r = re(() => `0 0 ${t.markerSize} ${t.markerSize}`), a = re(() => t.markerSize / 2), l = re(() => a.value + t.markerSize / 10);
-    return (n, A) => (u(), c("g", hK, [
+    return (n, A) => (u(), c("g", vK, [
       y("defs", null, [
         y("marker", {
           id: `arrow_end_${ne(o)}`,
@@ -42655,8 +42664,8 @@ const oK = ["id"], rK = ["xmlns", "viewBox"], nK = ["id"], sK = ["stop-color"],
           y("path", {
             d: `M 0 0 L ${e.markerSize} ${a.value} L 0 ${e.markerSize} z`,
             fill: e.stroke
-          }, null, 8, vK)
-        ], 8, fK),
+          }, null, 8, yK)
+        ], 8, gK),
         y("marker", {
           id: `arrow_start_${ne(o)}`,
           orient: "auto-start-reverse",
@@ -42669,8 +42678,8 @@ const oK = ["id"], rK = ["xmlns", "viewBox"], nK = ["id"], sK = ["stop-color"],
           y("path", {
             d: `M 0 0 L ${e.markerSize} ${a.value} L 0 ${e.markerSize} z`,
             fill: e.stroke
-          }, null, 8, yK)
-        ], 8, gK)
+          }, null, 8, bK)
+        ], 8, pK)
       ]),
       y("line", {
         x1: e.x1,
@@ -42683,11 +42692,11 @@ const oK = ["id"], rK = ["xmlns", "viewBox"], nK = ["id"], sK = ["stop-color"],
         "stroke-dasharray": e.strokeDasharray,
         "marker-end": e.markerEnd ? `url(#arrow_end_${ne(o)})` : "",
         "marker-start": e.markerStart ? `url(#arrow_start_${ne(o)})` : ""
-      }, null, 8, pK)
+      }, null, 8, mK)
     ]));
   }
 };
-const bK = ["xmlns", "viewBox"], mK = { key: 0 }, wK = ["stroke"], xK = ["stroke"], CK = ["stroke"], kK = { key: 1 }, BK = ["stroke"], _K = { key: 2 }, FK = ["stroke"], SK = {
+const wK = ["xmlns", "viewBox"], xK = { key: 0 }, CK = ["stroke"], kK = ["stroke"], BK = ["stroke"], _K = { key: 1 }, FK = ["stroke"], SK = { key: 2 }, LK = ["stroke"], $K = {
   __name: "vue-ui-mini-loader",
   props: {
     config: {
@@ -42727,7 +42736,7 @@ const bK = ["xmlns", "viewBox"], mK = { key: 0 }, wK = ["stroke"], xK = ["stroke
       style: { background: "transparent" },
       width: "100%"
     }, [
-      r.value.type === "onion" ? (u(), c("g", mK, [
+      r.value.type === "onion" ? (u(), c("g", xK, [
         y("path", {
           d: "M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3",
           "stroke-width": "4",
@@ -42756,7 +42765,7 @@ const bK = ["xmlns", "viewBox"], mK = { key: 0 }, wK = ["stroke"], xK = ["stroke
           fill: "none",
           "stroke-linecap": "round",
           class: "onion-animated"
-        }, null, 8, wK),
+        }, null, 8, CK),
         y("path", {
           d: "M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13",
           stroke: r.value.onion.trackColor,
@@ -42764,7 +42773,7 @@ const bK = ["xmlns", "viewBox"], mK = { key: 0 }, wK = ["stroke"], xK = ["stroke
           fill: "none",
           "stroke-linecap": "round",
           class: "onion-animated"
-        }, null, 8, xK),
+        }, null, 8, kK),
         y("path", {
           d: "M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25",
           stroke: r.value.onion.trackColor,
@@ -42772,9 +42781,9 @@ const bK = ["xmlns", "viewBox"], mK = { key: 0 }, wK = ["stroke"], xK = ["stroke
           fill: "none",
           "stroke-linecap": "round",
           class: "onion-animated"
-        }, null, 8, CK)
+        }, null, 8, BK)
       ])) : _("", !0),
-      r.value.type === "line" ? (u(), c("g", kK, [
+      r.value.type === "line" ? (u(), c("g", _K, [
         y("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",
@@ -42789,9 +42798,9 @@ const bK = ["xmlns", "viewBox"], mK = { key: 0 }, wK = ["stroke"], xK = ["stroke
           fill: "none",
           "stroke-linecap": "round",
           class: "line-animated"
-        }, null, 8, BK)
+        }, null, 8, FK)
       ])) : _("", !0),
-      r.value.type === "bar" ? (u(), c("g", _K, [
+      r.value.type === "bar" ? (u(), c("g", SK, [
         y("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",
@@ -42806,32 +42815,32 @@ const bK = ["xmlns", "viewBox"], mK = { key: 0 }, wK = ["stroke"], xK = ["stroke
           fill: "none",
           "stroke-linecap": "round",
           class: "bar-animated"
-        }, null, 8, FK)
+        }, null, 8, LK)
       ])) : _("", !0)
-    ], 8, bK));
+    ], 8, wK));
   }
-}, LK = /* @__PURE__ */ St(SK, [["__scopeId", "data-v-baedef4c"]]), $K = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, UK = /* @__PURE__ */ St($K, [["__scopeId", "data-v-baedef4c"]]), MK = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: LK
+  default: UK
 }, Symbol.toStringTag, { value: "Module" }));
-function eY(e) {
+function lY(e) {
   return _t[e];
 }
-const Bd = (e) => (Ta("data-v-b1953ca5"), e = e(), Da(), e), UK = ["id"], MK = ["xmlns", "viewBox"], QK = ["d", "fill", "stroke", "stroke-width", "filter"], EK = ["id", "fr"], IK = /* @__PURE__ */ Bd(() => /* @__PURE__ */ y("stop", {
+const Bd = (e) => (Ta("data-v-b1953ca5"), e = e(), Da(), e), QK = ["id"], EK = ["xmlns", "viewBox"], IK = ["d", "fill", "stroke", "stroke-width", "filter"], NK = ["id", "fr"], TK = /* @__PURE__ */ Bd(() => /* @__PURE__ */ y("stop", {
   offset: "0%",
   "stop-color": "#FFFFFF",
   "stop-opacity": "0"
-}, null, -1)), NK = ["offset", "stop-opacity"], TK = /* @__PURE__ */ Bd(() => /* @__PURE__ */ y("stop", {
+}, null, -1)), DK = ["offset", "stop-opacity"], HK = /* @__PURE__ */ Bd(() => /* @__PURE__ */ y("stop", {
   offset: "100%",
   "stop-color": "#FFFFFF",
   "stop-opacity": "0"
-}, null, -1)), DK = ["id"], HK = ["id"], PK = /* @__PURE__ */ Bd(() => /* @__PURE__ */ y("feColorMatrix", {
+}, null, -1)), PK = ["id"], zK = ["id"], OK = /* @__PURE__ */ Bd(() => /* @__PURE__ */ y("feColorMatrix", {
   type: "saturate",
   values: "0"
-}, null, -1)), zK = { key: 0 }, OK = ["d", "fill"], RK = { key: 1 }, VK = ["x", "y", "font-size", "font-weight", "fill"], KK = { key: 2 }, WK = ["filter"], jK = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], GK = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], XK = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], qK = ["d", "fill", "onMouseenter", "onClick"], YK = {
+}, null, -1)), RK = { key: 0 }, VK = ["d", "fill"], KK = { key: 1 }, WK = ["x", "y", "font-size", "font-weight", "fill"], jK = { key: 2 }, GK = ["filter"], XK = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], qK = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], YK = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], JK = ["d", "fill", "onMouseenter", "onClick"], ZK = {
   key: 0,
   class: "vue-ui-nested-donuts-legend-title"
-}, JK = ["onClick"], ZK = ["innerHTML"], eW = {
+}, eW = ["onClick"], tW = ["innerHTML"], lW = {
   __name: "vue-ui-nested-donuts",
   props: {
     config: {
@@ -43255,7 +43264,7 @@ const Bd = (e) => (Ta("data-v-b1953ca5"), e = e(), Da(), e), UK = ["id"], MK = [
               stroke: i.value.style.chart.backgroundColor,
               "stroke-width": i.value.style.chart.layout.donut.borderWidth,
               filter: ae(E, G)
-            }, null, 8, QK)
+            }, null, 8, IK)
           ]))), 256))
         ]))), 256)),
         y("defs", null, [
@@ -43266,14 +43275,14 @@ const Bd = (e) => (Ta("data-v-b1953ca5"), e = e(), Da(), e), UK = ["id"], MK = [
             r: "50%",
             fr: 30 - 1 * ($ + 1) + "%"
           }, [
-            IK,
+            TK,
             y("stop", {
               offset: 70 - 20 * $ + "%",
               "stop-color": "#FFFFFF",
               "stop-opacity": i.value.style.chart.gradientIntensity / 100
-            }, null, 8, NK),
-            TK
-          ], 8, EK))), 256))
+            }, null, 8, DK),
+            HK
+          ], 8, NK))), 256))
         ]),
         y("defs", null, [
           y("filter", {
@@ -43287,21 +43296,21 @@ const Bd = (e) => (Ta("data-v-b1953ca5"), e = e(), Da(), e), UK = ["id"], MK = [
               in: "SourceGraphic",
               stdDeviation: 2,
               id: `blur_std_${l.value}`
-            }, null, 8, HK),
-            PK
-          ], 8, DK)
+            }, null, 8, zK),
+            OK
+          ], 8, PK)
         ]),
-        i.value.style.chart.useGradient ? (u(), c("g", zK, [
+        i.value.style.chart.useGradient ? (u(), c("g", RK, [
           (u(!0), c(ye, null, Ce(se.value, (T, $) => (u(), c("g", null, [
             y("path", {
               d: T.donut.arcSlice,
               fill: `url(#radial_${l.value}_${$})`,
               stroke: "transparent",
               "stroke-width": "0"
-            }, null, 8, OK)
+            }, null, 8, VK)
           ]))), 256))
         ])) : _("", !0),
-        i.value.style.chart.layout.labels.dataLabels.showDonutName ? (u(), c("g", RK, [
+        i.value.style.chart.layout.labels.dataLabels.showDonutName ? (u(), c("g", KK, [
           (u(!0), c(ye, null, Ce(Z.value, (T, $) => (u(), c("g", null, [
             (u(!0), c(ye, null, Ce(T.donut, (E, G) => (u(), c("g", null, [
               G === 0 ? (u(), c("text", {
@@ -43313,11 +43322,11 @@ const Bd = (e) => (Ta("data-v-b1953ca5"), e = e(), Da(), e), UK = ["id"], MK = [
                 "font-size": i.value.style.chart.layout.labels.dataLabels.fontSize,
                 "font-weight": i.value.style.chart.layout.labels.dataLabels.boldDonutName ? "bold" : "normal",
                 fill: i.value.style.chart.layout.labels.dataLabels.color
-              }, z(i.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? ne(kd)({ source: T.name, length: i.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize }) : T.name), 11, VK)) : _("", !0)
+              }, z(i.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? ne(kd)({ source: T.name, length: i.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize }) : T.name), 11, WK)) : _("", !0)
             ]))), 256))
           ]))), 256))
         ])) : _("", !0),
-        i.value.style.chart.layout.labels.dataLabels.show ? (u(), c("g", KK, [
+        i.value.style.chart.layout.labels.dataLabels.show ? (u(), c("g", jK, [
           (u(!0), c(ye, null, Ce(Z.value, (T, $) => (u(), c("g", null, [
             (u(!0), c(ye, null, Ce(T.donut, (E, G) => (u(), c("g", {
               filter: ae(E, G)
@@ -43331,7 +43340,7 @@ const Bd = (e) => (Ta("data-v-b1953ca5"), e = e(), Da(), e), UK = ["id"], MK = [
                 fill: i.value.style.chart.layout.labels.dataLabels.useSerieColor ? E.color : i.value.style.chart.layout.labels.dataLabels.color,
                 "font-size": i.value.style.chart.layout.labels.dataLabels.fontSize,
                 "font-weight": i.value.style.chart.layout.labels.dataLabels.boldPercentage ? "bold" : "normal"
-              }, z(ne(lt)({ v: E.proportion * 100, s: "%", r: i.value.style.chart.layout.labels.dataLabels.roundingPercentage })), 11, jK)) : _("", !0),
+              }, z(ne(lt)({ v: E.proportion * 100, s: "%", r: i.value.style.chart.layout.labels.dataLabels.roundingPercentage })), 11, XK)) : _("", !0),
               J(E) && w.value.dataLabels.show && i.value.style.chart.layout.labels.dataLabels.showPercentage && i.value.style.chart.layout.labels.dataLabels.showValue ? (u(), c("text", {
                 key: 1,
                 class: Ee({ animated: i.value.useCssAnimation }),
@@ -43341,7 +43350,7 @@ const Bd = (e) => (Ta("data-v-b1953ca5"), e = e(), Da(), e), UK = ["id"], MK = [
                 fill: i.value.style.chart.layout.labels.dataLabels.useSerieColor ? E.color : i.value.style.chart.layout.labels.dataLabels.color,
                 "font-size": i.value.style.chart.layout.labels.dataLabels.fontSize,
                 "font-weight": i.value.style.chart.layout.labels.dataLabels.boldValue ? "bold" : "normal"
-              }, " (" + z(ne(lt)({ p: i.value.style.chart.layout.labels.dataLabels.prefix, v: E.value, s: i.value.style.chart.layout.labels.dataLabels.suffix, r: i.value.style.chart.layout.labels.dataLabels.roundingValue })) + ") ", 11, GK)) : _("", !0),
+              }, " (" + z(ne(lt)({ p: i.value.style.chart.layout.labels.dataLabels.prefix, v: E.value, s: i.value.style.chart.layout.labels.dataLabels.suffix, r: i.value.style.chart.layout.labels.dataLabels.roundingValue })) + ") ", 11, qK)) : _("", !0),
               J(E) && w.value.dataLabels.show && !i.value.style.chart.layout.labels.dataLabels.showPercentage && i.value.style.chart.layout.labels.dataLabels.showValue ? (u(), c("text", {
                 key: 2,
                 class: Ee({ animated: i.value.useCssAnimation }),
@@ -43351,8 +43360,8 @@ const Bd = (e) => (Ta("data-v-b1953ca5"), e = e(), Da(), e), UK = ["id"], MK = [
                 fill: i.value.style.chart.layout.labels.dataLabels.useSerieColor ? E.color : i.value.style.chart.layout.labels.dataLabels.color,
                 "font-size": i.value.style.chart.layout.labels.dataLabels.fontSize,
                 "font-weight": i.value.style.chart.layout.labels.dataLabels.boldValue ? "bold" : "normal"
-              }, z(ne(lt)({ p: i.value.style.chart.layout.labels.dataLabels.prefix, v: E.value, s: i.value.style.chart.layout.labels.dataLabels.suffix, r: i.value.style.chart.layout.labels.dataLabels.roundingValue })), 11, XK)) : _("", !0)
-            ], 8, WK))), 256))
+              }, z(ne(lt)({ p: i.value.style.chart.layout.labels.dataLabels.prefix, v: E.value, s: i.value.style.chart.layout.labels.dataLabels.suffix, r: i.value.style.chart.layout.labels.dataLabels.roundingValue })), 11, YK)) : _("", !0)
+            ], 8, GK))), 256))
           ]))), 256))
         ])) : _("", !0),
         (u(!0), c(ye, null, Ce(Z.value, (T, $) => (u(), c("g", null, [
@@ -43370,11 +43379,11 @@ const Bd = (e) => (Ta("data-v-b1953ca5"), e = e(), Da(), e), UK = ["id"], MK = [
               onMouseleave: Ae[2] || (Ae[2] = (N) => {
                 p.value = !1, ke.value = null, pe.value = null, oe.value = null;
               })
-            }, null, 40, qK)
+            }, null, 40, JK)
           ]))), 256))
         ]))), 256)),
         Ke(te.$slots, "svg", { svg: B.value }, void 0, !0)
-      ], 14, MK)) : _("", !0),
+      ], 14, EK)) : _("", !0),
       a.value ? _("", !0) : (u(), Re(Vt, {
         key: 2,
         config: {
@@ -43414,7 +43423,7 @@ const Bd = (e) => (Ta("data-v-b1953ca5"), e = e(), Da(), e), UK = ["id"], MK = [
           onClickMarker: Ae[3] || (Ae[3] = ({ legend: $ }) => q($))
         }, {
           legendTitle: Ye(({ titleSet: $ }) => [
-            $[0].arcOf ? (u(), c("div", YK, z($[0].arcOf), 1)) : _("", !0)
+            $[0].arcOf ? (u(), c("div", ZK, z($[0].arcOf), 1)) : _("", !0)
           ]),
           item: Ye(({ legend: $, index: E }) => [
             y("div", {
@@ -43427,7 +43436,7 @@ const Bd = (e) => (Ta("data-v-b1953ca5"), e = e(), Da(), e), UK = ["id"], MK = [
               ], 64)) : (u(), c(ye, { key: 0 }, [
                 ht(" (" + z(isNaN($.value / $.total) ? "-" : ne(lt)({ v: $.value / $.total * 100, s: "%", r: i.value.style.chart.legend.roundingPercentage })) + ") ", 1)
               ], 64))
-            ], 12, JK)
+            ], 12, eW)
           ]),
           _: 2
         }, 1032, ["legendSet", "config"]))), 256))
@@ -43445,20 +43454,20 @@ const Bd = (e) => (Ta("data-v-b1953ca5"), e = e(), Da(), e), UK = ["id"], MK = [
           y("div", {
             innerHTML: T,
             style: { display: "flex", "align-items": "center" }
-          }, null, 8, ZK)
+          }, null, 8, tW)
         ]),
         td: Ye(({ td: T }) => [
           ht(z(T.name || T), 1)
         ]),
         _: 1
       }, 8, ["colNames", "head", "body", "config", "title"])) : _("", !0)
-    ], 14, UK));
+    ], 14, QK));
   }
-}, tW = /* @__PURE__ */ St(eW, [["__scopeId", "data-v-b1953ca5"]]), lW = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, aW = /* @__PURE__ */ St(lW, [["__scopeId", "data-v-b1953ca5"]]), oW = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: tW
+  default: aW
 }, Symbol.toStringTag, { value: "Module" }));
-const aW = ["xmlns", "viewBox"], oW = ["id"], rW = ["stop-color"], nW = ["stop-color"], sW = ["d", "stroke", "stroke-linecap"], iW = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], AW = ["x", "y", "font-size", "fill", "font-weight"], uW = {
+const rW = ["xmlns", "viewBox"], nW = ["id"], sW = ["stop-color"], iW = ["stop-color"], AW = ["d", "stroke", "stroke-linecap"], uW = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], cW = ["x", "y", "font-size", "fill", "font-weight"], dW = {
   __name: "vue-ui-sparkgauge",
   props: {
     config: {
@@ -43538,12 +43547,12 @@ const aW = ["xmlns", "viewBox"], oW = ["id"], rW = ["stop-color"], nW = ["stop-c
             y("stop", {
               offset: "0%",
               "stop-color": l.value.style.colors.min
-            }, null, 8, rW),
+            }, null, 8, sW),
             y("stop", {
               offset: "100%",
               "stop-color": l.value.style.colors.max
-            }, null, 8, nW)
-          ], 8, oW)
+            }, null, 8, iW)
+          ], 8, nW)
         ]),
         y("path", {
           d: `M10 ${n.value.base} A 1 1 0 1 1 118 ${n.value.base}`,
@@ -43551,7 +43560,7 @@ const aW = ["xmlns", "viewBox"], oW = ["id"], rW = ["stop-color"], nW = ["stop-c
           "stroke-width": 8,
           "stroke-linecap": l.value.style.gutter.strokeLinecap,
           fill: "none"
-        }, null, 8, sW),
+        }, null, 8, AW),
         b.value !== 0 ? (u(), c("path", {
           key: 0,
           d: `M10 ${n.value.base} A 1 1 0 1 1 118 ${n.value.base}`,
@@ -43563,7 +43572,7 @@ const aW = ["xmlns", "viewBox"], oW = ["id"], rW = ["stop-color"], nW = ["stop-c
           "stroke-dashoffset": 169.5 - 169.5 * b.value,
           class: Ee({ "vue-ui-sparkgauge-track": l.value.style.animation.show }),
           style: O(l.value.style.animation.show ? `animation: vue-ui-sparkgauge-animation ${l.value.style.animation.speedMs}ms ease-in;` : "")
-        }, null, 14, iW)) : _("", !0),
+        }, null, 14, uW)) : _("", !0),
         y("text", {
           "text-anchor": "middle",
           x: n.value.width / 2,
@@ -43571,8 +43580,8 @@ const aW = ["xmlns", "viewBox"], oW = ["id"], rW = ["stop-color"], nW = ["stop-c
           "font-size": l.value.style.dataLabel.fontSize,
           fill: g.value,
           "font-weight": l.value.style.dataLabel.bold ? "bold" : "normal"
-        }, z(ne(lt)({ p: l.value.style.dataLabel.prefix, v: d.value, s: l.value.style.dataLabel.suffix, r: l.value.style.dataLabel.rounding })), 9, AW)
-      ], 12, aW)) : _("", !0),
+        }, z(ne(lt)({ p: l.value.style.dataLabel.prefix, v: d.value, s: l.value.style.dataLabel.suffix, r: l.value.style.dataLabel.rounding })), 9, cW)
+      ], 12, rW)) : _("", !0),
       o.value ? _("", !0) : (u(), Re(Vt, {
         key: 2,
         config: {
@@ -43592,13 +43601,13 @@ const aW = ["xmlns", "viewBox"], oW = ["id"], rW = ["stop-color"], nW = ["stop-c
       }, z(h.value), 5)) : _("", !0)
     ], 4));
   }
-}, cW = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, hW = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: uW
-}, Symbol.toStringTag, { value: "Module" })), dW = {
+  default: dW
+}, Symbol.toStringTag, { value: "Module" })), fW = {
   key: 0,
   style: { width: "100%", display: "flex", gap: "6px", "align-items": "center", color: "#FF0000" }
-}, hW = { style: { width: "36px" } }, tY = {
+}, vW = { style: { width: "36px" } }, aY = {
   __name: "vue-data-ui",
   props: {
     component: { type: String },
@@ -43623,23 +43632,23 @@ const aW = ["xmlns", "viewBox"], oW = ["id"], rW = ["stop-color"], nW = ["stop-c
   ],
   setup(e, { expose: t, emit: o }) {
     const r = e, { component: a, dataset: l, config: n } = eg(r), A = {
-      VueUi3dBar: Ft(() => Promise.resolve().then(() => EV)),
+      VueUi3dBar: Ft(() => Promise.resolve().then(() => NV)),
       VueUiAgePyramid: Ft(() => Promise.resolve().then(() => u9)),
       VueUiAnnotator: Ft(() => Promise.resolve().then(() => oT)),
       VueUiCandlestick: Ft(() => Promise.resolve().then(() => UI)),
       VueUiChestnut: Ft(() => Promise.resolve().then(() => HM)),
       VueUiDashboard: Ft(() => Promise.resolve().then(() => F9)),
-      VueUiDigits: Ft(() => Promise.resolve().then(() => GV)),
+      VueUiDigits: Ft(() => Promise.resolve().then(() => qV)),
       VueUiDonut: Ft(() => Promise.resolve().then(() => I8)),
-      VueUiDonutEvolution: Ft(() => Promise.resolve().then(() => tO)),
-      VueUiGalaxy: Ft(() => Promise.resolve().then(() => _W)),
+      VueUiDonutEvolution: Ft(() => Promise.resolve().then(() => aO)),
+      VueUiGalaxy: Ft(() => Promise.resolve().then(() => SW)),
       VueUiGauge: Ft(() => Promise.resolve().then(() => Q$)),
       VueUiHeatmap: Ft(() => Promise.resolve().then(() => Z7)),
-      VueUiKpi: Ft(() => Promise.resolve().then(() => SW)),
-      VueUiMiniLoader: Ft(() => Promise.resolve().then(() => $K)),
-      VueUiMolecule: Ft(() => Promise.resolve().then(() => dK)),
-      VueUiMoodRadar: Ft(() => Promise.resolve().then(() => $O)),
-      VueUiNestedDonuts: Ft(() => Promise.resolve().then(() => lW)),
+      VueUiKpi: Ft(() => Promise.resolve().then(() => $W)),
+      VueUiMiniLoader: Ft(() => Promise.resolve().then(() => MK)),
+      VueUiMolecule: Ft(() => Promise.resolve().then(() => fK)),
+      VueUiMoodRadar: Ft(() => Promise.resolve().then(() => MO)),
+      VueUiNestedDonuts: Ft(() => Promise.resolve().then(() => oW)),
       VueUiOnion: Ft(() => Promise.resolve().then(() => nQ)),
       VueUiQuadrant: Ft(() => Promise.resolve().then(() => t$)),
       VueUiRadar: Ft(() => Promise.resolve().then(() => G6)),
@@ -43651,7 +43660,7 @@ const aW = ["xmlns", "viewBox"], oW = ["id"], rW = ["stop-color"], nW = ["stop-c
       VueUiSkeleton: Ft(() => Promise.resolve().then(() => kB)),
       VueUiSmiley: Ft(() => Promise.resolve().then(() => qD)),
       VueUiSparkbar: Ft(() => Promise.resolve().then(() => x6)),
-      VueUiSparkgauge: Ft(() => Promise.resolve().then(() => cW)),
+      VueUiSparkgauge: Ft(() => Promise.resolve().then(() => hW)),
       VueUiSparkHistogram: Ft(() => Promise.resolve().then(() => wP)),
       VueUiSparkline: Ft(() => Promise.resolve().then(() => GB)),
       VueUiSparkStackbar: Ft(() => Promise.resolve().then(() => lP)),
@@ -43659,18 +43668,18 @@ const aW = ["xmlns", "viewBox"], oW = ["id"], rW = ["stop-color"], nW = ["stop-c
       VueUiTableSparkline: Ft(() => Promise.resolve().then(() => s4)),
       VueUiThermometer: Ft(() => Promise.resolve().then(() => HH)),
       VueUiTiremarks: Ft(() => Promise.resolve().then(() => ez)),
-      VueUiTreemap: Ft(() => Promise.resolve().then(() => ej)),
+      VueUiTreemap: Ft(() => Promise.resolve().then(() => lj)),
       VueUiVerticalBar: Ft(() => Promise.resolve().then(() => WQ)),
       VueUiWaffle: Ft(() => Promise.resolve().then(() => h6)),
       VueUiWheel: Ft(() => Promise.resolve().then(() => VP)),
       VueUiXy: Ft(() => Promise.resolve().then(() => y3)),
-      VueUiTableHeatmap: Ft(() => Promise.resolve().then(() => dj)),
-      VueUiAccordion: Ft(() => Promise.resolve().then(() => yj)),
-      VueUiQuickChart: Ft(() => Promise.resolve().then(() => KG)),
-      VueUiCursor: Ft(() => Promise.resolve().then(() => pX)),
-      VueUiSparkTrend: Ft(() => Promise.resolve().then(() => NX)),
-      VueUiStripPlot: Ft(() => Promise.resolve().then(() => iq)),
-      VueUiDumbbell: Ft(() => Promise.resolve().then(() => qq))
+      VueUiTableHeatmap: Ft(() => Promise.resolve().then(() => fj)),
+      VueUiAccordion: Ft(() => Promise.resolve().then(() => bj)),
+      VueUiQuickChart: Ft(() => Promise.resolve().then(() => jG)),
+      VueUiCursor: Ft(() => Promise.resolve().then(() => mX)),
+      VueUiSparkTrend: Ft(() => Promise.resolve().then(() => DX)),
+      VueUiStripPlot: Ft(() => Promise.resolve().then(() => uq)),
+      VueUiDumbbell: Ft(() => Promise.resolve().then(() => Jq))
     }, d = {
       VueUi3dBar: ["config", "dataset"],
       VueUiAgePyramid: ["config", "dataset"],
@@ -43776,8 +43785,8 @@ ${Object.keys(A).map((j) => `. ${j}
       close: C,
       restoreOrder: D,
       recalculateHeight: R
-    }), (j, he) => f.value ? (u(), c("div", dW, [
-      y("div", hW, [
+    }), (j, he) => f.value ? (u(), c("div", fW, [
+      y("div", vW, [
         at(Wt, {
           name: "moodFlat",
           stroke: "#FF0000"
@@ -43800,7 +43809,7 @@ ${Object.keys(A).map((j) => `. ${j}
     ]), 1040));
   }
 };
-const fW = ["id"], vW = ["xmlns", "viewBox"], gW = ["d", "stroke", "stroke-width"], yW = ["d", "stroke", "stroke-width"], pW = ["d", "stroke", "stroke-width"], bW = ["d", "stroke-width", "onMouseenter", "onClick"], mW = ["onClick"], wW = { key: 0 }, xW = { key: 1 }, CW = ["innerHTML"], kW = {
+const gW = ["id"], yW = ["xmlns", "viewBox"], pW = ["d", "stroke", "stroke-width"], bW = ["d", "stroke", "stroke-width"], mW = ["d", "stroke", "stroke-width"], wW = ["d", "stroke-width", "onMouseenter", "onClick"], xW = ["onClick"], CW = { key: 0 }, kW = { key: 1 }, BW = ["innerHTML"], _W = {
   __name: "vue-ui-galaxy",
   props: {
     config: {
@@ -44085,7 +44094,7 @@ const fW = ["id"], vW = ["xmlns", "viewBox"], gW = ["d", "stroke", "stroke-width
             stroke: s.value.style.chart.backgroundColor,
             "stroke-width": (s.value.style.chart.layout.arcs.strokeWidth + s.value.style.chart.layout.arcs.borderWidth) * (m.value === M.id && s.value.style.chart.layout.arcs.hoverEffect.show ? s.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1),
             "stroke-linecap": "round"
-          }, null, 8, gW)) : _("", !0),
+          }, null, 8, pW)) : _("", !0),
           M.value ? (u(), c("path", {
             key: 1,
             d: M.path,
@@ -44094,7 +44103,7 @@ const fW = ["id"], vW = ["xmlns", "viewBox"], gW = ["d", "stroke", "stroke-width
             "stroke-width": s.value.style.chart.layout.arcs.strokeWidth * (m.value === M.id && s.value.style.chart.layout.arcs.hoverEffect.show ? s.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1),
             "stroke-linecap": "round",
             class: Ee(`${m.value && m.value !== M.id && s.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`)
-          }, null, 10, yW)) : _("", !0),
+          }, null, 10, bW)) : _("", !0),
           M.value && s.value.style.chart.layout.arcs.gradient.show ? (u(), c("path", {
             key: 2,
             d: M.path,
@@ -44104,7 +44113,7 @@ const fW = ["id"], vW = ["xmlns", "viewBox"], gW = ["d", "stroke", "stroke-width
             "stroke-linecap": "round",
             class: Ee([`vue-ui-galaxy-gradient ${m.value && m.value !== M.id && s.value.useBlurOnHover ? "vue-ui-galaxy-blur" : ""}`, "inner-gradient"]),
             style: O(`filter: blur(5px) opacity(${s.value.style.chart.layout.arcs.gradient.intensity}%);transform: translate(0,0)`)
-          }, null, 14, pW)) : _("", !0)
+          }, null, 14, mW)) : _("", !0)
         ]))), 256)),
         (u(!0), c(ye, null, Ce(he.value, (M, U) => (u(), c("g", null, [
           M.value ? (u(), c("path", {
@@ -44124,10 +44133,10 @@ const fW = ["id"], vW = ["xmlns", "viewBox"], gW = ["d", "stroke", "stroke-width
               h.value = !1, m.value = null;
             }),
             onClick: (X) => o("selectDatapoint", M)
-          }, null, 40, bW)) : _("", !0)
+          }, null, 40, wW)) : _("", !0)
         ]))), 256)),
         Ke(I.$slots, "svg", { svg: w.value }, void 0, !0)
-      ], 14, vW)) : _("", !0),
+      ], 14, yW)) : _("", !0),
       a.value ? _("", !0) : (u(), Re(Vt, {
         key: 3,
         config: {
@@ -44152,8 +44161,8 @@ const fW = ["id"], vW = ["xmlns", "viewBox"], gW = ["d", "stroke", "stroke-width
             style: O(`opacity:${B.value.includes(M.id) ? 0.5 : 1}`)
           }, [
             ht(z(M.name) + " : " + z(ne(lt)({ p: s.value.style.chart.layout.labels.dataLabels.prefix, v: M.value, s: s.value.style.chart.layout.labels.dataLabels.suffix, r: s.value.style.chart.legend.roundingValue })) + " ", 1),
-            B.value.includes(M.id) ? (u(), c("span", xW, " ( - % ) ")) : (u(), c("span", wW, " (" + z(isNaN(M.value / le.value) ? "-" : (M.value / le.value * 100).toFixed(s.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
-          ], 12, mW)
+            B.value.includes(M.id) ? (u(), c("span", kW, " ( - % ) ")) : (u(), c("span", CW, " (" + z(isNaN(M.value / le.value) ? "-" : (M.value / le.value * 100).toFixed(s.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
+          ], 12, xW)
         ]),
         _: 1
       }, 8, ["legendSet", "config"])) : _("", !0),
@@ -44187,19 +44196,19 @@ const fW = ["id"], vW = ["xmlns", "viewBox"], gW = ["d", "stroke", "stroke-width
           y("div", {
             innerHTML: M,
             style: { display: "flex", "align-items": "center" }
-          }, null, 8, CW)
+          }, null, 8, BW)
         ]),
         td: Ye(({ td: M }) => [
           ht(z(M.name || M), 1)
         ]),
         _: 1
       }, 8, ["colNames", "head", "body", "config", "title"])) : _("", !0)
-    ], 14, fW));
+    ], 14, gW));
   }
-}, BW = /* @__PURE__ */ St(kW, [["__scopeId", "data-v-c070d199"]]), _W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, FW = /* @__PURE__ */ St(_W, [["__scopeId", "data-v-c070d199"]]), SW = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: BW
-}, Symbol.toStringTag, { value: "Module" })), FW = {
+  default: FW
+}, Symbol.toStringTag, { value: "Module" })), LW = {
   __name: "vue-ui-kpi",
   props: {
     config: {
@@ -44246,9 +44255,9 @@ const fW = ["id"], vW = ["xmlns", "viewBox"], gW = ["d", "stroke", "stroke-width
       Ke(n.$slots, "comment-after", { comment: e.dataset })
     ], 6));
   }
-}, SW = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, $W = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: FW
+  default: LW
 }, Symbol.toStringTag, { value: "Module" }));
 function Lf(e, t) {
   const o = e.length;
@@ -44275,7 +44284,7 @@ function $f(e) {
     y1: o + a
   };
 }
-function LW(e, t, o) {
+function UW(e, t, o) {
   if (e.length === 0)
     return !0;
   {
@@ -44286,7 +44295,7 @@ function LW(e, t, o) {
     return a >= l;
   }
 }
-function $W(e) {
+function MW(e) {
   const t = [], o = e.length;
   for (let r = 0; r < o; r += 1) {
     const a = e[r], l = a.length;
@@ -44295,14 +44304,14 @@ function $W(e) {
   }
   return t;
 }
-function UW(e, t) {
+function QW(e, t) {
   const o = {
     ...t,
     children: e
   };
   return c1(o);
 }
-function MW(e) {
+function EW(e) {
   return (e.x1 - e.x0) * (e.y1 - e.y0);
 }
 function Uf(e, t) {
@@ -44333,11 +44342,11 @@ function Uf(e, t) {
     return b;
   }
 }
-function QW(e) {
+function IW(e) {
   const t = _d(e), o = t.width, r = t.height;
   return Math.min(o, r);
 }
-function EW(e, t) {
+function NW(e, t) {
   const o = e.length, r = e.map((d) => d.value ?? 0).reduce((d, f) => d + f, 0), a = t / r, l = [];
   let n, A;
   for (let d = 0; d < o; d += 1)
@@ -44355,7 +44364,7 @@ function _d(e) {
     height: a - o
   };
 }
-function IW(e, t, o, r) {
+function TW(e, t, o, r) {
   let a = e, l = t, n = o, A = r;
   for (; ; ) {
     const d = a.length;
@@ -44363,8 +44372,8 @@ function IW(e, t, o, r) {
       const b = Uf(l, n);
       return A.concat(b);
     }
-    const f = QW(n), p = a[0], h = a.slice(1, d);
-    if (LW(l, p, f)) {
+    const f = IW(n), p = a[0], h = a.slice(1, d);
+    if (UW(l, p, f)) {
       const b = l.concat(p);
       a = h, l = b, n = n, A = A;
     } else {
@@ -44372,7 +44381,7 @@ function IW(e, t, o, r) {
       let m = 0;
       for (let w = 0; w < b; w += 1)
         m += l[w].normalizedValue;
-      const g = NW(n, m), s = Uf(l, n), i = A.concat(s);
+      const g = DW(n, m), s = Uf(l, n), i = A.concat(s);
       a = a, l = [], n = g, A = i;
     }
   }
@@ -44381,16 +44390,16 @@ function c1(e) {
   if (typeof e.children > "u" || !e.children.length)
     return [e];
   {
-    const t = EW(
+    const t = NW(
       e.children,
-      MW(e)
-    ), o = IW(t, [], e, []), r = o.length, a = [];
+      EW(e)
+    ), o = TW(t, [], e, []), r = o.length, a = [];
     for (let n = 0; n < r; n += 1)
       a.push(c1(o[n]));
-    return $W(a);
+    return MW(a);
   }
 }
-function NW(e, t) {
+function DW(e, t) {
   const { width: o, height: r, xOffset: a, yOffset: l } = _d(e);
   if (o >= r) {
     const n = t / r, A = o - n, d = {
@@ -44410,10 +44419,10 @@ function NW(e, t) {
     return $f(d);
   }
 }
-const TW = (e) => (Ta("data-v-320aaf03"), e = e(), Da(), e), DW = ["id"], HW = ["xmlns", "viewBox"], PW = { key: 0 }, zW = ["id"], OW = ["stop-color"], RW = ["stop-color"], VW = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], KW = ["x", "y", "height", "width"], WW = {
+const HW = (e) => (Ta("data-v-320aaf03"), e = e(), Da(), e), PW = ["id"], zW = ["xmlns", "viewBox"], OW = { key: 0 }, RW = ["id"], VW = ["stop-color"], KW = ["stop-color"], WW = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width", "onClick", "onMouseenter"], jW = ["x", "y", "height", "width"], GW = {
   style: { width: "100%", height: "100%" },
   class: "vue-ui-treemap-cell"
-}, jW = /* @__PURE__ */ TW(() => /* @__PURE__ */ y("br", null, null, -1)), GW = ["onClick"], XW = { key: 0 }, qW = { key: 1 }, YW = ["innerHTML"], JW = {
+}, XW = /* @__PURE__ */ HW(() => /* @__PURE__ */ y("br", null, null, -1)), qW = ["onClick"], YW = { key: 0 }, JW = { key: 1 }, ZW = ["innerHTML"], ej = {
   __name: "vue-ui-treemap",
   props: {
     config: {
@@ -44497,7 +44506,7 @@ const TW = (e) => (Ta("data-v-320aaf03"), e = e(), Da(), e), DW = ["id"], HW = [
         };
       });
     }
-    const P = re(() => UW(
+    const P = re(() => QW(
       W.value.map((T, $) => {
         const E = T.children ? T.children.reduce((G, N) => G + N.value, 0) : T.value;
         return {
@@ -44732,7 +44741,7 @@ const TW = (e) => (Ta("data-v-320aaf03"), e = e(), Da(), e), DW = ["id"], HW = [
         style: O(`max-width:100%; overflow: hidden; background:${s.value.style.chart.backgroundColor};color:${s.value.style.chart.color}`)
       }, [
         (u(!0), c(ye, null, Ce(P.value, (E, G) => (u(), c("g", null, [
-          s.value.style.chart.layout.rects.gradient.show ? (u(), c("defs", PW, [
+          s.value.style.chart.layout.rects.gradient.show ? (u(), c("defs", OW, [
             y("radialGradient", {
               id: `tgrad_${E.id}`,
               gradientTransform: "translate(-1, -1) scale(2, 2)"
@@ -44740,12 +44749,12 @@ const TW = (e) => (Ta("data-v-320aaf03"), e = e(), Da(), e), DW = ["id"], HW = [
               y("stop", {
                 offset: "18%",
                 "stop-color": E.color
-              }, null, 8, OW),
+              }, null, 8, VW),
               y("stop", {
                 offset: "100%",
                 "stop-color": ne(Ga)(E.color, s.value.style.chart.layout.rects.gradient.intensity / 100)
-              }, null, 8, RW)
-            ], 8, zW)
+              }, null, 8, KW)
+            ], 8, RW)
           ])) : _("", !0)
         ]))), 256)),
         (u(!0), c(ye, null, Ce(P.value, (E, G) => (u(), c("g", null, [
@@ -44768,7 +44777,7 @@ const TW = (e) => (Ta("data-v-320aaf03"), e = e(), Da(), e), DW = ["id"], HW = [
             }),
             style: O(`opacity:${L.value ? L.value.id === E.id ? 1 : s.value.style.chart.layout.rects.selected.unselectedOpacity : 1}`),
             class: "vue-ui-treemap-rect"
-          }, null, 44, VW),
+          }, null, 44, WW),
           (u(), c("foreignObject", {
             x: E.x0,
             y: E.y0,
@@ -44776,7 +44785,7 @@ const TW = (e) => (Ta("data-v-320aaf03"), e = e(), Da(), e), DW = ["id"], HW = [
             width: Z(E),
             class: "vue-ui-treemap-cell-foreignObject"
           }, [
-            y("div", WW, [
+            y("div", GW, [
               s.value.style.chart.layout.labels.showDefaultLabels && (E.proportion > s.value.style.chart.layout.labels.hideUnderProportion || F.value) ? (u(), c("div", {
                 key: 0,
                 class: "vue-ui-treemap-cell-default",
@@ -44785,7 +44794,7 @@ const TW = (e) => (Ta("data-v-320aaf03"), e = e(), Da(), e), DW = ["id"], HW = [
                 y("span", {
                   style: O(`width:100%;font-size:${se(E)}px;`)
                 }, z(E.name), 5),
-                jW,
+                XW,
                 y("span", {
                   style: O(`width:100%;font-size:${se(E)}px;`)
                 }, z(ne(lt)({
@@ -44803,10 +44812,10 @@ const TW = (e) => (Ta("data-v-320aaf03"), e = e(), Da(), e), DW = ["id"], HW = [
                 textColor: ne(or)(E.color)
               })), void 0, !0)
             ])
-          ], 8, KW))
+          ], 8, jW))
         ]))), 256)),
         Ke(T.$slots, "svg", vt(bt({ svg: w.value, isZoom: F.value, rect: L.value, config: s.value })), void 0, !0)
-      ], 14, HW)) : _("", !0),
+      ], 14, zW)) : _("", !0),
       a.value ? _("", !0) : (u(), Re(Vt, {
         key: 3,
         config: {
@@ -44832,8 +44841,8 @@ const TW = (e) => (Ta("data-v-320aaf03"), e = e(), Da(), e), DW = ["id"], HW = [
             style: O(`opacity:${g.value.includes(E.id) ? 0.5 : 1}`)
           }, [
             ht(z(E.name) + " : " + z(ne(lt)({ p: s.value.style.chart.layout.labels.prefix, v: E.value, s: s.value.style.chart.layout.labels.suffix, r: s.value.style.chart.legend.roundingValue })) + " ", 1),
-            g.value.includes(E.id) ? (u(), c("span", qW, " ( - % ) ")) : (u(), c("span", XW, " (" + z(isNaN(E.value / le.value) ? "-" : (E.value / le.value * 100).toFixed(s.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
-          ], 12, GW)
+            g.value.includes(E.id) ? (u(), c("span", JW, " ( - % ) ")) : (u(), c("span", YW, " (" + z(isNaN(E.value / le.value) ? "-" : (E.value / le.value * 100).toFixed(s.value.style.chart.legend.roundingPercentage)) + "%) ", 1))
+          ], 12, qW)
         ]),
         _: 1
       }, 8, ["legendSet", "config", "id"])) : _("", !0),
@@ -44867,35 +44876,35 @@ const TW = (e) => (Ta("data-v-320aaf03"), e = e(), Da(), e), DW = ["id"], HW = [
           y("div", {
             innerHTML: E,
             style: { display: "flex", "align-items": "center" }
-          }, null, 8, YW)
+          }, null, 8, ZW)
         ]),
         td: Ye(({ td: E }) => [
           ht(z(E.name || E), 1)
         ]),
         _: 1
       }, 8, ["colNames", "head", "body", "config", "title"])) : _("", !0)
-    ], 14, DW));
+    ], 14, PW));
   }
-}, ZW = /* @__PURE__ */ St(JW, [["__scopeId", "data-v-320aaf03"]]), ej = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, tj = /* @__PURE__ */ St(ej, [["__scopeId", "data-v-320aaf03"]]), lj = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ZW
+  default: tj
 }, Symbol.toStringTag, { value: "Module" }));
-const tj = ["id"], lj = { role: "cell" }, aj = { role: "row" }, oj = ["data-cell"], rj = {
+const aj = ["id"], oj = { role: "cell" }, rj = { role: "row" }, nj = ["data-cell"], sj = {
   key: 0,
   style: { display: "flex", "flex-direction": "row", gap: "2px", "align-items": "center" }
-}, nj = ["height", "width"], sj = {
+}, ij = ["height", "width"], Aj = {
   key: 0,
   role: "cell",
   "data-cell": "sum"
-}, ij = {
+}, uj = {
   key: 1,
   role: "cell",
   "data-cell": "average"
-}, Aj = {
+}, cj = {
   key: 2,
   role: "cell",
   "data-cell": "median"
-}, uj = {
+}, dj = {
   __name: "vue-ui-table-heatmap",
   props: {
     config: {
@@ -45045,18 +45054,18 @@ const tj = ["id"], lj = { role: "cell" }, aj = { role: "row" }, oj = ["data-cell
             role: "row",
             style: O(`background:${h.value.table.head.backgroundColor}`)
           }, [
-            (u(!0), c(ye, null, Ce(h.value.table.head.values, (Z, se) => (u(), c("th", lj, [
+            (u(!0), c(ye, null, Ce(h.value.table.head.values, (Z, se) => (u(), c("th", oj, [
               Ke(P.$slots, "head", vt(bt({ value: Z, rowIndex: se, type: typeof Z, isResponsive: l.value })), void 0, !0)
             ]))), 256))
           ], 4)
         ]),
         y("tbody", null, [
-          (u(!0), c(ye, null, Ce(w.value, (Z, se) => (u(), c("tr", aj, [
+          (u(!0), c(ye, null, Ce(w.value, (Z, se) => (u(), c("tr", rj, [
             (u(!0), c(ye, null, Ce(Z.displayValues, (ke, pe) => (u(), c("td", {
               role: "cell",
               "data-cell": h.value.table.head.values[pe]
             }, [
-              Z.color && pe === 0 ? (u(), c("div", rj, [
+              Z.color && pe === 0 ? (u(), c("div", sj, [
                 Z.color ? (u(), c("svg", {
                   key: 0,
                   height: h.value.style.shapeSize,
@@ -45070,32 +45079,32 @@ const tj = ["id"], lj = { role: "cell" }, aj = { role: "row" }, oj = ["data-cell
                     radius: 9,
                     shape: Z.shape || "circle"
                   }, null, 8, ["color", "shape"])
-                ], 8, nj)) : _("", !0),
+                ], 8, ij)) : _("", !0),
                 Ke(P.$slots, "rowTitle", vt(bt({ value: ke, rowIndex: se, colIndex: pe, type: typeof ke, isResponsive: l.value })), void 0, !0)
               ])) : (u(), c(ye, { key: 1 }, [
                 pe === 0 ? Ke(P.$slots, "rowTitle", vt(tr({ key: 0 }, { value: ke, rowIndex: se, colIndex: pe, type: typeof ke, isResponsive: l.value })), void 0, !0) : _("", !0),
                 pe > 0 ? Ke(P.$slots, "cell", vt(tr({ key: 1 }, { value: ke, rowIndex: se, colIndex: pe, type: typeof ke, isResponsive: l.value, color: Z.colors[pe], textColor: ne(or)(Z.colors[pe]) })), void 0, !0) : _("", !0)
               ], 64))
-            ], 8, oj))), 256)),
-            h.value.table.showSum ? (u(), c("td", sj, [
+            ], 8, nj))), 256)),
+            h.value.table.showSum ? (u(), c("td", Aj, [
               Ke(P.$slots, "sum", vt(bt({ value: Z.sum, rowIndex: se, isResponsive: l.value })), void 0, !0)
             ])) : _("", !0),
-            h.value.table.showAverage ? (u(), c("td", ij, [
+            h.value.table.showAverage ? (u(), c("td", uj, [
               Ke(P.$slots, "average", vt(bt({ value: Z.average, rowIndex: se, isResponsive: l.value })), void 0, !0)
             ])) : _("", !0),
-            h.value.table.showMedian ? (u(), c("td", Aj, [
+            h.value.table.showMedian ? (u(), c("td", cj, [
               Ke(P.$slots, "median", vt(bt({ value: Z.median, rowIndex: se, isResponsive: l.value })), void 0, !0)
             ])) : _("", !0)
           ]))), 256))
         ])
       ], 4)
-    ], 14, tj));
+    ], 14, aj));
   }
-}, cj = /* @__PURE__ */ St(uj, [["__scopeId", "data-v-e4473413"]]), dj = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, hj = /* @__PURE__ */ St(dj, [["__scopeId", "data-v-e4473413"]]), fj = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: cj
+  default: hj
 }, Symbol.toStringTag, { value: "Module" }));
-const hj = ["id"], fj = { class: "vue-ui-accordion-arrow" }, vj = {
+const vj = ["id"], gj = { class: "vue-ui-accordion-arrow" }, yj = {
   __name: "vue-ui-accordion",
   props: {
     config: {
@@ -45133,7 +45142,7 @@ const hj = ["id"], fj = { class: "vue-ui-accordion-arrow" }, vj = {
             class: "vue-ui-accordion-head",
             style: O(`background:${r.value.head.backgroundColor};padding:${r.value.head.padding};`)
           }, [
-            y("div", fj, [
+            y("div", gj, [
               r.value.head.useArrowSlot ? Ke(p.$slots, "arrow", vt(tr({ key: 0 }, { backgroundColor: r.value.head.backgroundColor, color: r.value.head.color, iconColor: r.value.head.iconColor, isOpen: a.value })), void 0, !0) : (u(), Re(Wt, {
                 key: 1,
                 name: "arrowRight",
@@ -45143,7 +45152,7 @@ const hj = ["id"], fj = { class: "vue-ui-accordion-arrow" }, vj = {
             Ke(p.$slots, "title", vt(bt({ color: r.value.head.color, isOpen: a.value })), void 0, !0)
           ], 4)
         ])
-      ], 40, hj),
+      ], 40, vj),
       y("div", {
         class: "vue-ui-accordion-content",
         style: O(`background:${r.value.body.backgroundColor};color:${r.value.body.color}`)
@@ -45152,25 +45161,25 @@ const hj = ["id"], fj = { class: "vue-ui-accordion-arrow" }, vj = {
       ], 4)
     ]));
   }
-}, gj = /* @__PURE__ */ St(vj, [["__scopeId", "data-v-566dbe74"]]), yj = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, pj = /* @__PURE__ */ St(yj, [["__scopeId", "data-v-566dbe74"]]), bj = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: gj
+  default: pj
 }, Symbol.toStringTag, { value: "Module" })), vl = {
   LINE: "LINE",
   BAR: "BAR",
   DONUT: "DONUT"
-}, pj = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
-function bj({ dataset: e, barLineSwitch: t = 6 }) {
+}, mj = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
+function wj({ dataset: e, barLineSwitch: t = 6 }) {
   let o = null, r = null, a = 0;
   if ((typeof e == "number" || typeof e == "string") && console.warn(`The provided dataset (${e}) is not sufficient to build a chart`), ri(e) && (es(e) && (e.length < t ? o = vl.BAR : o = vl.LINE, r = e, a = e.length), dd(e))) {
-    if (!wj(e))
+    if (!Cj(e))
       return console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
     const A = Object.keys(e[0]), d = Object.values(e[0]);
-    if (!A.some((f) => xj(f)))
+    if (!A.some((f) => kj(f)))
       return console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."), !1;
     Mf(d, (f) => typeof f == "number") && (o = vl.DONUT, r = e), Mf(d, (f) => Array.isArray(f) && es(f)) && (Qf(e) > t ? o = vl.LINE : o = vl.BAR, a = Qf(e), r = e.map((f) => ({
       ...f,
-      data: Cj(f, (p) => es(p))
+      data: Bj(f, (p) => es(p))
     }))), e = e.map((f) => Ef(f)), r = r.map((f) => Ef(f));
   }
   return ri(e) && [...new Set(e.flatMap((A) => Array.isArray(A)))][0], {
@@ -45195,7 +45204,7 @@ function es(e) {
 function dd(e) {
   return !ri(e) || d1(e) || !![...new Set(e.flatMap((o) => typeof o == "object" && !Array.isArray(o)))].includes(!1) ? !1 : !e.map((o) => Object.keys(o).length > 0).includes(!1);
 }
-function mj(e, t) {
+function xj(e, t) {
   const o = Object.keys(e).sort(), r = Object.keys(t).sort();
   if (o.length !== r.length)
     return !1;
@@ -45206,17 +45215,17 @@ function mj(e, t) {
   }
   return !0;
 }
-function wj(e) {
+function Cj(e) {
   if (e.length <= 1)
     return !0;
   for (let t = 0; t < e.length; t += 1)
     for (let o = t + 1; o < e.length; o += 1)
-      if (!mj(e[t], e[o]))
+      if (!xj(e[t], e[o]))
         return !1;
   return !0;
 }
-function xj(e) {
-  return pj.includes(e.toUpperCase());
+function kj(e) {
+  return mj.includes(e.toUpperCase());
 }
 function Mf(e, t) {
   let o = [];
@@ -45227,7 +45236,7 @@ function Mf(e, t) {
 function Qf(e) {
   return Math.max(...[...e].flatMap((t) => Object.values(t).filter((o) => es(o)).map((o) => o.length)));
 }
-function Cj(e, t) {
+function Bj(e, t) {
   return Object.values(e).filter((o) => t(o))[0];
 }
 function Ef(e) {
@@ -45236,55 +45245,55 @@ function Ef(e) {
     e.hasOwnProperty(o) && (t[o.toUpperCase()] = e[o]);
   return t;
 }
-const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = ["xmlns", "viewBox"], _j = ["id"], Fj = ["id"], Sj = /* @__PURE__ */ h1(() => /* @__PURE__ */ y("feColorMatrix", {
+const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), _j = ["id"], Fj = ["xmlns", "viewBox"], Sj = ["id"], Lj = ["id"], $j = /* @__PURE__ */ h1(() => /* @__PURE__ */ y("feColorMatrix", {
   type: "saturate",
   values: "0"
-}, null, -1)), Lj = {
+}, null, -1)), Uj = {
   key: 0,
   class: "donut-label-connectors"
-}, $j = ["d", "stroke", "stroke-width", "filter"], Uj = ["cx", "cy", "r", "fill"], Mj = { class: "donut" }, Qj = ["d", "fill", "stroke", "stroke-width", "filter"], Ej = ["d", "onMouseenter", "onClick"], Ij = {
+}, Mj = ["d", "stroke", "stroke-width", "filter"], Qj = ["cx", "cy", "r", "fill"], Ej = { class: "donut" }, Ij = ["d", "fill", "stroke", "stroke-width", "filter"], Nj = ["d", "onMouseenter", "onClick"], Tj = {
   key: 1,
   class: "donut-labels quick-animation"
-}, Nj = ["cx", "cy", "fill", "filter"], Tj = ["text-anchor", "x", "y", "fill", "font-size", "filter"], Dj = ["text-anchor", "x", "y", "fill", "font-size", "filter"], Hj = {
+}, Dj = ["cx", "cy", "fill", "filter"], Hj = ["text-anchor", "x", "y", "fill", "font-size", "filter"], Pj = ["text-anchor", "x", "y", "fill", "font-size", "filter"], zj = {
   key: 2,
   class: "donut-hollow quick-animation"
-}, Pj = ["x", "y", "font-size", "fill"], zj = ["x", "y", "font-size", "fill"], Oj = {
+}, Oj = ["x", "y", "font-size", "fill"], Rj = ["x", "y", "font-size", "fill"], Vj = {
   key: 0,
   class: "line-grid"
-}, Rj = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Vj = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kj = {
+}, Kj = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Wj = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], jj = {
   key: 1,
   class: "line-axis"
-}, Wj = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], jj = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Gj = {
+}, Gj = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xj = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], qj = {
   key: 2,
   class: "yLabels"
-}, Xj = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], qj = ["x", "y", "font-size", "fill"], Yj = {
+}, Yj = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Jj = ["x", "y", "font-size", "fill"], Zj = {
   key: 3,
   class: "periodLabels"
-}, Jj = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Zj = ["font-size", "text-anchor", "fill", "transform"], eG = { class: "plots" }, tG = { class: "line-plot-series" }, lG = ["d", "stroke", "stroke-width"], aG = ["d", "stroke", "stroke-width"], oG = ["d", "stroke", "stroke-width"], rG = ["d", "stroke", "stroke-width"], nG = ["cx", "cy", "fill", "stroke"], sG = {
+}, eG = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], tG = ["font-size", "text-anchor", "fill", "transform"], lG = { class: "plots" }, aG = { class: "line-plot-series" }, oG = ["d", "stroke", "stroke-width"], rG = ["d", "stroke", "stroke-width"], nG = ["d", "stroke", "stroke-width"], sG = ["d", "stroke", "stroke-width"], iG = ["cx", "cy", "fill", "stroke"], AG = {
   key: 4,
   class: "dataLabels"
-}, iG = ["font-size", "fill", "x", "y"], AG = { class: "tooltip-traps" }, uG = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], cG = {
+}, uG = ["font-size", "fill", "x", "y"], cG = { class: "tooltip-traps" }, dG = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], hG = {
   key: 0,
   class: "line-grid"
-}, dG = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], hG = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fG = {
+}, fG = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], vG = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], gG = {
   key: 1,
   class: "line-axis"
-}, vG = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], gG = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], yG = {
+}, yG = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pG = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bG = {
   key: 2,
   class: "yLabels"
-}, pG = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bG = ["x", "y", "font-size", "fill"], mG = {
+}, mG = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wG = ["x", "y", "font-size", "fill"], xG = {
   key: 3,
   class: "periodLabels"
-}, wG = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xG = ["font-size", "text-anchor", "transform", "fill"], CG = { class: "plots" }, kG = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], BG = {
+}, CG = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], kG = ["font-size", "text-anchor", "transform", "fill"], BG = { class: "plots" }, _G = ["x", "y", "width", "height", "fill", "stroke", "stroke-width"], FG = {
   key: 4,
   class: "dataLabels"
-}, _G = ["x", "y", "font-size", "fill"], FG = { class: "tooltip-traps" }, SG = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], LG = {
+}, SG = ["x", "y", "font-size", "fill"], LG = { class: "tooltip-traps" }, $G = ["x", "y", "height", "width", "fill", "onMouseenter", "onClick"], UG = {
   key: 3,
   class: "axis-labels"
-}, $G = { key: 0 }, UG = ["font-size", "fill", "x", "y"], MG = { key: 1 }, QG = ["font-size", "fill", "x", "y"], EG = { key: 2 }, IG = ["font-size", "fill", "transform"], NG = { key: 3 }, TG = ["font-size", "fill", "transform"], DG = ["onClick"], HG = ["onClick"], PG = ["onClick"], zG = {
+}, MG = { key: 0 }, QG = ["font-size", "fill", "x", "y"], EG = { key: 1 }, IG = ["font-size", "fill", "x", "y"], NG = { key: 2 }, TG = ["font-size", "fill", "transform"], DG = { key: 3 }, HG = ["font-size", "fill", "transform"], PG = ["onClick"], zG = ["onClick"], OG = ["onClick"], RG = {
   key: 1,
   class: "vue-ui-quick-chart-not-processable"
-}, OG = /* @__PURE__ */ h1(() => /* @__PURE__ */ y("span", null, "Dataset is not processable", -1)), RG = {
+}, VG = /* @__PURE__ */ h1(() => /* @__PURE__ */ y("span", null, "Dataset is not processable", -1)), KG = {
   __name: "vue-ui-quick-chart",
   props: {
     config: {
@@ -45306,7 +45315,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
       userConfig: r.config,
       defaultConfig: p.value
     })), w = re(() => {
-      const L = bj({ dataset: r.dataset, barLineSwitch: i.value.chartIsBarUnderDatasetLength });
+      const L = wj({ dataset: r.dataset, barLineSwitch: i.value.chartIsBarUnderDatasetLength });
       return L || console.error("VueUiQuickChart : Dataset is not processable"), L;
     }), B = H(w.value), C = re(() => !!B.value), D = re(() => B.value ? B.value.type : null), R = H({
       donut: {
@@ -45792,12 +45801,12 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
               in: "SourceGraphic",
               stdDeviation: 2,
               id: `blur_std_${l.value}`
-            }, null, 8, Fj),
-            Sj
-          ], 8, _j)
+            }, null, 8, Lj),
+            $j
+          ], 8, Sj)
         ]),
         D.value === vl.DONUT ? (u(), c(ye, { key: 0 }, [
-          i.value.showDataLabels ? (u(), c("g", Lj, [
+          i.value.showDataLabels ? (u(), c("g", Uj, [
             (u(!0), c(ye, null, Ce(Z.value.chart, (U, X) => (u(), c(ye, null, [
               Z.value.isArcBigEnough(U) ? (u(), c("path", {
                 key: 0,
@@ -45808,7 +45817,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 "stroke-linejoin": "round",
                 fill: "none",
                 filter: j(U.id)
-              }, null, 8, $j)) : _("", !0)
+              }, null, 8, Mj)) : _("", !0)
             ], 64))), 256))
           ])) : _("", !0),
           y("circle", {
@@ -45817,24 +45826,24 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
             cy: (i.value.height || R.value.donut.height) / 2,
             r: (i.value.height || R.value.donut.height) * i.value.donutRadiusRatio,
             fill: i.value.backgroundColor
-          }, null, 8, Uj),
-          y("g", Mj, [
+          }, null, 8, Qj),
+          y("g", Ej, [
             (u(!0), c(ye, null, Ce(Z.value.chart, (U, X) => (u(), c("path", {
               d: U.arcSlice,
               fill: U.color,
               stroke: i.value.backgroundColor,
               "stroke-width": i.value.donutStrokeWidth,
               filter: j(U.id)
-            }, null, 8, Qj))), 256)),
+            }, null, 8, Ij))), 256)),
             (u(!0), c(ye, null, Ce(Z.value.chart, (U, X) => (u(), c("path", {
               d: U.arcSlice,
               fill: "transparent",
               onMouseenter: (Y) => Z.value.useTooltip({ datapoint: U, seriesIndex: X }),
               onMouseout: M[0] || (M[0] = (Y) => Z.value.killTooltip()),
               onClick: (Y) => o("selectDatapoint", U)
-            }, null, 40, Ej))), 256))
+            }, null, 40, Nj))), 256))
           ]),
-          i.value.showDataLabels ? (u(), c("g", Ij, [
+          i.value.showDataLabels ? (u(), c("g", Tj, [
             (u(!0), c(ye, null, Ce(Z.value.chart, (U, X) => (u(), c(ye, null, [
               Z.value.isArcBigEnough(U) ? (u(), c("circle", {
                 key: 0,
@@ -45843,7 +45852,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 fill: U.color,
                 r: 3,
                 filter: j(U.id)
-              }, null, 8, Nj)) : _("", !0),
+              }, null, 8, Dj)) : _("", !0),
               Z.value.isArcBigEnough(U) ? (u(), c("text", {
                 key: 1,
                 "text-anchor": ne(Bt)(U, !0, 20).anchor,
@@ -45857,7 +45866,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 v: U.value,
                 s: i.value.valueSuffix,
                 r: i.value.dataLabelRoundingValue
-              })) + ") ", 9, Tj)) : _("", !0),
+              })) + ") ", 9, Hj)) : _("", !0),
               Z.value.isArcBigEnough(U, !0, 20) ? (u(), c("text", {
                 key: 2,
                 "text-anchor": ne(Bt)(U).anchor,
@@ -45866,17 +45875,17 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 fill: i.value.color,
                 "font-size": i.value.dataLabelFontSize,
                 filter: j(U.id)
-              }, z(U.name), 9, Dj)) : _("", !0)
+              }, z(U.name), 9, Pj)) : _("", !0)
             ], 64))), 256))
           ])) : _("", !0),
-          i.value.donutShowTotal ? (u(), c("g", Hj, [
+          i.value.donutShowTotal ? (u(), c("g", zj, [
             y("text", {
               "text-anchor": "middle",
               x: Z.value.drawingArea.centerX,
               y: Z.value.drawingArea.centerY - i.value.donutTotalLabelFontSize / 2,
               "font-size": i.value.donutTotalLabelFontSize,
               fill: i.value.color
-            }, z(i.value.donutTotalLabelText), 9, Pj),
+            }, z(i.value.donutTotalLabelText), 9, Oj),
             y("text", {
               "text-anchor": "middle",
               x: Z.value.drawingArea.centerX,
@@ -45888,11 +45897,11 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
               v: Z.value.total,
               s: i.value.valueSuffix,
               r: i.value.dataLabelRoundingValue
-            })), 9, zj)
+            })), 9, Rj)
           ])) : _("", !0)
         ], 64)) : _("", !0),
         D.value === vl.LINE ? (u(), c(ye, { key: 1 }, [
-          i.value.xyShowGrid ? (u(), c("g", Oj, [
+          i.value.xyShowGrid ? (u(), c("g", Vj, [
             (u(!0), c(ye, null, Ce(pe.value.yLabels, (U) => (u(), c(ye, null, [
               U.y <= pe.value.drawingArea.bottom ? (u(), c("line", {
                 key: 0,
@@ -45903,7 +45912,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 stroke: i.value.xyGridStroke,
                 "stroke-width": i.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Rj)) : _("", !0)
+              }, null, 8, Kj)) : _("", !0)
             ], 64))), 256)),
             (u(!0), c(ye, null, Ce(pe.value.extremes.maxSeries + 1, (U, X) => (u(), c("line", {
               x1: pe.value.drawingArea.left + pe.value.slotSize * X,
@@ -45913,9 +45922,9 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
               stroke: i.value.xyGridStroke,
               "stroke-width": i.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Vj))), 256))
+            }, null, 8, Wj))), 256))
           ])) : _("", !0),
-          i.value.xyShowAxis ? (u(), c("g", Kj, [
+          i.value.xyShowAxis ? (u(), c("g", jj, [
             y("line", {
               x1: pe.value.drawingArea.left,
               x2: pe.value.drawingArea.left,
@@ -45924,7 +45933,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
               stroke: i.value.xyAxisStroke,
               "stroke-width": i.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Wj),
+            }, null, 8, Gj),
             y("line", {
               x1: pe.value.drawingArea.left,
               x2: pe.value.drawingArea.right,
@@ -45933,9 +45942,9 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
               stroke: i.value.xyAxisStroke,
               "stroke-width": i.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, jj)
+            }, null, 8, Xj)
           ])) : _("", !0),
-          i.value.xyShowScale ? (u(), c("g", Gj, [
+          i.value.xyShowScale ? (u(), c("g", qj, [
             (u(!0), c(ye, null, Ce(pe.value.yLabels, (U) => (u(), c(ye, null, [
               U.y <= pe.value.drawingArea.bottom ? (u(), c("line", {
                 key: 0,
@@ -45946,7 +45955,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 stroke: i.value.xyAxisStroke,
                 "stroke-width": i.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Xj)) : _("", !0),
+              }, null, 8, Yj)) : _("", !0),
               U.y <= pe.value.drawingArea.bottom ? (u(), c("text", {
                 key: 1,
                 x: U.x,
@@ -45959,10 +45968,10 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 v: U.value,
                 s: i.value.valueSuffix,
                 r: i.value.dataLabelRoundingValue
-              })), 9, qj)) : _("", !0)
+              })), 9, Jj)) : _("", !0)
             ], 64))), 256))
           ])) : _("", !0),
-          i.value.xyShowScale && i.value.xyPeriods.length ? (u(), c("g", Yj, [
+          i.value.xyShowScale && i.value.xyPeriods.length ? (u(), c("g", Zj, [
             (u(!0), c(ye, null, Ce(i.value.xyPeriods.slice(se.value.start, se.value.end), (U, X) => (u(), c("line", {
               x1: pe.value.drawingArea.left + pe.value.slotSize * (X + 1) - pe.value.slotSize / 2,
               x2: pe.value.drawingArea.left + pe.value.slotSize * (X + 1) - pe.value.slotSize / 2,
@@ -45971,16 +45980,16 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
               stroke: i.value.xyAxisStroke,
               "stroke-width": i.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Jj))), 256)),
+            }, null, 8, eG))), 256)),
             (u(!0), c(ye, null, Ce(i.value.xyPeriods.slice(se.value.start, se.value.end), (U, X) => (u(), c("text", {
               "font-size": i.value.xyLabelsXFontSize,
               "text-anchor": i.value.xyPeriodLabelsRotation > 0 ? "start" : i.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
               fill: i.value.color,
               transform: `translate(${pe.value.drawingArea.left + pe.value.slotSize * (X + 1) - pe.value.slotSize / 2}, ${pe.value.drawingArea.bottom + i.value.xyLabelsXFontSize + 6}), rotate(${i.value.xyPeriodLabelsRotation})`
-            }, z(U), 9, Zj))), 256))
+            }, z(U), 9, tG))), 256))
           ])) : _("", !0),
-          y("g", eG, [
-            (u(!0), c(ye, null, Ce(pe.value.dataset, (U, X) => (u(), c("g", tG, [
+          y("g", lG, [
+            (u(!0), c(ye, null, Ce(pe.value.dataset, (U, X) => (u(), c("g", aG, [
               i.value.lineSmooth ? (u(), c(ye, { key: 0 }, [
                 y("path", {
                   d: `M ${ne(rr)(U.coordinates)}`,
@@ -45990,7 +45999,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                   fill: "none",
                   class: "quick-animation",
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 8, lG),
+                }, null, 8, oG),
                 y("path", {
                   d: `M ${ne(rr)(U.coordinates)}`,
                   stroke: U.color,
@@ -45999,7 +46008,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                   fill: "none",
                   class: "quick-animation",
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 8, aG)
+                }, null, 8, rG)
               ], 64)) : (u(), c(ye, { key: 1 }, [
                 y("path", {
                   d: `M ${U.linePath}`,
@@ -46009,7 +46018,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                   fill: "none",
                   class: "quick-animation",
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 8, oG),
+                }, null, 8, nG),
                 y("path", {
                   d: `M ${U.linePath}`,
                   stroke: U.color,
@@ -46018,7 +46027,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                   fill: "none",
                   class: "quick-animation",
                   style: { transition: "all 0.3s ease-in-out" }
-                }, null, 8, rG)
+                }, null, 8, sG)
               ], 64)),
               (u(!0), c(ye, null, Ce(U.coordinates, (Y, fe) => (u(), c("circle", {
                 cx: Y.x,
@@ -46029,10 +46038,10 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 "stroke-width": "0.5",
                 class: "quick-animation",
                 style: { transition: "all 0.3s ease-in-out" }
-              }, null, 8, nG))), 256))
+              }, null, 8, iG))), 256))
             ]))), 256))
           ]),
-          i.value.showDataLabels ? (u(), c("g", sG, [
+          i.value.showDataLabels ? (u(), c("g", AG, [
             (u(!0), c(ye, null, Ce(pe.value.dataset, (U, X) => (u(), c(ye, null, [
               (u(!0), c(ye, null, Ce(U.coordinates, (Y, fe) => (u(), c("text", {
                 "text-anchor": "middle",
@@ -46047,10 +46056,10 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 v: Y.value,
                 s: i.value.valueSuffix,
                 r: i.value.dataLabelRoundingValue
-              })), 9, iG))), 256))
+              })), 9, uG))), 256))
             ], 64))), 256))
           ])) : _("", !0),
-          y("g", AG, [
+          y("g", cG, [
             (u(!0), c(ye, null, Ce(pe.value.extremes.maxSeries, (U, X) => (u(), c("rect", {
               x: pe.value.drawingArea.left + X * pe.value.slotSize,
               y: pe.value.drawingArea.top,
@@ -46064,11 +46073,11 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 ...fe,
                 value: fe.values[X]
               })))
-            }, null, 44, uG))), 256))
+            }, null, 44, dG))), 256))
           ])
         ], 64)) : _("", !0),
         D.value === vl.BAR ? (u(), c(ye, { key: 2 }, [
-          i.value.xyShowGrid ? (u(), c("g", cG, [
+          i.value.xyShowGrid ? (u(), c("g", hG, [
             (u(!0), c(ye, null, Ce(oe.value.yLabels, (U) => (u(), c(ye, null, [
               U.y <= oe.value.drawingArea.bottom ? (u(), c("line", {
                 key: 0,
@@ -46079,7 +46088,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 stroke: i.value.xyGridStroke,
                 "stroke-width": i.value.xyGridStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, dG)) : _("", !0)
+              }, null, 8, fG)) : _("", !0)
             ], 64))), 256)),
             (u(!0), c(ye, null, Ce(oe.value.extremes.maxSeries + 1, (U, X) => (u(), c("line", {
               x1: oe.value.drawingArea.left + oe.value.slotSize * X,
@@ -46089,9 +46098,9 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
               stroke: i.value.xyGridStroke,
               "stroke-width": i.value.xyGridStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, hG))), 256))
+            }, null, 8, vG))), 256))
           ])) : _("", !0),
-          i.value.xyShowAxis ? (u(), c("g", fG, [
+          i.value.xyShowAxis ? (u(), c("g", gG, [
             y("line", {
               x1: oe.value.drawingArea.left,
               x2: oe.value.drawingArea.left,
@@ -46100,7 +46109,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
               stroke: i.value.xyAxisStroke,
               "stroke-width": i.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, vG),
+            }, null, 8, yG),
             y("line", {
               x1: oe.value.drawingArea.left,
               x2: oe.value.drawingArea.right,
@@ -46109,9 +46118,9 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
               stroke: i.value.xyAxisStroke,
               "stroke-width": i.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, gG)
+            }, null, 8, pG)
           ])) : _("", !0),
-          i.value.xyShowScale ? (u(), c("g", yG, [
+          i.value.xyShowScale ? (u(), c("g", bG, [
             (u(!0), c(ye, null, Ce(oe.value.yLabels, (U) => (u(), c(ye, null, [
               U.y <= oe.value.drawingArea.bottom ? (u(), c("line", {
                 key: 0,
@@ -46122,7 +46131,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 stroke: i.value.xyAxisStroke,
                 "stroke-width": i.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, pG)) : _("", !0),
+              }, null, 8, mG)) : _("", !0),
               U.y <= oe.value.drawingArea.bottom ? (u(), c("text", {
                 key: 1,
                 x: U.x,
@@ -46135,10 +46144,10 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 v: U.value,
                 s: i.value.valueSuffix,
                 r: i.value.dataLabelRoundingValue
-              })), 9, bG)) : _("", !0)
+              })), 9, wG)) : _("", !0)
             ], 64))), 256))
           ])) : _("", !0),
-          i.value.xyShowScale && i.value.xyPeriods.length ? (u(), c("g", mG, [
+          i.value.xyShowScale && i.value.xyPeriods.length ? (u(), c("g", xG, [
             (u(!0), c(ye, null, Ce(i.value.xyPeriods.slice(se.value.start, se.value.end), (U, X) => (u(), c("line", {
               x1: oe.value.drawingArea.left + oe.value.slotSize * (X + 1) - oe.value.slotSize / 2,
               x2: oe.value.drawingArea.left + oe.value.slotSize * (X + 1) - oe.value.slotSize / 2,
@@ -46147,15 +46156,15 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
               stroke: i.value.xyAxisStroke,
               "stroke-width": i.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, wG))), 256)),
+            }, null, 8, CG))), 256)),
             (u(!0), c(ye, null, Ce(i.value.xyPeriods.slice(se.value.start, se.value.end), (U, X) => (u(), c("text", {
               "font-size": i.value.xyLabelsXFontSize,
               "text-anchor": i.value.xyPeriodLabelsRotation > 0 ? "start" : i.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
               transform: `translate(${oe.value.drawingArea.left + oe.value.slotSize * (X + 1) - oe.value.slotSize / 2}, ${oe.value.drawingArea.bottom + i.value.xyLabelsXFontSize + 6}) rotate(${i.value.xyPeriodLabelsRotation})`,
               fill: i.value.color
-            }, z(U), 9, xG))), 256))
+            }, z(U), 9, kG))), 256))
           ])) : _("", !0),
-          y("g", CG, [
+          y("g", BG, [
             (u(!0), c(ye, null, Ce(oe.value.dataset, (U, X) => (u(), c(ye, null, [
               (u(!0), c(ye, null, Ce(U.coordinates, (Y, fe) => (u(), c("rect", {
                 x: Y.x,
@@ -46167,10 +46176,10 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 "stroke-width": i.value.barStrokeWidth,
                 "stroke-linecap": "round",
                 style: { transition: "all 0.3s ease-in-out" }
-              }, null, 8, kG))), 256))
+              }, null, 8, _G))), 256))
             ], 64))), 256))
           ]),
-          i.value.showDataLabels ? (u(), c("g", BG, [
+          i.value.showDataLabels ? (u(), c("g", FG, [
             (u(!0), c(ye, null, Ce(oe.value.dataset, (U, X) => (u(), c(ye, null, [
               (u(!0), c(ye, null, Ce(U.coordinates, (Y, fe) => (u(), c("text", {
                 x: Y.x + Y.width / 2,
@@ -46184,10 +46193,10 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 v: Y.value,
                 s: i.value.valueSuffix,
                 r: i.value.dataLabelRoundingValue
-              })), 9, _G))), 256))
+              })), 9, SG))), 256))
             ], 64))), 256))
           ])) : _("", !0),
-          y("g", FG, [
+          y("g", LG, [
             (u(!0), c(ye, null, Ce(oe.value.extremes.maxSeries, (U, X) => (u(), c("rect", {
               x: oe.value.drawingArea.left + X * oe.value.slotSize,
               y: oe.value.drawingArea.top,
@@ -46201,46 +46210,46 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
                 ...fe,
                 value: fe.values[X]
               })))
-            }, null, 44, SG))), 256))
+            }, null, 44, $G))), 256))
           ])
         ], 64)) : _("", !0),
-        [vl.LINE, vl.BAR].includes(D.value) ? (u(), c("g", LG, [
-          i.value.xAxisLabel && D.value === vl.LINE ? (u(), c("g", $G, [
+        [vl.LINE, vl.BAR].includes(D.value) ? (u(), c("g", UG, [
+          i.value.xAxisLabel && D.value === vl.LINE ? (u(), c("g", MG, [
             y("text", {
               "font-size": i.value.axisLabelsFontSize,
               fill: i.value.color,
               "text-anchor": "middle",
               x: pe.value.drawingArea.left + pe.value.drawingArea.width / 2,
               y: R.value.line.height - i.value.axisLabelsFontSize / 3
-            }, z(i.value.xAxisLabel), 9, UG)
+            }, z(i.value.xAxisLabel), 9, QG)
           ])) : _("", !0),
-          i.value.xAxisLabel && D.value === vl.BAR ? (u(), c("g", MG, [
+          i.value.xAxisLabel && D.value === vl.BAR ? (u(), c("g", EG, [
             y("text", {
               "font-size": i.value.axisLabelsFontSize,
               fill: i.value.color,
               "text-anchor": "middle",
               x: oe.value.drawingArea.left + oe.value.drawingArea.width / 2,
               y: R.value.bar.height - i.value.axisLabelsFontSize / 3
-            }, z(i.value.xAxisLabel), 9, QG)
+            }, z(i.value.xAxisLabel), 9, IG)
           ])) : _("", !0),
-          i.value.yAxisLabel && D.value === vl.LINE ? (u(), c("g", EG, [
+          i.value.yAxisLabel && D.value === vl.LINE ? (u(), c("g", NG, [
             y("text", {
               "font-size": i.value.axisLabelsFontSize,
               fill: i.value.color,
               transform: `translate(${i.value.axisLabelsFontSize}, ${pe.value.drawingArea.top + pe.value.drawingArea.height / 2}) rotate(-90)`,
               "text-anchor": "middle"
-            }, z(i.value.yAxisLabel), 9, IG)
+            }, z(i.value.yAxisLabel), 9, TG)
           ])) : _("", !0),
-          i.value.yAxisLabel && D.value === vl.BAR ? (u(), c("g", NG, [
+          i.value.yAxisLabel && D.value === vl.BAR ? (u(), c("g", DG, [
             y("text", {
               "font-size": i.value.axisLabelsFontSize,
               fill: i.value.color,
               transform: `translate(${i.value.axisLabelsFontSize}, ${oe.value.drawingArea.top + oe.value.drawingArea.height / 2}) rotate(-90)`,
               "text-anchor": "middle"
-            }, z(i.value.yAxisLabel), 9, TG)
+            }, z(i.value.yAxisLabel), 9, HG)
           ])) : _("", !0)
         ])) : _("", !0)
-      ], 12, Bj)),
+      ], 12, Fj)),
       [vl.BAR, vl.LINE].includes(D.value) && i.value.zoomXy && B.value.maxSeriesLength > 1 ? (u(), Re(iu, {
         key: `slicer_${s.value}`,
         background: i.value.backgroundColor,
@@ -46306,7 +46315,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
               r: i.value.dataLabelRoundingPercentage
             })) + ") ", 5))
           ], 64))
-        ], 12, DG))), 256)) : _("", !0),
+        ], 12, PG))), 256)) : _("", !0),
         D.value === vl.LINE ? (u(!0), c(ye, { key: 1 }, Ce(pe.value.legend, (U, X) => (u(), c("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (Y) => {
@@ -46324,7 +46333,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
               style: O(`font-size:${i.value.legendFontSize}px`)
             }, z(U.name), 5)
           ], 64))
-        ], 12, HG))), 256)) : _("", !0),
+        ], 12, zG))), 256)) : _("", !0),
         D.value === vl.BAR ? (u(!0), c(ye, { key: 2 }, Ce(oe.value.legend, (U, X) => (u(), c("div", {
           class: "vue-ui-quick-chart-legend-item",
           onClick: (Y) => {
@@ -46342,7 +46351,7 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
               style: O(`font-size:${i.value.legendFontSize}px`)
             }, z(U.name), 5)
           ], 64))
-        ], 12, PG))), 256)) : _("", !0)
+        ], 12, OG))), 256)) : _("", !0)
       ], 4)) : _("", !0),
       at(ta, {
         show: i.value.showTooltip && n.value,
@@ -46360,38 +46369,38 @@ const h1 = (e) => (Ta("data-v-b6a3c626"), e = e(), Da(), e), kj = ["id"], Bj = [
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "parent", "content", "isCustom"])
-    ], 14, kj)) : (u(), c("div", zG, [
+    ], 14, _j)) : (u(), c("div", RG, [
       at(Wt, {
         name: "circleCancel",
         stroke: "red"
       }),
-      OG
+      VG
     ]));
   }
-}, VG = /* @__PURE__ */ St(RG, [["__scopeId", "data-v-b6a3c626"]]), KG = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, WG = /* @__PURE__ */ St(KG, [["__scopeId", "data-v-b6a3c626"]]), jG = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: VG
+  default: WG
 }, Symbol.toStringTag, { value: "Module" }));
-const f1 = (e) => (Ta("data-v-c7b54730"), e = e(), Da(), e), WG = ["xmlns", "height", "width"], jG = {
+const f1 = (e) => (Ta("data-v-c7b54730"), e = e(), Da(), e), GG = ["xmlns", "height", "width"], XG = {
   id: "follower",
   fy: "30%",
   fx: "30%"
-}, GG = ["stop-color", "stop-opacity"], XG = /* @__PURE__ */ f1(() => /* @__PURE__ */ y("stop", {
+}, qG = ["stop-color", "stop-opacity"], YG = /* @__PURE__ */ f1(() => /* @__PURE__ */ y("stop", {
   offset: "95%",
   "stop-color": "transparent"
-}, null, -1)), qG = ["r", "fill", "stroke", "stroke-width", "stroke-dasharray"], YG = ["r", "fill"], JG = {
+}, null, -1)), JG = ["r", "fill", "stroke", "stroke-width", "stroke-dasharray"], ZG = ["r", "fill"], eX = {
   key: 2,
   class: "wave"
-}, ZG = ["id"], eX = ["id"], tX = /* @__PURE__ */ f1(() => /* @__PURE__ */ y("feColorMatrix", {
+}, tX = ["id"], lX = ["id"], aX = /* @__PURE__ */ f1(() => /* @__PURE__ */ y("feColorMatrix", {
   type: "saturate",
   values: "0"
-}, null, -1)), lX = ["filter", "stroke"], aX = {
+}, null, -1)), oX = ["filter", "stroke"], rX = {
   key: 3,
   class: "crosshair"
-}, oX = ["x1", "stroke", "stroke-width", "stroke-dasharray"], rX = ["x1", "stroke", "stroke-width", "stroke-dasharray"], nX = ["y1", "stroke", "stroke-width", "stroke-dasharray"], sX = ["y1", "stroke", "stroke-width", "stroke-dasharray"], iX = ["cy", "r", "fill"], AX = ["cy", "r", "fill"], uX = ["cx", "r", "fill"], cX = ["cx", "r", "fill"], dX = {
+}, nX = ["x1", "stroke", "stroke-width", "stroke-dasharray"], sX = ["x1", "stroke", "stroke-width", "stroke-dasharray"], iX = ["y1", "stroke", "stroke-width", "stroke-dasharray"], AX = ["y1", "stroke", "stroke-width", "stroke-dasharray"], uX = ["cy", "r", "fill"], cX = ["cy", "r", "fill"], dX = ["cx", "r", "fill"], hX = ["cx", "r", "fill"], fX = {
   key: 5,
   class: "coordinates"
-}, hX = ["x", "y", "font-size", "fill"], fX = ["transform"], vX = ["font-size", "fill"], gX = {
+}, vX = ["x", "y", "font-size", "fill"], gX = ["transform"], yX = ["font-size", "fill"], pX = {
   __name: "vue-ui-cursor",
   props: {
     config: {
@@ -46441,13 +46450,13 @@ const f1 = (e) => (Ta("data-v-c7b54730"), e = e(), Da(), e), WG = ["xmlns", "hei
       width: a.value.centerCircleRadius * 2
     }, [
       y("defs", null, [
-        y("radialGradient", jG, [
+        y("radialGradient", XG, [
           y("stop", {
             offset: "10%",
             "stop-color": a.value.bubbleEffectColor,
             "stop-opacity": a.value.bubbleEffectOpacity
-          }, null, 8, GG),
-          XG
+          }, null, 8, qG),
+          YG
         ])
       ]),
       a.value.showCenterCircle ? (u(), c("circle", {
@@ -46459,7 +46468,7 @@ const f1 = (e) => (Ta("data-v-c7b54730"), e = e(), Da(), e), WG = ["xmlns", "hei
         stroke: a.value.centerCircleStroke,
         "stroke-width": a.value.centerCircleStrokeWidth,
         "stroke-dasharray": a.value.centerCircleDasharray
-      }, null, 8, qG)) : _("", !0),
+      }, null, 8, JG)) : _("", !0),
       a.value.bubbleEffect ? (u(), c("circle", {
         key: 1,
         cx: 50,
@@ -46467,8 +46476,8 @@ const f1 = (e) => (Ta("data-v-c7b54730"), e = e(), Da(), e), WG = ["xmlns", "hei
         r: a.value.centerCircleRadius,
         fill: "url(#follower)",
         stroke: "none"
-      }, null, 8, YG)) : _("", !0),
-      a.value.useWaveOnClick ? (u(), c("g", JG, [
+      }, null, 8, ZG)) : _("", !0),
+      a.value.useWaveOnClick ? (u(), c("g", eX, [
         y("defs", null, [
           y("filter", {
             id: `blur_${r.value}`,
@@ -46481,9 +46490,9 @@ const f1 = (e) => (Ta("data-v-c7b54730"), e = e(), Da(), e), WG = ["xmlns", "hei
               in: "SourceGraphic",
               stdDeviation: 4,
               id: `blur_std_${r.value}`
-            }, null, 8, eX),
-            tX
-          ], 8, ZG)
+            }, null, 8, lX),
+            aX
+          ], 8, tX)
         ]),
         p.value ? (u(), c("circle", {
           key: 0,
@@ -46495,9 +46504,9 @@ const f1 = (e) => (Ta("data-v-c7b54730"), e = e(), Da(), e), WG = ["xmlns", "hei
           stroke: a.value.centerCircleStroke,
           fill: "none",
           "stroke-width": "3"
-        }, null, 10, lX)) : _("", !0)
+        }, null, 10, oX)) : _("", !0)
       ])) : _("", !0),
-      a.value.showCrosshair ? (u(), c("g", aX, [
+      a.value.showCrosshair ? (u(), c("g", rX, [
         y("line", {
           x1: -a.value.centerCircleRadius + 50,
           x2: -5e3,
@@ -46507,7 +46516,7 @@ const f1 = (e) => (Ta("data-v-c7b54730"), e = e(), Da(), e), WG = ["xmlns", "hei
           "stroke-width": a.value.crosshairStrokeWidth,
           "stroke-dasharray": a.value.crosshairDasharray,
           "stroke-linecap": "round"
-        }, null, 8, oX),
+        }, null, 8, nX),
         y("line", {
           x1: 50 + a.value.centerCircleRadius,
           x2: 5e3,
@@ -46517,7 +46526,7 @@ const f1 = (e) => (Ta("data-v-c7b54730"), e = e(), Da(), e), WG = ["xmlns", "hei
           "stroke-width": a.value.crosshairStrokeWidth,
           "stroke-dasharray": a.value.crosshairDasharray,
           "stroke-linecap": "round"
-        }, null, 8, rX),
+        }, null, 8, sX),
         y("line", {
           x1: 50,
           x2: 50,
@@ -46527,7 +46536,7 @@ const f1 = (e) => (Ta("data-v-c7b54730"), e = e(), Da(), e), WG = ["xmlns", "hei
           "stroke-width": a.value.crosshairStrokeWidth,
           "stroke-dasharray": a.value.crosshairDasharray,
           "stroke-linecap": "round"
-        }, null, 8, nX),
+        }, null, 8, iX),
         y("line", {
           x1: 50,
           x2: 50,
@@ -46537,7 +46546,7 @@ const f1 = (e) => (Ta("data-v-c7b54730"), e = e(), Da(), e), WG = ["xmlns", "hei
           "stroke-width": a.value.crosshairStrokeWidth,
           "stroke-dasharray": a.value.crosshairDasharray,
           "stroke-linecap": "round"
-        }, null, 8, sX)
+        }, null, 8, AX)
       ])) : _("", !0),
       a.value.showIntersectCircles ? (u(), c("g", {
         key: 4,
@@ -46548,27 +46557,27 @@ const f1 = (e) => (Ta("data-v-c7b54730"), e = e(), Da(), e), WG = ["xmlns", "hei
           cy: a.value.centerCircleRadius + 50,
           r: a.value.intersectCirclesRadius,
           fill: a.value.intersectCirclesFill
-        }, null, 8, iX),
+        }, null, 8, uX),
         y("circle", {
           cx: 50,
           cy: -a.value.centerCircleRadius + 50,
           r: a.value.intersectCirclesRadius,
           fill: a.value.intersectCirclesFill
-        }, null, 8, AX),
+        }, null, 8, cX),
         y("circle", {
           cx: -a.value.centerCircleRadius + 50,
           cy: 50,
           r: a.value.intersectCirclesRadius,
           fill: a.value.intersectCirclesFill
-        }, null, 8, uX),
+        }, null, 8, dX),
         y("circle", {
           cx: a.value.centerCircleRadius + 50,
           cy: 50,
           r: a.value.intersectCirclesRadius,
           fill: a.value.intersectCirclesFill
-        }, null, 8, cX)
+        }, null, 8, hX)
       ], 2)) : _("", !0),
-      a.value.showCoordinates ? (u(), c("g", dX, [
+      a.value.showCoordinates ? (u(), c("g", fX, [
         y("text", {
           "text-anchor": "end",
           x: -a.value.centerCircleRadius + 50 - a.value.coordinatesFontSize / 2 + a.value.coordinatesOffset,
@@ -46577,7 +46586,7 @@ const f1 = (e) => (Ta("data-v-c7b54730"), e = e(), Da(), e), WG = ["xmlns", "hei
           fill: a.value.coordinatesColor,
           style: { "font-variant-numeric": "tabular-nums" },
           "font-family": "Arial"
-        }, z(l.value.x.toFixed(0)), 9, hX),
+        }, z(l.value.x.toFixed(0)), 9, vX),
         y("g", {
           transform: `translate(${50 - a.value.coordinatesFontSize / 2 + a.value.coordinatesOffset}, ${-a.value.centerCircleRadius + 50 - a.value.coordinatesFontSize / 2 + a.value.coordinatesOffset})`
         }, [
@@ -46588,16 +46597,16 @@ const f1 = (e) => (Ta("data-v-c7b54730"), e = e(), Da(), e), WG = ["xmlns", "hei
             style: { "font-variant-numeric": "tabular-nums" },
             transform: "rotate(-90)",
             "font-family": "Arial"
-          }, z(l.value.y.toFixed(0)), 9, vX)
-        ], 8, fX)
+          }, z(l.value.y.toFixed(0)), 9, yX)
+        ], 8, gX)
       ])) : _("", !0)
-    ], 12, WG)) : _("", !0);
+    ], 12, GG)) : _("", !0);
   }
-}, yX = /* @__PURE__ */ St(gX, [["__scopeId", "data-v-c7b54730"]]), pX = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, bX = /* @__PURE__ */ St(pX, [["__scopeId", "data-v-c7b54730"]]), mX = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: yX
+  default: bX
 }, Symbol.toStringTag, { value: "Module" }));
-const bX = ["id"], mX = ["xmlns", "viewBox"], wX = ["id"], xX = ["stop-color"], CX = ["stop-color"], kX = { key: 0 }, BX = ["d", "fill"], _X = ["d", "fill"], FX = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], SX = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], LX = ["height", "width", "x"], $X = { style: { width: "100%" } }, UX = ["x", "y", "fill", "font-size", "font-weight"], MX = ["stroke", "cx", "cy", "fill"], QX = ["x", "y", "font-size", "fill", "font-weight"], EX = {
+const wX = ["id"], xX = ["xmlns", "viewBox"], CX = ["id"], kX = ["stop-color"], BX = ["stop-color"], _X = { key: 0 }, FX = ["d", "fill"], SX = ["d", "fill"], LX = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], $X = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], UX = ["height", "width", "x"], MX = { style: { width: "100%" } }, QX = ["x", "y", "fill", "font-size", "font-weight"], EX = ["stroke", "cx", "cy", "fill"], IX = ["x", "y", "font-size", "fill", "font-weight"], NX = {
   __name: "vue-ui-spark-trend",
   props: {
     config: {
@@ -46708,25 +46717,25 @@ const bX = ["id"], mX = ["xmlns", "viewBox"], wX = ["id"], xX = ["stop-color"],
             y("stop", {
               offset: "0%",
               "stop-color": (l.value.style.line.useColorTrend ? D.value : l.value.style.line.stroke) + ne(tt)[l.value.style.area.opacity]
-            }, null, 8, xX),
+            }, null, 8, kX),
             y("stop", {
               offset: "100%",
               "stop-color": l.value.style.backgroundColor
-            }, null, 8, CX)
-          ], 8, wX)
+            }, null, 8, BX)
+          ], 8, CX)
         ]),
-        l.value.style.area.show && w.value[0] ? (u(), c("g", kX, [
+        l.value.style.area.show && w.value[0] ? (u(), c("g", _X, [
           l.value.style.line.smooth ? (u(), c("path", {
             key: 0,
             d: `M ${w.value[0].x},${h.value.bottom} ${ne(rr)(w.value)} L ${w.value.at(-1).x},${h.value.bottom} Z`,
             fill: l.value.style.area.useGradient ? `url(#pill_gradient_${r.value})` : `${l.value.style.line.useColorTrend ? D.value : l.value.style.line.stroke}${ne(tt)[l.value.style.area.opacity]}`,
             stroke: "none"
-          }, null, 8, BX)) : (u(), c("path", {
+          }, null, 8, FX)) : (u(), c("path", {
             key: 1,
             d: `M${R.value}Z`,
             fill: l.value.style.area.useGradient ? `url(#pill_gradient_${r.value})` : `${l.value.style.line.useColorTrend ? D.value : l.value.style.line.stroke}${ne(tt)[l.value.style.area.opacity]}`,
             stroke: "none"
-          }, null, 8, _X))
+          }, null, 8, SX))
         ])) : _("", !0),
         l.value.style.line.smooth && w.value.length ? (u(), c("path", {
           key: 1,
@@ -46736,7 +46745,7 @@ const bX = ["id"], mX = ["xmlns", "viewBox"], wX = ["id"], xX = ["stop-color"],
           "stroke-width": l.value.style.line.strokeWidth,
           "stroke-linecap": l.value.style.line.strokeLinecap,
           "stroke-linejoin": l.value.style.line.strokeLinejoin
-        }, null, 8, FX)) : _("", !0),
+        }, null, 8, LX)) : _("", !0),
         !l.value.style.line.smooth && w.value.length ? (u(), c("path", {
           key: 2,
           d: le.value,
@@ -46745,7 +46754,7 @@ const bX = ["id"], mX = ["xmlns", "viewBox"], wX = ["id"], xX = ["stop-color"],
           "stroke-width": l.value.style.line.strokeWidth,
           "stroke-linecap": l.value.style.line.strokeLinecap,
           "stroke-linejoin": l.value.style.line.strokeLinejoin
-        }, null, 8, SX)) : _("", !0),
+        }, null, 8, $X)) : _("", !0),
         d.value ? _("", !0) : (u(), c("foreignObject", {
           key: 3,
           height: p.value.height / 2,
@@ -46753,7 +46762,7 @@ const bX = ["id"], mX = ["xmlns", "viewBox"], wX = ["id"], xX = ["stop-color"],
           x: p.value.height / 5,
           y: 8
         }, [
-          y("div", $X, [
+          y("div", MX, [
             C.value === "positive" ? (u(), Re(Wt, {
               key: 0,
               stroke: D.value,
@@ -46773,7 +46782,7 @@ const bX = ["id"], mX = ["xmlns", "viewBox"], wX = ["id"], xX = ["stop-color"],
               size: p.value.height / 2
             }, null, 8, ["stroke", "size"])) : _("", !0)
           ])
-        ], 8, LX)),
+        ], 8, UX)),
         d.value ? _("", !0) : (u(), c("text", {
           key: 4,
           x: p.value.height / 2 - p.value.height / 20,
@@ -46787,7 +46796,7 @@ const bX = ["id"], mX = ["xmlns", "viewBox"], wX = ["id"], xX = ["stop-color"],
           v: B.value,
           s: "%",
           r: l.value.style.trendLabel.rounding
-        })), 9, UX)),
+        })), 9, QX)),
         w.value.length && w.value.at(-1).x !== void 0 ? (u(), c("circle", {
           key: 5,
           stroke: l.value.style.backgroundColor,
@@ -46796,7 +46805,7 @@ const bX = ["id"], mX = ["xmlns", "viewBox"], wX = ["id"], xX = ["stop-color"],
           cy: w.value.at(-1).y,
           r: 4,
           fill: D.value
-        }, null, 8, MX)) : _("", !0),
+        }, null, 8, EX)) : _("", !0),
         w.value.length && w.value.at(-1).x !== void 0 && l.value.style.dataLabel.show ? (u(), c("text", {
           key: 6,
           "text-anchor": "middle",
@@ -46810,8 +46819,8 @@ const bX = ["id"], mX = ["xmlns", "viewBox"], wX = ["id"], xX = ["stop-color"],
           v: w.value.at(-1).value,
           s: l.value.style.dataLabel.suffix,
           r: l.value.style.dataLabel.rounding
-        })), 9, QX)) : _("", !0)
-      ], 12, mX)) : (u(), Re(Vt, {
+        })), 9, IX)) : _("", !0)
+      ], 12, xX)) : (u(), Re(Vt, {
         key: 0,
         config: {
           type: "sparkline",
@@ -46823,13 +46832,13 @@ const bX = ["id"], mX = ["xmlns", "viewBox"], wX = ["id"], xX = ["stop-color"],
           }
         }
       }, null, 8, ["config"]))
-    ], 12, bX));
+    ], 12, wX));
   }
-}, IX = /* @__PURE__ */ St(EX, [["__scopeId", "data-v-54d6c322"]]), NX = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, TX = /* @__PURE__ */ St(NX, [["__scopeId", "data-v-54d6c322"]]), DX = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: IX
+  default: TX
 }, Symbol.toStringTag, { value: "Module" }));
-const TX = ["id"], DX = ["xmlns", "viewBox"], HX = { key: 0 }, PX = { key: 0 }, zX = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], OX = { key: 1 }, RX = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], VX = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], KX = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], WX = ["x", "y", "fill", "font-size"], jX = ["x", "y", "font-size", "fill"], GX = ["fill", "font-size", "transform"], XX = ["fill", "font-size", "x", "y"], qX = ["x1", "x2", "y1", "y2", "stroke"], YX = ["cx", "cy", "fill"], JX = ["cx", "cy", "fill"], ZX = ["id"], eq = ["stop-color"], tq = ["stop-color"], lq = ["stop-color"], aq = { key: 0 }, oq = ["x", "y", "font-size", "fill"], rq = ["innerHTML"], nq = {
+const HX = ["id"], PX = ["xmlns", "viewBox"], zX = { key: 0 }, OX = { key: 0 }, RX = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], VX = { key: 1 }, KX = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], WX = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], jX = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], GX = ["x", "y", "fill", "font-size"], XX = ["x", "y", "font-size", "fill"], qX = ["fill", "font-size", "transform"], YX = ["fill", "font-size", "x", "y"], JX = ["x1", "x2", "y1", "y2", "stroke"], ZX = ["cx", "cy", "fill"], eq = ["cx", "cy", "fill"], tq = ["id"], lq = ["stop-color"], aq = ["stop-color"], oq = ["stop-color"], rq = { key: 0 }, nq = ["x", "y", "font-size", "fill"], sq = ["innerHTML"], iq = {
   __name: "vue-ui-strip-plot",
   props: {
     config: {
@@ -47124,8 +47133,8 @@ const TX = ["id"], DX = ["xmlns", "viewBox"], HX = { key: 0 }, PX = { key: 0 },
         viewBox: `0 0 ${w.value.absoluteWidth} ${w.value.absoluteHeight}`,
         style: O(`max-width:100%; overflow: visible; background:${g.value.style.chart.backgroundColor};color:${g.value.style.chart.color}`)
       }, [
-        g.value.style.chart.grid.show ? (u(), c("g", HX, [
-          g.value.style.chart.grid.horizontalGrid.show ? (u(), c("g", PX, [
+        g.value.style.chart.grid.show ? (u(), c("g", zX, [
+          g.value.style.chart.grid.horizontalGrid.show ? (u(), c("g", OX, [
             (u(!0), c(ye, null, Ce(he.value, (M) => (u(), c("line", {
               x1: M.x1,
               x2: M.x2,
@@ -47135,9 +47144,9 @@ const TX = ["id"], DX = ["xmlns", "viewBox"], HX = { key: 0 }, PX = { key: 0 },
               "stroke-width": g.value.style.chart.grid.horizontalGrid.strokeWidth,
               "stroke-dasharray": g.value.style.chart.grid.horizontalGrid.strokeDasharray,
               "stroke-linecap": "round"
-            }, null, 8, zX))), 256))
+            }, null, 8, RX))), 256))
           ])) : _("", !0),
-          g.value.style.chart.grid.verticalGrid.show ? (u(), c("g", OX, [
+          g.value.style.chart.grid.verticalGrid.show ? (u(), c("g", VX, [
             (u(!0), c(ye, null, Ce(C.value, (M, U) => (u(), c("line", {
               x1: w.value.left + (U + 1) * w.value.stripWidth,
               x2: w.value.left + (U + 1) * w.value.stripWidth,
@@ -47147,7 +47156,7 @@ const TX = ["id"], DX = ["xmlns", "viewBox"], HX = { key: 0 }, PX = { key: 0 },
               "stroke-width": g.value.style.chart.grid.verticalGrid.strokeWidth,
               "stroke-dasharray": g.value.style.chart.grid.verticalGrid.strokeDasharray,
               "stroke-linecap": "round"
-            }, null, 8, RX))), 256))
+            }, null, 8, KX))), 256))
           ])) : _("", !0),
           y("line", {
             x1: w.value.left,
@@ -47157,7 +47166,7 @@ const TX = ["id"], DX = ["xmlns", "viewBox"], HX = { key: 0 }, PX = { key: 0 },
             stroke: g.value.style.chart.grid.stroke,
             "stroke-width": g.value.style.chart.grid.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, VX),
+          }, null, 8, WX),
           y("line", {
             x1: w.value.left,
             x2: w.value.right,
@@ -47166,7 +47175,7 @@ const TX = ["id"], DX = ["xmlns", "viewBox"], HX = { key: 0 }, PX = { key: 0 },
             stroke: g.value.style.chart.grid.stroke,
             "stroke-width": g.value.style.chart.grid.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, KX)
+          }, null, 8, jX)
         ])) : _("", !0),
         g.value.style.chart.labels.yAxisLabels.show ? (u(!0), c(ye, { key: 1 }, Ce(he.value, (M) => (u(), c("text", {
           x: M.x1 - g.value.style.chart.labels.yAxisLabels.fontSize / 2 + g.value.style.chart.labels.yAxisLabels.offsetX,
@@ -47179,21 +47188,21 @@ const TX = ["id"], DX = ["xmlns", "viewBox"], HX = { key: 0 }, PX = { key: 0 },
           v: M.value,
           s: g.value.style.chart.labels.suffix,
           r: g.value.style.chart.labels.yAxisLabels.rounding
-        })), 9, WX))), 256)) : _("", !0),
+        })), 9, GX))), 256)) : _("", !0),
         g.value.style.chart.labels.xAxisLabels.show ? (u(!0), c(ye, { key: 2 }, Ce(C.value, (M, U) => (u(), c("text", {
           x: w.value.left + (U + 1) * w.value.stripWidth - w.value.stripWidth / 2,
           y: w.value.bottom + g.value.style.chart.labels.xAxisLabels.fontSize * 2 + g.value.style.chart.labels.xAxisLabels.offsetY,
           "font-size": g.value.style.chart.labels.xAxisLabels.fontSize,
           fill: g.value.style.chart.labels.xAxisLabels.color,
           "text-anchor": "middle"
-        }, z(M.name), 9, jX))), 256)) : _("", !0),
+        }, z(M.name), 9, XX))), 256)) : _("", !0),
         g.value.style.chart.labels.axis.yLabel ? (u(), c("text", {
           key: 3,
           fill: g.value.style.chart.labels.axis.color,
           "font-size": g.value.style.chart.labels.axis.fontSize,
           transform: `translate(${g.value.style.chart.labels.axis.fontSize + g.value.style.chart.labels.axis.yLabelOffsetX}, ${w.value.top + w.value.height / 2}) rotate(-90)`,
           "text-anchor": "middle"
-        }, z(g.value.style.chart.labels.axis.yLabel), 9, GX)) : _("", !0),
+        }, z(g.value.style.chart.labels.axis.yLabel), 9, qX)) : _("", !0),
         g.value.style.chart.labels.axis.xLabel ? (u(), c("text", {
           key: 4,
           fill: g.value.style.chart.labels.axis.color,
@@ -47201,7 +47210,7 @@ const TX = ["id"], DX = ["xmlns", "viewBox"], HX = { key: 0 }, PX = { key: 0 },
           x: w.value.left + w.value.width / 2,
           y: w.value.absoluteHeight,
           "text-anchor": "middle"
-        }, z(g.value.style.chart.labels.axis.xLabel), 9, XX)) : _("", !0),
+        }, z(g.value.style.chart.labels.axis.xLabel), 9, YX)) : _("", !0),
         P.value ? (u(), c(ye, { key: 5 }, [
           y("line", {
             x1: w.value.left,
@@ -47211,21 +47220,21 @@ const TX = ["id"], DX = ["xmlns", "viewBox"], HX = { key: 0 }, PX = { key: 0 },
             stroke: P.value.color,
             "stroke-width": 1,
             class: Ee({ "select-circle": g.value.useCssAnimation })
-          }, null, 10, qX),
+          }, null, 10, JX),
           y("circle", {
             cx: w.value.left,
             cy: P.value.y,
             r: 3,
             fill: P.value.color,
             class: Ee({ "select-circle": g.value.useCssAnimation })
-          }, null, 10, YX),
+          }, null, 10, ZX),
           y("circle", {
             cx: w.value.right,
             cy: P.value.y,
             r: 3,
             fill: P.value.color,
             class: Ee({ "select-circle": g.value.useCssAnimation })
-          }, null, 10, JX)
+          }, null, 10, eq)
         ], 64)) : _("", !0),
         y("defs", null, [
           (u(!0), c(ye, null, Ce(C.value, (M) => (u(), c("radialGradient", {
@@ -47235,16 +47244,16 @@ const TX = ["id"], DX = ["xmlns", "viewBox"], HX = { key: 0 }, PX = { key: 0 },
             y("stop", {
               offset: "10%",
               "stop-color": ne(Ga)(M.color, g.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, eq),
+            }, null, 8, lq),
             y("stop", {
               offset: "90%",
               "stop-color": ne(Zr)(M.color, 0.1)
-            }, null, 8, tq),
+            }, null, 8, aq),
             y("stop", {
               offset: "100%",
               "stop-color": M.color
-            }, null, 8, lq)
-          ], 8, ZX))), 256))
+            }, null, 8, oq)
+          ], 8, tq))), 256))
         ]),
         (u(!0), c(ye, null, Ce(j.value, (M, U) => (u(), c(ye, null, [
           (u(!0), c(ye, null, Ce(M.plots, (X, Y) => (u(), Re(Eo, tr({
@@ -47262,7 +47271,7 @@ const TX = ["id"], DX = ["xmlns", "viewBox"], HX = { key: 0 }, PX = { key: 0 },
             style: `opacity:${P.value && P.value.id === X.id ? 1 : g.value.style.chart.plots.opacity};${s.value ? `transition-delay:${Y * 50}ms` : ""}`,
             class: { "vue-ui-strip-plot-animated": g.value.useCssAnimation && s.value, "vue-ui-strip-plot-select-circle": g.value.useCssAnimation && !s.value }
           }, I.$attrs), null, 16, ["plot", "radius", "shape", "stroke", "strokeWidth", "color", "onMouseenter", "onClick", "style", "class"]))), 256)),
-          g.value.style.chart.labels.bestPlotLabel.show ? (u(), c("g", aq, [
+          g.value.style.chart.labels.bestPlotLabel.show ? (u(), c("g", rq, [
             (u(!0), c(ye, null, Ce(M.plots, (X, Y) => (u(), c(ye, null, [
               Y === M.plots.length - 1 ? (u(), c("text", {
                 key: 0,
@@ -47277,12 +47286,12 @@ const TX = ["id"], DX = ["xmlns", "viewBox"], HX = { key: 0 }, PX = { key: 0 },
                 v: X.value,
                 s: `${g.value.style.chart.labels.suffix})`,
                 r: g.value.style.chart.labels.bestPlotLabel.rounding
-              }) : ""), 13, oq)) : _("", !0)
+              }) : ""), 13, nq)) : _("", !0)
             ], 64))), 256))
           ])) : _("", !0)
         ], 64))), 256)),
         Ke(I.$slots, "svg", { svg: w.value }, void 0, !0)
-      ], 14, DX)) : _("", !0),
+      ], 14, PX)) : _("", !0),
       a.value ? _("", !0) : (u(), Re(Vt, {
         key: 3,
         config: {
@@ -47324,20 +47333,20 @@ const TX = ["id"], DX = ["xmlns", "viewBox"], HX = { key: 0 }, PX = { key: 0 },
           y("div", {
             innerHTML: M,
             style: { display: "flex", "align-items": "center" }
-          }, null, 8, rq)
+          }, null, 8, sq)
         ]),
         td: Ye(({ td: M }) => [
           ht(z(M.name || M), 1)
         ]),
         _: 1
       }, 8, ["colNames", "head", "body", "config", "title"])) : _("", !0)
-    ], 14, TX));
+    ], 14, HX));
   }
-}, sq = /* @__PURE__ */ St(nq, [["__scopeId", "data-v-2101937e"]]), iq = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Aq = /* @__PURE__ */ St(iq, [["__scopeId", "data-v-2101937e"]]), uq = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: sq
+  default: Aq
 }, Symbol.toStringTag, { value: "Module" }));
-const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], hq = { key: 1 }, fq = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], vq = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], gq = { key: 2 }, yq = ["x", "y", "font-size", "fill", "font-weight"], pq = ["x", "y", "font-size", "fill"], bq = { key: 3 }, mq = ["x", "y", "font-size", "fill", "font-weight"], wq = ["id"], xq = ["stop-color"], Cq = ["stop-color"], kq = ["stop-color"], Bq = ["id"], _q = ["stop-color"], Fq = ["stop-color"], Sq = ["stop-color"], Lq = ["id"], $q = ["stop-color"], Uq = ["stop-color"], Mq = ["id"], Qq = ["stop-color"], Eq = ["stop-color"], Iq = { key: 0 }, Nq = ["d", "fill"], Tq = { key: 1 }, Dq = ["x", "y", "height", "width", "fill"], Hq = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Pq = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], zq = { key: 2 }, Oq = ["x", "y", "fill", "font-size"], Rq = { key: 3 }, Vq = ["x", "y", "fill", "font-size"], Kq = ["xmlns", "height", "width"], Wq = ["fill"], jq = ["innerHTML"], Gq = {
+const cq = ["id"], dq = ["xmlns", "viewBox"], hq = { key: 0 }, fq = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], vq = { key: 1 }, gq = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], yq = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], pq = { key: 2 }, bq = ["x", "y", "font-size", "fill", "font-weight"], mq = ["x", "y", "font-size", "fill"], wq = { key: 3 }, xq = ["x", "y", "font-size", "fill", "font-weight"], Cq = ["id"], kq = ["stop-color"], Bq = ["stop-color"], _q = ["stop-color"], Fq = ["id"], Sq = ["stop-color"], Lq = ["stop-color"], $q = ["stop-color"], Uq = ["id"], Mq = ["stop-color"], Qq = ["stop-color"], Eq = ["id"], Iq = ["stop-color"], Nq = ["stop-color"], Tq = { key: 0 }, Dq = ["d", "fill"], Hq = { key: 1 }, Pq = ["x", "y", "height", "width", "fill"], zq = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Oq = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Rq = { key: 2 }, Vq = ["x", "y", "fill", "font-size"], Kq = { key: 3 }, Wq = ["x", "y", "fill", "font-size"], jq = ["xmlns", "height", "width"], Gq = ["fill"], Xq = ["innerHTML"], qq = {
   __name: "vue-ui-dumbbell",
   props: {
     config: {
@@ -47619,7 +47628,7 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
         viewBox: `0 0 ${i.value.absoluteWidth} ${i.value.absoluteHeight}`,
         style: O(`max-width:100%; overflow: visible; background:${h.value.style.chart.backgroundColor};color:${h.value.style.chart.color}`)
       }, [
-        h.value.style.chart.grid.verticalGrid.show ? (u(), c("g", cq, [
+        h.value.style.chart.grid.verticalGrid.show ? (u(), c("g", hq, [
           (u(!0), c(ye, null, Ce(s.value.ticks, (J, ae) => (u(), c("line", {
             x1: i.value.left + ae * i.value.width / (s.value.ticks.length - 1),
             x2: i.value.left + ae * i.value.width / (s.value.ticks.length - 1),
@@ -47628,9 +47637,9 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
             stroke: h.value.style.chart.grid.verticalGrid.stroke,
             "stroke-width": h.value.style.chart.grid.verticalGrid.strokeWidth,
             "stroke-dasharray": h.value.style.chart.grid.verticalGrid.strokeDasharray
-          }, null, 8, dq))), 256))
+          }, null, 8, fq))), 256))
         ])) : _("", !0),
-        h.value.style.chart.grid.horizontalGrid.show ? (u(), c("g", hq, [
+        h.value.style.chart.grid.horizontalGrid.show ? (u(), c("g", vq, [
           (u(!0), c(ye, null, Ce(m.value, (J, ae) => (u(), c("line", {
             x1: i.value.left,
             x2: i.value.right,
@@ -47639,7 +47648,7 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
             stroke: h.value.style.chart.grid.horizontalGrid.stroke,
             "stroke-width": h.value.style.chart.grid.horizontalGrid.strokeWidth,
             "stroke-dasharray": h.value.style.chart.grid.horizontalGrid.strokeDasharray
-          }, null, 8, fq))), 256)),
+          }, null, 8, gq))), 256)),
           y("line", {
             x1: i.value.left,
             x2: i.value.right,
@@ -47648,9 +47657,9 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
             stroke: h.value.style.chart.grid.horizontalGrid.stroke,
             "stroke-width": h.value.style.chart.grid.horizontalGrid.strokeWidth,
             "stroke-dasharray": h.value.style.chart.grid.horizontalGrid.strokeDasharray
-          }, null, 8, vq)
+          }, null, 8, yq)
         ])) : _("", !0),
-        h.value.style.chart.labels.yAxisLabels.show ? (u(), c("g", gq, [
+        h.value.style.chart.labels.yAxisLabels.show ? (u(), c("g", pq, [
           (u(!0), c(ye, null, Ce(m.value, (J, ae) => (u(), c("text", {
             x: i.value.left - 6 + h.value.style.chart.labels.yAxisLabels.offsetX,
             y: i.value.top + ae * h.value.style.chart.rowHeight + (h.value.style.chart.labels.yAxisLabels.showProgression ? h.value.style.chart.rowHeight / 3 : h.value.style.chart.rowHeight / 2) + h.value.style.chart.labels.yAxisLabels.fontSize / 3,
@@ -47658,7 +47667,7 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
             fill: h.value.style.chart.labels.yAxisLabels.color,
             "font-weight": h.value.style.chart.labels.yAxisLabels.bold ? "bold" : "normal",
             "text-anchor": "end"
-          }, z(J.name), 9, yq))), 256)),
+          }, z(J.name), 9, bq))), 256)),
           h.value.style.chart.labels.yAxisLabels.showProgression ? (u(!0), c(ye, { key: 0 }, Ce(m.value, (J, ae) => (u(), c("text", {
             x: i.value.left - 6 + h.value.style.chart.labels.yAxisLabels.offsetX,
             y: i.value.top + ae * h.value.style.chart.rowHeight + h.value.style.chart.rowHeight / 1.3 + h.value.style.chart.labels.yAxisLabels.fontSize / 3,
@@ -47669,9 +47678,9 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
             v: 100 * (J.end / J.start - 1),
             s: "%",
             r: h.value.style.chart.labels.yAxisLabels.rounding
-          })), 9, pq))), 256)) : _("", !0)
+          })), 9, mq))), 256)) : _("", !0)
         ])) : _("", !0),
-        h.value.style.chart.labels.xAxisLabels.show ? (u(), c("g", bq, [
+        h.value.style.chart.labels.xAxisLabels.show ? (u(), c("g", wq, [
           (u(!0), c(ye, null, Ce(s.value.ticks, (J, ae) => (u(), c("text", {
             x: i.value.left + ae * (i.value.width / (s.value.ticks.length - 1)),
             y: i.value.bottom + h.value.style.chart.labels.xAxisLabels.fontSize + h.value.style.chart.labels.xAxisLabels.offsetY,
@@ -47684,7 +47693,7 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
             v: J,
             s: h.value.style.chart.labels.suffix,
             r: h.value.style.chart.labels.xAxisLabels.rounding
-          })), 9, mq))), 256))
+          })), 9, xq))), 256))
         ])) : _("", !0),
         y("defs", null, [
           y("radialGradient", {
@@ -47694,16 +47703,16 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
             y("stop", {
               offset: "10%",
               "stop-color": ne(Ga)(h.value.style.chart.plots.startColor, h.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, xq),
+            }, null, 8, kq),
             y("stop", {
               offset: "90%",
               "stop-color": ne(Zr)(h.value.style.chart.plots.startColor, 0.1)
-            }, null, 8, Cq),
+            }, null, 8, Bq),
             y("stop", {
               offset: "100%",
               "stop-color": h.value.style.chart.plots.startColor
-            }, null, 8, kq)
-          ], 8, wq),
+            }, null, 8, _q)
+          ], 8, Cq),
           y("radialGradient", {
             id: `end_grad_${l.value}`,
             fy: "30%"
@@ -47711,16 +47720,16 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
             y("stop", {
               offset: "10%",
               "stop-color": ne(Ga)(h.value.style.chart.plots.endColor, h.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, _q),
+            }, null, 8, Sq),
             y("stop", {
               offset: "90%",
               "stop-color": ne(Zr)(h.value.style.chart.plots.endColor, 0.1)
-            }, null, 8, Fq),
+            }, null, 8, Lq),
             y("stop", {
               offset: "100%",
               "stop-color": h.value.style.chart.plots.endColor
-            }, null, 8, Sq)
-          ], 8, Bq)
+            }, null, 8, $q)
+          ], 8, Fq)
         ]),
         (u(!0), c(ye, null, Ce(B.value, (J, ae) => (u(), c("g", null, [
           y("defs", null, [
@@ -47734,12 +47743,12 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
               y("stop", {
                 offset: "0%",
                 "stop-color": h.value.style.chart.plots.startColor
-              }, null, 8, $q),
+              }, null, 8, Mq),
               y("stop", {
                 offset: "100%",
                 "stop-color": h.value.style.chart.plots.endColor
-              }, null, 8, Uq)
-            ], 8, Lq),
+              }, null, 8, Qq)
+            ], 8, Uq),
             y("linearGradient", {
               id: `grad_negative_${l.value}`,
               x1: "0%",
@@ -47750,14 +47759,14 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
               y("stop", {
                 offset: "0%",
                 "stop-color": h.value.style.chart.plots.endColor
-              }, null, 8, Qq),
+              }, null, 8, Iq),
               y("stop", {
                 offset: "100%",
                 "stop-color": h.value.style.chart.plots.startColor
-              }, null, 8, Eq)
-            ], 8, Mq)
+              }, null, 8, Nq)
+            ], 8, Eq)
           ]),
-          h.value.style.chart.plots.link.type === "curved" ? (u(), c("g", Iq, [
+          h.value.style.chart.plots.link.type === "curved" ? (u(), c("g", Tq, [
             y("path", {
               d: `M 
                             ${J.startX},${J.y + h.value.style.chart.plots.radius / 2} 
@@ -47769,15 +47778,15 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
                             Z
                         `,
               fill: J.endX > J.startX ? `url(#grad_positive_${l.value})` : `url(#grad_negative_${l.value})`
-            }, null, 8, Nq)
-          ])) : (u(), c("g", Tq, [
+            }, null, 8, Dq)
+          ])) : (u(), c("g", Hq, [
             y("rect", {
               x: J.endX > J.startX ? J.startX : J.endX,
               y: J.y - h.value.style.chart.plots.link.strokeWidth / 2,
               height: h.value.style.chart.plots.link.strokeWidth,
               width: Math.abs(J.endX - J.startX),
               fill: J.endX > J.startX ? `url(#grad_positive_${l.value})` : `url(#grad_negative_${l.value})`
-            }, null, 8, Dq)
+            }, null, 8, Pq)
           ])),
           y("circle", {
             cx: J.startX,
@@ -47786,7 +47795,7 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
             fill: h.value.style.chart.plots.gradient.show ? `url(#start_grad_${l.value})` : h.value.style.chart.plots.startColor,
             stroke: h.value.style.chart.plots.stroke,
             "stroke-width": h.value.style.chart.plots.strokeWidth
-          }, null, 8, Hq),
+          }, null, 8, zq),
           y("circle", {
             cx: J.endX,
             cy: J.y,
@@ -47794,8 +47803,8 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
             fill: h.value.style.chart.plots.gradient.show ? `url(#end_grad_${l.value})` : h.value.style.chart.plots.endColor,
             stroke: h.value.style.chart.plots.stroke,
             "stroke-width": h.value.style.chart.plots.strokeWidth
-          }, null, 8, Pq),
-          h.value.style.chart.labels.startLabels.show ? (u(), c("g", zq, [
+          }, null, 8, Oq),
+          h.value.style.chart.labels.startLabels.show ? (u(), c("g", Rq, [
             (u(!0), c(ye, null, Ce(B.value, (F, Q) => (u(), c("text", {
               x: F.startX,
               y: i.value.top + (Q + 1) * h.value.style.chart.rowHeight - h.value.style.chart.labels.startLabels.fontSize / 3 + h.value.style.chart.labels.startLabels.offsetY,
@@ -47807,9 +47816,9 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
               v: F.start,
               s: h.value.style.chart.labels.suffix,
               r: h.value.style.chart.labels.startLabels.rounding
-            })), 9, Oq))), 256))
+            })), 9, Vq))), 256))
           ])) : _("", !0),
-          h.value.style.chart.labels.endLabels.show ? (u(), c("g", Rq, [
+          h.value.style.chart.labels.endLabels.show ? (u(), c("g", Kq, [
             (u(!0), c(ye, null, Ce(B.value, (F, Q) => (u(), c("text", {
               x: F.endX,
               y: i.value.top + Q * h.value.style.chart.rowHeight + h.value.style.chart.labels.endLabels.fontSize + h.value.style.chart.labels.endLabels.offsetY,
@@ -47821,11 +47830,11 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
               v: F.end,
               s: h.value.style.chart.labels.suffix,
               r: h.value.style.chart.labels.endLabels.rounding
-            })), 9, Vq))), 256))
+            })), 9, Wq))), 256))
           ])) : _("", !0)
         ]))), 256)),
         Ke(V.$slots, "svg", { svg: i.value }, void 0, !0)
-      ], 14, uq)) : _("", !0),
+      ], 14, dq)) : _("", !0),
       a.value ? _("", !0) : (u(), Re(Vt, {
         key: 3,
         config: {
@@ -47858,8 +47867,8 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
                 cy: 10,
                 r: 9,
                 fill: J.color
-              }, null, 8, Wq)
-            ], 8, Kq)),
+              }, null, 8, Gq)
+            ], 8, jq)),
             ht(" " + z(J.name), 1)
           ], 4)
         ]),
@@ -47878,47 +47887,47 @@ const Aq = ["id"], uq = ["xmlns", "viewBox"], cq = { key: 0 }, dq = ["x1", "x2",
           y("div", {
             innerHTML: J,
             style: { display: "flex", "align-items": "center" }
-          }, null, 8, jq)
+          }, null, 8, Xq)
         ]),
         td: Ye(({ td: J }) => [
           ht(z(J.name || J), 1)
         ]),
         _: 1
       }, 8, ["colNames", "head", "body", "config", "title"])) : _("", !0)
-    ], 14, Aq));
+    ], 14, cq));
   }
-}, Xq = /* @__PURE__ */ St(Gq, [["__scopeId", "data-v-1411b02e"]]), qq = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Yq = /* @__PURE__ */ St(qq, [["__scopeId", "data-v-1411b02e"]]), Jq = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Xq
+  default: Yq
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Xq as $,
+  Yq as $,
   RP as A,
   ZP as B,
-  eO as C,
+  lO as C,
   Wt as D,
-  LO as E,
-  QV as F,
-  jV as G,
-  cK as H,
-  Zq as I,
-  LK as J,
-  Jq as K,
-  eY as L,
-  tW as M,
-  uW as N,
-  tY as O,
-  BW as P,
-  FW as Q,
-  ZW as R,
+  UO as E,
+  IV as F,
+  XV as G,
+  hK as H,
+  tY as I,
+  UK as J,
+  eY as K,
+  lY as L,
+  aW as M,
+  dW as N,
+  aY as O,
+  FW as P,
+  LW as Q,
+  tj as R,
   Vt as S,
   i1 as T,
-  cj as U,
-  gj as V,
-  VG as W,
-  yX as X,
-  IX as Y,
-  sq as Z,
+  hj as U,
+  pj as V,
+  WG as W,
+  bX as X,
+  TX as Y,
+  Aq as Z,
   al as _,
   OS as a,
   E8 as b,