vue-data-ui 2.6.2 → 2.6.4-beta.0

package/dist/{vue-ui-dumbbell-DbJC4PQf.js → vue-ui-dumbbell-_iB2kwjj.js}

@@ -1,18 +1,18 @@
-import { computed as m, ref as v, watch as ye, onMounted as be, onBeforeUnmount as Oe, createElementBlock as r, openBlock as o, unref as u, normalizeStyle as F, normalizeClass as fe, createBlock as L, createCommentVNode as h, createElementVNode as i, createSlots as Ge, withCtx as k, renderSlot as _, normalizeProps as U, guardReactiveProps as R, createVNode as Me, Fragment as C, renderList as $, toDisplayString as A, createTextVNode as ge, nextTick as De } from "vue";
-import { u as Ie, c as pe, a as Fe, o as Ve, e as me, g as Ee, v as _e, D as He, f as z, X as ke, i as B, l as xe, h as we, q as We, r as Ue } from "./index-B8uVRkA1.js";
+import { computed as g, ref as d, watch as ye, onMounted as be, onBeforeUnmount as Oe, createElementBlock as r, openBlock as o, unref as u, normalizeStyle as F, normalizeClass as fe, createBlock as L, createCommentVNode as v, createElementVNode as i, createSlots as Ge, withCtx as _, renderSlot as m, normalizeProps as U, guardReactiveProps as R, createVNode as Me, Fragment as C, renderList as $, toDisplayString as A, createTextVNode as ge, nextTick as De } from "vue";
+import { u as Ie, c as pe, a as Fe, o as Ve, e as me, g as Ee, v as _e, D as He, f as z, X as ke, i as B, l as xe, h as we, q as We, r as Ue } from "./index-GSCW0GhW.js";
 import { t as Re, u as Be } from "./useResponsive-CoxXLe23.js";
-import { _ as je } from "./Title-MKfkLka7.js";
-import { u as qe, U as Ye } from "./usePrinter-CppD6oY_.js";
-import { D as Ze } from "./DataTable-BWABkdIL.js";
-import Je from "./vue-ui-skeleton-BC7kQhlE.js";
-import { L as Ke } from "./Legend-du4CJMG1.js";
-import Qe from "./vue-ui-accordion-CE2Pnpz3.js";
-import { u as Ce } from "./useNestedProp-kStEZqtl.js";
-import { _ as et } from "./PackageVersion-Dqo8V-i_.js";
-import { P as tt } from "./PenAndPaper-QsaleY3R.js";
+import { _ as je } from "./Title-rp5eHDVc.js";
+import { u as qe, U as Ye } from "./usePrinter-BBNI0jHz.js";
+import { D as Ze } from "./DataTable-HDq8aOyj.js";
+import Je from "./vue-ui-skeleton-C0nuwFlf.js";
+import { L as Ke } from "./Legend-Be3l-GsN.js";
+import Qe from "./vue-ui-accordion-CON_m6tj.js";
+import { u as Ce } from "./useNestedProp-Da-DNb_v.js";
+import { _ as et } from "./PackageVersion-DL-70o6h.js";
+import { P as tt } from "./PenAndPaper-C1v_7F2S.js";
 import { u as lt } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"], nt = { key: 1 }, ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], it = { key: 2 }, ct = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], dt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], vt = { key: 3 }, ht = ["x", "y", "font-size", "fill", "font-weight"], yt = ["x", "y", "font-size", "fill"], bt = { key: 4 }, ft = ["x", "y", "font-size", "fill", "font-weight"], gt = ["id"], pt = ["stop-color"], mt = ["stop-color"], _t = ["stop-color"], kt = ["id"], xt = ["stop-color"], wt = ["stop-color"], Ct = ["stop-color"], $t = ["id"], Lt = ["stop-color"], At = ["stop-color"], zt = ["id"], St = ["stop-color"], Xt = ["stop-color"], Nt = { key: 0 }, Tt = ["d", "fill"], Pt = { key: 1 }, Ot = ["x", "y", "height", "width", "fill"], Gt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Mt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Dt = { key: 2 }, It = ["x", "y", "fill", "font-size"], Ft = { key: 3 }, Vt = ["x", "y", "fill", "font-size"], Et = {
+const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"], nt = { key: 1 }, ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], it = { key: 2 }, ct = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], dt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], vt = { key: 3 }, ht = ["x", "y", "font-size", "fill", "font-weight"], yt = ["x", "y", "font-size", "fill"], bt = { key: 4 }, ft = ["x", "y", "font-size", "fill", "font-weight"], gt = ["id"], pt = ["stop-color"], mt = ["stop-color"], _t = ["stop-color"], kt = ["id"], xt = ["stop-color"], wt = ["stop-color"], Ct = ["stop-color"], $t = ["id"], Lt = ["stop-color"], At = ["stop-color"], zt = ["id"], St = ["stop-color"], Xt = ["stop-color"], Nt = { key: 0 }, Tt = ["d", "fill"], Pt = { key: 1 }, Ot = ["x", "y", "height", "width", "fill"], Gt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Mt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Dt = { key: 5 }, It = ["x", "y", "fill", "font-size"], Ft = { key: 6 }, Vt = ["x", "y", "fill", "font-size"], Et = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Ht = ["xmlns", "height", "width"], Wt = ["fill"], Ut = ["innerHTML"], Rt = {
@@ -33,43 +33,43 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint"],
   setup($e, { expose: Le, emit: Bt }) {
-    const { vue_ui_dumbbell: Ae } = Ie(), p = $e, S = m({
+    const { vue_ui_dumbbell: Ae } = Ie(), f = $e, S = g({
       get() {
-        return !!p.dataset && p.dataset.length;
+        return !!f.dataset && f.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), b = v(pe()), j = v(0), X = v(null), q = v(null), Y = v(null), Z = v(null), J = v(null), K = v(0), Q = v(0), ee = v(0), e = m({
+    }), y = d(pe()), j = d(0), X = d(null), q = d(null), Y = d(null), Z = d(null), J = d(null), K = d(0), Q = d(0), ee = d(0), e = g({
       get: () => ae(),
       set: (l) => l
     }), { userOptionsVisible: V, setUserOptionsVisibility: te, keepUserOptionState: le } = lt({ config: e.value });
     function ae() {
       const l = Ce({
-        userConfig: p.config,
+        userConfig: f.config,
         defaultConfig: Ae
       });
       return l.theme ? {
         ...Ce({
-          userConfig: Fe.vue_ui_dumbbell[l.theme] || p.config,
+          userConfig: Fe.vue_ui_dumbbell[l.theme] || f.config,
           defaultConfig: l
         })
       } : l;
     }
-    ye(() => p.config, (l) => {
-      e.value = ae(), V.value = !e.value.userOptions.showOnChartHover, se(), K.value += 1, Q.value += 1, ee.value += 1, y.value = e.value.style.chart.rowHeight, T.value = e.value.style.chart.width, N.value.showTable = e.value.table.show;
-    }, { deep: !0 }), ye(() => p.dataset, (l) => {
+    ye(() => f.config, (l) => {
+      e.value = ae(), V.value = !e.value.userOptions.showOnChartHover, se(), K.value += 1, Q.value += 1, ee.value += 1, h.value = e.value.style.chart.rowHeight, T.value = e.value.style.chart.width, N.value.showTable = e.value.table.show;
+    }, { deep: !0 }), ye(() => f.dataset, (l) => {
       ce();
     }, { deep: !0 });
-    const O = v(null);
+    const O = d(null);
     be(() => {
       se();
     });
     function se() {
-      if (Ve(p.dataset) ? me({
+      if (Ve(f.dataset) ? me({
         componentName: "VueUiDumbbell",
         type: "dataset"
-      }) : p.dataset.forEach((l, n) => {
+      }) : f.dataset.forEach((l, n) => {
         Ee({
           datasetObject: l,
           requiredAttributes: ["name", "start", "end"]
@@ -91,7 +91,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             noTitle: J.value
           });
           requestAnimationFrame(() => {
-            T.value = n, y.value = t / p.dataset.length, f.value = G();
+            T.value = n, h.value = t / f.dataset.length, b.value = G();
           });
         });
         O.value = new ResizeObserver(l), O.value.observe(X.value.parentNode);
@@ -101,74 +101,74 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
       O.value && O.value.disconnect();
     });
     const { isPrinting: oe, isImaging: re, generatePdf: ne, generateImage: ue } = qe({
-      elementId: `dumbbell_${b.value}`,
+      elementId: `dumbbell_${y.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-dumbbell"
-    }), ze = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), N = v({
+    }), ze = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), N = d({
       showTable: e.value.table.show
-    }), x = m(() => p.dataset.map((l, n) => ({
+    }), k = g(() => f.dataset.map((l, n) => ({
       ...l,
       start: _e(l.start),
       end: _e(l.end),
       id: pe()
-    }))), E = m(() => ({
-      max: Math.max(...x.value.flatMap((l) => [l.start, l.end])),
-      min: Math.min(...x.value.flatMap((l) => [l.start, l.end]))
-    })), d = m(() => He(E.value.min < 0 ? E.value.min : 0, E.value.max, e.value.style.chart.grid.scaleSteps)), y = v(e.value.style.chart.rowHeight), T = v(e.value.style.chart.width), a = m(() => {
-      const l = y.value, n = e.value.style.chart.padding.left + e.value.style.chart.padding.right + T.value, t = e.value.style.chart.padding.top + e.value.style.chart.padding.bottom + l * p.dataset.length, s = d.value.ticks.length * (T.value / d.value.ticks.length);
+    }))), E = g(() => ({
+      max: Math.max(...k.value.flatMap((l) => [l.start, l.end])),
+      min: Math.min(...k.value.flatMap((l) => [l.start, l.end]))
+    })), c = g(() => He(E.value.min < 0 ? E.value.min : 0, E.value.max, e.value.style.chart.grid.scaleSteps)), h = d(e.value.style.chart.rowHeight), T = d(e.value.style.chart.width), s = g(() => {
+      const l = h.value, n = e.value.style.chart.padding.left + e.value.style.chart.padding.right + T.value, t = e.value.style.chart.padding.top + e.value.style.chart.padding.bottom + l * f.dataset.length, a = c.value.ticks.length * (T.value / c.value.ticks.length);
       return {
         left: e.value.style.chart.padding.left,
         right: n - e.value.style.chart.padding.right,
         top: e.value.style.chart.padding.top,
         bottom: t - e.value.style.chart.padding.bottom,
         width: T.value,
-        height: l * p.dataset.length,
+        height: l * f.dataset.length,
         rowHeight: l,
         absoluteHeight: t,
         absoluteWidth: n,
-        widthPlotReference: s
+        widthPlotReference: a
       };
     });
     function G() {
-      return x.value.map((l, n) => {
-        const t = a.value.left + (l.start + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * a.value.widthPlotReference, s = a.value.left + (l.end + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * a.value.widthPlotReference, c = t + (s - t) / 2;
+      return k.value.map((l, n) => {
+        const t = s.value.left + (l.start + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, a = s.value.left + (l.end + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, p = t + (a - t) / 2;
         return {
           ...l,
           startX: t,
-          endX: s,
-          centerX: c,
-          y: a.value.top + n * y.value + y.value / 2,
+          endX: a,
+          centerX: p,
+          y: s.value.top + n * h.value + h.value / 2,
           endVal: l.start
         };
       });
     }
-    const f = v([]), ie = v(null), Se = m(() => x.value.map((l) => l.end).reduce((l, n) => l + n, 0));
+    const b = d([]), ie = d(null), Se = g(() => k.value.map((l) => l.end).reduce((l, n) => l + n, 0));
     be(() => {
       ce();
     });
     function ce() {
-      f.value = G();
-      let l = f.value.map((t) => t.start).reduce((t, s) => t + s, 0);
+      b.value = G();
+      let l = b.value.map((t) => t.start).reduce((t, a) => t + a, 0);
       function n() {
-        const t = x.value.map((s) => s.end - s.start);
-        l >= Se.value ? (cancelAnimationFrame(ie.value), f.value = G()) : (f.value = f.value.map((s, c) => {
-          s.endVal += t[c] * (e.value.animationSpeed / 100);
-          const g = a.value.left + (s.start + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * a.value.widthPlotReference, I = a.value.left + (s.endVal + Math.abs(d.value.min)) / (d.value.max + Math.abs(d.value.min)) * a.value.widthPlotReference, W = g + (I - g) / 2;
+        const t = k.value.map((a) => a.end - a.start);
+        l >= Se.value ? (cancelAnimationFrame(ie.value), b.value = G()) : (b.value = b.value.map((a, p) => {
+          a.endVal += t[p] * (e.value.animationSpeed / 100);
+          const w = s.value.left + (a.start + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, I = s.value.left + (a.endVal + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, W = w + (I - w) / 2;
           return {
-            ...s,
-            startX: g,
+            ...a,
+            startX: w,
             endX: I,
             centerX: W,
-            y: a.value.top + c * y.value + y.value / 2,
-            endVal: s.endVal
+            y: s.value.top + p * h.value + h.value / 2,
+            endVal: a.endVal
           };
-        }), l = f.value.map((s) => s.endVal).reduce((s, c) => s + c, 0), ie.value = requestAnimationFrame(n));
+        }), l = b.value.map((a) => a.endVal).reduce((a, p) => a + p, 0), ie.value = requestAnimationFrame(n));
       }
-      e.value.useAnimation ? n() : f.value = G();
+      e.value.useAnimation ? n() : b.value = G();
     }
-    const de = m(() => [
-      { name: e.value.style.chart.legend.labelStart, color: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${b.value})` : e.value.style.chart.plots.startColor },
-      { name: e.value.style.chart.legend.labelEnd, color: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${b.value})` : e.value.style.chart.plots.endColor }
-    ]), Xe = m(() => ({
+    const de = g(() => [
+      { name: e.value.style.chart.legend.labelStart, color: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${y.value})` : e.value.style.chart.plots.startColor },
+      { name: e.value.style.chart.legend.labelEnd, color: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${y.value})` : e.value.style.chart.plots.endColor }
+    ]), Xe = g(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -176,38 +176,38 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
       paddingBottom: 12,
       paddingTop: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), w = m(() => {
-      const l = f.value.map((t) => ({
+    })), x = g(() => {
+      const l = b.value.map((t) => ({
         name: t.name
-      })), n = f.value.map((t) => ({
+      })), n = b.value.map((t) => ({
         start: t.start,
         end: t.end
       }));
       return { head: l, body: n };
-    }), M = m(() => {
+    }), M = g(() => {
       const l = [
         e.value.table.columnNames.series,
         e.value.table.columnNames.start,
         e.value.table.columnNames.end,
         e.value.table.columnNames.progression
-      ], n = w.value.head.map((c, g) => {
+      ], n = x.value.head.map((p, w) => {
         const I = z({
           p: e.value.style.chart.labels.prefix,
-          v: w.value.body[g].start,
+          v: x.value.body[w].start,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
         }), W = z({
           p: e.value.style.chart.labels.prefix,
-          v: w.value.body[g].end,
+          v: x.value.body[w].end,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
         }), Pe = z({
-          v: 100 * (w.value.body[g].end / w.value.body[g].start - 1),
+          v: 100 * (x.value.body[w].end / x.value.body[w].start - 1),
           s: "%",
           r: e.value.table.td.roundingPercentage
         });
         return [
-          { name: c.name },
+          { name: p.name },
           I,
           W,
           Pe
@@ -239,23 +239,23 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
     });
     function ve() {
       De(() => {
-        const l = w.value.head.map((s, c) => [[
-          s.name
-        ], [w.value.body[c].start], [w.value.body[c].end]]), n = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.start], [e.value.table.columnNames.end]]].concat(l), t = We(n);
+        const l = x.value.head.map((a, p) => [[
+          a.name
+        ], [x.value.body[p].start], [x.value.body[p].end]]), n = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.start], [e.value.table.columnNames.end]]].concat(l), t = We(n);
         Ue({ csvContent: t, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
       });
     }
-    const P = v(!1);
+    const P = d(!1);
     function Ne(l) {
       P.value = l, j.value += 1;
     }
     function Te() {
-      return f.value;
+      return b.value;
     }
     function he() {
       N.value.showTable = !N.value.showTable;
     }
-    const D = v(!1);
+    const D = d(!1);
     function H() {
       D.value = !D.value;
     }
@@ -271,7 +271,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
       ref: X,
       class: fe(`vue-ui-dumbbell ${P.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: F(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
-      id: `dumbbell_${b.value}`,
+      id: `dumbbell_${y.value}`,
       onMouseenter: n[1] || (n[1] = () => u(te)(!0)),
       onMouseleave: n[2] || (n[2] = () => u(te)(!1))
     }, [
@@ -282,14 +282,14 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
         color: e.value.style.chart.color,
         active: D.value,
         onClose: H
-      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : h("", !0),
+      }, null, 8, ["parent", "backgroundColor", "color", "active"])) : v("", !0),
       ze.value ? (o(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: J,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : h("", !0),
+      }, null, 512)) : v("", !0),
       e.value.style.chart.title.text ? (o(), r("div", {
         key: 2,
         ref_key: "chartTitle",
@@ -309,7 +309,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : h("", !0),
+      ], 512)) : v("", !0),
       e.value.userOptions.show && S.value && (u(le) || u(V)) ? (o(), L(Ye, {
         ref: "details",
         key: `user_option_${j.value}`,
@@ -317,7 +317,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
         color: e.value.style.chart.color,
         isPrinting: u(oe),
         isImaging: u(re),
-        uid: b.value,
+        uid: y.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
         hasImg: e.value.userOptions.buttons.img,
@@ -341,110 +341,110 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
       }, Ge({ _: 2 }, [
         l.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: k(() => [
-            _(l.$slots, "optionPdf", {}, void 0, !0)
+          fn: _(() => [
+            m(l.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         l.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: k(() => [
-            _(l.$slots, "optionCsv", {}, void 0, !0)
+          fn: _(() => [
+            m(l.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         l.$slots.optionImg ? {
           name: "optionImg",
-          fn: k(() => [
-            _(l.$slots, "optionImg", {}, void 0, !0)
+          fn: _(() => [
+            m(l.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         l.$slots.optionTable ? {
           name: "optionTable",
-          fn: k(() => [
-            _(l.$slots, "optionTable", {}, void 0, !0)
+          fn: _(() => [
+            m(l.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: k(({ toggleFullscreen: t, isFullscreen: s }) => [
-            _(l.$slots, "optionFullscreen", U(R({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
+          fn: _(({ toggleFullscreen: t, isFullscreen: a }) => [
+            m(l.$slots, "optionFullscreen", U(R({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
           ]),
           key: "4"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: k(({ toggleAnnotator: t, isAnnotator: s }) => [
-            _(l.$slots, "optionAnnotator", U(R({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
+          fn: _(({ toggleAnnotator: t, isAnnotator: a }) => [
+            m(l.$slots, "optionAnnotator", U(R({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
           ]),
           key: "5"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
       S.value ? (o(), r("svg", {
         key: 4,
         xmlns: u(ke),
         class: fe({ "vue-data-ui-fullscreen--on": P.value, "vue-data-ui-fulscreen--off": !P.value }),
-        viewBox: `0 0 ${a.value.absoluteWidth <= 0 ? 10 : a.value.absoluteWidth} ${a.value.absoluteHeight <= 0 ? 10 : a.value.absoluteHeight}`,
+        viewBox: `0 0 ${s.value.absoluteWidth <= 0 ? 10 : s.value.absoluteWidth} ${s.value.absoluteHeight <= 0 ? 10 : s.value.absoluteHeight}`,
         style: F(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         Me(et),
         l.$slots["chart-background"] ? (o(), r("foreignObject", {
           key: 0,
-          x: a.value.left,
-          y: a.value.top,
-          width: a.value.width,
-          height: a.value.height,
+          x: s.value.left,
+          y: s.value.top,
+          width: s.value.width,
+          height: s.value.height,
           style: {
             pointerEvents: "none"
           }
         }, [
-          _(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, rt)) : h("", !0),
+          m(l.$slots, "chart-background", {}, void 0, !0)
+        ], 8, rt)) : v("", !0),
         e.value.style.chart.grid.verticalGrid.show ? (o(), r("g", nt, [
-          (o(!0), r(C, null, $(d.value.ticks, (t, s) => (o(), r("line", {
-            x1: a.value.left + s * a.value.width / (d.value.ticks.length - 1),
-            x2: a.value.left + s * a.value.width / (d.value.ticks.length - 1),
-            y1: a.value.top,
-            y2: a.value.bottom,
+          (o(!0), r(C, null, $(c.value.ticks, (t, a) => (o(), r("line", {
+            x1: s.value.left + a * s.value.width / (c.value.ticks.length - 1),
+            x2: s.value.left + a * s.value.width / (c.value.ticks.length - 1),
+            y1: s.value.top,
+            y2: s.value.bottom,
             stroke: e.value.style.chart.grid.verticalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.verticalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.verticalGrid.strokeDasharray
           }, null, 8, ut))), 256))
-        ])) : h("", !0),
+        ])) : v("", !0),
         e.value.style.chart.grid.horizontalGrid.show ? (o(), r("g", it, [
-          (o(!0), r(C, null, $(x.value, (t, s) => (o(), r("line", {
-            x1: a.value.left,
-            x2: a.value.right,
-            y1: a.value.top + s * y.value,
-            y2: a.value.top + s * y.value,
+          (o(!0), r(C, null, $(k.value, (t, a) => (o(), r("line", {
+            x1: s.value.left,
+            x2: s.value.right,
+            y1: s.value.top + a * h.value,
+            y2: s.value.top + a * h.value,
             stroke: e.value.style.chart.grid.horizontalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
           }, null, 8, ct))), 256)),
           i("line", {
-            x1: a.value.left,
-            x2: a.value.right,
-            y1: a.value.bottom,
-            y2: a.value.bottom,
+            x1: s.value.left,
+            x2: s.value.right,
+            y1: s.value.bottom,
+            y2: s.value.bottom,
             stroke: e.value.style.chart.grid.horizontalGrid.stroke,
             "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
             "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
           }, null, 8, dt)
-        ])) : h("", !0),
+        ])) : v("", !0),
         e.value.style.chart.labels.yAxisLabels.show ? (o(), r("g", vt, [
-          (o(!0), r(C, null, $(x.value, (t, s) => (o(), r("text", {
-            x: a.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
-            y: a.value.top + s * y.value + (e.value.style.chart.labels.yAxisLabels.showProgression ? y.value / 3 : y.value / 2) + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
+          (o(!0), r(C, null, $(k.value, (t, a) => (o(), r("text", {
+            x: s.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
+            y: s.value.top + a * h.value + (e.value.style.chart.labels.yAxisLabels.showProgression ? h.value / 3 : h.value / 2) + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
             "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
             fill: e.value.style.chart.labels.yAxisLabels.color,
             "font-weight": e.value.style.chart.labels.yAxisLabels.bold ? "bold" : "normal",
             "text-anchor": "end"
           }, A(t.name), 9, ht))), 256)),
-          e.value.style.chart.labels.yAxisLabels.showProgression ? (o(!0), r(C, { key: 0 }, $(x.value, (t, s) => (o(), r("text", {
-            x: a.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
-            y: a.value.top + s * y.value + y.value / 1.3 + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
+          e.value.style.chart.labels.yAxisLabels.showProgression ? (o(!0), r(C, { key: 0 }, $(k.value, (t, a) => (o(), r("text", {
+            x: s.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
+            y: s.value.top + a * h.value + h.value / 1.3 + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
             "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
             fill: e.value.style.chart.labels.yAxisLabels.color,
             "text-anchor": "end"
@@ -452,12 +452,12 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             v: 100 * (t.end / t.start - 1),
             s: "%",
             r: e.value.style.chart.labels.yAxisLabels.rounding
-          })), 9, yt))), 256)) : h("", !0)
-        ])) : h("", !0),
+          })), 9, yt))), 256)) : v("", !0)
+        ])) : v("", !0),
         e.value.style.chart.labels.xAxisLabels.show ? (o(), r("g", bt, [
-          (o(!0), r(C, null, $(d.value.ticks, (t, s) => (o(), r("text", {
-            x: a.value.left + s * (a.value.width / (d.value.ticks.length - 1)),
-            y: a.value.bottom + e.value.style.chart.labels.xAxisLabels.fontSize + e.value.style.chart.labels.xAxisLabels.offsetY,
+          (o(!0), r(C, null, $(c.value.ticks, (t, a) => (o(), r("text", {
+            x: s.value.left + a * (s.value.width / (c.value.ticks.length - 1)),
+            y: s.value.bottom + e.value.style.chart.labels.xAxisLabels.fontSize + e.value.style.chart.labels.xAxisLabels.offsetY,
             "font-size": e.value.style.chart.labels.xAxisLabels.fontSize,
             fill: e.value.style.chart.labels.xAxisLabels.color,
             "font-weight": e.value.style.chart.labels.xAxisLabels.bold ? "bold" : "normal",
@@ -471,12 +471,12 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
               s: e.value.style.chart.labels.suffix,
               r: e.value.style.chart.labels.xAxisLabels.rounding
             }),
-            { datapoint: t, seriesIndex: s }
+            { datapoint: t, seriesIndex: a }
           )), 9, ft))), 256))
-        ])) : h("", !0),
+        ])) : v("", !0),
         i("defs", null, [
           i("radialGradient", {
-            id: `start_grad_${b.value}`,
+            id: `start_grad_${y.value}`,
             fy: "30%"
           }, [
             i("stop", {
@@ -493,7 +493,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             }, null, 8, _t)
           ], 8, gt),
           i("radialGradient", {
-            id: `end_grad_${b.value}`,
+            id: `end_grad_${y.value}`,
             fy: "30%"
           }, [
             i("stop", {
@@ -510,10 +510,10 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             }, null, 8, Ct)
           ], 8, kt)
         ]),
-        (o(!0), r(C, null, $(f.value, (t, s) => (o(), r("g", null, [
+        (o(!0), r(C, null, $(b.value, (t, a) => (o(), r("g", null, [
           i("defs", null, [
             i("linearGradient", {
-              id: `grad_positive_${b.value}`,
+              id: `grad_positive_${y.value}`,
               x1: "0%",
               x2: "100%",
               y1: "0%",
@@ -529,7 +529,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
               }, null, 8, At)
             ], 8, $t),
             i("linearGradient", {
-              id: `grad_negative_${b.value}`,
+              id: `grad_negative_${y.value}`,
               x1: "0%",
               x2: "100%",
               y1: "0%",
@@ -556,7 +556,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
                             ${t.startX},${t.y - e.value.style.chart.plots.radius / 2}
                             Z
                         `,
-              fill: t.endX > t.startX ? `url(#grad_positive_${b.value})` : `url(#grad_negative_${b.value})`
+              fill: t.endX > t.startX ? `url(#grad_positive_${y.value})` : `url(#grad_negative_${y.value})`
             }, null, 8, Tt)
           ])) : (o(), r("g", Pt, [
             i("rect", {
@@ -564,14 +564,14 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
               y: t.y - e.value.style.chart.plots.link.strokeWidth / 2,
               height: e.value.style.chart.plots.link.strokeWidth,
               width: Math.abs(t.endX - t.startX),
-              fill: t.endX > t.startX ? `url(#grad_positive_${b.value})` : `url(#grad_negative_${b.value})`
+              fill: t.endX > t.startX ? `url(#grad_positive_${y.value})` : `url(#grad_negative_${y.value})`
             }, null, 8, Ot)
           ])),
           i("circle", {
             cx: t.startX,
             cy: t.y,
             r: e.value.style.chart.plots.radius,
-            fill: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${b.value})` : e.value.style.chart.plots.startColor,
+            fill: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${y.value})` : e.value.style.chart.plots.startColor,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth
           }, null, 8, Gt),
@@ -579,55 +579,55 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             cx: t.endX,
             cy: t.y,
             r: e.value.style.chart.plots.radius,
-            fill: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${b.value})` : e.value.style.chart.plots.endColor,
+            fill: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${y.value})` : e.value.style.chart.plots.endColor,
             stroke: e.value.style.chart.plots.stroke,
             "stroke-width": e.value.style.chart.plots.strokeWidth
-          }, null, 8, Mt),
-          e.value.style.chart.labels.startLabels.show ? (o(), r("g", Dt, [
-            (o(!0), r(C, null, $(f.value, (c, g) => (o(), r("text", {
-              x: c.startX,
-              y: a.value.top + (g + 1) * y.value - e.value.style.chart.labels.startLabels.fontSize / 3 + e.value.style.chart.labels.startLabels.offsetY,
-              fill: e.value.style.chart.labels.startLabels.useStartColor ? e.value.style.chart.plots.startColor : e.value.style.chart.labels.startLabels.color,
-              "font-size": e.value.style.chart.labels.startLabels.fontSize,
-              "text-anchor": "middle"
-            }, A(u(B)(
-              e.value.style.chart.labels.formatter,
-              c.start,
-              u(z)({
-                p: e.value.style.chart.labels.prefix,
-                v: c.start,
-                s: e.value.style.chart.labels.suffix,
-                r: e.value.style.chart.labels.startLabels.rounding
-              }),
-              { datapoint: c, seriesIndex: g }
-            )), 9, It))), 256))
-          ])) : h("", !0),
-          e.value.style.chart.labels.endLabels.show ? (o(), r("g", Ft, [
-            (o(!0), r(C, null, $(f.value, (c, g) => (o(), r("text", {
-              x: c.endX,
-              y: a.value.top + g * y.value + e.value.style.chart.labels.endLabels.fontSize + e.value.style.chart.labels.endLabels.offsetY,
-              fill: e.value.style.chart.labels.endLabels.useEndColor ? e.value.style.chart.plots.endColor : e.value.style.chart.labels.endLabels.color,
-              "font-size": e.value.style.chart.labels.endLabels.fontSize,
-              "text-anchor": "middle"
-            }, A(u(B)(
-              e.value.style.chart.labels.formatter,
-              c.end,
-              u(z)({
-                p: e.value.style.chart.labels.prefix,
-                v: c.end,
-                s: e.value.style.chart.labels.suffix,
-                r: e.value.style.chart.labels.endLabels.rounding
-              }),
-              { datapoint: c, seriesIndex: g }
-            )), 9, Vt))), 256))
-          ])) : h("", !0)
+          }, null, 8, Mt)
         ]))), 256)),
-        _(l.$slots, "svg", { svg: a.value }, void 0, !0)
-      ], 14, ot)) : h("", !0),
+        e.value.style.chart.labels.startLabels.show ? (o(), r("g", Dt, [
+          (o(!0), r(C, null, $(b.value, (t, a) => (o(), r("text", {
+            x: t.startX,
+            y: s.value.top + (a + 1) * h.value - e.value.style.chart.labels.startLabels.fontSize / 3 + e.value.style.chart.labels.startLabels.offsetY,
+            fill: e.value.style.chart.labels.startLabels.useStartColor ? e.value.style.chart.plots.startColor : e.value.style.chart.labels.startLabels.color,
+            "font-size": e.value.style.chart.labels.startLabels.fontSize,
+            "text-anchor": "middle"
+          }, A(u(B)(
+            e.value.style.chart.labels.formatter,
+            t.start,
+            u(z)({
+              p: e.value.style.chart.labels.prefix,
+              v: t.start,
+              s: e.value.style.chart.labels.suffix,
+              r: e.value.style.chart.labels.startLabels.rounding
+            }),
+            { datapoint: t, seriesIndex: a }
+          )), 9, It))), 256))
+        ])) : v("", !0),
+        e.value.style.chart.labels.endLabels.show ? (o(), r("g", Ft, [
+          (o(!0), r(C, null, $(b.value, (t, a) => (o(), r("text", {
+            x: t.endX,
+            y: s.value.top + a * h.value + e.value.style.chart.labels.endLabels.fontSize + e.value.style.chart.labels.endLabels.offsetY,
+            fill: e.value.style.chart.labels.endLabels.useEndColor ? e.value.style.chart.plots.endColor : e.value.style.chart.labels.endLabels.color,
+            "font-size": e.value.style.chart.labels.endLabels.fontSize,
+            "text-anchor": "middle"
+          }, A(u(B)(
+            e.value.style.chart.labels.formatter,
+            t.end,
+            u(z)({
+              p: e.value.style.chart.labels.prefix,
+              v: t.end,
+              s: e.value.style.chart.labels.suffix,
+              r: e.value.style.chart.labels.endLabels.rounding
+            }),
+            { datapoint: t, seriesIndex: a }
+          )), 9, Vt))), 256))
+        ])) : v("", !0),
+        m(l.$slots, "svg", { svg: s.value }, void 0, !0)
+      ], 14, ot)) : v("", !0),
       l.$slots.watermark ? (o(), r("div", Et, [
-        _(l.$slots, "watermark", U(R({ isPrinting: u(oe) || u(re) })), void 0, !0)
-      ])) : h("", !0),
-      S.value ? h("", !0) : (o(), L(Je, {
+        m(l.$slots, "watermark", U(R({ isPrinting: u(oe) || u(re) })), void 0, !0)
+      ])) : v("", !0),
+      S.value ? v("", !0) : (o(), L(Je, {
         key: 6,
         config: {
           type: "dumbbell",
@@ -648,7 +648,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
           legendSet: de.value,
           config: Xe.value
         }, {
-          item: k(({ legend: t }) => [
+          item: _(({ legend: t }) => [
             i("div", {
               style: F(`display:flex;align-items:center;gap:4px;font-size:${e.value.style.chart.legend.fontSize}px`)
             }, [
@@ -669,7 +669,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             ], 4)
           ]),
           _: 1
-        }, 8, ["legendSet", "config"])) : _(l.$slots, "legend", {
+        }, 8, ["legendSet", "config"])) : m(l.$slots, "legend", {
           key: 1,
           legend: de.value
         }, void 0, !0)
@@ -680,8 +680,8 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
         ref: Z,
         dir: "auto"
       }, [
-        _(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : h("", !0),
+        m(l.$slots, "source", {}, void 0, !0)
+      ], 512)) : v("", !0),
       S.value ? (o(), L(Qe, {
         key: 8,
         hideDetails: "",
@@ -698,7 +698,7 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
           }
         }
       }, {
-        content: k(() => [
+        content: _(() => [
           (o(), L(Ze, {
             key: `table_${Q.value}`,
             colNames: M.value.colNames,
@@ -708,23 +708,23 @@ const st = ["id"], ot = ["xmlns", "viewBox"], rt = ["x", "y", "width", "height"]
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: n[0] || (n[0] = (t) => N.value.showTable = !1)
           }, {
-            th: k(({ th: t }) => [
+            th: _(({ th: t }) => [
               i("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, Ut)
             ]),
-            td: k(({ td: t }) => [
+            td: _(({ td: t }) => [
               ge(A(t.name || t), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : h("", !0)
+      }, 8, ["config"])) : v("", !0)
     ], 46, st));
   }
-}, nl = /* @__PURE__ */ at(Rt, [["__scopeId", "data-v-a9504a52"]]);
+}, nl = /* @__PURE__ */ at(Rt, [["__scopeId", "data-v-0f03316c"]]);
 export {
   nl as default
 };