vue-data-ui 2.16.6 → 2.17.0

package/dist/{vue-ui-ridgeline-DftROPaX.js → vue-ui-ridgeline-QUquE6ck.js}

@@ -1,19 +1,20 @@
-import { defineAsyncComponent as z, computed as f, ref as i, shallowRef as Ve, onMounted as Lt, onBeforeUnmount as Nt, watch as Be, createElementBlock as n, openBlock as r, unref as u, normalizeStyle as _, normalizeClass as q, createBlock as P, createCommentVNode as c, renderSlot as p, createElementVNode as d, createSlots as Ue, withCtx as m, normalizeProps as K, guardReactiveProps as J, createVNode as Ge, Fragment as g, renderList as A, mergeProps as We, toDisplayString as H, createTextVNode as je, nextTick as Ft } from "vue";
-import { u as Dt, c as ve, o as It, e as he, g as Ye, b as Xt, d as Rt, p as Q, an as qe, a9 as Et, U as Ke, V as Ht, W as Vt, X as Bt, F as Ut, I as Gt, i as Z, f as ee, t as Wt, a as jt, q as Yt, r as qt, K as Kt } from "./index-DvIXJm6t.js";
-import { u as Jt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Qt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Zt } from "./usePrinter-CWnXbGMb.js";
-import { t as el, u as tl } from "./useResponsive-DfdjqQps.js";
-import { u as Je } from "./useNestedProp-DrYHm61t.js";
-import ll from "./Legend-nBXoxXJH.js";
-import al from "./Title-Gi81VwUM.js";
-import { _ as sl } from "./Shape-Bnf512BA.js";
-import { u as ol } from "./useTimeLabels-Mrr0jrpL.js";
-import { _ as rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"], vl = ["stop-color"], hl = ["stop-color"], dl = ["stop-color"], yl = ["id"], fl = ["stop-color"], gl = ["stop-color"], pl = ["stop-color"], ml = ["stop-color"], bl = { key: 0 }, xl = ["fill", "d"], kl = ["stroke", "stroke-width", "d"], Al = ["fill", "d"], $l = ["stroke", "stroke-dasharray", "stroke-width", "d"], wl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Cl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], _l = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], Ml = { key: 0 }, Pl = { key: 0 }, Tl = ["font-size", "fill", "font-weight", "transform", "text-anchor"], Sl = ["font-size", "fill", "font-weight", "transform", "text-anchor", "innerHTML"], zl = ["x", "y", "width", "height", "onMouseenter", "onClick"], Ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ll = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Nl = ["x", "y", "text-anchor", "font-size", "fill"], Fl = {
+import { defineAsyncComponent as z, computed as f, ref as i, shallowRef as Be, onMounted as Nt, onBeforeUnmount as Ft, watch as Ue, createElementBlock as n, openBlock as r, unref as u, normalizeStyle as _, normalizeClass as q, createBlock as P, createCommentVNode as c, renderSlot as p, createElementVNode as d, createSlots as Ge, withCtx as m, normalizeProps as K, guardReactiveProps as J, createVNode as We, Fragment as g, renderList as A, mergeProps as je, toDisplayString as V, createTextVNode as Ye, nextTick as Dt } from "vue";
+import { u as It, c as ve, o as Xt, e as he, g as qe, b as Rt, d as Et, p as Q, an as Ke, a9 as Ht, U as Je, V as Vt, W as Bt, X as Ut, F as Gt, I as Wt, i as Z, f as ee, t as jt, a as Yt, q as qt, r as Kt, K as Jt } from "./index-pPGk-uhD.js";
+import { u as Qt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Zt } from "./useChartAccessibility-9icAAmYg.js";
+import { u as el } from "./usePrinter-DDHcrl0A.js";
+import { t as tl, u as ll } from "./useResponsive-DfdjqQps.js";
+import { u as Qe } from "./useNestedProp-DjACxgdZ.js";
+import al from "./Legend-Bxlv67uY.js";
+import sl from "./Title-B-2bV0SW.js";
+import { _ as ol } from "./Shape-DtFT5EJa.js";
+import { u as rl } from "./useTimeLabels-Mrr0jrpL.js";
+import nl from "./img-Y_hYz-ZC.js";
+import { _ as ul } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"], dl = ["stop-color"], yl = ["stop-color"], fl = ["stop-color"], gl = ["id"], pl = ["stop-color"], ml = ["stop-color"], bl = ["stop-color"], xl = ["stop-color"], kl = { key: 0 }, Al = ["fill", "d"], wl = ["stroke", "stroke-width", "d"], $l = ["fill", "d"], Cl = ["stroke", "stroke-dasharray", "stroke-width", "d"], _l = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ml = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Pl = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], Tl = { key: 0 }, Sl = { key: 0 }, zl = ["font-size", "fill", "font-weight", "transform", "text-anchor"], Ol = ["font-size", "fill", "font-weight", "transform", "text-anchor", "innerHTML"], Ll = ["x", "y", "width", "height", "onMouseenter", "onClick"], Nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Dl = ["x", "y", "text-anchor", "font-size", "fill"], Il = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Dl = ["onClick"], Il = ["innerHTML"], Xl = {
+}, Xl = ["onClick"], Rl = ["innerHTML"], El = {
   __name: "vue-ui-ridgeline",
   props: {
     config: {
@@ -30,46 +31,46 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
     }
   },
   emits: ["selectLegend", "selectDatapoint", "selectX"],
-  setup(Qe, { expose: Ze, emit: et }) {
-    const tt = z(() => import("./vue-ui-accordion-D55kCO5G.js")), lt = z(() => import("./BaseDraggableDialog-6DIKXIBU.js")), at = z(() => import("./DataTable-CHBLjKtZ.js")), st = z(() => import("./PackageVersion-Bg_9KCU-.js")), ot = z(() => import("./PenAndPaper-BPTpbnay.js")), rt = z(() => import("./vue-ui-skeleton-BAOt2neL.js")), nt = z(() => import("./UserOptions-CBEK6_jo.js")), ut = z(() => import("./vue-ui-xy-DtJ7qJib.js")), { vue_ui_ridgeline: it } = Dt(), k = Qe, O = f({
+  setup(Ze, { expose: et, emit: tt }) {
+    const lt = z(() => import("./vue-ui-accordion-CVnA550V.js")), at = z(() => import("./BaseDraggableDialog-ChCkcmj_.js")), st = z(() => import("./DataTable-D0VYDhfx.js")), ot = z(() => import("./PackageVersion-5TR4ocqp.js")), rt = z(() => import("./PenAndPaper-D6AqipIO.js")), nt = z(() => import("./vue-ui-skeleton-DJPjyNYn.js")), ut = z(() => import("./UserOptions-Dd34lEKb.js")), it = z(() => import("./vue-ui-xy-CQ425kLR.js")), { vue_ui_ridgeline: ct } = It(), k = Ze, O = f({
       get() {
         return !!k.dataset && k.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), te = et, V = i(null), de = i(null), ye = i(null), T = Ve(null), D = Ve(null), fe = i(null), ge = i(null), pe = i(0), ct = i(0), me = i(0), $ = i(ve()), be = i(0), vt = i(0), xe = i(512), v = i(null), I = i(null), le = i(null), ke = i(0);
+    }), te = tt, L = i(null), de = i(null), ye = i(null), T = Be(null), I = Be(null), fe = i(null), ge = i(null), pe = i(0), vt = i(0), me = i(0), w = i(ve()), be = i(0), ht = i(0), xe = i(512), v = i(null), X = i(null), le = i(null), ke = i(0);
     function Ae() {
-      const l = Je({
+      const l = Qe({
         userConfig: k.config,
-        defaultConfig: it
+        defaultConfig: ct
       });
       return l.theme ? {
-        ...Je({
-          userConfig: jt.vue_ui_ridgeline[l.theme] || k.config,
+        ...Qe({
+          userConfig: Yt.vue_ui_ridgeline[l.theme] || k.config,
           defaultConfig: l
         }),
-        customPalette: Wt[l.theme] || Q
+        customPalette: jt[l.theme] || Q
       } : l;
     }
     const e = f({
       get: () => Ae(),
       set: (l) => l
-    }), w = i(Math.min(
+    }), $ = i(Math.min(
       e.value.style.chart.areas.height,
       e.value.style.chart.areas.rowHeight
     )), {
       userOptionsVisible: ae,
-      setUserOptionsVisibility: $e,
-      keepUserOptionState: we
-    } = Jt({ config: e.value }), { svgRef: se } = Qt({ config: e.value.style.chart.title });
-    Lt(oe);
+      setUserOptionsVisibility: we,
+      keepUserOptionState: $e
+    } = Qt({ config: e.value }), { svgRef: se } = Zt({ config: e.value.style.chart.title });
+    Nt(oe);
     function oe() {
-      if (It(k.dataset) ? he({
+      if (Xt(k.dataset) ? he({
         componentName: "VueUiRidgeline",
         type: "dataset"
       }) : k.dataset.forEach((l, o) => {
-        Ye({
+        qe({
           datasetObject: l,
           requiredAttributes: ["name", "datapoints"]
         }).forEach((t) => {
@@ -80,7 +81,7 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
             index: o
           });
         }), l.datapoints.length && l.datapoints.forEach((t, s) => {
-          Ye({
+          qe({
             datasetObject: t,
             requiredAttributes: ["name", "values"]
           }).forEach((a) => {
@@ -92,13 +93,13 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
             });
           });
         });
-      }), vt.value = k.dataset.length, w.value = Math.min(
+      }), ht.value = k.dataset.length, $.value = Math.min(
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
       ), e.value.responsive) {
-        const l = el(() => {
-          const { width: o, height: t } = tl({
-            chart: V.value,
+        const l = tl(() => {
+          const { width: o, height: t } = ll({
+            chart: L.value,
             title: e.value.style.chart.title.text ? de.value : null,
             legend: e.value.style.chart.legend.show ? ye.value : null,
             source: fe.value,
@@ -106,45 +107,45 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
             padding: e.value.style.chart.padding
           });
           requestAnimationFrame(() => {
-            xe.value = o, w.value = t / k.dataset.length, ke.value = t;
+            xe.value = o, $.value = t / k.dataset.length, ke.value = t;
           });
         });
-        T.value && (D.value && T.value.unobserve(D.value), T.value.disconnect()), T.value = new ResizeObserver(l), D.value = V.value.parentNode, T.value.observe(D.value);
+        T.value && (I.value && T.value.unobserve(I.value), T.value.disconnect()), T.value = new ResizeObserver(l), I.value = L.value.parentNode, T.value.observe(I.value);
       }
     }
-    Nt(() => {
-      T.value && (D.value && T.value.unobserve(D.value), T.value.disconnect());
+    Ft(() => {
+      T.value && (I.value && T.value.unobserve(I.value), T.value.disconnect());
     });
-    const { isPrinting: Ce, isImaging: _e, generatePdf: Me, generateImage: Pe } = Zt({
-      elementId: `vue-ui-ridgeline_${$.value}`,
+    const { isPrinting: Ce, isImaging: _e, generatePdf: Me, generateImage: Pe } = el({
+      elementId: `vue-ui-ridgeline_${w.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-ridgeline",
       options: e.value.userOptions.print
-    }), ht = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), dt = f(() => Xt(e.value.customPalette)), B = i({
+    }), dt = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), yt = f(() => Rt(e.value.customPalette)), B = i({
       showTable: e.value.table.show
     });
-    Be(() => k.config, (l) => {
-      e.value = Ae(), ae.value = !e.value.userOptions.showOnChartHover, oe(), pe.value += 1, me.value += 1, w.value = Math.min(
+    Ue(() => k.config, (l) => {
+      e.value = Ae(), ae.value = !e.value.userOptions.showOnChartHover, oe(), pe.value += 1, me.value += 1, $.value = Math.min(
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
       ), B.value.showTable = e.value.table.show;
-    }, { deep: !0 }), Be(() => k.dataset, oe, { deep: !0 });
+    }, { deep: !0 }), Ue(() => k.dataset, oe, { deep: !0 });
     const re = f(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
     function Te(l) {
-      S.value.includes(l) ? S.value = S.value.filter((o) => o !== l) : S.value.push(l), te("selectLegend", R.value);
+      S.value.includes(l) ? S.value = S.value.filter((o) => o !== l) : S.value.push(l), te("selectLegend", E.value);
     }
     const M = f(() => O.value ? k.dataset.map((l, o) => ({
       ...l,
-      labelLen: gt(l.name, e.value.style.chart.yAxis.labels.fontSize),
+      labelLen: pt(l.name, e.value.style.chart.yAxis.labels.fontSize),
       uid: ve(),
       datapoints: l.datapoints.map((t, s) => {
-        const a = t.color ? Rt(t.color) : dt.value[s] || Q[s] || Q[s % Q.length], h = qe(t.name);
+        const a = t.color ? Et(t.color) : yt.value[s] || Q[s] || Q[s % Q.length], h = Ke(t.name);
         return {
           ...t,
           color: a,
           id: h
         };
       })
-    })) : []), Se = f(() => e.value.style.chart.padding.top + w.value * k.dataset.length + w.value * re.value), b = f(() => ({
+    })) : []), Se = f(() => e.value.style.chart.padding.top + $.value * k.dataset.length + $.value * re.value), b = f(() => ({
       fullHeight: y.value.padding.top + y.value.padding.bottom + y.value.height,
       top: y.value.padding.top,
       left: y.value.padding.left,
@@ -158,13 +159,13 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
         height: Se.value,
         padding: l
       };
-    }), ne = f(() => Math.max(...M.value.flatMap((l) => l.datapoints.map((o) => o.values.length)))), W = f(() => ol({
+    }), ne = f(() => Math.max(...M.value.flatMap((l) => l.datapoints.map((o) => o.values.length)))), W = f(() => rl({
       values: e.value.style.chart.xAxis.labels.values,
       maxDatapoints: ne.value,
       formatter: e.value.style.chart.xAxis.labels.datetimeFormatter,
       start: 0,
       end: e.value.style.chart.xAxis.labels.values.length
-    })), X = f(() => {
+    })), R = f(() => {
       const l = Math.max(...M.value.map((a) => a.labelLen)), o = y.value.padding.left + l + 16 + e.value.style.chart.yAxis.labels.offsetX, t = (b.value.width - o) / ne.value, s = [];
       for (let a = 0; a < ne.value; a += 1)
         s.push({
@@ -178,70 +179,70 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
         });
       return s;
     });
-    function yt(l) {
+    function ft(l) {
       te("selectX", M.value.map((o) => o.datapoints.map((t) => ({
         dp: t,
         selected: t.values[l.index]
       }))));
     }
-    function ft(l, o) {
+    function gt(l, o) {
       return l.length * o / 2 + o;
     }
     function ze(l, o, t) {
-      const s = ft(o, t);
+      const s = gt(o, t);
       return l + s > b.value.right;
     }
-    function gt(l, o, t = "sans-serif") {
+    function pt(l, o, t = "sans-serif") {
       const a = document.createElement("canvas").getContext("2d"), h = typeof o == "number" ? `${o}px` : o;
       return a.font = `${h} ${t}`, a.measureText(l).width;
     }
-    const R = f(() => {
-      w.value;
-      const l = Math.max(...M.value.map((x) => x.labelLen)), o = Math.max(...M.value.flatMap((x) => x.datapoints.map((L) => L.values.length))), t = Math.max(...M.value.flatMap((x) => x.datapoints.flatMap((L) => L.values))), s = Math.min(...M.value.flatMap((x) => x.datapoints.flatMap((L) => L.values))), a = y.value.padding.left + l + 16 + e.value.style.chart.yAxis.labels.offsetX, h = (b.value.width - a) / o, C = Math.abs(Math.min(s, 0)), Ie = t + C;
-      function Xe(x) {
-        return isNaN(x / Ie) ? 0 : x / Ie;
+    const E = f(() => {
+      $.value;
+      const l = Math.max(...M.value.map((x) => x.labelLen)), o = Math.max(...M.value.flatMap((x) => x.datapoints.map((N) => N.values.length))), t = Math.max(...M.value.flatMap((x) => x.datapoints.flatMap((N) => N.values))), s = Math.min(...M.value.flatMap((x) => x.datapoints.flatMap((N) => N.values))), a = y.value.padding.left + l + 16 + e.value.style.chart.yAxis.labels.offsetX, h = (b.value.width - a) / o, C = Math.abs(Math.min(s, 0)), Xe = t + C;
+      function Re(x) {
+        return isNaN(x / Xe) ? 0 : x / Xe;
       }
-      return M.value.map((x, L) => {
-        const Re = b.value.top + w.value * L, N = b.value.top + Re + w.value * re.value * (1 - Xe(C));
+      return M.value.map((x, N) => {
+        const Ee = b.value.top + $.value * N, F = b.value.top + Ee + $.value * re.value * (1 - Re(C));
         return {
           ...x,
           label: {
             x: a - e.value.style.chart.yAxis.labels.fontSize,
-            y: N
+            y: F
           },
           datapoints: x.datapoints.map((U) => {
-            const F = U.values.map((G, Pt) => {
-              const Tt = isNaN(G) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(G) ? 0 : G || 0, St = a + h * Pt, zt = b.value.top + Re + w.value * re.value * (1 - Xe(Tt + C)), Ot = G === Math.max(...U.values);
+            const D = U.values.map((G, Tt) => {
+              const St = isNaN(G) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(G) ? 0 : G || 0, zt = a + h * Tt, Ot = b.value.top + Ee + $.value * re.value * (1 - Re(St + C)), Lt = G === Math.max(...U.values);
               return {
-                x: St,
-                y: zt,
+                x: zt,
+                y: Ot,
                 value: G,
-                isMaxPoint: Ot,
-                zero: N
+                isMaxPoint: Lt,
+                zero: F
               };
-            }), wt = `${Et(F, N, !1, !1)}`, Ct = `M ${a},${N} ${Ke(F)} ${F.at(-1).x},${N}`, _t = `M ${a},${N} ${F.at(-1).x},${N}`, Ee = `M ${Ht(F)}`, He = `M ${Ke(F)}`, Mt = Vt(
-              e.value.style.chart.areas.smooth ? Ee : He
+            }), Ct = `${Ht(D, F, !1, !1)}`, _t = `M ${a},${F} ${Je(D)} ${D.at(-1).x},${F}`, Mt = `M ${a},${F} ${D.at(-1).x},${F}`, He = `M ${Vt(D)}`, Ve = `M ${Je(D)}`, Pt = Bt(
+              e.value.style.chart.areas.smooth ? He : Ve
             );
             return {
               ...U,
               uid: ve(),
-              plots: F,
-              smoothPath: wt,
-              straightPath: Ct,
-              zeroPath: _t,
-              pathLength: Mt,
-              smoothPathRidge: Ee,
-              straightPathRidge: He
+              plots: D,
+              smoothPath: Ct,
+              straightPath: _t,
+              zeroPath: Mt,
+              pathLength: Pt,
+              smoothPathRidge: He,
+              straightPathRidge: Ve
             };
           }).filter((U) => !S.value.includes(U.id))
         };
       });
     }), S = i([]);
-    function pt(l) {
+    function mt(l) {
       const o = /* @__PURE__ */ new Map();
       return l.forEach((t) => {
         t.datapoints.forEach((s, a) => {
-          const h = qe(s.name);
+          const h = Ke(s.name);
           o.has(h) || o.set(h, {
             id: h,
             name: s.name,
@@ -254,27 +255,27 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
         });
       }), Array.from(o.values());
     }
-    const ue = f(() => pt(M.value)), mt = f(() => ({
+    const ue = f(() => mt(M.value)), bt = f(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), E = i(!1);
-    function bt(l) {
-      E.value = l, be.value += 1;
+    })), H = i(!1);
+    function Oe(l) {
+      H.value = l, be.value += 1;
     }
-    const Oe = i({}), Le = i([]);
+    const Le = i({}), Ne = i([]);
     function xt(l) {
-      te("selectDatapoint", l), e.value.style.chart.dialog.show && (Le.value = l.datapoints.map((o) => ({
+      te("selectDatapoint", l), e.value.style.chart.dialog.show && (Ne.value = l.datapoints.map((o) => ({
         name: o.name,
         color: o.color,
         type: "line",
         useArea: !0,
         smooth: e.value.style.chart.areas.smooth,
         series: o.values
-      })), I.value = l, Oe.value = Kt({
+      })), X.value = l, Le.value = Jt({
         ...e.value.style.chart.dialog.xyChart,
         responsive: !0,
         // Overriding 
@@ -312,10 +313,10 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
     function ce() {
       j.value = !j.value;
     }
-    function Ne() {
+    function Fe() {
       B.value.showTable = !B.value.showTable;
     }
-    const Fe = f(() => ({ body: R.value.flatMap((t) => t.datapoints.flatMap((s) => ({
+    const De = f(() => ({ body: E.value.flatMap((t) => t.datapoints.flatMap((s) => ({
       ...s,
       rowName: `${t.name}: ${s.name}`
     }))).map((t) => [
@@ -347,40 +348,47 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
           ...W.value.map((s) => s.text)
         ],
         head: l,
-        body: Fe.value.body,
+        body: De.value.body,
         config: o
       };
     });
-    function De(l = null) {
-      Ft(() => {
+    function Ie(l = null) {
+      Dt(() => {
         const o = [
           [e.value.table.columnNames.series, ...W.map((a) => [a.text])],
-          ...Fe.value.body.map((a, h) => [a[0].name, ...a.slice(1)])
+          ...De.value.body.map((a, h) => [a[0].name, ...a.slice(1)])
         ], t = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text]
-        ].concat(o), s = Yt(t);
-        l ? l(s) : qt({
+        ].concat(o), s = qt(t);
+        l ? l(s) : Kt({
           csvContent: s,
           title: e.value.style.chart.title.text || "vue-ui-ridgeline"
         });
       });
     }
-    function $t() {
-      return R.value;
+    function wt() {
+      return E.value;
     }
-    return Ze({
-      getData: $t,
+    async function $t({ scale: l = 2 } = {}) {
+      if (!L.value) return;
+      const { imageUri: o, base64: t } = await nl({ domElement: L.value, base64: !0, img: !0, scale: l });
+      return { imageUri: o, base64: t };
+    }
+    return et({
+      getData: wt,
+      getImage: $t,
       generateImage: Pe,
       generatePdf: Me,
-      generateCsv: De,
+      generateCsv: Ie,
       toggleAnnotator: ce,
-      toggleTable: Ne
+      toggleTable: Fe,
+      toggleFullscreen: Oe
     }), (l, o) => (r(), n("div", {
       ref_key: "ridgelineChart",
-      ref: V,
-      class: q(`vue-ui-ridgeline ${E.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      id: `vue-ui-ridgeline_${$.value}`,
+      ref: L,
+      class: q(`vue-ui-ridgeline ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      id: `vue-ui-ridgeline_${w.value}`,
       style: _({
         fontFamily: e.value.style.fontFamily,
         width: "100%",
@@ -388,10 +396,10 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
         background: e.value.style.chart.backgroundColor,
         height: e.value.responsive ? "100%" : void 0
       }),
-      onMouseenter: o[4] || (o[4] = () => u($e)(!0)),
-      onMouseleave: o[5] || (o[5] = () => u($e)(!1))
+      onMouseenter: o[4] || (o[4] = () => u(we)(!0)),
+      onMouseleave: o[5] || (o[5] = () => u(we)(!1))
     }, [
-      e.value.userOptions.buttons.annotator && u(se) ? (r(), P(u(ot), {
+      e.value.userOptions.buttons.annotator && u(se) ? (r(), P(u(rt), {
         key: 0,
         color: e.value.style.chart.color,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -400,7 +408,7 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
         onClose: ce
       }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : c("", !0),
       p(l.$slots, "userConfig", {}, void 0, !0),
-      ht.value ? (r(), n("div", {
+      dt.value ? (r(), n("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ge,
@@ -413,7 +421,7 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
         ref: de,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (r(), P(al, {
+        (r(), P(sl, {
           key: `title_${pe.value}`,
           config: {
             title: {
@@ -427,14 +435,14 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
           }
         }, null, 8, ["config"]))
       ], 512)) : c("", !0),
-      e.value.userOptions.show && O.value && (u(we) || u(ae)) ? (r(), P(u(nt), {
+      e.value.userOptions.show && O.value && (u($e) || u(ae)) ? (r(), P(u(ut), {
         ref: "details",
         key: `user_option_${be.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: u(Ce),
         isImaging: u(_e),
-        uid: $.value,
+        uid: w.value,
         hasTooltip: !1,
         callbacks: e.value.userOptions.callbacks,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -443,24 +451,24 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
         hasTable: e.value.userOptions.buttons.table,
         hasLabel: !1,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: E.value,
+        isFullscreen: H.value,
         printScale: e.value.userOptions.print.scale,
-        chartElement: V.value,
+        chartElement: L.value,
         position: e.value.userOptions.position,
         isTooltip: !1,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: j.value,
         style: _({
-          visibility: u(we) ? u(ae) ? "visible" : "hidden" : "visible"
+          visibility: u($e) ? u(ae) ? "visible" : "hidden" : "visible"
         }),
-        onToggleFullscreen: bt,
+        onToggleFullscreen: Oe,
         onGeneratePdf: u(Me),
-        onGenerateCsv: De,
+        onGenerateCsv: Ie,
         onGenerateImage: u(Pe),
-        onToggleTable: Ne,
+        onToggleTable: Fe,
         onToggleAnnotator: ce
-      }, Ue({ _: 2 }, [
+      }, Ge({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: m(({ isOpen: t, color: s }) => [
@@ -522,15 +530,15 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
         key: 4,
         ref_key: "svgRef",
         ref: se,
-        xmlns: u(Bt),
-        class: q({ "vue-data-ui-fullscreen--on": E.value, "vue-data-ui-fulscreen--off": !E.value }),
+        xmlns: u(Ut),
+        class: q({ "vue-data-ui-fullscreen--on": H.value, "vue-data-ui-fulscreen--off": !H.value }),
         viewBox: `0 0 ${y.value.width <= 0 ? 10 : y.value.width} ${b.value.fullHeight <= 0 ? 10 : b.value.fullHeight}`,
         style: _(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};${e.value.responsive ? `height: ${ke.value}px; width: 100%;` : ""}`)
       }, [
-        Ge(u(st)),
+        We(u(ot)),
         d("defs", null, [
           (r(!0), n(g, null, A(ue.value, (t, s) => (r(), n("linearGradient", {
-            id: `gradient-${t.id}-${$.value}`,
+            id: `gradient-${t.id}-${w.value}`,
             x1: "50%",
             y1: "0%",
             x2: "50%",
@@ -540,27 +548,27 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
               offset: "0%",
               "stop-color": t.color,
               "stop-opacity": "1"
-            }, null, 8, cl),
+            }, null, 8, hl),
             d("stop", {
               offset: "30%",
               "stop-color": t.color,
               "stop-opacity": "0.7"
-            }, null, 8, vl),
+            }, null, 8, dl),
             d("stop", {
               offset: "70%",
               "stop-color": t.color,
               "stop-opacity": "0.3"
-            }, null, 8, hl),
+            }, null, 8, yl),
             d("stop", {
               offset: "100%",
               "stop-color": t.color,
               "stop-opacity": "0.1"
-            }, null, 8, dl)
-          ], 8, il))), 256)),
-          (r(!0), n(g, null, A(R.value, (t, s) => (r(), n(g, null, [
+            }, null, 8, fl)
+          ], 8, vl))), 256)),
+          (r(!0), n(g, null, A(E.value, (t, s) => (r(), n(g, null, [
             (r(!0), n(g, null, A(t.datapoints, (a, h) => (r(), n("linearGradient", {
               key: `grad${a.id}`,
-              id: `gradient-single-${$.value}-${a.uid}`,
+              id: `gradient-single-${w.value}-${a.uid}`,
               x1: "50%",
               y1: "0%",
               x2: "50%",
@@ -570,45 +578,45 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
                 offset: "0%",
                 "stop-color": a.color,
                 "stop-opacity": "1"
-              }, null, 8, fl),
+              }, null, 8, pl),
               d("stop", {
                 offset: "30%",
                 "stop-color": a.color,
                 "stop-opacity": "0.7"
-              }, null, 8, gl),
+              }, null, 8, ml),
               d("stop", {
                 offset: "70%",
                 "stop-color": a.color,
                 "stop-opacity": "0.3"
-              }, null, 8, pl),
+              }, null, 8, bl),
               d("stop", {
                 offset: "100%",
                 "stop-color": a.color,
                 "stop-opacity": "0.1"
-              }, null, 8, ml)
-            ], 8, yl))), 128))
+              }, null, 8, xl)
+            ], 8, gl))), 128))
           ], 64))), 256))
         ]),
-        (r(!0), n(g, null, A(R.value, (t, s) => (r(), n("g", {
+        (r(!0), n(g, null, A(E.value, (t, s) => (r(), n("g", {
           key: `ds-${s}`
         }, [
           (r(!0), n(g, null, A(t.datapoints, (a, h) => (r(), n("g", {
             key: a.id
           }, [
-            l.$slots.pattern ? (r(), n("g", bl, [
+            l.$slots.pattern ? (r(), n("g", kl, [
               d("defs", null, [
-                p(l.$slots, "pattern", We({ ref_for: !0 }, { datapointIndex: s, seriesIndex: h, patternId: `pattern_${$.value}_${a.uid}` }), void 0, !0)
+                p(l.$slots, "pattern", je({ ref_for: !0 }, { datapointIndex: s, seriesIndex: h, patternId: `pattern_${w.value}_${a.uid}` }), void 0, !0)
               ])
             ])) : c("", !0),
             d("path", {
-              fill: l.$slots.pattern ? `url(#pattern_${$.value}_${a.uid})` : e.value.style.chart.backgroundColor,
+              fill: l.$slots.pattern ? `url(#pattern_${w.value}_${a.uid})` : e.value.style.chart.backgroundColor,
               stroke: "none",
               "stroke-linecap": "round",
               d: e.value.style.chart.areas.smooth ? a.smoothPath : a.straightPath,
               style: _({
                 opacity: e.value.style.chart.areas.opacity
               })
-            }, null, 12, xl),
+            }, null, 12, Al),
             d("path", {
               fill: "none",
               stroke: e.value.style.chart.areas.stroke.useSerieColor ? a.color : e.value.style.chart.areas.stroke.color,
@@ -621,9 +629,9 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
                 strokeDasharray: a.pathLength,
                 strokeDashoffset: e.value.useCssAnimation ? a.pathLength : 0
               })
-            }, null, 14, kl),
+            }, null, 14, wl),
             d("path", {
-              fill: e.value.style.chart.areas.useGradient ? e.value.style.chart.areas.useCommonColor ? `url(#gradient-${a.id}-${$.value})` : `url(#gradient-single-${$.value}-${a.uid})` : a.color,
+              fill: e.value.style.chart.areas.useGradient ? e.value.style.chart.areas.useCommonColor ? `url(#gradient-${a.id}-${w.value})` : `url(#gradient-single-${w.value}-${a.uid})` : a.color,
               stroke: "none",
               d: e.value.style.chart.areas.smooth ? a.smoothPath : a.straightPath,
               "stroke-linecap": "round",
@@ -633,7 +641,7 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
                 strokeDasharray: a.pathLength,
                 strokeDashoffset: e.value.useCssAnimation ? a.pathLength : 0
               })
-            }, null, 14, Al),
+            }, null, 14, $l),
             e.value.style.chart.zeroLine.show ? (r(), n("path", {
               key: 1,
               stroke: e.value.style.chart.zeroLine.useSerieColor ? a.color : e.value.style.chart.zeroLine.stroke,
@@ -641,7 +649,7 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
               "stroke-width": e.value.style.chart.zeroLine.strokeWidth,
               d: a.zeroPath,
               "stroke-linecap": "round"
-            }, null, 8, $l)) : c("", !0),
+            }, null, 8, Cl)) : c("", !0),
             e.value.style.chart.areas.maxPoint.show && a.plots.length > 1 ? (r(!0), n(g, { key: 2 }, A(a.plots, (C) => (r(), n(g, null, [
               C.isMaxPoint ? (r(), n("line", {
                 key: 0,
@@ -649,11 +657,11 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
                 y1: C.y,
                 x2: C.x,
                 y2: C.zero,
-                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? u(Ut)(a.color) : e.value.style.chart.areas.maxPoint.stroke,
+                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? u(Gt)(a.color) : e.value.style.chart.areas.maxPoint.stroke,
                 "stroke-width": e.value.style.chart.areas.maxPoint.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-dasharray": e.value.style.chart.areas.maxPoint.strokeDasharray
-              }, null, 8, wl)) : c("", !0)
+              }, null, 8, _l)) : c("", !0)
             ], 64))), 256)) : c("", !0),
             a.plots.length === 1 ? (r(), n("circle", {
               key: 3,
@@ -666,7 +674,7 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
               style: {
                 pointerEvents: "none"
               }
-            }, null, 8, Cl)) : c("", !0)
+            }, null, 8, Ml)) : c("", !0)
           ]))), 128)),
           d("text", {
             x: t.label.x,
@@ -678,15 +686,15 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
             style: _({
               cursor: e.value.style.chart.dialog.show ? "pointer" : "default"
             }),
-            "text-decoration": e.value.style.chart.dialog.show && (ie.value === s || I.value && t.uid === I.value.uid) ? "underline" : "",
+            "text-decoration": e.value.style.chart.dialog.show && (ie.value === s || X.value && t.uid === X.value.uid) ? "underline" : "",
             onMouseenter: (a) => kt(s),
             onMouseleave: At,
             onClick: (a) => xt(t)
-          }, H(t.name), 45, _l)
+          }, V(t.name), 45, Pl)
         ]))), 128)),
-        e.value.style.chart.xAxis.labels.values.length ? (r(), n("g", Ml, [
-          (r(!0), n(g, null, A(X.value, (t, s) => p(l.$slots, "time-label", We({ ref_for: !0 }, {
-            show: t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || t && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (s === 0 || s === X.value.length - 1) || t && v.value && v.value.index === s || t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(X.value.length / e.value.style.chart.xAxis.labels.modulo) === 0,
+        e.value.style.chart.xAxis.labels.values.length ? (r(), n("g", Tl, [
+          (r(!0), n(g, null, A(R.value, (t, s) => p(l.$slots, "time-label", je({ ref_for: !0 }, {
+            show: t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || t && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (s === 0 || s === R.value.length - 1) || t && v.value && v.value.index === s || t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(R.value.length / e.value.style.chart.xAxis.labels.modulo) === 0,
             fontSize: e.value.style.chart.xAxis.labels.fontSize,
             content: t.label,
             textAnchor: e.value.style.chart.xAxis.labels.rotation > 0 ? "start" : e.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
@@ -695,7 +703,7 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
             x: t.selectorX,
             y: b.value.top + t.height + e.value.style.chart.xAxis.labels.offsetY
           }), () => [
-            t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || t && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (s === 0 || s === X.value.length - 1) || t && v.value && v.value.index === s || t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(X.value.length / e.value.style.chart.xAxis.labels.modulo) === 0 ? (r(), n("g", Pl, [
+            t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || t && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (s === 0 || s === R.value.length - 1) || t && v.value && v.value.index === s || t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(R.value.length / e.value.style.chart.xAxis.labels.modulo) === 0 ? (r(), n("g", Sl, [
               String(t.label).includes(`
 `) ? (r(), n("text", {
                 key: 1,
@@ -707,14 +715,14 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
                 style: _({
                   opacity: v.value ? v.value.index === s ? 1 : 0.2 : 1
                 }),
-                innerHTML: u(Gt)({
+                innerHTML: u(Wt)({
                   content: String(t.label),
                   fontSize: e.value.style.chart.xAxis.labels.fontSize,
                   fill: e.value.style.chart.xAxis.labels.color,
                   x: 0,
                   y: 0
                 })
-              }, null, 12, Sl)) : (r(), n("text", {
+              }, null, 12, Ol)) : (r(), n("text", {
                 key: 0,
                 "font-size": e.value.style.chart.xAxis.labels.fontSize,
                 fill: e.value.style.chart.xAxis.labels.color,
@@ -724,12 +732,12 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
                 style: _({
                   opacity: v.value ? v.value.index === s ? 1 : 0.2 : 1
                 })
-              }, H(t.label), 13, Tl))
+              }, V(t.label), 13, zl))
             ])) : c("", !0)
           ], !0)), 256))
         ])) : c("", !0),
         d("g", null, [
-          (r(!0), n(g, null, A(X.value, (t, s) => (r(), n("rect", {
+          (r(!0), n(g, null, A(R.value, (t, s) => (r(), n("rect", {
             x: t.x,
             y: t.y,
             width: t.width < 0 ? 0.1 : t.width,
@@ -737,21 +745,21 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
             fill: "transparent",
             onMouseenter: (a) => v.value = t,
             onMouseleave: o[0] || (o[0] = (a) => v.value = null),
-            onClick: () => yt(t)
-          }, null, 40, zl))), 256)),
+            onClick: () => ft(t)
+          }, null, 40, Ll))), 256)),
           e.value.style.chart.selector.show && v.value ? (r(), n("line", {
             key: 0,
             x1: v.value.selectorX,
             x2: v.value.selectorX,
             y1: v.value.y,
-            y2: v.value.y + v.value.height - w.value / 2,
+            y2: v.value.y + v.value.height - $.value / 2,
             stroke: e.value.style.chart.selector.stroke,
             "stroke-width": e.value.style.chart.selector.strokeWidth,
             "stroke-dasharray": e.value.style.chart.selector.strokeDasharray,
             "stroke-linecap": "round",
             style: { pointerEvents: "none" }
-          }, null, 8, Ol)) : c("", !0),
-          v.value ? (r(!0), n(g, { key: 1 }, A(R.value, (t) => (r(), n(g, null, [
+          }, null, 8, Nl)) : c("", !0),
+          v.value ? (r(!0), n(g, { key: 1 }, A(E.value, (t) => (r(), n(g, null, [
             (r(!0), n(g, null, A(t.datapoints, (s) => (r(), n(g, null, [
               (r(!0), n(g, null, A(s.plots, (a, h) => (r(), n(g, null, [
                 v.value && v.value.index === h ? (r(), n("circle", {
@@ -765,7 +773,7 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
                   style: {
                     pointerEvents: "none"
                   }
-                }, null, 8, Ll)) : c("", !0),
+                }, null, 8, Fl)) : c("", !0),
                 v.value && v.value.index === h ? (r(), n("text", {
                   key: 1,
                   x: ze(
@@ -802,7 +810,7 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
                   style: {
                     pointerEvents: "none"
                   }
-                }, H(u(Z)(
+                }, V(u(Z)(
                   e.value.style.chart.selector.labels.formatter,
                   a.value,
                   u(ee)({
@@ -811,17 +819,17 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
                     s: e.value.style.chart.xAxis.labels.suffix,
                     r: e.value.style.chart.selector.labels.rounding
                   })
-                )), 9, Nl)) : c("", !0)
+                )), 9, Dl)) : c("", !0)
               ], 64))), 256))
             ], 64))), 256))
           ], 64))), 256)) : c("", !0)
         ]),
         p(l.$slots, "svg", { svg: y.value }, void 0, !0)
-      ], 14, ul)) : c("", !0),
-      l.$slots.watermark ? (r(), n("div", Fl, [
+      ], 14, cl)) : c("", !0),
+      l.$slots.watermark ? (r(), n("div", Il, [
         p(l.$slots, "watermark", K(J({ isPrinting: u(Ce) || u(_e) })), void 0, !0)
       ])) : c("", !0),
-      O.value ? c("", !0) : (r(), P(u(rt), {
+      O.value ? c("", !0) : (r(), P(u(nt), {
         key: 6,
         config: {
           type: "ridgeline",
@@ -837,29 +845,29 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
         ref_key: "chartLegend",
         ref: ye
       }, [
-        e.value.style.chart.legend.show ? (r(), P(ll, {
+        e.value.style.chart.legend.show ? (r(), P(al, {
           key: `legend_${me.value}`,
           legendSet: ue.value,
-          config: mt.value,
+          config: bt.value,
           onClickMarker: o[1] || (o[1] = ({ legend: t }) => Te(t.id))
-        }, Ue({
+        }, Ge({
           item: m(({ legend: t }) => [
             d("div", {
               style: _(`opacity:${S.value.includes(t.id) ? 0.5 : 1}`),
               onClick: (s) => t.segregate()
-            }, H(t.name), 13, Dl)
+            }, V(t.name), 13, Xl)
           ]),
           _: 2
         }, [
           l.$slots.pattern ? {
             name: "legend-pattern",
             fn: m(({ legend: t, index: s }) => [
-              Ge(sl, {
+              We(ol, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
                 plot: { x: 30, y: 30 },
-                fill: `url(#pattern_${$.value}_${s})`
+                fill: `url(#pattern_${w.value}_${s})`
               }, null, 8, ["shape", "fill"])
             ]),
             key: "0"
@@ -875,7 +883,7 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
       }, [
         p(l.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      O.value ? (r(), P(u(tt), {
+      O.value ? (r(), P(u(lt), {
         key: 8,
         hideDetails: "",
         config: {
@@ -892,8 +900,8 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
         }
       }, {
         content: m(() => [
-          (r(), P(u(at), {
-            key: `table_${ct.value}`,
+          (r(), P(u(st), {
+            key: `table_${vt.value}`,
             colNames: Y.value.colNames,
             head: Y.value.head,
             body: Y.value.body,
@@ -902,10 +910,10 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
             onClose: o[2] || (o[2] = (t) => B.value.showTable = !1)
           }, {
             th: m(({ th: t }) => [
-              d("div", { innerHTML: t }, null, 8, Il)
+              d("div", { innerHTML: t }, null, 8, Rl)
             ]),
             td: m(({ td: t }) => [
-              je(H(t.name ? t.name : u(Z)(
+              Ye(V(t.name ? t.name : u(Z)(
                 e.value.style.chart.selector.labels.formatter,
                 t,
                 u(ee)({
@@ -921,33 +929,33 @@ const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"],
         ]),
         _: 1
       }, 8, ["config"])) : c("", !0),
-      e.value.style.chart.dialog.show ? (r(), P(u(lt), {
+      e.value.style.chart.dialog.show ? (r(), P(u(at), {
         key: 9,
         ref_key: "dialog",
         ref: le,
-        onClose: o[3] || (o[3] = (t) => I.value = null),
+        onClose: o[3] || (o[3] = (t) => X.value = null),
         backgroundColor: e.value.style.chart.dialog.backgroundColor,
         color: e.value.style.chart.dialog.color,
         headerBg: e.value.style.chart.dialog.header.backgroundColor,
         headerColor: e.value.style.chart.dialog.header.color,
-        isFullscreen: E.value,
-        fullscreenParent: V.value
+        isFullscreen: H.value,
+        fullscreenParent: L.value
       }, {
         title: m(() => [
-          je(H(I.value.name), 1)
+          Ye(V(X.value.name), 1)
         ]),
         default: m(() => [
-          I.value ? (r(), P(u(ut), {
+          X.value ? (r(), P(u(it), {
             key: 0,
-            config: Oe.value,
-            dataset: Le.value
+            config: Le.value,
+            dataset: Ne.value
           }, null, 8, ["config", "dataset"])) : c("", !0)
         ]),
         _: 1
       }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : c("", !0)
-    ], 46, nl));
+    ], 46, il));
   }
-}, Jl = /* @__PURE__ */ rl(Xl, [["__scopeId", "data-v-d5a4f4c7"]]);
+}, ea = /* @__PURE__ */ ul(El, [["__scopeId", "data-v-6cb370fd"]]);
 export {
-  Jl as default
+  ea as default
 };