vue-data-ui 2.9.7-beta.5 → 2.9.7-beta.7

package/dist/{vue-ui-ridgeline-BpXR96mc.js → vue-ui-ridgeline-C42v9hsJ.js}

@@ -1,21 +1,21 @@
-import { useCssVars as kt, ref as v, reactive as wt, computed as k, onUnmounted as $t, createBlock as O, openBlock as i, Teleport as Ct, createElementBlock as u, createCommentVNode as y, withModifiers as Y, normalizeStyle as E, createElementVNode as c, unref as g, renderSlot as x, createVNode as Qe, nextTick as Ze, onMounted as At, onBeforeUnmount as _t, watch as Ve, normalizeClass as Ce, createSlots as Ue, withCtx as $, normalizeProps as ce, guardReactiveProps as de, Fragment as b, renderList as T, mergeProps as Ge, toDisplayString as q, createTextVNode as je } from "vue";
-import { X as et, u as St, c as Ae, o as zt, e as _e, g as qe, b as Mt, d as Lt, p as ve, ak as Je, a7 as Tt, R as Ot, T as Et, G as Pt, i as he, f as fe, t as Dt, a as Nt, q as It, r as Xt, al as Ft } from "./index-CBP1isAR.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-CKWFanLo.js";
-import { t as Yt, u as Vt } from "./useResponsive-Cw4oZ8sQ.js";
-import { u as Ke } from "./useNestedProp-Du7IsYD9.js";
-import Ut from "./vue-ui-accordion-BIM67ZeK.js";
-import Gt from "./BaseIcon-Nq8DLsxB.js";
-import { _ as tt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { D as jt } from "./DataTable-CaoJlp1o.js";
-import { L as qt } from "./Legend-CMTevdSS.js";
-import { _ as Jt } from "./PenAndPaper-UCIFBRLO.js";
-import { _ as Kt } from "./Shape-DApsVE3-.js";
-import Qt from "./vue-ui-skeleton-C27xsSyg.js";
-import { _ as Zt } from "./Title-BAvZqX49.js";
-import ea from "./vue-ui-xy-vSBPUHGJ.js";
-const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body" }, oa = {
+import { useCssVars as Ct, ref as h, reactive as At, computed as k, onUnmounted as _t, createBlock as P, openBlock as r, Teleport as St, createElementBlock as u, createCommentVNode as y, withModifiers as V, normalizeStyle as O, createElementVNode as c, unref as g, renderSlot as x, createVNode as Ze, nextTick as et, onMounted as Mt, onBeforeUnmount as zt, watch as Ve, normalizeClass as ce, createSlots as Ue, withCtx as $, normalizeProps as de, guardReactiveProps as he, Fragment as b, renderList as T, mergeProps as Ge, toDisplayString as J, createTextVNode as je } from "vue";
+import { X as tt, u as Lt, c as Ae, o as Tt, e as _e, g as qe, b as Ot, d as Pt, p as ve, ak as Je, a7 as Et, R as Ke, S as Dt, T as Nt, G as It, i as fe, f as ge, t as Xt, a as Ft, q as Rt, r as Ht, al as Bt } from "./index-DkQhVckX.js";
+import { u as Wt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Yt } from "./useChartAccessibility-BWojgys7.js";
+import { u as Vt, U as Ut } from "./usePrinter-BFNx5frV.js";
+import { t as Gt, u as jt } from "./useResponsive-Cw4oZ8sQ.js";
+import { u as Qe } from "./useNestedProp-CMz_vifI.js";
+import qt from "./vue-ui-accordion-BhmqK_dm.js";
+import Jt from "./BaseIcon-pJTMhtwZ.js";
+import { _ as at } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { D as Kt } from "./DataTable-DygM2RPO.js";
+import { L as Qt } from "./Legend-B-F0dUuO.js";
+import { _ as Zt } from "./PenAndPaper-NSCbqjP7.js";
+import { _ as ea } from "./Shape-DpczxG7m.js";
+import ta from "./vue-ui-skeleton-BdJM0WP2.js";
+import { _ as aa } from "./Title-zIvA-EJz.js";
+import la from "./vue-ui-xy-00xwqVPv.js";
+const oa = ["xmlns"], sa = { class: "modal-title" }, na = { class: "modal-body" }, ra = {
   __name: "BaseDraggableDialog",
   props: {
     backgroundColor: { type: String },
@@ -24,11 +24,11 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
     headerColor: { type: String }
   },
   emits: ["close"],
-  setup(X, { expose: ge, emit: ye }) {
-    kt((r) => ({
+  setup(X, { expose: ye, emit: pe }) {
+    Ct((i) => ({
       19616867: X.color
     }));
-    const pe = X, C = ye, M = v(!1), V = v(!1), l = wt({
+    const me = X, C = pe, z = h(!1), U = h(!1), o = At({
       left: window.innerWidth / 2 - 200,
       top: window.innerHeight / 2 - 120,
       width: 400,
@@ -43,110 +43,110 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
       resizeStartH: 0
     });
     function ne() {
-      M.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);
+      z.value = !0, et(() => {
+        U.value || (o.left = Math.max(0, window.innerWidth / 2 - o.width / 2), o.top = Math.max(0, window.innerHeight / 2 - o.height / 2), U.value = !0);
       });
     }
-    function J() {
-      M.value = !1, C("close");
+    function K() {
+      z.value = !1, C("close");
     }
-    ge({ open: ne, close: J });
-    const U = k(() => ({
+    ye({ open: ne, close: K });
+    const G = k(() => ({
       position: "fixed",
-      left: `${l.left}px`,
-      top: `${l.top}px`,
-      width: `${l.width}px`,
-      height: `${l.height}px`,
+      left: `${o.left}px`,
+      top: `${o.top}px`,
+      width: `${o.width}px`,
+      height: `${o.height}px`,
       padding: 0,
       border: "none",
-      background: pe.backgroundColor,
+      background: me.backgroundColor,
       boxShadow: "0 4px 24px rgba(0,0,0,0.15)",
       zIndex: 9999,
       overflow: "visible",
       borderRadius: "2px"
     }));
-    function P(r) {
-      return r.touches && r.touches.length ? { x: r.touches[0].clientX, y: r.touches[0].clientY } : { x: r.clientX, y: r.clientY };
+    function E(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(r) {
+    function Q(i) {
       var p;
-      (p = r.preventDefault) == null || p.call(r), l.dragging = !0;
-      const h = P(r);
-      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);
+      (p = i.preventDefault) == null || p.call(i), o.dragging = !0;
+      const v = E(i);
+      o.dragOffsetX = v.x - o.left, o.dragOffsetY = v.y - o.top, document.addEventListener("mousemove", F), document.addEventListener("mouseup", R), document.addEventListener("touchmove", F, { passive: !1 }), document.addEventListener("touchend", R);
     }
-    function F(r) {
+    function F(i) {
       var e;
-      if (!l.dragging) return;
-      (e = r.preventDefault) == null || e.call(r);
-      const h = P(r);
-      let p = h.x - l.dragOffsetX, L = h.y - l.dragOffsetY;
-      p = Math.max(0, Math.min(p, window.innerWidth - l.width)), L = Math.max(0, Math.min(L, window.innerHeight - l.height)), l.left = p, l.top = L;
+      if (!o.dragging) return;
+      (e = i.preventDefault) == null || e.call(i);
+      const v = E(i);
+      let p = v.x - o.dragOffsetX, L = v.y - o.dragOffsetY;
+      p = Math.max(0, Math.min(p, window.innerWidth - o.width)), L = Math.max(0, Math.min(L, window.innerHeight - o.height)), o.left = p, o.top = L;
     }
-    function H() {
-      l.dragging = !1, document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", H), document.removeEventListener("touchmove", F), document.removeEventListener("touchend", H);
+    function R() {
+      o.dragging = !1, document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", R), document.removeEventListener("touchmove", F), document.removeEventListener("touchend", R);
     }
-    function Q(r) {
+    function Z(i) {
       var p;
-      (p = r.preventDefault) == null || p.call(r), l.resizing = !0;
-      const h = P(r);
-      l.pointerStartX = h.x, l.pointerStartY = h.y, l.resizeStartW = l.width, l.resizeStartH = l.height, document.addEventListener("mousemove", w), document.addEventListener("mouseup", N), document.addEventListener("touchmove", w, { passive: !1 }), document.addEventListener("touchend", N);
+      (p = i.preventDefault) == null || p.call(i), o.resizing = !0;
+      const v = E(i);
+      o.pointerStartX = v.x, o.pointerStartY = v.y, o.resizeStartW = o.width, o.resizeStartH = o.height, document.addEventListener("mousemove", w), document.addEventListener("mouseup", N), document.addEventListener("touchmove", w, { passive: !1 }), document.addEventListener("touchend", N);
     }
-    function w(r) {
+    function w(i) {
       var e;
-      if (!l.resizing) return;
-      (e = r.preventDefault) == null || e.call(r);
-      const h = P(r);
-      let p = h.x - l.pointerStartX, L = h.y - l.pointerStartY;
-      l.width = Math.max(240, l.resizeStartW + p), l.height = Math.max(400, l.resizeStartH + L);
+      if (!o.resizing) return;
+      (e = i.preventDefault) == null || e.call(i);
+      const v = E(i);
+      let p = v.x - o.pointerStartX, L = v.y - o.pointerStartY;
+      o.width = Math.max(240, o.resizeStartW + p), o.height = Math.max(400, o.resizeStartH + L);
     }
     function N() {
-      l.resizing = !1, document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", N), document.removeEventListener("touchmove", w), document.removeEventListener("touchend", N);
+      o.resizing = !1, document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", N), document.removeEventListener("touchmove", w), document.removeEventListener("touchend", N);
     }
-    function re(r) {
+    function re(i) {
       var p;
-      (p = r.preventDefault) == null || p.call(r), l.resizing = !0;
-      const h = P(r);
-      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);
+      (p = i.preventDefault) == null || p.call(i), o.resizing = !0;
+      const v = E(i);
+      o.pointerStartX = v.x, o.pointerStartY = v.y, o.resizeStartW = o.width, o.resizeStartH = o.height, o.resizeStartLeft = o.left, o.resizeStartTop = o.top, document.addEventListener("mousemove", H), document.addEventListener("mouseup", f), document.addEventListener("touchmove", H, { passive: !1 }), document.addEventListener("touchend", f);
     }
-    function R(r) {
-      var ee;
-      if (!l.resizing) return;
-      (ee = r.preventDefault) == null || ee.call(r);
-      const h = P(r);
-      let p = h.x - l.pointerStartX, L = Math.min(
-        Math.max(0, l.resizeStartLeft + p),
-        l.resizeStartLeft + l.resizeStartW - 240
+    function H(i) {
+      var te;
+      if (!o.resizing) return;
+      (te = i.preventDefault) == null || te.call(i);
+      const v = E(i);
+      let p = v.x - o.pointerStartX, L = Math.min(
+        Math.max(0, o.resizeStartLeft + p),
+        o.resizeStartLeft + o.resizeStartW - 240
         // min width
-      ), e = l.resizeStartW - (L - l.resizeStartLeft), _ = h.y - l.pointerStartY, Z = Math.max(400, l.resizeStartH + _);
-      l.left = L, l.width = e, l.height = Z;
+      ), e = o.resizeStartW - (L - o.resizeStartLeft), _ = v.y - o.pointerStartY, ee = Math.max(400, o.resizeStartH + _);
+      o.left = L, o.width = e, o.height = ee;
     }
     function f() {
-      l.resizing = !1, document.removeEventListener("mousemove", R), document.removeEventListener("mouseup", f), document.removeEventListener("touchmove", R), document.removeEventListener("touchend", f);
+      o.resizing = !1, document.removeEventListener("mousemove", H), document.removeEventListener("mouseup", f), document.removeEventListener("touchmove", H), document.removeEventListener("touchend", f);
     }
-    return $t(() => {
-      H(), N(), f();
-    }), (r, h) => (i(), O(Ct, { to: "body" }, [
-      M.value ? (i(), u("div", {
+    return _t(() => {
+      R(), N(), f();
+    }), (i, v) => (r(), P(St, { to: "body" }, [
+      z.value ? (r(), u("div", {
         key: 0,
         class: "modal vue-ui-draggable-dialog",
-        style: E(U.value),
-        onClick: h[0] || (h[0] = Y(() => {
+        style: O(G.value),
+        onClick: v[0] || (v[0] = V(() => {
         }, ["stop"]))
       }, [
         c("div", {
           class: "modal-header",
-          style: E({
+          style: O({
             backgroundColor: X.headerBg,
             color: X.headerColor
           })
         }, [
           c("span", {
             class: "drag-handle",
-            onMousedown: Y(K, ["stop", "prevent"]),
-            onTouchstart: Y(K, ["stop", "prevent"])
+            onMousedown: V(Q, ["stop", "prevent"]),
+            onTouchstart: V(Q, ["stop", "prevent"])
           }, [
-            (i(), u("svg", {
-              xmlns: g(et),
+            (r(), u("svg", {
+              xmlns: g(tt),
               width: "20",
               height: "20",
               viewBox: "0 0 24 24",
@@ -155,48 +155,48 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
               "stroke-width": "1",
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, h[1] || (h[1] = [
+            }, v[1] || (v[1] = [
               c("path", { d: "M5 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
               c("path", { d: "M5 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
               c("path", { d: "M12 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
               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, ta))
+            ]), 8, oa))
           ], 32),
-          c("span", aa, [
-            x(r.$slots, "title", {}, void 0, !0)
+          c("span", sa, [
+            x(i.$slots, "title", {}, void 0, !0)
           ]),
           c("button", {
             class: "close",
-            onClick: J
+            onClick: K
           }, [
-            Qe(Gt, {
+            Ze(Jt, {
               name: "close",
               stroke: X.headerColor
             }, null, 8, ["stroke"])
           ])
         ], 4),
-        c("div", la, [
-          x(r.$slots, "default", {}, void 0, !0)
+        c("div", na, [
+          x(i.$slots, "default", {}, void 0, !0)
         ]),
         c("div", {
           class: "resize-handle",
-          onMousedown: Y(Q, ["stop", "prevent"]),
-          onTouchstart: Y(Q, ["stop", "prevent"])
+          onMousedown: V(Z, ["stop", "prevent"]),
+          onTouchstart: V(Z, ["stop", "prevent"])
         }, null, 32),
         c("div", {
           class: "resize-handle resize-handle-left",
-          onMousedown: Y(re, ["stop", "prevent"]),
-          onTouchstart: Y(re, ["stop", "prevent"])
+          onMousedown: V(re, ["stop", "prevent"]),
+          onTouchstart: V(re, ["stop", "prevent"])
         }, null, 32)
       ], 4)) : y("", !0)
     ]));
   }
-}, 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"], $a = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Ca = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], Aa = { key: 0 }, _a = ["font-size", "fill", "font-weight", "transform", "text-anchor"], Sa = ["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 = {
+}, ia = /* @__PURE__ */ at(ra, [["__scopeId", "data-v-f854cee8"]]), ua = ["id"], ca = ["xmlns", "viewBox"], da = ["id"], ha = ["stop-color"], va = ["stop-color"], fa = ["stop-color"], ga = ["stop-color"], ya = ["id"], pa = ["stop-color"], ma = ["stop-color"], xa = ["stop-color"], ba = ["stop-color"], ka = { key: 0 }, wa = ["fill", "d"], $a = ["stroke", "stroke-width", "d"], Ca = ["fill", "d"], Aa = ["stroke", "stroke-dasharray", "stroke-width", "d"], _a = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Sa = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Ma = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], za = { key: 0 }, La = ["font-size", "fill", "font-weight", "transform", "text-anchor"], Ta = ["x", "y", "width", "height", "onMouseenter", "onClick"], Oa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Pa = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Ea = ["x", "y", "text-anchor", "font-size", "fill"], Da = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Oa = ["onClick"], Ea = ["innerHTML"], Pa = {
+}, Na = ["onClick"], Ia = ["innerHTML"], Xa = {
   __name: "vue-ui-ridgeline",
   props: {
     config: {
@@ -213,44 +213,44 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
     }
   },
   emits: ["selectLegend", "selectDatapoint", "selectX"],
-  setup(X, { expose: ge, emit: ye }) {
-    const { vue_ui_ridgeline: pe } = St(), C = X, M = k({
+  setup(X, { expose: ye, emit: pe }) {
+    const { vue_ui_ridgeline: me } = Lt(), C = X, z = k({
       get() {
         return !!C.dataset && C.dataset.length;
       },
       set(a) {
         return a;
       }
-    }), V = ye, 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), w = v(Ae()), N = v(0), re = v(0), R = v(512), f = v(null), r = v(null), h = v(null), p = v(0);
+    }), U = pe, o = h(null), ne = h(null), K = h(null), G = h(null), E = h(null), Q = h(null), F = h(0), R = h(0), Z = h(0), w = h(Ae()), N = h(0), re = h(0), H = h(512), f = h(null), i = h(null), v = h(null), p = h(0);
     function L() {
-      const a = Ke({
+      const a = Qe({
         userConfig: C.config,
-        defaultConfig: pe
+        defaultConfig: me
       });
       return a.theme ? {
-        ...Ke({
-          userConfig: Nt.vue_ui_ridgeline[a.theme] || C.config,
+        ...Qe({
+          userConfig: Ft.vue_ui_ridgeline[a.theme] || C.config,
           defaultConfig: a
         }),
-        customPalette: Dt[a.theme] || ve
+        customPalette: Xt[a.theme] || ve
       } : a;
     }
     const e = k({
       get: () => L(),
       set: (a) => a
-    }), _ = v(Math.min(
+    }), _ = h(Math.min(
       e.value.style.chart.areas.height,
       e.value.style.chart.areas.rowHeight
     )), {
-      userOptionsVisible: Z,
-      setUserOptionsVisibility: ee,
+      userOptionsVisible: ee,
+      setUserOptionsVisibility: te,
       keepUserOptionState: Se
-    } = Ht({ config: e.value }), { svgRef: me } = Rt({ config: e.value.style.chart.title });
-    At(xe), _t(() => {
-      U.value && U.value.disconnect();
+    } = Wt({ config: e.value }), { svgRef: xe } = Yt({ config: e.value.style.chart.title });
+    Mt(be), zt(() => {
+      G.value && G.value.disconnect();
     });
-    function xe() {
-      if (zt(C.dataset) ? _e({
+    function be() {
+      if (Tt(C.dataset) ? _e({
         componentName: "VueUiRidgeline",
         type: "dataset"
       }) : C.dataset.forEach((a, n) => {
@@ -258,7 +258,7 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
           datasetObject: a,
           requiredAttributes: ["name", "datapoints"]
         }).forEach((t) => {
-          M.value = !1, _e({
+          z.value = !1, _e({
             componentName: "VueUiRidgeline",
             type: "datasetSerieAttribute",
             property: t,
@@ -268,11 +268,11 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
           qe({
             datasetObject: t,
             requiredAttributes: ["name", "values"]
-          }).forEach((o) => {
-            M.value = !1, _e({
+          }).forEach((l) => {
+            z.value = !1, _e({
               componentName: "VueUiRidgeline",
               type: "datasetSerieAttribute",
-              property: `datapoint.${o}`,
+              property: `datapoint.${l}`,
               index: `${n}-${s}`
             });
           });
@@ -281,52 +281,52 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
       ), e.value.responsive) {
-        const a = Yt(() => {
-          const { width: n, height: t } = Vt({
-            chart: l.value,
+        const a = Gt(() => {
+          const { width: n, height: t } = jt({
+            chart: o.value,
             title: e.value.style.chart.title.text ? ne.value : null,
-            legend: e.value.style.chart.legend.show ? J.value : null,
-            source: P.value,
-            noTitle: K.value,
+            legend: e.value.style.chart.legend.show ? K.value : null,
+            source: E.value,
+            noTitle: Q.value,
             padding: e.value.style.chart.padding
           });
           requestAnimationFrame(() => {
-            R.value = n, _.value = t / C.dataset.length, p.value = t;
+            H.value = n, _.value = t / C.dataset.length, p.value = t;
           });
         });
-        U.value = new ResizeObserver(a), U.value.observe(l.value.parentNode);
+        G.value = new ResizeObserver(a), G.value.observe(o.value.parentNode);
       }
     }
-    const { isPrinting: ze, isImaging: Me, generatePdf: Le, generateImage: Te } = Bt({
+    const { isPrinting: Me, isImaging: ze, generatePdf: Le, generateImage: Te } = Vt({
       elementId: `vue-ui-ridgeline_${w.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-ridgeline",
       options: e.value.userOptions.print
-    }), at = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), lt = k(() => Mt(e.value.customPalette)), te = v({
+    }), lt = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), ot = k(() => Ot(e.value.customPalette)), ae = h({
       showTable: e.value.table.show
     });
     Ve(() => C.config, (a) => {
-      e.value = L(), Z.value = !e.value.userOptions.showOnChartHover, xe(), F.value += 1, Q.value += 1, _.value = Math.min(
+      e.value = L(), ee.value = !e.value.userOptions.showOnChartHover, be(), F.value += 1, Z.value += 1, _.value = Math.min(
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
-      ), te.value.showTable = e.value.table.show;
-    }, { deep: !0 }), Ve(() => C.dataset, xe, { deep: !0 });
-    const be = k(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
+      ), ae.value.showTable = e.value.table.show;
+    }, { deep: !0 }), Ve(() => C.dataset, be, { deep: !0 });
+    const ke = k(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
     function Oe(a) {
-      I.value.includes(a) ? I.value = I.value.filter((n) => n !== a) : I.value.push(a), V("selectLegend", j.value);
+      I.value.includes(a) ? I.value = I.value.filter((n) => n !== a) : I.value.push(a), U("selectLegend", q.value);
     }
-    const D = k(() => M.value ? C.dataset.map((a, n) => ({
+    const D = k(() => z.value ? C.dataset.map((a, n) => ({
       ...a,
-      labelLen: nt(a.name, e.value.style.chart.yAxis.labels.fontSize),
+      labelLen: rt(a.name, e.value.style.chart.yAxis.labels.fontSize),
       uid: Ae(),
       datapoints: a.datapoints.map((t, s) => {
-        const o = t.color ? Lt(t.color) : lt.value[s] || ve[s] || ve[s % ve.length], d = Je(t.name);
+        const l = t.color ? Pt(t.color) : ot.value[s] || ve[s] || ve[s % ve.length], d = Je(t.name);
         return {
           ...t,
-          color: o,
+          color: l,
           id: d
         };
       })
-    })) : []), Ee = k(() => e.value.style.chart.padding.top + _.value * C.dataset.length + _.value * be.value), S = k(() => ({
+    })) : []), Pe = k(() => e.value.style.chart.padding.top + _.value * C.dataset.length + _.value * ke.value), S = k(() => ({
       fullHeight: m.value.padding.top + m.value.padding.bottom + m.value.height,
       top: m.value.padding.top,
       left: m.value.padding.left,
@@ -336,85 +336,87 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
     })), m = k(() => {
       const a = e.value.style.chart.padding;
       return {
-        width: R.value,
-        height: Ee.value,
+        width: H.value,
+        height: Pe.value,
         padding: a
       };
-    }), G = k(() => {
-      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 = (S.value.width - t) / n, o = [];
+    }), j = k(() => {
+      const a = Math.max(...D.value.map((d) => d.labelLen)), n = Math.max(...D.value.flatMap((d) => d.datapoints.map((M) => M.values.length))), t = m.value.padding.left + a + 16 + e.value.style.chart.yAxis.labels.offsetX, s = (S.value.width - t) / n, l = [];
       for (let d = 0; d < n; d += 1)
-        o.push({
+        l.push({
           selectorX: t + s * d,
           x: t + s * d - s / 2,
           y: S.value.top,
           label: e.value.style.chart.xAxis.labels.values[d] || "",
           index: d,
           width: s,
-          height: Ee.value
+          height: Pe.value
         });
-      return o;
+      return l;
     });
-    function ot(a) {
-      V("selectX", D.value.map((n) => n.datapoints.map((t) => ({
+    function st(a) {
+      U("selectX", D.value.map((n) => n.datapoints.map((t) => ({
         dp: t,
         selected: t.values[a.index]
       }))));
     }
-    function st(a, n) {
+    function nt(a, n) {
       return a.length * n / 2 + n;
     }
-    function Pe(a, n, t) {
-      const s = st(n, t);
+    function Ee(a, n, t) {
+      const s = nt(n, t);
       return a + s > S.value.right;
     }
-    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;
+    function rt(a, n, t = "sans-serif") {
+      const l = document.createElement("canvas").getContext("2d"), d = typeof n == "number" ? `${n}px` : n;
+      return l.font = `${d} ${t}`, l.measureText(a).width;
     }
-    const j = k(() => {
+    const q = k(() => {
       _.value;
-      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 = (S.value.width - o) / n, z = Math.abs(Math.min(s, 0)), He = t + z;
-      function Re(A) {
-        return isNaN(A / He) ? 0 : A / He;
+      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))), l = m.value.padding.left + a + 16 + e.value.style.chart.yAxis.labels.offsetX, d = (S.value.width - l) / n, M = Math.abs(Math.min(s, 0)), Re = t + M;
+      function He(A) {
+        return isNaN(A / Re) ? 0 : A / Re;
       }
       return D.value.map((A, B) => {
-        const Be = S.value.top + _.value * B, W = S.value.top + Be + _.value * be.value * (1 - Re(z));
+        const Be = S.value.top + _.value * B, W = S.value.top + Be + _.value * ke.value * (1 - He(M));
         return {
           ...A,
           label: {
-            x: o - e.value.style.chart.yAxis.labels.fontSize,
+            x: l - e.value.style.chart.yAxis.labels.fontSize,
             y: W
           },
-          datapoints: A.datapoints.map((le) => {
-            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 = S.value.top + Be + _.value * be.value * (1 - Re(pt + z)), bt = se === Math.max(...le.values);
+          datapoints: A.datapoints.map((oe) => {
+            const Y = oe.values.map((se, xt) => {
+              const bt = isNaN(se) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(se) ? 0 : se || 0, kt = l + d * xt, wt = S.value.top + Be + _.value * ke.value * (1 - He(bt + M)), $t = se === Math.max(...oe.values);
               return {
-                x: mt,
-                y: xt,
+                x: kt,
+                y: wt,
                 value: se,
-                isMaxPoint: bt,
+                isMaxPoint: $t,
                 zero: 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(
+            }), gt = `${Et(Y, W, !1, !1)}`, yt = `M ${l},${W} ${Ke(Y)} ${Y.at(-1).x},${W}`, pt = `M ${l},${W} ${Y.at(-1).x},${W}`, We = `M ${Dt(Y)}`, Ye = `M ${Ke(Y)}`, mt = Nt(
               e.value.style.chart.areas.smooth ? We : Ye
             );
             return {
-              ...le,
+              ...oe,
               uid: Ae(),
-              plots: oe,
-              smoothPath: We,
-              straightPath: Ye,
-              zeroPath: ft,
-              pathLength: gt
+              plots: Y,
+              smoothPath: gt,
+              straightPath: yt,
+              zeroPath: pt,
+              pathLength: mt,
+              smoothPathRidge: We,
+              straightPathRidge: Ye
             };
-          }).filter((le) => !I.value.includes(le.id))
+          }).filter((oe) => !I.value.includes(oe.id))
         };
       });
-    }), I = v([]);
-    function rt(a) {
+    }), I = h([]);
+    function it(a) {
       const n = /* @__PURE__ */ new Map();
       return a.forEach((t) => {
-        t.datapoints.forEach((s, o) => {
+        t.datapoints.forEach((s, l) => {
           const d = Je(s.name);
           n.has(d) || n.set(d, {
             id: d,
@@ -428,27 +430,27 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
         });
       }), Array.from(n.values());
     }
-    const ke = k(() => rt(D.value)), it = k(() => ({
+    const we = k(() => it(D.value)), ut = k(() => ({
       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" : ""
-    })), ae = v(!1);
-    function ut(a) {
-      ae.value = a, N.value += 1;
-    }
-    const De = v({}), Ne = v([]);
+    })), le = h(!1);
     function ct(a) {
-      V("selectDatapoint", a), e.value.style.chart.dialog.show && (Ne.value = a.datapoints.map((n) => ({
+      le.value = a, N.value += 1;
+    }
+    const De = h({}), Ne = h([]);
+    function dt(a) {
+      U("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
-      })), r.value = a, De.value = Ft({
+      })), i.value = a, De.value = Bt({
         ...e.value.style.chart.dialog.xyChart,
         responsive: !0,
         // Overriding 
@@ -471,23 +473,23 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
             // Overriding
           }
         }
-      }), h.value && h.value.open());
+      }), v.value && v.value.open());
     }
-    const we = v(null);
-    function dt(a) {
-      we.value = a;
+    const $e = h(null);
+    function ht(a) {
+      $e.value = a;
     }
     function vt() {
-      we.value = null;
+      $e.value = null;
     }
-    const ie = v(!1);
-    function $e() {
+    const ie = h(!1);
+    function Ce() {
       ie.value = !ie.value;
     }
     function Ie() {
-      te.value.showTable = !te.value.showTable;
+      ae.value.showTable = !ae.value.showTable;
     }
-    const Xe = k(() => ({ body: j.value.flatMap((t) => t.datapoints.flatMap((s) => ({
+    const Xe = k(() => ({ body: q.value.flatMap((t) => t.datapoints.flatMap((s) => ({
       ...s,
       rowName: `${t.name}: ${s.name}`
     }))).map((t) => [
@@ -524,68 +526,68 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
       };
     });
     function Fe() {
-      Ze(() => {
+      et(() => {
         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)])
+          ...Xe.value.body.map((s, l) => [s[0].name, ...s.slice(1)])
         ], n = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text]
-        ].concat(a), t = It(n);
-        Xt({
+        ].concat(a), t = Rt(n);
+        Ht({
           csvContent: t,
           title: e.value.style.chart.title.text || "vue-ui-ridgeline"
         });
       });
     }
-    function ht() {
-      return j.value;
+    function ft() {
+      return q.value;
     }
-    return ge({
-      getData: ht,
+    return ye({
+      getData: ft,
       generateImage: Te,
       generatePdf: Le,
       generateCsv: Fe,
-      toggleAnnotator: $e,
+      toggleAnnotator: Ce,
       toggleTable: Ie
-    }), (a, n) => (i(), u("div", {
+    }), (a, n) => (r(), u("div", {
       ref_key: "ridgelineChart",
-      ref: l,
-      class: Ce(`vue-ui-ridgeline ${ae.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      ref: o,
+      class: ce(`vue-ui-ridgeline ${le.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       id: `vue-ui-ridgeline_${w.value}`,
-      style: E({
+      style: O({
         fontFamily: e.value.style.fontFamily,
         width: "100%",
         textAlign: "center",
         background: e.value.style.chart.backgroundColor,
         height: e.value.responsive ? "100%" : void 0
       }),
-      onMouseenter: n[4] || (n[4] = () => g(ee)(!0)),
-      onMouseleave: n[5] || (n[5] = () => g(ee)(!1))
+      onMouseenter: n[4] || (n[4] = () => g(te)(!0)),
+      onMouseleave: n[5] || (n[5] = () => g(te)(!1))
     }, [
-      e.value.userOptions.buttons.annotator && g(me) ? (i(), O(Jt, {
+      e.value.userOptions.buttons.annotator && g(xe) ? (r(), P(Zt, {
         key: 0,
         color: e.value.style.chart.color,
         backgroundColor: e.value.style.chart.backgroundColor,
         active: ie.value,
-        svgRef: g(me),
-        onClose: $e
+        svgRef: g(xe),
+        onClose: Ce
       }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : y("", !0),
       x(a.$slots, "userConfig", {}, void 0, !0),
-      at.value ? (i(), u("div", {
+      lt.value ? (r(), u("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: K,
+        ref: Q,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : y("", !0),
-      e.value.style.chart.title.text ? (i(), u("div", {
+      e.value.style.chart.title.text ? (r(), u("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: ne,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (i(), O(Zt, {
+        (r(), P(aa, {
           key: `title_${F.value}`,
           config: {
             title: {
@@ -599,13 +601,13 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && M.value && (g(Se) || g(Z)) ? (i(), O(Wt, {
+      e.value.userOptions.show && z.value && (g(Se) || g(ee)) ? (r(), P(Ut, {
         ref: "details",
         key: `user_option_${N.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: g(ze),
-        isImaging: g(Me),
+        isPrinting: g(Me),
+        isImaging: g(ze),
         uid: w.value,
         hasTooltip: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -614,27 +616,27 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
         hasTable: e.value.userOptions.buttons.table,
         hasLabel: !1,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: ae.value,
-        chartElement: l.value,
+        isFullscreen: le.value,
+        chartElement: o.value,
         position: e.value.userOptions.position,
         isTooltip: !1,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: ie.value,
-        style: E({
-          visibility: g(Se) ? g(Z) ? "visible" : "hidden" : "visible"
+        style: O({
+          visibility: g(Se) ? g(ee) ? "visible" : "hidden" : "visible"
         }),
-        onToggleFullscreen: ut,
+        onToggleFullscreen: ct,
         onGeneratePdf: g(Le),
         onGenerateCsv: Fe,
         onGenerateImage: g(Te),
         onToggleTable: Ie,
-        onToggleAnnotator: $e
+        onToggleAnnotator: Ce
       }, Ue({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: $(({ isOpen: t, color: s }) => [
-            x(a.$slots, "menuIcon", ce(de({ isOpen: t, color: s })), void 0, !0)
+            x(a.$slots, "menuIcon", de(he({ isOpen: t, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -676,29 +678,29 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: $(({ toggleFullscreen: t, isFullscreen: s }) => [
-            x(a.$slots, "optionFullscreen", ce(de({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
+            x(a.$slots, "optionFullscreen", de(he({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: $(({ toggleAnnotator: t, isAnnotator: s }) => [
-            x(a.$slots, "optionAnnotator", ce(de({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
+            x(a.$slots, "optionAnnotator", de(he({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "style", "onGeneratePdf", "onGenerateImage"])) : y("", !0),
-      M.value ? (i(), u("svg", {
+      z.value ? (r(), u("svg", {
         key: 4,
         ref_key: "svgRef",
-        ref: me,
-        xmlns: g(et),
-        class: Ce({ "vue-data-ui-fullscreen--on": ae.value, "vue-data-ui-fulscreen--off": !ae.value }),
+        ref: xe,
+        xmlns: g(tt),
+        class: ce({ "vue-data-ui-fullscreen--on": le.value, "vue-data-ui-fulscreen--off": !le.value }),
         viewBox: `0 0 ${m.value.width <= 0 ? 10 : m.value.width} ${S.value.fullHeight <= 0 ? 10 : S.value.fullHeight}`,
-        style: E(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};${e.value.responsive ? `height: ${p.value}px; width: 100%;` : ""}`)
+        style: O(`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, [
-          (i(!0), u(b, null, T(ke.value, (t, s) => (i(), u("linearGradient", {
+          (r(!0), u(b, null, T(we.value, (t, s) => (r(), u("linearGradient", {
             id: `gradient-${t.id}-${w.value}`,
             x1: "50%",
             y1: "0%",
@@ -709,27 +711,27 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
               offset: "0%",
               "stop-color": t.color,
               "stop-opacity": "1"
-            }, null, 8, ua),
+            }, null, 8, ha),
             c("stop", {
               offset: "30%",
               "stop-color": t.color,
               "stop-opacity": "0.7"
-            }, null, 8, ca),
+            }, null, 8, va),
             c("stop", {
               offset: "70%",
               "stop-color": t.color,
               "stop-opacity": "0.3"
-            }, null, 8, da),
+            }, null, 8, fa),
             c("stop", {
               offset: "100%",
               "stop-color": t.color,
               "stop-opacity": "0.1"
-            }, null, 8, va)
-          ], 8, ia))), 256)),
-          (i(!0), u(b, null, T(j.value, (t, s) => (i(), u(b, null, [
-            (i(!0), u(b, null, T(t.datapoints, (o, d) => (i(), u("linearGradient", {
-              key: `grad${o.id}`,
-              id: `gradient-single-${w.value}-${o.uid}`,
+            }, null, 8, ga)
+          ], 8, da))), 256)),
+          (r(!0), u(b, null, T(q.value, (t, s) => (r(), u(b, null, [
+            (r(!0), u(b, null, T(t.datapoints, (l, d) => (r(), u("linearGradient", {
+              key: `grad${l.id}`,
+              id: `gradient-single-${w.value}-${l.uid}`,
               x1: "50%",
               y1: "0%",
               x2: "50%",
@@ -737,92 +739,105 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
             }, [
               c("stop", {
                 offset: "0%",
-                "stop-color": o.color,
+                "stop-color": l.color,
                 "stop-opacity": "1"
-              }, null, 8, fa),
+              }, null, 8, pa),
               c("stop", {
                 offset: "30%",
-                "stop-color": o.color,
+                "stop-color": l.color,
                 "stop-opacity": "0.7"
-              }, null, 8, ga),
+              }, null, 8, ma),
               c("stop", {
                 offset: "70%",
-                "stop-color": o.color,
+                "stop-color": l.color,
                 "stop-opacity": "0.3"
-              }, null, 8, ya),
+              }, null, 8, xa),
               c("stop", {
                 offset: "100%",
-                "stop-color": o.color,
+                "stop-color": l.color,
                 "stop-opacity": "0.1"
-              }, null, 8, pa)
-            ], 8, ha))), 128))
+              }, null, 8, ba)
+            ], 8, ya))), 128))
           ], 64))), 256))
         ]),
-        (i(!0), u(b, null, T(j.value, (t, s) => (i(), u("g", {
+        (r(!0), u(b, null, T(q.value, (t, s) => (r(), u("g", {
           key: `ds-${s}`
         }, [
-          (i(!0), u(b, null, T(t.datapoints, (o, d) => (i(), u("g", {
-            key: o.id
+          (r(!0), u(b, null, T(t.datapoints, (l, d) => (r(), u("g", {
+            key: l.id
           }, [
-            a.$slots.pattern ? (i(), u("g", ma, [
+            a.$slots.pattern ? (r(), u("g", ka, [
               c("defs", null, [
-                x(a.$slots, "pattern", Ge({ ref_for: !0 }, { datapointIndex: s, seriesIndex: d, patternId: `pattern_${w.value}_${o.uid}` }), void 0, !0)
+                x(a.$slots, "pattern", Ge({ ref_for: !0 }, { datapointIndex: s, seriesIndex: d, patternId: `pattern_${w.value}_${l.uid}` }), void 0, !0)
               ])
             ])) : y("", !0),
             c("path", {
-              fill: a.$slots.pattern ? `url(#pattern_${w.value}_${o.uid})` : e.value.style.chart.backgroundColor,
+              fill: a.$slots.pattern ? `url(#pattern_${w.value}_${l.uid})` : e.value.style.chart.backgroundColor,
               stroke: "none",
               "stroke-linecap": "round",
-              d: e.value.style.chart.areas.smooth ? o.smoothPath : o.straightPath,
-              style: E({
+              d: e.value.style.chart.areas.smooth ? l.smoothPath : l.straightPath,
+              style: O({
                 opacity: e.value.style.chart.areas.opacity
               })
-            }, null, 12, xa),
+            }, null, 12, wa),
             c("path", {
-              fill: e.value.style.chart.areas.useGradient ? e.value.style.chart.areas.useCommonColor ? `url(#gradient-${o.id}-${w.value})` : `url(#gradient-single-${w.value}-${o.uid})` : o.color,
-              stroke: e.value.style.chart.areas.stroke.useSerieColor ? o.color : e.value.style.chart.areas.stroke.color,
+              fill: "none",
+              stroke: e.value.style.chart.areas.stroke.useSerieColor ? l.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,
+              d: e.value.style.chart.areas.smooth ? l.smoothPathRidge : l.straightPathRidge,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: Ce({ "vue-ui-ridgeline-animate": e.value.useCssAnimation }),
-              style: E({
-                strokeDasharray: o.pathLength,
-                strokeDashoffset: e.value.useCssAnimation ? o.pathLength : 0
+              class: ce({ "vue-ui-ridgeline-animate": e.value.useCssAnimation }),
+              style: O({
+                strokeDasharray: l.pathLength,
+                strokeDashoffset: e.value.useCssAnimation ? l.pathLength : 0
               })
-            }, null, 14, ba),
+            }, null, 14, $a),
             c("path", {
-              stroke: e.value.style.chart.zeroLine.useSerieColor ? o.color : e.value.style.chart.zeroLine.stroke,
+              fill: e.value.style.chart.areas.useGradient ? e.value.style.chart.areas.useCommonColor ? `url(#gradient-${l.id}-${w.value})` : `url(#gradient-single-${w.value}-${l.uid})` : l.color,
+              stroke: "none",
+              d: e.value.style.chart.areas.smooth ? l.smoothPath : l.straightPath,
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              class: ce({ "vue-ui-ridgeline-animate": e.value.useCssAnimation }),
+              style: O({
+                strokeDasharray: l.pathLength,
+                strokeDashoffset: e.value.useCssAnimation ? l.pathLength : 0
+              })
+            }, null, 14, Ca),
+            e.value.style.chart.zeroLine.show ? (r(), u("path", {
+              key: 1,
+              stroke: e.value.style.chart.zeroLine.useSerieColor ? l.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,
+              d: l.zeroPath,
               "stroke-linecap": "round"
-            }, null, 8, ka),
-            e.value.style.chart.areas.maxPoint.show && o.plots.length > 1 ? (i(!0), u(b, { key: 1 }, T(o.plots, (z) => (i(), u(b, null, [
-              z.isMaxPoint ? (i(), u("line", {
+            }, null, 8, Aa)) : y("", !0),
+            e.value.style.chart.areas.maxPoint.show && l.plots.length > 1 ? (r(!0), u(b, { key: 2 }, T(l.plots, (M) => (r(), u(b, null, [
+              M.isMaxPoint ? (r(), u("line", {
                 key: 0,
-                x1: z.x,
-                y1: z.y,
-                x2: z.x,
-                y2: z.zero,
-                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? g(Pt)(o.color) : e.value.style.chart.areas.maxPoint.stroke,
+                x1: M.x,
+                y1: M.y,
+                x2: M.x,
+                y2: M.zero,
+                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? g(It)(l.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, wa)) : y("", !0)
+              }, null, 8, _a)) : y("", !0)
             ], 64))), 256)) : y("", !0),
-            o.plots.length === 1 ? (i(), u("circle", {
-              key: 2,
-              cx: o.plots[0].x,
-              cy: o.plots[0].y,
+            l.plots.length === 1 ? (r(), u("circle", {
+              key: 3,
+              cx: l.plots[0].x,
+              cy: l.plots[0].y,
               stroke: e.value.style.chart.selector.dot.stroke,
               "stroke-width": e.value.style.chart.selector.dot.strokeWidth,
               r: e.value.style.chart.selector.dot.radius,
-              fill: e.value.style.chart.selector.dot.useDatapointColor ? o.color : e.value.style.chart.selector.dot.fill,
+              fill: e.value.style.chart.selector.dot.useDatapointColor ? l.color : e.value.style.chart.selector.dot.fill,
               style: {
                 pointerEvents: "none"
               }
-            }, null, 8, $a)) : y("", !0)
+            }, null, 8, Sa)) : y("", !0)
           ]))), 128)),
           c("text", {
             x: t.label.x,
@@ -831,18 +846,18 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { 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: E({
+            style: O({
               cursor: e.value.style.chart.dialog.show ? "pointer" : "default"
             }),
-            "text-decoration": e.value.style.chart.dialog.show && (we.value === s || r.value && t.uid === r.value.uid) ? "underline" : "",
-            onMouseenter: (o) => dt(s),
+            "text-decoration": e.value.style.chart.dialog.show && ($e.value === s || i.value && t.uid === i.value.uid) ? "underline" : "",
+            onMouseenter: (l) => ht(s),
             onMouseleave: vt,
-            onClick: (o) => ct(t)
-          }, q(t.name), 45, Ca)
+            onClick: (l) => dt(t)
+          }, J(t.name), 45, Ma)
         ]))), 128)),
-        e.value.style.chart.xAxis.labels.values.length ? (i(), u("g", Aa, [
-          (i(!0), u(b, null, T(G.value, (t, s) => x(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,
+        e.value.style.chart.xAxis.labels.values.length ? (r(), u("g", za, [
+          (r(!0), u(b, null, T(j.value, (t, s) => x(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 === j.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(j.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",
@@ -851,31 +866,31 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
             x: t.selectorX,
             y: S.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 === 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 ? (i(), u("text", {
+            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 === j.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(j.value.length / e.value.style.chart.xAxis.labels.modulo) === 0 ? (r(), u("text", {
               key: 0,
               "font-size": e.value.style.chart.xAxis.labels.fontSize,
               fill: e.value.style.chart.xAxis.labels.color,
               "font-weight": e.value.style.chart.xAxis.labels.bold ? "bold" : "normal",
               transform: `translate(${t.selectorX}, ${S.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: E({
+              style: O({
                 opacity: f.value ? f.value.index === s ? 1 : 0.2 : 1
               })
-            }, q(t.label), 13, _a)) : y("", !0)
+            }, J(t.label), 13, La)) : y("", !0)
           ], !0)), 256))
         ])) : y("", !0),
         c("g", null, [
-          (i(!0), u(b, null, T(G.value, (t, s) => (i(), u("rect", {
+          (r(!0), u(b, null, T(j.value, (t, s) => (r(), u("rect", {
             x: t.x,
             y: t.y,
             width: t.width < 0 ? 0.1 : t.width,
             height: t.height < 0 ? 0.1 : t.height,
             fill: "transparent",
-            onMouseenter: (o) => f.value = t,
-            onMouseleave: n[0] || (n[0] = (o) => f.value = null),
-            onClick: () => ot(t)
-          }, null, 40, Sa))), 256)),
-          e.value.style.chart.selector.show && f.value ? (i(), u("line", {
+            onMouseenter: (l) => f.value = t,
+            onMouseleave: n[0] || (n[0] = (l) => f.value = null),
+            onClick: () => st(t)
+          }, null, 40, Ta))), 256)),
+          e.value.style.chart.selector.show && f.value ? (r(), u("line", {
             key: 0,
             x1: f.value.selectorX,
             x2: f.value.selectorX,
@@ -886,14 +901,14 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
             "stroke-dasharray": e.value.style.chart.selector.strokeDasharray,
             "stroke-linecap": "round",
             style: { pointerEvents: "none" }
-          }, null, 8, za)) : y("", !0),
-          f.value ? (i(!0), u(b, { key: 1 }, T(j.value, (t) => (i(), u(b, null, [
-            (i(!0), u(b, null, T(t.datapoints, (s) => (i(), u(b, null, [
-              (i(!0), u(b, null, T(s.plots, (o, d) => (i(), u(b, null, [
-                f.value && f.value.index === d ? (i(), u("circle", {
+          }, null, 8, Oa)) : y("", !0),
+          f.value ? (r(!0), u(b, { key: 1 }, T(q.value, (t) => (r(), u(b, null, [
+            (r(!0), u(b, null, T(t.datapoints, (s) => (r(), u(b, null, [
+              (r(!0), u(b, null, T(s.plots, (l, d) => (r(), u(b, null, [
+                f.value && f.value.index === d ? (r(), u("circle", {
                   key: 0,
-                  cx: o.x,
-                  cy: o.y,
+                  cx: l.x,
+                  cy: l.y,
                   stroke: e.value.style.chart.selector.dot.stroke,
                   "stroke-width": e.value.style.chart.selector.dot.strokeWidth,
                   r: e.value.style.chart.selector.dot.radius,
@@ -901,32 +916,32 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
                   style: {
                     pointerEvents: "none"
                   }
-                }, null, 8, Ma)) : y("", !0),
-                f.value && f.value.index === d ? (i(), u("text", {
+                }, null, 8, Pa)) : y("", !0),
+                f.value && f.value.index === d ? (r(), u("text", {
                   key: 1,
-                  x: Pe(
-                    o.x,
-                    g(he)(
+                  x: Ee(
+                    l.x,
+                    g(fe)(
                       e.value.style.chart.selector.labels.formatter,
-                      o.value,
-                      g(fe)({
+                      l.value,
+                      g(ge)({
                         p: e.value.style.chart.xAxis.labels.prefix,
-                        v: o.value,
+                        v: l.value,
                         s: e.value.style.chart.xAxis.labels.suffix,
                         r: e.value.style.chart.selector.labels.rounding
                       })
                     ),
                     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": Pe(
-                    o.x,
-                    g(he)(
+                  ) ? l.x - e.value.style.chart.selector.labels.fontSize / 2 : l.x + e.value.style.chart.selector.labels.fontSize / 2,
+                  y: l.y + e.value.style.chart.selector.labels.fontSize / 3,
+                  "text-anchor": Ee(
+                    l.x,
+                    g(fe)(
                       e.value.style.chart.selector.labels.formatter,
-                      o.value,
-                      g(fe)({
+                      l.value,
+                      g(ge)({
                         p: e.value.style.chart.xAxis.labels.prefix,
-                        v: o.value,
+                        v: l.value,
                         s: e.value.style.chart.xAxis.labels.suffix,
                         r: e.value.style.chart.selector.labels.rounding
                       })
@@ -938,26 +953,26 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
                   style: {
                     pointerEvents: "none"
                   }
-                }, q(g(he)(
+                }, J(g(fe)(
                   e.value.style.chart.selector.labels.formatter,
-                  o.value,
-                  g(fe)({
+                  l.value,
+                  g(ge)({
                     p: e.value.style.chart.xAxis.labels.prefix,
-                    v: o.value,
+                    v: l.value,
                     s: e.value.style.chart.xAxis.labels.suffix,
                     r: e.value.style.chart.selector.labels.rounding
                   })
-                )), 9, La)) : y("", !0)
+                )), 9, Ea)) : y("", !0)
               ], 64))), 256))
             ], 64))), 256))
           ], 64))), 256)) : y("", !0)
         ]),
         x(a.$slots, "svg", { svg: m.value }, void 0, !0)
-      ], 14, ra)) : y("", !0),
-      a.$slots.watermark ? (i(), u("div", Ta, [
-        x(a.$slots, "watermark", ce(de({ isPrinting: g(ze) || g(Me) })), void 0, !0)
+      ], 14, ca)) : y("", !0),
+      a.$slots.watermark ? (r(), u("div", Da, [
+        x(a.$slots, "watermark", de(he({ isPrinting: g(Me) || g(ze) })), void 0, !0)
       ])) : y("", !0),
-      M.value ? y("", !0) : (i(), O(Qt, {
+      z.value ? y("", !0) : (r(), P(ta, {
         key: 6,
         config: {
           type: "ridgeline",
@@ -971,26 +986,26 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
       }, null, 8, ["config"])),
       c("div", {
         ref_key: "chartLegend",
-        ref: J
+        ref: K
       }, [
-        e.value.style.chart.legend.show ? (i(), O(qt, {
-          key: `legend_${Q.value}`,
-          legendSet: ke.value,
-          config: it.value,
+        e.value.style.chart.legend.show ? (r(), P(Qt, {
+          key: `legend_${Z.value}`,
+          legendSet: we.value,
+          config: ut.value,
           onClickMarker: n[1] || (n[1] = ({ legend: t }) => Oe(t.id))
         }, Ue({
           item: $(({ legend: t }) => [
             c("div", {
-              style: E(`opacity:${I.value.includes(t.id) ? 0.5 : 1}`),
+              style: O(`opacity:${I.value.includes(t.id) ? 0.5 : 1}`),
               onClick: (s) => t.segregate()
-            }, q(t.name), 13, Oa)
+            }, J(t.name), 13, Na)
           ]),
           _: 2
         }, [
           a.$slots.pattern ? {
             name: "legend-pattern",
             fn: $(({ legend: t, index: s }) => [
-              Qe(Kt, {
+              Ze(ea, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
@@ -1001,21 +1016,21 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
             key: "0"
           } : void 0
         ]), 1032, ["legendSet", "config"])) : y("", !0),
-        x(a.$slots, "legend", { legend: ke.value }, void 0, !0)
+        x(a.$slots, "legend", { legend: we.value }, void 0, !0)
       ], 512),
-      a.$slots.source ? (i(), u("div", {
+      a.$slots.source ? (r(), u("div", {
         key: 7,
         ref_key: "source",
-        ref: P,
+        ref: E,
         dir: "auto"
       }, [
         x(a.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      M.value ? (i(), O(Ut, {
+      z.value ? (r(), P(qt, {
         key: 8,
         hideDetails: "",
         config: {
-          open: te.value.showTable,
+          open: ae.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -1028,23 +1043,23 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
         }
       }, {
         content: $(() => [
-          (i(), O(jt, {
-            key: `table_${H.value}`,
+          (r(), P(Kt, {
+            key: `table_${R.value}`,
             colNames: ue.value.colNames,
             head: ue.value.head,
             body: ue.value.body,
             config: ue.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` :${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: n[2] || (n[2] = (t) => te.value.showTable = !1)
+            onClose: n[2] || (n[2] = (t) => ae.value.showTable = !1)
           }, {
             th: $(({ th: t }) => [
-              c("div", { innerHTML: t }, null, 8, Ea)
+              c("div", { innerHTML: t }, null, 8, Ia)
             ]),
             td: $(({ td: t }) => [
-              je(q(t.name ? t.name : g(he)(
+              je(J(t.name ? t.name : g(fe)(
                 e.value.style.chart.selector.labels.formatter,
                 t,
-                g(fe)({
+                g(ge)({
                   p: e.value.style.chart.xAxis.labels.prefix,
                   v: t,
                   s: e.value.style.chart.xAxis.labels.suffix,
@@ -1057,21 +1072,21 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
         ]),
         _: 1
       }, 8, ["config"])) : y("", !0),
-      e.value.style.chart.dialog.show ? (i(), O(sa, {
+      e.value.style.chart.dialog.show ? (r(), P(ia, {
         key: 9,
         ref_key: "dialog",
-        ref: h,
-        onClose: n[3] || (n[3] = (t) => r.value = null),
+        ref: v,
+        onClose: n[3] || (n[3] = (t) => i.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
       }, {
         title: $(() => [
-          je(q(r.value.name), 1)
+          je(J(i.value.name), 1)
         ]),
         default: $(() => [
-          r.value ? (i(), O(ea, {
+          i.value ? (r(), P(la, {
             key: 0,
             config: De.value,
             dataset: Ne.value
@@ -1079,9 +1094,9 @@ const ta = ["xmlns"], aa = { class: "modal-title" }, la = { class: "modal-body"
         ]),
         _: 1
       }, 8, ["backgroundColor", "color", "headerBg", "headerColor"])) : y("", !0)
-    ], 46, na));
+    ], 46, ua));
   }
-}, Qa = /* @__PURE__ */ tt(Pa, [["__scopeId", "data-v-9c6e4dd0"]]);
+}, al = /* @__PURE__ */ at(Xa, [["__scopeId", "data-v-9c3affc2"]]);
 export {
-  Qa as default
+  al as default
 };