vue-data-ui 2.9.7-beta.3 → 2.9.7-beta.4

package/dist/{vue-ui-ridgeline-BrppGTxe.js → vue-ui-ridgeline-B1JS354a.js}

@@ -1,21 +1,21 @@
-import { useCssVars as bt, ref as v, reactive as kt, computed as k, onUnmounted as wt, createBlock as O, openBlock as r, Teleport as $t, createElementBlock as u, createCommentVNode as y, withModifiers as Y, normalizeStyle as D, createElementVNode as c, unref as g, renderSlot as b, createVNode as Je, nextTick as Ke, onMounted as Ct, onBeforeUnmount as At, watch as Be, normalizeClass as We, createSlots as Ye, withCtx as w, normalizeProps as de, guardReactiveProps as ve, Fragment as x, renderList as M, mergeProps as Ve, toDisplayString as q, createTextVNode as Ue } from "vue";
-import { X as Qe, u as St, c as Ce, o as _t, e as Ae, g as Ge, b as zt, d as Mt, p as he, ak as je, a7 as Lt, R as Tt, G as Ot, i as fe, f as ge, t as Et, a as Pt, q as Dt, r as Nt, al as Xt } from "./index-CPghjYiK.js";
-import { u as It } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Ft } from "./useChartAccessibility-BWojgys7.js";
-import { u as Ht, U as Rt } from "./usePrinter-CQQY-qJd.js";
-import { t as Bt, u as Wt } from "./useResponsive-Cw4oZ8sQ.js";
-import { u as qe } from "./useNestedProp-CU48YkIM.js";
-import Yt from "./vue-ui-accordion-CeEfKK0H.js";
-import Vt from "./BaseIcon-DKy7UvrS.js";
-import { _ as Ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { D as Ut } from "./DataTable-Dzjvhx8x.js";
-import { L as Gt } from "./Legend-DA7AW7uZ.js";
-import { _ as jt } from "./PenAndPaper-DrnoKbYV.js";
-import { _ as qt } from "./Shape-BgIny_5C.js";
-import Jt from "./vue-ui-skeleton-C9zb9atn.js";
-import { _ as Kt } from "./Title-Cs73jjW3.js";
-import Qt from "./vue-ui-xy-BD7-_xp5.js";
-const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body" }, aa = {
+import { useCssVars as kt, ref as v, reactive as wt, computed as k, onUnmounted as Ct, createBlock as O, openBlock as r, Teleport as $t, createElementBlock as u, createCommentVNode as y, withModifiers as Y, normalizeStyle as E, createElementVNode as c, unref as g, renderSlot as b, createVNode as Qe, nextTick as Ze, onMounted as At, onBeforeUnmount as St, watch as Ve, normalizeClass as $e, createSlots as Ue, withCtx as w, normalizeProps as de, guardReactiveProps as ve, Fragment as x, renderList as M, mergeProps as Ge, toDisplayString as q, createTextVNode as je } from "vue";
+import { X as et, u as _t, c as Ae, o as zt, e as Se, g as qe, b as Mt, d as Lt, p as he, ak as Je, a7 as Tt, R as Ot, T as Et, G as Pt, i as fe, f as ge, t as Dt, a as Nt, q as Xt, r as It, al as Ft } from "./index-OSciKIgD.js";
+import { u as Ht } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Rt } from "./useChartAccessibility-BWojgys7.js";
+import { u as Bt, U as Wt } from "./usePrinter-DxnQWfIq.js";
+import { t as Yt, u as Vt } from "./useResponsive-Cw4oZ8sQ.js";
+import { u as Ke } from "./useNestedProp-ChNJVTOg.js";
+import Ut from "./vue-ui-accordion-Dg4lCGIs.js";
+import Gt from "./BaseIcon-B9M6ZnSf.js";
+import { _ as tt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { D as jt } from "./DataTable-PjBXy0wM.js";
+import { L as qt } from "./Legend-Cson3t51.js";
+import { _ as Jt } from "./PenAndPaper-whlUO00N.js";
+import { _ as Kt } from "./Shape-CGUIqOqx.js";
+import Qt from "./vue-ui-skeleton-DovfYYY8.js";
+import { _ as Zt } from "./Title-DvZipW40.js";
+import ea from "./vue-ui-xy-BReSAh6M.js";
+const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body" }, oa = {
   __name: "BaseDraggableDialog",
   props: {
     backgroundColor: { type: String },
@@ -25,10 +25,10 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
   },
   emits: ["close"],
   setup(I, { expose: ye, emit: pe }) {
-    bt((i) => ({
+    kt((i) => ({
       19616867: I.color
     }));
-    const me = I, $ = pe, L = v(!1), V = v(!1), l = kt({
+    const me = I, C = pe, L = v(!1), V = v(!1), l = wt({
       left: window.innerWidth / 2 - 200,
       top: window.innerHeight / 2 - 120,
       width: 400,
@@ -43,12 +43,12 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
       resizeStartH: 0
     });
     function ne() {
-      L.value = !0, Ke(() => {
+      L.value = !0, Ze(() => {
         V.value || (l.left = Math.max(0, window.innerWidth / 2 - l.width / 2), l.top = Math.max(0, window.innerHeight / 2 - l.height / 2), V.value = !0);
       });
     }
     function J() {
-      L.value = !1, $("close");
+      L.value = !1, C("close");
     }
     ye({ open: ne, close: J });
     const U = k(() => ({
@@ -65,20 +65,20 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
       overflow: "visible",
       borderRadius: "2px"
     }));
-    function E(i) {
+    function P(i) {
       return i.touches && i.touches.length ? { x: i.touches[0].clientX, y: i.touches[0].clientY } : { x: i.clientX, y: i.clientY };
     }
     function K(i) {
       var p;
       (p = i.preventDefault) == null || p.call(i), l.dragging = !0;
-      const h = E(i);
+      const h = P(i);
       l.dragOffsetX = h.x - l.left, l.dragOffsetY = h.y - l.top, document.addEventListener("mousemove", F), document.addEventListener("mouseup", H), document.addEventListener("touchmove", F, { passive: !1 }), document.addEventListener("touchend", H);
     }
     function F(i) {
       var e;
       if (!l.dragging) return;
       (e = i.preventDefault) == null || e.call(i);
-      const h = E(i);
+      const h = P(i);
       let p = h.x - l.dragOffsetX, T = h.y - l.dragOffsetY;
       p = Math.max(0, Math.min(p, window.innerWidth - l.width)), T = Math.max(0, Math.min(T, window.innerHeight - l.height)), l.left = p, l.top = T;
     }
@@ -88,31 +88,31 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
     function Q(i) {
       var p;
       (p = i.preventDefault) == null || p.call(i), l.resizing = !0;
-      const h = E(i);
-      l.pointerStartX = h.x, l.pointerStartY = h.y, l.resizeStartW = l.width, l.resizeStartH = l.height, document.addEventListener("mousemove", C), document.addEventListener("mouseup", N), document.addEventListener("touchmove", C, { passive: !1 }), document.addEventListener("touchend", N);
+      const h = P(i);
+      l.pointerStartX = h.x, l.pointerStartY = h.y, l.resizeStartW = l.width, l.resizeStartH = l.height, document.addEventListener("mousemove", $), document.addEventListener("mouseup", N), document.addEventListener("touchmove", $, { passive: !1 }), document.addEventListener("touchend", N);
     }
-    function C(i) {
+    function $(i) {
       var e;
       if (!l.resizing) return;
       (e = i.preventDefault) == null || e.call(i);
-      const h = E(i);
+      const h = P(i);
       let p = h.x - l.pointerStartX, T = h.y - l.pointerStartY;
       l.width = Math.max(240, l.resizeStartW + p), l.height = Math.max(400, l.resizeStartH + T);
     }
     function N() {
-      l.resizing = !1, document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", N), document.removeEventListener("touchmove", C), document.removeEventListener("touchend", N);
+      l.resizing = !1, document.removeEventListener("mousemove", $), document.removeEventListener("mouseup", N), document.removeEventListener("touchmove", $), document.removeEventListener("touchend", N);
     }
     function re(i) {
       var p;
       (p = i.preventDefault) == null || p.call(i), l.resizing = !0;
-      const h = E(i);
+      const h = P(i);
       l.pointerStartX = h.x, l.pointerStartY = h.y, l.resizeStartW = l.width, l.resizeStartH = l.height, l.resizeStartLeft = l.left, l.resizeStartTop = l.top, document.addEventListener("mousemove", R), document.addEventListener("mouseup", f), document.addEventListener("touchmove", R, { passive: !1 }), document.addEventListener("touchend", f);
     }
     function R(i) {
       var ee;
       if (!l.resizing) return;
       (ee = i.preventDefault) == null || ee.call(i);
-      const h = E(i);
+      const h = P(i);
       let p = h.x - l.pointerStartX, T = Math.min(
         Math.max(0, l.resizeStartLeft + p),
         l.resizeStartLeft + l.resizeStartW - 240
@@ -123,19 +123,19 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
     function f() {
       l.resizing = !1, document.removeEventListener("mousemove", R), document.removeEventListener("mouseup", f), document.removeEventListener("touchmove", R), document.removeEventListener("touchend", f);
     }
-    return wt(() => {
+    return Ct(() => {
       H(), N(), f();
     }), (i, h) => (r(), O($t, { to: "body" }, [
       L.value ? (r(), u("div", {
         key: 0,
         class: "modal vue-ui-draggable-dialog",
-        style: D(U.value),
+        style: E(U.value),
         onClick: h[0] || (h[0] = Y(() => {
         }, ["stop"]))
       }, [
         c("div", {
           class: "modal-header",
-          style: D({
+          style: E({
             backgroundColor: I.headerBg,
             color: I.headerColor
           })
@@ -146,7 +146,7 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
             onTouchstart: Y(K, ["stop", "prevent"])
           }, [
             (r(), u("svg", {
-              xmlns: g(Qe),
+              xmlns: g(et),
               width: "20",
               height: "20",
               viewBox: "0 0 24 24",
@@ -162,22 +162,22 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
               c("path", { d: "M12 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
               c("path", { d: "M19 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
               c("path", { d: "M19 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1)
-            ]), 8, Zt))
+            ]), 8, ta))
           ], 32),
-          c("span", ea, [
+          c("span", aa, [
             b(i.$slots, "title", {}, void 0, !0)
           ]),
           c("button", {
             class: "close",
             onClick: J
           }, [
-            Je(Vt, {
+            Qe(Gt, {
               name: "close",
               stroke: I.headerColor
             }, null, 8, ["stroke"])
           ])
         ], 4),
-        c("div", ta, [
+        c("div", la, [
           b(i.$slots, "default", {}, void 0, !0)
         ]),
         c("div", {
@@ -193,10 +193,10 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
       ], 4)) : y("", !0)
     ]));
   }
-}, la = /* @__PURE__ */ Ze(aa, [["__scopeId", "data-v-f854cee8"]]), oa = ["id"], sa = ["xmlns", "viewBox"], na = ["id"], ra = ["stop-color"], ia = ["stop-color"], ua = ["stop-color"], ca = ["stop-color"], da = ["id"], va = ["stop-color"], ha = ["stop-color"], fa = ["stop-color"], ga = ["stop-color"], ya = { key: 0 }, pa = ["fill", "d"], ma = ["fill", "stroke", "stroke-width", "d"], xa = ["stroke", "stroke-dasharray", "stroke-width", "d"], ba = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], ka = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], wa = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], $a = { key: 1 }, Ca = ["font-size", "fill", "font-weight", "transform", "text-anchor"], Aa = ["x", "y", "width", "height", "onMouseenter", "onClick"], Sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], _a = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], za = ["x", "y", "text-anchor", "font-size", "fill"], Ma = {
+}, sa = /* @__PURE__ */ tt(oa, [["__scopeId", "data-v-f854cee8"]]), na = ["id"], ra = ["xmlns", "viewBox"], ia = ["id"], ua = ["stop-color"], ca = ["stop-color"], da = ["stop-color"], va = ["stop-color"], ha = ["id"], fa = ["stop-color"], ga = ["stop-color"], ya = ["stop-color"], pa = ["stop-color"], ma = { key: 0 }, xa = ["fill", "d"], ba = ["fill", "stroke", "stroke-width", "d"], ka = ["stroke", "stroke-dasharray", "stroke-width", "d"], wa = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ca = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], $a = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], Aa = { key: 1 }, Sa = ["font-size", "fill", "font-weight", "transform", "text-anchor"], _a = ["x", "y", "width", "height", "onMouseenter", "onClick"], za = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ma = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], La = ["x", "y", "text-anchor", "font-size", "fill"], Ta = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, La = ["onClick"], Ta = ["innerHTML"], Oa = {
+}, Oa = ["onClick"], Ea = ["innerHTML"], Pa = {
   __name: "vue-ui-ridgeline",
   props: {
     config: {
@@ -214,25 +214,25 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
   },
   emits: ["selectLegend", "selectDatapoint", "selectX"],
   setup(I, { expose: ye, emit: pe }) {
-    const { vue_ui_ridgeline: me } = St(), $ = I, L = k({
+    const { vue_ui_ridgeline: me } = _t(), C = I, L = k({
       get() {
-        return !!$.dataset && $.dataset.length;
+        return !!C.dataset && C.dataset.length;
       },
       set(a) {
         return a;
       }
-    }), V = pe, l = v(null), ne = v(null), J = v(null), U = v(null), E = v(null), K = v(null), F = v(0), H = v(0), Q = v(0), C = v(Ce()), N = v(0), re = v(0), R = v(512), f = v(null), i = v(null), h = v(null), p = v(0);
+    }), V = pe, l = v(null), ne = v(null), J = v(null), U = v(null), P = v(null), K = v(null), F = v(0), H = v(0), Q = v(0), $ = v(Ae()), N = v(0), re = v(0), R = v(512), f = v(null), i = v(null), h = v(null), p = v(0);
     function T() {
-      const a = qe({
-        userConfig: $.config,
+      const a = Ke({
+        userConfig: C.config,
         defaultConfig: me
       });
       return a.theme ? {
-        ...qe({
-          userConfig: Pt.vue_ui_ridgeline[a.theme] || $.config,
+        ...Ke({
+          userConfig: Nt.vue_ui_ridgeline[a.theme] || C.config,
           defaultConfig: a
         }),
-        customPalette: Et[a.theme] || he
+        customPalette: Dt[a.theme] || he
       } : a;
     }
     const e = k({
@@ -244,32 +244,32 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
     )), {
       userOptionsVisible: Z,
       setUserOptionsVisibility: ee,
-      keepUserOptionState: Se
-    } = It({ config: e.value }), { svgRef: xe } = Ft({ config: e.value.style.chart.title });
-    Ct(be), At(() => {
+      keepUserOptionState: _e
+    } = Ht({ config: e.value }), { svgRef: xe } = Rt({ config: e.value.style.chart.title });
+    At(be), St(() => {
       U.value && U.value.disconnect();
     });
     function be() {
-      if (_t($.dataset) ? Ae({
+      if (zt(C.dataset) ? Se({
         componentName: "VueUiRidgeline",
         type: "dataset"
-      }) : $.dataset.forEach((a, n) => {
-        Ge({
+      }) : C.dataset.forEach((a, n) => {
+        qe({
           datasetObject: a,
           requiredAttributes: ["name", "datapoints"]
         }).forEach((t) => {
-          L.value = !1, Ae({
+          L.value = !1, Se({
             componentName: "VueUiRidgeline",
             type: "datasetSerieAttribute",
             property: t,
             index: n
           });
         }), a.datapoints.length && a.datapoints.forEach((t, s) => {
-          Ge({
+          qe({
             datasetObject: t,
             requiredAttributes: ["name", "values"]
           }).forEach((o) => {
-            L.value = !1, Ae({
+            L.value = !1, Se({
               componentName: "VueUiRidgeline",
               type: "datasetSerieAttribute",
               property: `datapoint.${o}`,
@@ -277,56 +277,56 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
             });
           });
         });
-      }), re.value = $.dataset.length, S.value = Math.min(
+      }), re.value = C.dataset.length, S.value = Math.min(
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
       ), e.value.responsive) {
-        const a = Bt(() => {
-          const { width: n, height: t } = Wt({
+        const a = Yt(() => {
+          const { width: n, height: t } = Vt({
             chart: l.value,
             title: e.value.style.chart.title.text ? ne.value : null,
             legend: e.value.style.chart.legend.show ? J.value : null,
-            source: E.value,
+            source: P.value,
             noTitle: K.value,
             padding: e.value.style.chart.padding
           });
           requestAnimationFrame(() => {
-            R.value = n, S.value = t / $.dataset.length, p.value = t;
+            R.value = n, S.value = t / C.dataset.length, p.value = t;
           });
         });
         U.value = new ResizeObserver(a), U.value.observe(l.value.parentNode);
       }
     }
-    const { isPrinting: _e, isImaging: ze, generatePdf: Me, generateImage: Le } = Ht({
-      elementId: `vue-ui-ridgeline_${C.value}`,
+    const { isPrinting: ze, isImaging: Me, generatePdf: Le, generateImage: Te } = Bt({
+      elementId: `vue-ui-ridgeline_${$.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-ridgeline",
       options: e.value.userOptions.print
-    }), et = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), tt = k(() => zt(e.value.customPalette)), te = v({
+    }), at = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), lt = k(() => Mt(e.value.customPalette)), te = v({
       showTable: e.value.table.show
     });
-    Be(() => $.config, (a) => {
+    Ve(() => C.config, (a) => {
       e.value = T(), Z.value = !e.value.userOptions.showOnChartHover, be(), F.value += 1, Q.value += 1, S.value = Math.min(
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
       ), te.value.showTable = e.value.table.show;
-    }, { deep: !0 }), Be(() => $.dataset, be, { deep: !0 });
+    }, { deep: !0 }), Ve(() => C.dataset, be, { deep: !0 });
     const ke = k(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
-    function Te(a) {
+    function Oe(a) {
       X.value.includes(a) ? X.value = X.value.filter((n) => n !== a) : X.value.push(a), V("selectLegend", j.value);
     }
-    const P = k(() => L.value ? $.dataset.map((a, n) => ({
+    const D = k(() => L.value ? C.dataset.map((a, n) => ({
       ...a,
-      labelLen: ot(a.name, e.value.style.chart.yAxis.labels.fontSize),
-      uid: Ce(),
+      labelLen: nt(a.name, e.value.style.chart.yAxis.labels.fontSize),
+      uid: Ae(),
       datapoints: a.datapoints.map((t, s) => {
-        const o = t.color ? Mt(t.color) : tt.value[s] || he[s] || he[s % he.length], d = je(t.name);
+        const o = t.color ? Lt(t.color) : lt.value[s] || he[s] || he[s % he.length], d = Je(t.name);
         return {
           ...t,
           color: o,
           id: d
         };
       })
-    })) : []), Oe = k(() => e.value.style.chart.padding.top + S.value * $.dataset.length + S.value * ke.value), _ = k(() => ({
+    })) : []), Ee = k(() => e.value.style.chart.padding.top + S.value * C.dataset.length + S.value * ke.value), _ = k(() => ({
       fullHeight: m.value.padding.top + m.value.padding.bottom + m.value.height,
       top: m.value.padding.top,
       left: m.value.padding.left,
@@ -337,11 +337,11 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
       const a = e.value.style.chart.padding;
       return {
         width: R.value,
-        height: Oe.value,
+        height: Ee.value,
         padding: a
       };
     }), G = k(() => {
-      const a = Math.max(...P.value.map((d) => d.labelLen)), n = Math.max(...P.value.flatMap((d) => d.datapoints.map((z) => z.values.length))), t = m.value.padding.left + a + 16 + e.value.style.chart.yAxis.labels.offsetX, s = (_.value.width - t) / n, o = [];
+      const a = Math.max(...D.value.map((d) => d.labelLen)), n = Math.max(...D.value.flatMap((d) => d.datapoints.map((z) => z.values.length))), t = m.value.padding.left + a + 16 + e.value.style.chart.yAxis.labels.offsetX, s = (_.value.width - t) / n, o = [];
       for (let d = 0; d < n; d += 1)
         o.push({
           selectorX: t + s * d,
@@ -350,35 +350,35 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
           label: e.value.style.chart.xAxis.labels.values[d] || "",
           index: d,
           width: s,
-          height: Oe.value
+          height: Ee.value
         });
       return o;
     });
-    function at(a) {
-      V("selectX", P.value.map((n) => n.datapoints.map((t) => ({
+    function ot(a) {
+      V("selectX", D.value.map((n) => n.datapoints.map((t) => ({
         dp: t,
         selected: t.values[a.index]
       }))));
     }
-    function lt(a, n) {
+    function st(a, n) {
       return a.length * n / 2 + n;
     }
-    function Ee(a, n, t) {
-      const s = lt(n, t);
+    function Pe(a, n, t) {
+      const s = st(n, t);
       return a + s > _.value.right;
     }
-    function ot(a, n, t = "sans-serif") {
+    function nt(a, n, t = "sans-serif") {
       const o = document.createElement("canvas").getContext("2d"), d = typeof n == "number" ? `${n}px` : n;
       return o.font = `${d} ${t}`, o.measureText(a).width;
     }
     const j = k(() => {
       S.value;
-      const a = Math.max(...P.value.map((A) => A.labelLen)), n = Math.max(...P.value.flatMap((A) => A.datapoints.map((B) => B.values.length))), t = Math.max(...P.value.flatMap((A) => A.datapoints.flatMap((B) => B.values))), s = Math.min(...P.value.flatMap((A) => A.datapoints.flatMap((B) => B.values))), o = m.value.padding.left + a + 16 + e.value.style.chart.yAxis.labels.offsetX, d = (_.value.width - o) / n, z = Math.abs(Math.min(s, 0)), Fe = t + z;
-      function He(A) {
-        return isNaN(A / Fe) ? 0 : A / Fe;
+      const a = Math.max(...D.value.map((A) => A.labelLen)), n = Math.max(...D.value.flatMap((A) => A.datapoints.map((B) => B.values.length))), t = Math.max(...D.value.flatMap((A) => A.datapoints.flatMap((B) => B.values))), s = Math.min(...D.value.flatMap((A) => A.datapoints.flatMap((B) => B.values))), o = m.value.padding.left + a + 16 + e.value.style.chart.yAxis.labels.offsetX, d = (_.value.width - o) / n, z = Math.abs(Math.min(s, 0)), He = t + z;
+      function Re(A) {
+        return isNaN(A / He) ? 0 : A / He;
       }
-      return P.value.map((A, B) => {
-        const Re = _.value.top + S.value * B, W = _.value.top + Re + S.value * ke.value * (1 - He(z));
+      return D.value.map((A, B) => {
+        const Be = _.value.top + S.value * B, W = _.value.top + Be + S.value * ke.value * (1 - Re(z));
         return {
           ...A,
           label: {
@@ -386,46 +386,49 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
             y: W
           },
           datapoints: A.datapoints.map((le) => {
-            const oe = le.values.map((se, gt) => {
-              const yt = isNaN(se) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(se) ? 0 : se || 0, pt = o + d * gt, mt = _.value.top + Re + S.value * ke.value * (1 - He(yt + z)), xt = se === Math.max(...le.values);
+            const oe = le.values.map((se, yt) => {
+              const pt = isNaN(se) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(se) ? 0 : se || 0, mt = o + d * yt, xt = _.value.top + Be + S.value * ke.value * (1 - Re(pt + z)), bt = se === Math.max(...le.values);
               return {
-                x: pt,
-                y: mt,
+                x: mt,
+                y: xt,
                 value: se,
-                isMaxPoint: xt,
+                isMaxPoint: bt,
                 zero: W
               };
-            }), vt = `${Lt(oe, W, !1, !1)}`, ht = `M ${o},${W} ${Tt(oe)} ${oe.at(-1).x},${W}`, ft = `M ${o},${W} ${oe.at(-1).x},${W}`;
+            }), We = `${Tt(oe, W, !1, !1)}`, Ye = `M ${o},${W} ${Ot(oe)} ${oe.at(-1).x},${W}`, ft = `M ${o},${W} ${oe.at(-1).x},${W}`, gt = Et(
+              e.value.style.chart.areas.smooth ? We : Ye
+            );
             return {
               ...le,
-              uid: Ce(),
+              uid: Ae(),
               plots: oe,
-              smoothPath: vt,
-              straightPath: ht,
-              zeroPath: ft
+              smoothPath: We,
+              straightPath: Ye,
+              zeroPath: ft,
+              pathLength: gt
             };
           }).filter((le) => !X.value.includes(le.id))
         };
       });
     }), X = v([]);
-    function st(a) {
+    function rt(a) {
       const n = /* @__PURE__ */ new Map();
       return a.forEach((t) => {
         t.datapoints.forEach((s, o) => {
-          const d = je(s.name);
+          const d = Je(s.name);
           n.has(d) || n.set(d, {
             id: d,
             name: s.name,
             color: s.color,
             shape: "circle",
-            segregate: () => Te(d),
+            segregate: () => Oe(d),
             isSegregated: X.value.includes(d),
             opacity: X.value.includes(d) ? 0.5 : 1
           });
         });
       }), Array.from(n.values());
     }
-    const ie = k(() => st(P.value)), nt = k(() => ({
+    const ie = k(() => rt(D.value)), it = k(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -433,19 +436,19 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), ae = v(!1);
-    function rt(a) {
+    function ut(a) {
       ae.value = a, N.value += 1;
     }
-    const Pe = v({}), De = v([]);
-    function it(a) {
-      V("selectDatapoint", a), e.value.style.chart.dialog.show && (De.value = a.datapoints.map((n) => ({
+    const De = v({}), Ne = v([]);
+    function ct(a) {
+      V("selectDatapoint", a), e.value.style.chart.dialog.show && (Ne.value = a.datapoints.map((n) => ({
         name: n.name,
         color: n.color,
         type: "line",
         useArea: !0,
         smooth: e.value.style.chart.areas.smooth,
         series: n.values
-      })), i.value = a, Pe.value = Xt({
+      })), i.value = a, De.value = Ft({
         ...e.value.style.chart.dialog.xyChart,
         responsive: !0,
         // Overriding 
@@ -471,20 +474,20 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
       }), h.value && h.value.open());
     }
     const we = v(null);
-    function ut(a) {
+    function dt(a) {
       we.value = a;
     }
-    function ct() {
+    function vt() {
       we.value = null;
     }
     const ue = v(!1);
-    function $e() {
+    function Ce() {
       ue.value = !ue.value;
     }
-    function Ne() {
+    function Xe() {
       te.value.showTable = !te.value.showTable;
     }
-    const Xe = k(() => ({ body: j.value.flatMap((t) => t.datapoints.flatMap((s) => ({
+    const Ie = k(() => ({ body: j.value.flatMap((t) => t.datapoints.flatMap((s) => ({
       ...s,
       rowName: `${t.name}: ${s.name}`
     }))).map((t) => [
@@ -516,41 +519,41 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
           ...e.value.style.chart.xAxis.labels.values
         ],
         head: a,
-        body: Xe.value.body,
+        body: Ie.value.body,
         config: n
       };
     });
-    function Ie() {
-      Ke(() => {
+    function Fe() {
+      Ze(() => {
         const a = [
           [e.value.table.columnNames.series, ...e.value.style.chart.xAxis.labels.values.map((s) => [s])],
-          ...Xe.value.body.map((s, o) => [s[0].name, ...s.slice(1)])
+          ...Ie.value.body.map((s, o) => [s[0].name, ...s.slice(1)])
         ], n = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text]
-        ].concat(a), t = Dt(n);
-        Nt({
+        ].concat(a), t = Xt(n);
+        It({
           csvContent: t,
           title: e.value.style.chart.title.text || "vue-ui-ridgeline"
         });
       });
     }
-    function dt() {
+    function ht() {
       return j.value;
     }
     return ye({
-      getData: dt,
-      generateImage: Le,
-      generatePdf: Me,
-      generateCsv: Ie,
-      toggleAnnotator: $e,
-      toggleTable: Ne
+      getData: ht,
+      generateImage: Te,
+      generatePdf: Le,
+      generateCsv: Fe,
+      toggleAnnotator: Ce,
+      toggleTable: Xe
     }), (a, n) => (r(), u("div", {
       ref_key: "ridgelineChart",
       ref: l,
-      class: We(`vue-ui-ridgeline ${ae.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      id: `vue-ui-ridgeline_${C.value}`,
-      style: D({
+      class: $e(`vue-ui-ridgeline ${ae.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      id: `vue-ui-ridgeline_${$.value}`,
+      style: E({
         fontFamily: e.value.style.fontFamily,
         width: "100%",
         textAlign: "center",
@@ -560,16 +563,16 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
       onMouseenter: n[4] || (n[4] = () => g(ee)(!0)),
       onMouseleave: n[5] || (n[5] = () => g(ee)(!1))
     }, [
-      e.value.userOptions.buttons.annotator && g(xe) ? (r(), O(jt, {
+      e.value.userOptions.buttons.annotator && g(xe) ? (r(), O(Jt, {
         key: 0,
         color: e.value.style.chart.color,
         backgroundColor: e.value.style.chart.backgroundColor,
         active: ue.value,
         svgRef: g(xe),
-        onClose: $e
+        onClose: Ce
       }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : y("", !0),
       b(a.$slots, "userConfig", {}, void 0, !0),
-      et.value ? (r(), u("div", {
+      at.value ? (r(), u("div", {
         key: 1,
         ref_key: "noTitle",
         ref: K,
@@ -582,7 +585,7 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
         ref: ne,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (r(), O(Kt, {
+        (r(), O(Zt, {
           key: `title_${F.value}`,
           config: {
             title: {
@@ -596,14 +599,14 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && L.value && (g(Se) || g(Z)) ? (r(), O(Rt, {
+      e.value.userOptions.show && L.value && (g(_e) || g(Z)) ? (r(), O(Wt, {
         ref: "details",
         key: `user_option_${N.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: g(_e),
-        isImaging: g(ze),
-        uid: C.value,
+        isPrinting: g(ze),
+        isImaging: g(Me),
+        uid: $.value,
         hasTooltip: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -618,16 +621,16 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: ue.value,
-        style: D({
-          visibility: g(Se) ? g(Z) ? "visible" : "hidden" : "visible"
+        style: E({
+          visibility: g(_e) ? g(Z) ? "visible" : "hidden" : "visible"
         }),
-        onToggleFullscreen: rt,
-        onGeneratePdf: g(Me),
-        onGenerateCsv: Ie,
-        onGenerateImage: g(Le),
-        onToggleTable: Ne,
-        onToggleAnnotator: $e
-      }, Ye({ _: 2 }, [
+        onToggleFullscreen: ut,
+        onGeneratePdf: g(Le),
+        onGenerateCsv: Fe,
+        onGenerateImage: g(Te),
+        onToggleTable: Xe,
+        onToggleAnnotator: Ce
+      }, Ue({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: w(({ isOpen: t, color: s }) => [
@@ -689,14 +692,14 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
         key: 4,
         ref_key: "svgRef",
         ref: xe,
-        xmlns: g(Qe),
-        class: We({ "vue-data-ui-fullscreen--on": ae.value, "vue-data-ui-fulscreen--off": !ae.value }),
+        xmlns: g(et),
+        class: $e({ "vue-data-ui-fullscreen--on": ae.value, "vue-data-ui-fulscreen--off": !ae.value }),
         viewBox: `0 0 ${m.value.width <= 0 ? 10 : m.value.width} ${_.value.fullHeight <= 0 ? 10 : _.value.fullHeight}`,
-        style: D(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};${e.value.responsive ? `height: ${p.value}px; width: 100%;` : ""}`)
+        style: E(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};${e.value.responsive ? `height: ${p.value}px; width: 100%;` : ""}`)
       }, [
         c("defs", null, [
           (r(!0), u(x, null, M(ie.value, (t, s) => (r(), u("linearGradient", {
-            id: `gradient-${t.id}-${C.value}`,
+            id: `gradient-${t.id}-${$.value}`,
             x1: "50%",
             y1: "0%",
             x2: "50%",
@@ -706,27 +709,27 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
               offset: "0%",
               "stop-color": t.color,
               "stop-opacity": "1"
-            }, null, 8, ra),
+            }, null, 8, ua),
             c("stop", {
               offset: "30%",
               "stop-color": t.color,
               "stop-opacity": "0.7"
-            }, null, 8, ia),
+            }, null, 8, ca),
             c("stop", {
               offset: "70%",
               "stop-color": t.color,
               "stop-opacity": "0.3"
-            }, null, 8, ua),
+            }, null, 8, da),
             c("stop", {
               offset: "100%",
               "stop-color": t.color,
               "stop-opacity": "0.1"
-            }, null, 8, ca)
-          ], 8, na))), 256)),
+            }, null, 8, va)
+          ], 8, ia))), 256)),
           (r(!0), u(x, null, M(j.value, (t, s) => (r(), u(x, null, [
             (r(!0), u(x, null, M(t.datapoints, (o, d) => (r(), u("linearGradient", {
               key: `grad${o.id}`,
-              id: `gradient-single-${C.value}-${o.uid}`,
+              id: `gradient-single-${$.value}-${o.uid}`,
               x1: "50%",
               y1: "0%",
               x2: "50%",
@@ -736,28 +739,28 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
                 offset: "0%",
                 "stop-color": o.color,
                 "stop-opacity": "1"
-              }, null, 8, va),
+              }, null, 8, fa),
               c("stop", {
                 offset: "30%",
                 "stop-color": o.color,
                 "stop-opacity": "0.7"
-              }, null, 8, ha),
+              }, null, 8, ga),
               c("stop", {
                 offset: "70%",
                 "stop-color": o.color,
                 "stop-opacity": "0.3"
-              }, null, 8, fa),
+              }, null, 8, ya),
               c("stop", {
                 offset: "100%",
                 "stop-color": o.color,
                 "stop-opacity": "0.1"
-              }, null, 8, ga)
-            ], 8, da))), 128))
+              }, null, 8, pa)
+            ], 8, ha))), 128))
           ], 64))), 256))
         ]),
-        a.$slots.pattern ? (r(), u("g", ya, [
+        a.$slots.pattern ? (r(), u("g", ma, [
           (r(!0), u(x, null, M(ie.value, (t, s) => (r(), u("defs", null, [
-            b(a.$slots, "pattern", Ve({ ref_for: !0 }, { variable: t, patternId: `pattern_${C.value}_${s}` }), void 0, !0)
+            b(a.$slots, "pattern", Ge({ ref_for: !0 }, { variable: t, patternId: `pattern_${$.value}_${s}` }), void 0, !0)
           ]))), 256))
         ])) : y("", !0),
         (r(!0), u(x, null, M(j.value, (t, s) => (r(), u("g", {
@@ -771,23 +774,30 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
               stroke: "none",
               "stroke-linecap": "round",
               d: e.value.style.chart.areas.smooth ? o.smoothPath : o.straightPath,
-              style: D({ opacity: e.value.style.chart.areas.opacity })
-            }, null, 12, pa),
+              style: E({
+                opacity: e.value.style.chart.areas.opacity
+              })
+            }, null, 12, xa),
             c("path", {
-              fill: e.value.style.chart.areas.useCommonColor ? `url(#gradient-${o.id}-${C.value})` : `url(#gradient-single-${C.value}-${o.uid})`,
+              fill: e.value.style.chart.areas.useCommonColor ? `url(#gradient-${o.id}-${$.value})` : `url(#gradient-single-${$.value}-${o.uid})`,
               stroke: e.value.style.chart.areas.stroke.useSerieColor ? o.color : e.value.style.chart.areas.stroke.color,
               "stroke-width": e.value.style.chart.areas.strokeWidth,
               d: e.value.style.chart.areas.smooth ? o.smoothPath : o.straightPath,
               "stroke-linecap": "round",
-              "stroke-linejoin": "round"
-            }, null, 8, ma),
+              "stroke-linejoin": "round",
+              class: $e({ "vue-ui-ridgeline-animate": e.value.useCssAnimation }),
+              style: E({
+                strokeDasharray: o.pathLength,
+                strokeDashoffset: e.value.useCssAnimation ? o.pathLength : 0
+              })
+            }, null, 14, ba),
             c("path", {
               stroke: e.value.style.chart.zeroLine.useSerieColor ? o.color : e.value.style.chart.zeroLine.stroke,
               "stroke-dasharray": e.value.style.chart.zeroLine.strokeDasharray,
               "stroke-width": e.value.style.chart.zeroLine.strokeWidth,
               d: o.zeroPath,
               "stroke-linecap": "round"
-            }, null, 8, xa),
+            }, null, 8, ka),
             e.value.style.chart.areas.maxPoint.show && o.plots.length > 1 ? (r(!0), u(x, { key: 0 }, M(o.plots, (z) => (r(), u(x, null, [
               z.isMaxPoint ? (r(), u("line", {
                 key: 0,
@@ -795,11 +805,11 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
                 y1: z.y,
                 x2: z.x,
                 y2: z.zero,
-                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? g(Ot)(o.color) : e.value.style.chart.areas.maxPoint.stroke,
+                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? g(Pt)(o.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, ba)) : y("", !0)
+              }, null, 8, wa)) : y("", !0)
             ], 64))), 256)) : y("", !0),
             o.plots.length === 1 ? (r(), u("circle", {
               key: 1,
@@ -812,7 +822,7 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
               style: {
                 pointerEvents: "none"
               }
-            }, null, 8, ka)) : y("", !0)
+            }, null, 8, Ca)) : y("", !0)
           ]))), 128)),
           c("text", {
             x: t.label.x,
@@ -821,17 +831,17 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
             "font-size": e.value.style.chart.yAxis.labels.fontSize,
             "font-weight": e.value.style.chart.yAxis.labels.bold ? "bold" : "normal",
             fill: e.value.style.chart.yAxis.labels.color,
-            style: D({
+            style: E({
               cursor: e.value.style.chart.dialog.show ? "pointer" : "default"
             }),
             "text-decoration": e.value.style.chart.dialog.show && (we.value === s || i.value && t.uid === i.value.uid) ? "underline" : "",
-            onMouseenter: (o) => ut(s),
-            onMouseleave: ct,
-            onClick: (o) => it(t)
-          }, q(t.name), 45, wa)
+            onMouseenter: (o) => dt(s),
+            onMouseleave: vt,
+            onClick: (o) => ct(t)
+          }, q(t.name), 45, $a)
         ]))), 128)),
-        e.value.style.chart.xAxis.labels.values.length ? (r(), u("g", $a, [
-          (r(!0), u(x, null, M(G.value, (t, s) => b(a.$slots, "time-label", Ve({ ref_for: !0 }, {
+        e.value.style.chart.xAxis.labels.values.length ? (r(), u("g", Aa, [
+          (r(!0), u(x, null, M(G.value, (t, s) => b(a.$slots, "time-label", Ge({ 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 === G.value.length - 1) || t && f.value && f.value.index === s || t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(G.value.length / e.value.style.chart.xAxis.labels.modulo) === 0,
             fontSize: e.value.style.chart.xAxis.labels.fontSize,
             content: t.label,
@@ -848,10 +858,10 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
               "font-weight": e.value.style.chart.xAxis.labels.bold ? "bold" : "normal",
               transform: `translate(${t.selectorX}, ${_.value.top + t.height + e.value.style.chart.xAxis.labels.offsetY}), rotate(${e.value.style.chart.xAxis.labels.rotation})`,
               "text-anchor": e.value.style.chart.xAxis.labels.rotation > 0 ? "start" : e.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
-              style: D({
+              style: E({
                 opacity: f.value ? f.value.index === s ? 1 : 0.2 : 1
               })
-            }, q(t.label), 13, Ca)) : y("", !0)
+            }, q(t.label), 13, Sa)) : y("", !0)
           ], !0)), 256))
         ])) : y("", !0),
         c("g", null, [
@@ -863,8 +873,8 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
             fill: "transparent",
             onMouseenter: (o) => f.value = t,
             onMouseleave: n[0] || (n[0] = (o) => f.value = null),
-            onClick: () => at(t)
-          }, null, 40, Aa))), 256)),
+            onClick: () => ot(t)
+          }, null, 40, _a))), 256)),
           e.value.style.chart.selector.show && f.value ? (r(), u("line", {
             key: 0,
             x1: f.value.selectorX,
@@ -876,7 +886,7 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
             "stroke-dasharray": e.value.style.chart.selector.strokeDasharray,
             "stroke-linecap": "round",
             style: { pointerEvents: "none" }
-          }, null, 8, Sa)) : y("", !0),
+          }, null, 8, za)) : y("", !0),
           f.value ? (r(!0), u(x, { key: 1 }, M(j.value, (t) => (r(), u(x, null, [
             (r(!0), u(x, null, M(t.datapoints, (s) => (r(), u(x, null, [
               (r(!0), u(x, null, M(s.plots, (o, d) => (r(), u(x, null, [
@@ -891,10 +901,10 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
                   style: {
                     pointerEvents: "none"
                   }
-                }, null, 8, _a)) : y("", !0),
+                }, null, 8, Ma)) : y("", !0),
                 f.value && f.value.index === d ? (r(), u("text", {
                   key: 1,
-                  x: Ee(
+                  x: Pe(
                     o.x,
                     g(fe)(
                       e.value.style.chart.selector.labels.formatter,
@@ -909,7 +919,7 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
                     e.value.style.chart.selector.labels.fontSize
                   ) ? o.x - e.value.style.chart.selector.labels.fontSize / 2 : o.x + e.value.style.chart.selector.labels.fontSize / 2,
                   y: o.y + e.value.style.chart.selector.labels.fontSize / 3,
-                  "text-anchor": Ee(
+                  "text-anchor": Pe(
                     o.x,
                     g(fe)(
                       e.value.style.chart.selector.labels.formatter,
@@ -937,17 +947,17 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
                     s: e.value.style.chart.xAxis.labels.suffix,
                     r: e.value.style.chart.selector.labels.rounding
                   })
-                )), 9, za)) : y("", !0)
+                )), 9, La)) : y("", !0)
               ], 64))), 256))
             ], 64))), 256))
           ], 64))), 256)) : y("", !0)
         ]),
         b(a.$slots, "svg", { svg: m.value }, void 0, !0)
-      ], 14, sa)) : y("", !0),
-      a.$slots.watermark ? (r(), u("div", Ma, [
-        b(a.$slots, "watermark", de(ve({ isPrinting: g(_e) || g(ze) })), void 0, !0)
+      ], 14, ra)) : y("", !0),
+      a.$slots.watermark ? (r(), u("div", Ta, [
+        b(a.$slots, "watermark", de(ve({ isPrinting: g(ze) || g(Me) })), void 0, !0)
       ])) : y("", !0),
-      L.value ? y("", !0) : (r(), O(Jt, {
+      L.value ? y("", !0) : (r(), O(Qt, {
         key: 6,
         config: {
           type: "ridgeline",
@@ -963,29 +973,29 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
         ref_key: "chartLegend",
         ref: J
       }, [
-        e.value.style.chart.legend.show ? (r(), O(Gt, {
+        e.value.style.chart.legend.show ? (r(), O(qt, {
           key: `legend_${Q.value}`,
           legendSet: ie.value,
-          config: nt.value,
-          onClickMarker: n[1] || (n[1] = ({ legend: t }) => Te(t.id))
-        }, Ye({
+          config: it.value,
+          onClickMarker: n[1] || (n[1] = ({ legend: t }) => Oe(t.id))
+        }, Ue({
           item: w(({ legend: t }) => [
             c("div", {
-              style: D(`opacity:${X.value.includes(t.id) ? 0.5 : 1}`),
+              style: E(`opacity:${X.value.includes(t.id) ? 0.5 : 1}`),
               onClick: (s) => t.segregate()
-            }, q(t.name), 13, La)
+            }, q(t.name), 13, Oa)
           ]),
           _: 2
         }, [
           a.$slots.pattern ? {
             name: "legend-pattern",
             fn: w(({ legend: t, index: s }) => [
-              Je(qt, {
+              Qe(Kt, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
                 plot: { x: 30, y: 30 },
-                fill: `url(#pattern_${C.value}_${s})`
+                fill: `url(#pattern_${$.value}_${s})`
               }, null, 8, ["shape", "fill"])
             ]),
             key: "0"
@@ -996,12 +1006,12 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
       a.$slots.source ? (r(), u("div", {
         key: 7,
         ref_key: "source",
-        ref: E,
+        ref: P,
         dir: "auto"
       }, [
         b(a.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      L.value ? (r(), O(Yt, {
+      L.value ? (r(), O(Ut, {
         key: 8,
         hideDetails: "",
         config: {
@@ -1018,7 +1028,7 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
         }
       }, {
         content: w(() => [
-          (r(), O(Ut, {
+          (r(), O(jt, {
             key: `table_${H.value}`,
             colNames: ce.value.colNames,
             head: ce.value.head,
@@ -1028,10 +1038,10 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
             onClose: n[2] || (n[2] = (t) => te.value.showTable = !1)
           }, {
             th: w(({ th: t }) => [
-              c("div", { innerHTML: t }, null, 8, Ta)
+              c("div", { innerHTML: t }, null, 8, Ea)
             ]),
             td: w(({ td: t }) => [
-              Ue(q(t.name ? t.name : g(fe)(
+              je(q(t.name ? t.name : g(fe)(
                 e.value.style.chart.selector.labels.formatter,
                 t,
                 g(ge)({
@@ -1047,7 +1057,7 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
         ]),
         _: 1
       }, 8, ["config"])) : y("", !0),
-      e.value.style.chart.dialog.show ? (r(), O(la, {
+      e.value.style.chart.dialog.show ? (r(), O(sa, {
         key: 9,
         ref_key: "dialog",
         ref: h,
@@ -1058,20 +1068,20 @@ const Zt = ["xmlns"], ea = { class: "modal-title" }, ta = { class: "modal-body"
         headerColor: e.value.style.chart.dialog.header.color
       }, {
         title: w(() => [
-          Ue(q(i.value.name), 1)
+          je(q(i.value.name), 1)
         ]),
         default: w(() => [
-          i.value ? (r(), O(Qt, {
+          i.value ? (r(), O(ea, {
             key: 0,
-            config: Pe.value,
-            dataset: De.value
+            config: De.value,
+            dataset: Ne.value
           }, null, 8, ["config", "dataset"])) : y("", !0)
         ]),
         _: 1
       }, 8, ["backgroundColor", "color", "headerBg", "headerColor"])) : y("", !0)
-    ], 46, oa));
+    ], 46, na));
   }
-}, Ja = /* @__PURE__ */ Ze(Oa, [["__scopeId", "data-v-31f97bbc"]]);
+}, Qa = /* @__PURE__ */ tt(Pa, [["__scopeId", "data-v-a4d05295"]]);
 export {
-  Ja as default
+  Qa as default
 };