vue-data-ui 2.16.5 → 2.17.0

package/dist/{vue-ui-dumbbell-D01p3t3P.js → vue-ui-dumbbell-Bm0PvAKT.js}

@@ -1,17 +1,18 @@
-import { defineAsyncComponent as T, computed as g, ref as d, watch as ge, shallowRef as pe, onMounted as me, onBeforeUnmount as We, createElementBlock as r, openBlock as o, unref as n, normalizeStyle as E, normalizeClass as ke, createBlock as A, createCommentVNode as v, createElementVNode as i, createSlots as Ue, withCtx as k, renderSlot as p, normalizeProps as R, guardReactiveProps as H, createVNode as Be, Fragment as $, renderList as L, toDisplayString as z, createTextVNode as _e, nextTick as je } from "vue";
-import { u as qe, c as xe, a as Ye, o as Ze, e as we, g as Je, v as Ce, D as Ke, f as S, X as $e, i as q, l as Le, h as Ae, q as Qe, r as et } from "./index-CZNLCg7T.js";
-import { t as tt, u as lt } from "./useResponsive-DfdjqQps.js";
-import { u as ze } from "./useNestedProp-BcPDA6Xr.js";
-import { u as at } from "./usePrinter-ButWuZVm.js";
-import { u as st } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as ot } from "./useChartAccessibility-9icAAmYg.js";
-import rt from "./Legend-DoxQwq_u.js";
-import nt from "./Title-BQLtfM0P.js";
-import { _ as ut } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"], vt = { key: 1 }, ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], yt = { key: 2 }, ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], gt = { key: 3 }, pt = ["x", "y", "font-size", "fill", "font-weight"], mt = ["x", "y", "font-size", "fill"], kt = { key: 4 }, _t = ["x", "y", "font-size", "fill", "font-weight"], xt = ["id"], wt = ["stop-color"], Ct = ["stop-color"], $t = ["stop-color"], Lt = ["id"], At = ["stop-color"], zt = ["stop-color"], St = ["stop-color"], Xt = ["id"], Nt = ["stop-color"], Tt = ["stop-color"], Ot = ["id"], Pt = ["stop-color"], Mt = ["stop-color"], It = { key: 0 }, Gt = ["d", "fill"], Dt = { key: 1 }, Ft = ["x", "y", "height", "width", "fill"], Vt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Et = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Rt = { key: 5 }, Ht = ["x", "y", "fill", "font-size"], Wt = { key: 6 }, Ut = ["x", "y", "fill", "font-size"], Bt = {
+import { defineAsyncComponent as O, computed as g, ref as d, watch as pe, shallowRef as me, onMounted as ke, onBeforeUnmount as Ue, createElementBlock as r, openBlock as o, unref as n, normalizeStyle as E, normalizeClass as _e, createBlock as A, createCommentVNode as v, createElementVNode as i, createSlots as Be, withCtx as k, renderSlot as p, normalizeProps as R, guardReactiveProps as H, createVNode as je, Fragment as $, renderList as L, toDisplayString as z, createTextVNode as xe, nextTick as qe } from "vue";
+import { u as Ye, c as we, a as Ze, o as Je, e as Ce, g as Ke, v as $e, D as Qe, f as S, X as Le, i as q, l as Ae, h as ze, q as et, r as tt } from "./index-pPGk-uhD.js";
+import { t as lt, u as at } from "./useResponsive-DfdjqQps.js";
+import { u as Se } from "./useNestedProp-DjACxgdZ.js";
+import { u as st } from "./usePrinter-DDHcrl0A.js";
+import { u as ot } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as rt } from "./useChartAccessibility-9icAAmYg.js";
+import nt from "./Legend-Bxlv67uY.js";
+import ut from "./Title-B-2bV0SW.js";
+import it from "./img-Y_hYz-ZC.js";
+import { _ as ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const dt = ["id"], vt = ["xmlns", "viewBox"], ht = ["x", "y", "width", "height"], yt = { key: 1 }, ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], bt = { key: 2 }, gt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], pt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], mt = { key: 3 }, kt = ["x", "y", "font-size", "fill", "font-weight"], _t = ["x", "y", "font-size", "fill"], xt = { key: 4 }, wt = ["x", "y", "font-size", "fill", "font-weight"], Ct = ["id"], $t = ["stop-color"], Lt = ["stop-color"], At = ["stop-color"], zt = ["id"], St = ["stop-color"], Xt = ["stop-color"], Nt = ["stop-color"], Tt = ["id"], Ot = ["stop-color"], Pt = ["stop-color"], It = ["id"], Mt = ["stop-color"], Gt = ["stop-color"], Dt = { key: 0 }, Ft = ["d", "fill"], Vt = { key: 1 }, Et = ["x", "y", "height", "width", "fill"], Rt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Ht = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Wt = { key: 5 }, Ut = ["x", "y", "fill", "font-size"], Bt = { key: 6 }, jt = ["x", "y", "fill", "font-size"], qt = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, jt = ["xmlns", "height", "width"], qt = ["fill"], Yt = ["innerHTML"], Zt = {
+}, Yt = ["xmlns", "height", "width"], Zt = ["fill"], Jt = ["innerHTML"], Kt = {
   __name: "vue-ui-dumbbell",
   props: {
     config: {
@@ -28,49 +29,49 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
     }
   },
   emits: ["selectDatapoint"],
-  setup(Se, { expose: Xe, emit: Jt }) {
-    const Ne = T(() => import("./vue-ui-accordion-CO4hmfuX.js")), Te = T(() => import("./DataTable-B6MXw9cG.js")), Oe = T(() => import("./PackageVersion-DCreTQN4.js")), Pe = T(() => import("./PenAndPaper-BS60tkQN.js")), Me = T(() => import("./vue-ui-skeleton-D9B8DY_k.js")), Ie = T(() => import("./UserOptions-DMGkAAIO.js")), { vue_ui_dumbbell: Ge } = qe(), b = Se, X = g({
+  setup(Xe, { expose: Ne, emit: Qt }) {
+    const Te = O(() => import("./vue-ui-accordion-CVnA550V.js")), Oe = O(() => import("./DataTable-D0VYDhfx.js")), Pe = O(() => import("./PackageVersion-5TR4ocqp.js")), Ie = O(() => import("./PenAndPaper-D6AqipIO.js")), Me = O(() => import("./vue-ui-skeleton-DJPjyNYn.js")), Ge = O(() => import("./UserOptions-Dd34lEKb.js")), { vue_ui_dumbbell: De } = Ye(), b = Xe, X = g({
       get() {
         return !!b.dataset && b.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), y = d(xe()), Y = d(0), I = d(null), Z = d(null), J = d(null), K = d(null), Q = d(null), ee = d(0), te = d(0), le = d(0), e = g({
+    }), y = d(we()), Y = d(0), N = d(null), Z = d(null), J = d(null), K = d(null), Q = d(null), ee = d(0), te = d(0), le = d(0), e = g({
       get: () => re(),
       set: (l) => l
-    }), { userOptionsVisible: W, setUserOptionsVisibility: ae, keepUserOptionState: se } = st({ config: e.value }), { svgRef: oe } = ot({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: W, setUserOptionsVisibility: ae, keepUserOptionState: se } = ot({ config: e.value }), { svgRef: oe } = rt({ config: e.value.style.chart.title });
     function re() {
-      const l = ze({
+      const l = Se({
         userConfig: b.config,
-        defaultConfig: Ge
+        defaultConfig: De
       });
       return l.theme ? {
-        ...ze({
-          userConfig: Ye.vue_ui_dumbbell[l.theme] || b.config,
+        ...Se({
+          userConfig: Ze.vue_ui_dumbbell[l.theme] || b.config,
           defaultConfig: l
         })
       } : l;
     }
-    ge(() => b.config, (l) => {
-      e.value = re(), W.value = !e.value.userOptions.showOnChartHover, ne(), ee.value += 1, te.value += 1, le.value += 1, h.value = e.value.style.chart.rowHeight, P.value = e.value.style.chart.width, O.value.showTable = e.value.table.show;
-    }, { deep: !0 }), ge(() => b.dataset, (l) => {
+    pe(() => b.config, (l) => {
+      e.value = re(), W.value = !e.value.userOptions.showOnChartHover, ne(), ee.value += 1, te.value += 1, le.value += 1, h.value = e.value.style.chart.rowHeight, I.value = e.value.style.chart.width, P.value.showTable = e.value.table.show;
+    }, { deep: !0 }), pe(() => b.dataset, (l) => {
       he();
     }, { deep: !0 });
-    const x = pe(null), N = pe(null);
-    me(() => {
+    const w = me(null), T = me(null);
+    ke(() => {
       ne();
     });
     function ne() {
-      if (Ze(b.dataset) ? we({
+      if (Je(b.dataset) ? Ce({
         componentName: "VueUiDumbbell",
         type: "dataset"
       }) : b.dataset.forEach((l, u) => {
-        Je({
+        Ke({
           datasetObject: l,
           requiredAttributes: ["name", "start", "end"]
         }).forEach((t) => {
-          X.value = !1, we({
+          X.value = !1, Ce({
             componentName: "VueUiDumbbell",
             type: "datasetSerieAttribute",
             property: t,
@@ -78,46 +79,46 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
           });
         });
       }), e.value.responsive) {
-        const l = tt(() => {
-          const { width: u, height: t } = lt({
-            chart: I.value,
+        const l = lt(() => {
+          const { width: u, height: t } = at({
+            chart: N.value,
             title: e.value.style.chart.title.text ? Z.value : null,
             legend: e.value.style.chart.legend.show ? J.value : null,
             source: K.value,
             noTitle: Q.value
           });
           requestAnimationFrame(() => {
-            P.value = u, h.value = t / b.dataset.length, f.value = G();
+            I.value = u, h.value = t / b.dataset.length, f.value = G();
           });
         });
-        x.value && (N.value && x.value.unobserve(N.value), x.value.disconnect()), x.value = new ResizeObserver(l), N.value = I.value.parentNode, x.value.observe(N.value);
+        w.value && (T.value && w.value.unobserve(T.value), w.value.disconnect()), w.value = new ResizeObserver(l), T.value = N.value.parentNode, w.value.observe(T.value);
       }
     }
-    We(() => {
-      x.value && (N.value && x.value.unobserve(N.value), x.value.disconnect());
+    Ue(() => {
+      w.value && (T.value && w.value.unobserve(T.value), w.value.disconnect());
     });
-    const { isPrinting: ue, isImaging: ie, generatePdf: ce, generateImage: de } = at({
+    const { isPrinting: ue, isImaging: ie, generatePdf: ce, generateImage: de } = st({
       elementId: `dumbbell_${y.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-dumbbell",
       options: e.value.userOptions.print
-    }), De = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), O = d({
+    }), Fe = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), P = d({
       showTable: e.value.table.show
-    }), w = g(() => b.dataset.map((l, u) => ({
+    }), x = g(() => b.dataset.map((l, u) => ({
       ...l,
-      start: Ce(l.start),
-      end: Ce(l.end),
-      id: xe()
+      start: $e(l.start),
+      end: $e(l.end),
+      id: we()
     }))), U = g(() => ({
-      max: Math.max(...w.value.flatMap((l) => [l.start, l.end])),
-      min: Math.min(...w.value.flatMap((l) => [l.start, l.end]))
-    })), c = g(() => Ke(U.value.min < 0 ? U.value.min : 0, U.value.max, e.value.style.chart.grid.scaleSteps)), h = d(e.value.style.chart.rowHeight), P = d(e.value.style.chart.width), s = g(() => {
-      const l = h.value, u = e.value.style.chart.padding.left + e.value.style.chart.padding.right + P.value, t = e.value.style.chart.padding.top + e.value.style.chart.padding.bottom + l * b.dataset.length, a = c.value.ticks.length * (P.value / c.value.ticks.length);
+      max: Math.max(...x.value.flatMap((l) => [l.start, l.end])),
+      min: Math.min(...x.value.flatMap((l) => [l.start, l.end]))
+    })), c = g(() => Qe(U.value.min < 0 ? U.value.min : 0, U.value.max, e.value.style.chart.grid.scaleSteps)), h = d(e.value.style.chart.rowHeight), I = d(e.value.style.chart.width), s = g(() => {
+      const l = h.value, u = e.value.style.chart.padding.left + e.value.style.chart.padding.right + I.value, t = e.value.style.chart.padding.top + e.value.style.chart.padding.bottom + l * b.dataset.length, a = c.value.ticks.length * (I.value / c.value.ticks.length);
       return {
         left: e.value.style.chart.padding.left,
         right: u - e.value.style.chart.padding.right,
         top: e.value.style.chart.padding.top,
         bottom: t - e.value.style.chart.padding.bottom,
-        width: P.value,
+        width: I.value,
         height: l * b.dataset.length,
         rowHeight: l,
         absoluteHeight: t,
@@ -126,7 +127,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
       };
     });
     function G() {
-      return w.value.map((l, u) => {
+      return x.value.map((l, u) => {
         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, _ = t + (a - t) / 2;
         return {
           ...l,
@@ -138,16 +139,16 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
         };
       });
     }
-    const f = d([]), ve = d(null), Fe = g(() => w.value.map((l) => l.end).reduce((l, u) => l + u, 0));
-    me(() => {
+    const f = d([]), ve = d(null), Ve = g(() => x.value.map((l) => l.end).reduce((l, u) => l + u, 0));
+    ke(() => {
       he();
     });
     function he() {
       f.value = G();
       let l = f.value.map((t) => t.start).reduce((t, a) => t + a, 0);
       function u() {
-        const t = w.value.map((a) => a.end - a.start);
-        l >= Fe.value ? (cancelAnimationFrame(ve.value), f.value = G()) : (f.value = f.value.map((a, _) => {
+        const t = x.value.map((a) => a.end - a.start);
+        l >= Ve.value ? (cancelAnimationFrame(ve.value), f.value = G()) : (f.value = f.value.map((a, _) => {
           a.endVal += t[_] * (e.value.animationSpeed / 100);
           const m = s.value.left + (a.start + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, V = s.value.left + (a.endVal + Math.abs(c.value.min)) / (c.value.max + Math.abs(c.value.min)) * s.value.widthPlotReference, j = m + (V - m) / 2;
           return {
@@ -165,7 +166,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
     const ye = 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 }
-    ]), Ve = g(() => ({
+    ]), Ee = g(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -198,7 +199,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
           v: C.value.body[m].end,
           s: e.value.style.chart.labels.suffix,
           r: e.value.table.td.roundingValue
-        }), He = S({
+        }), We = S({
           v: 100 * (C.value.body[m].end / C.value.body[m].start - 1),
           s: "%",
           r: e.value.table.td.roundingPercentage
@@ -207,7 +208,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
           { name: _.name },
           V,
           j,
-          He
+          We
         ];
       }), t = {
         th: {
@@ -235,44 +236,51 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
       };
     });
     function fe(l = null) {
-      je(() => {
+      qe(() => {
         const u = C.value.head.map((_, m) => [[
           _.name
-        ], [C.value.body[m].start], [C.value.body[m].end]]), t = [[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(u), a = Qe(t);
-        l ? l(a) : et({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
+        ], [C.value.body[m].start], [C.value.body[m].end]]), t = [[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(u), a = et(t);
+        l ? l(a) : tt({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
       });
     }
     const M = d(!1);
-    function Ee(l) {
+    function be(l) {
       M.value = l, Y.value += 1;
     }
     function Re() {
-      return f.value;
+      return x.value;
     }
-    function be() {
-      O.value.showTable = !O.value.showTable;
+    function ge() {
+      P.value.showTable = !P.value.showTable;
     }
     const F = d(!1);
     function B() {
       F.value = !F.value;
     }
-    return Xe({
+    async function He({ scale: l = 2 } = {}) {
+      if (!N.value) return;
+      const { imageUri: u, base64: t } = await it({ domElement: N.value, base64: !0, img: !0, scale: l });
+      return { imageUri: u, base64: t };
+    }
+    return Ne({
       getData: Re,
+      getImage: He,
       generatePdf: ce,
       generateCsv: fe,
       generateImage: de,
-      toggleTable: be,
-      toggleAnnotator: B
+      toggleTable: ge,
+      toggleAnnotator: B,
+      toggleFullscreen: be
     }), (l, u) => (o(), r("div", {
       ref_key: "dumbbellChart",
-      ref: I,
-      class: ke(`vue-ui-dumbbell ${M.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      ref: N,
+      class: _e(`vue-ui-dumbbell ${M.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: E(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `dumbbell_${y.value}`,
       onMouseenter: u[1] || (u[1] = () => n(ae)(!0)),
       onMouseleave: u[2] || (u[2] = () => n(ae)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (o(), A(n(Pe), {
+      e.value.userOptions.buttons.annotator ? (o(), A(n(Ie), {
         key: 0,
         svgRef: n(oe),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -280,7 +288,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
         active: F.value,
         onClose: B
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : v("", !0),
-      De.value ? (o(), r("div", {
+      Fe.value ? (o(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Q,
@@ -293,7 +301,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
         ref: Z,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (o(), A(nt, {
+        (o(), A(ut, {
           key: `title_${ee.value}`,
           config: {
             title: {
@@ -307,7 +315,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : v("", !0),
-      e.value.userOptions.show && X.value && (n(se) || n(W)) ? (o(), A(n(Ie), {
+      e.value.userOptions.show && X.value && (n(se) || n(W)) ? (o(), A(n(Ge), {
         ref: "details",
         key: `user_option_${Y.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -322,21 +330,22 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: M.value,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: I.value,
+        chartElement: N.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: F.value,
         callbacks: e.value.userOptions.callbacks,
-        onToggleFullscreen: Ee,
+        printScale: e.value.userOptions.print.scale,
+        onToggleFullscreen: be,
         onGeneratePdf: n(ce),
         onGenerateCsv: fe,
         onGenerateImage: n(de),
-        onToggleTable: be,
+        onToggleTable: ge,
         onToggleAnnotator: B,
         style: E({
           visibility: n(se) ? n(W) ? "visible" : "hidden" : "visible"
         })
-      }, Ue({ _: 2 }, [
+      }, Be({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: k(({ isOpen: t, color: a }) => [
@@ -386,17 +395,17 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
           ]),
           key: "6"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : v("", !0),
       X.value ? (o(), r("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: oe,
-        xmlns: n($e),
-        class: ke({ "vue-data-ui-fullscreen--on": M.value, "vue-data-ui-fulscreen--off": !M.value }),
+        xmlns: n(Le),
+        class: _e({ "vue-data-ui-fullscreen--on": M.value, "vue-data-ui-fulscreen--off": !M.value }),
         viewBox: `0 0 ${s.value.absoluteWidth <= 0 ? 10 : s.value.absoluteWidth} ${s.value.absoluteHeight <= 0 ? 10 : s.value.absoluteHeight}`,
         style: E(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Be(n(Oe)),
+        je(n(Pe)),
         l.$slots["chart-background"] ? (o(), r("foreignObject", {
           key: 0,
           x: s.value.left,
@@ -408,8 +417,8 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
           }
         }, [
           p(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, dt)) : v("", !0),
-        e.value.style.chart.grid.verticalGrid.show ? (o(), r("g", vt, [
+        ], 8, ht)) : v("", !0),
+        e.value.style.chart.grid.verticalGrid.show ? (o(), r("g", yt, [
           (o(!0), r($, null, L(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),
@@ -418,10 +427,10 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             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, ht))), 256))
+          }, null, 8, ft))), 256))
         ])) : v("", !0),
-        e.value.style.chart.grid.horizontalGrid.show ? (o(), r("g", yt, [
-          (o(!0), r($, null, L(w.value, (t, a) => (o(), r("line", {
+        e.value.style.chart.grid.horizontalGrid.show ? (o(), r("g", bt, [
+          (o(!0), r($, null, L(x.value, (t, a) => (o(), r("line", {
             x1: s.value.left,
             x2: s.value.right,
             y1: s.value.top + a * h.value,
@@ -429,7 +438,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             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, ft))), 256)),
+          }, null, 8, gt))), 256)),
           i("line", {
             x1: s.value.left,
             x2: s.value.right,
@@ -438,18 +447,18 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             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, bt)
+          }, null, 8, pt)
         ])) : v("", !0),
-        e.value.style.chart.labels.yAxisLabels.show ? (o(), r("g", gt, [
-          (o(!0), r($, null, L(w.value, (t, a) => (o(), r("text", {
+        e.value.style.chart.labels.yAxisLabels.show ? (o(), r("g", mt, [
+          (o(!0), r($, null, L(x.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"
-          }, z(t.name), 9, pt))), 256)),
-          e.value.style.chart.labels.yAxisLabels.showProgression ? (o(!0), r($, { key: 0 }, L(w.value, (t, a) => (o(), r("text", {
+          }, z(t.name), 9, kt))), 256)),
+          e.value.style.chart.labels.yAxisLabels.showProgression ? (o(!0), r($, { key: 0 }, L(x.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,
@@ -459,9 +468,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             v: 100 * (t.end / t.start - 1),
             s: "%",
             r: e.value.style.chart.labels.yAxisLabels.rounding
-          })), 9, mt))), 256)) : v("", !0)
+          })), 9, _t))), 256)) : v("", !0)
         ])) : v("", !0),
-        e.value.style.chart.labels.xAxisLabels.show ? (o(), r("g", kt, [
+        e.value.style.chart.labels.xAxisLabels.show ? (o(), r("g", xt, [
           (o(!0), r($, null, L(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,
@@ -479,7 +488,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
               r: e.value.style.chart.labels.xAxisLabels.rounding
             }),
             { datapoint: t, seriesIndex: a }
-          )), 9, _t))), 256))
+          )), 9, wt))), 256))
         ])) : v("", !0),
         i("defs", null, [
           i("radialGradient", {
@@ -488,34 +497,34 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
           }, [
             i("stop", {
               offset: "10%",
-              "stop-color": n(Le)(e.value.style.chart.plots.startColor, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, wt),
+              "stop-color": n(Ae)(e.value.style.chart.plots.startColor, e.value.style.chart.plots.gradient.intensity / 100)
+            }, null, 8, $t),
             i("stop", {
               offset: "90%",
-              "stop-color": n(Ae)(e.value.style.chart.plots.startColor, 0.1)
-            }, null, 8, Ct),
+              "stop-color": n(ze)(e.value.style.chart.plots.startColor, 0.1)
+            }, null, 8, Lt),
             i("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.startColor
-            }, null, 8, $t)
-          ], 8, xt),
+            }, null, 8, At)
+          ], 8, Ct),
           i("radialGradient", {
             id: `end_grad_${y.value}`,
             fy: "30%"
           }, [
             i("stop", {
               offset: "10%",
-              "stop-color": n(Le)(e.value.style.chart.plots.endColor, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, At),
+              "stop-color": n(Ae)(e.value.style.chart.plots.endColor, e.value.style.chart.plots.gradient.intensity / 100)
+            }, null, 8, St),
             i("stop", {
               offset: "90%",
-              "stop-color": n(Ae)(e.value.style.chart.plots.endColor, 0.1)
-            }, null, 8, zt),
+              "stop-color": n(ze)(e.value.style.chart.plots.endColor, 0.1)
+            }, null, 8, Xt),
             i("stop", {
               offset: "100%",
               "stop-color": e.value.style.chart.plots.endColor
-            }, null, 8, St)
-          ], 8, Lt)
+            }, null, 8, Nt)
+          ], 8, zt)
         ]),
         (o(!0), r($, null, L(f.value, (t, a) => (o(), r("g", null, [
           i("defs", null, [
@@ -529,12 +538,12 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
               i("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, Nt),
+              }, null, 8, Ot),
               i("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, Tt)
-            ], 8, Xt),
+              }, null, 8, Pt)
+            ], 8, Tt),
             i("linearGradient", {
               id: `grad_negative_${y.value}`,
               x1: "0%",
@@ -545,14 +554,14 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
               i("stop", {
                 offset: "0%",
                 "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, Pt),
+              }, null, 8, Mt),
               i("stop", {
                 offset: "100%",
                 "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, Mt)
-            ], 8, Ot)
+              }, null, 8, Gt)
+            ], 8, It)
           ]),
-          e.value.style.chart.plots.link.type === "curved" ? (o(), r("g", It, [
+          e.value.style.chart.plots.link.type === "curved" ? (o(), r("g", Dt, [
             i("path", {
               d: `M 
                             ${t.startX},${t.y + e.value.style.chart.plots.radius / 2} 
@@ -564,15 +573,15 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
                             Z
                         `,
               fill: t.endX > t.startX ? `url(#grad_positive_${y.value})` : `url(#grad_negative_${y.value})`
-            }, null, 8, Gt)
-          ])) : (o(), r("g", Dt, [
+            }, null, 8, Ft)
+          ])) : (o(), r("g", Vt, [
             i("rect", {
               x: t.endX > t.startX ? t.startX : t.endX,
               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_${y.value})` : `url(#grad_negative_${y.value})`
-            }, null, 8, Ft)
+            }, null, 8, Et)
           ])),
           i("circle", {
             cx: t.startX,
@@ -581,7 +590,7 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             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, Vt),
+          }, null, 8, Rt),
           i("circle", {
             cx: t.endX,
             cy: t.y,
@@ -589,9 +598,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
             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, Et)
+          }, null, 8, Ht)
         ]))), 256)),
-        e.value.style.chart.labels.startLabels.show ? (o(), r("g", Rt, [
+        e.value.style.chart.labels.startLabels.show ? (o(), r("g", Wt, [
           (o(!0), r($, null, L(f.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,
@@ -608,9 +617,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
               r: e.value.style.chart.labels.startLabels.rounding
             }),
             { datapoint: t, seriesIndex: a }
-          )), 9, Ht))), 256))
+          )), 9, Ut))), 256))
         ])) : v("", !0),
-        e.value.style.chart.labels.endLabels.show ? (o(), r("g", Wt, [
+        e.value.style.chart.labels.endLabels.show ? (o(), r("g", Bt, [
           (o(!0), r($, null, L(f.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,
@@ -627,11 +636,11 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
               r: e.value.style.chart.labels.endLabels.rounding
             }),
             { datapoint: t, seriesIndex: a }
-          )), 9, Ut))), 256))
+          )), 9, jt))), 256))
         ])) : v("", !0),
         p(l.$slots, "svg", { svg: s.value }, void 0, !0)
-      ], 14, ct)) : v("", !0),
-      l.$slots.watermark ? (o(), r("div", Bt, [
+      ], 14, vt)) : v("", !0),
+      l.$slots.watermark ? (o(), r("div", qt, [
         p(l.$slots, "watermark", R(H({ isPrinting: n(ue) || n(ie) })), void 0, !0)
       ])) : v("", !0),
       X.value ? v("", !0) : (o(), A(n(Me), {
@@ -650,17 +659,17 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
         ref_key: "chartLegend",
         ref: J
       }, [
-        e.value.style.chart.legend.show && X.value ? (o(), A(rt, {
+        e.value.style.chart.legend.show && X.value ? (o(), A(nt, {
           key: `legend_${le.value}`,
           legendSet: ye.value,
-          config: Ve.value
+          config: Ee.value
         }, {
           item: k(({ legend: t }) => [
             i("div", {
               style: E(`display:flex;align-items:center;gap:4px;font-size:${e.value.style.chart.legend.fontSize}px`)
             }, [
               (o(), r("svg", {
-                xmlns: n($e),
+                xmlns: n(Le),
                 viewBox: "0 0 20 20",
                 height: e.value.style.chart.legend.fontSize,
                 width: e.value.style.chart.legend.fontSize
@@ -670,9 +679,9 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
                   cy: 10,
                   r: 9,
                   fill: t.color
-                }, null, 8, qt)
-              ], 8, jt)),
-              _e(" " + z(t.name), 1)
+                }, null, 8, Zt)
+              ], 8, Yt)),
+              xe(" " + z(t.name), 1)
             ], 4)
           ]),
           _: 1
@@ -689,11 +698,11 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
       }, [
         p(l.$slots, "source", {}, void 0, !0)
       ], 512)) : v("", !0),
-      X.value ? (o(), A(n(Ne), {
+      X.value ? (o(), A(n(Te), {
         key: 8,
         hideDetails: "",
         config: {
-          open: O.value.showTable,
+          open: P.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -706,32 +715,32 @@ const it = ["id"], ct = ["xmlns", "viewBox"], dt = ["x", "y", "width", "height"]
         }
       }, {
         content: k(() => [
-          (o(), A(n(Te), {
+          (o(), A(n(Oe), {
             key: `table_${te.value}`,
             colNames: D.value.colNames,
             head: D.value.head,
             body: D.value.body,
             config: D.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: u[0] || (u[0] = (t) => O.value.showTable = !1)
+            onClose: u[0] || (u[0] = (t) => P.value.showTable = !1)
           }, {
             th: k(({ th: t }) => [
               i("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Yt)
+              }, null, 8, Jt)
             ]),
             td: k(({ td: t }) => [
-              _e(z(t.name || t), 1)
+              xe(z(t.name || t), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : v("", !0)
-    ], 46, it));
+    ], 46, dt));
   }
-}, ul = /* @__PURE__ */ ut(Zt, [["__scopeId", "data-v-0167dbe6"]]);
+}, dl = /* @__PURE__ */ ct(Kt, [["__scopeId", "data-v-2f42699f"]]);
 export {
-  ul as default
+  dl as default
 };