vue-data-ui 2.12.5 → 2.12.7-beta.0

package/dist/{vue-ui-ridgeline-BBvPVQjC.js → vue-ui-ridgeline-Dydqo68b.js}

@@ -1,24 +1,17 @@
-import { computed as g, ref as i, onMounted as bt, onBeforeUnmount as xt, watch as Xe, createElementBlock as n, openBlock as r, unref as c, normalizeStyle as M, normalizeClass as W, createBlock as T, createCommentVNode as h, renderSlot as p, createElementVNode as d, createSlots as Re, withCtx as m, normalizeProps as j, guardReactiveProps as Y, Fragment as f, renderList as $, mergeProps as Ee, toDisplayString as F, createVNode as kt, createTextVNode as He, nextTick as At } from "vue";
-import { u as $t, c as ne, o as Ct, e as ue, g as Ve, b as wt, d as _t, p as q, am as Be, a9 as Mt, T as Ue, U as Tt, V as Pt, X as Ot, G as St, i as J, f as K, t as zt, a as Lt, q as Nt, r as Dt, J as It } from "./index-vjCxtaM0.js";
-import { u as Ft } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Xt } from "./useChartAccessibility-BWojgys7.js";
-import { u as Rt, U as Et } from "./usePrinter-CcgJXHIK.js";
-import { t as Ht, u as Vt } from "./useResponsive-JZ9xq-JV.js";
-import { u as Ge } from "./useNestedProp-Du1hnYFA.js";
-import Bt from "./vue-ui-accordion-CAN430Oy.js";
-import { B as Ut } from "./BaseDraggableDialog-BjFEob7i.js";
-import { D as Gt } from "./DataTable-CicthvOV.js";
-import { L as Wt } from "./Legend-0UY0Mmli.js";
-import { _ as jt } from "./PenAndPaper-DLsvRwoD.js";
-import { _ as Yt } from "./Shape-DICeBEtN.js";
-import qt from "./vue-ui-skeleton-DfOIDTJM.js";
-import { _ as Jt } from "./Title-xO1jFsSw.js";
-import Kt from "./vue-ui-xy-CEop49z6.js";
-import { _ as Qt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"], al = ["stop-color"], ol = ["stop-color"], sl = ["stop-color"], rl = ["id"], nl = ["stop-color"], ul = ["stop-color"], il = ["stop-color"], cl = ["stop-color"], hl = { key: 0 }, vl = ["fill", "d"], dl = ["stroke", "stroke-width", "d"], yl = ["fill", "d"], fl = ["stroke", "stroke-dasharray", "stroke-width", "d"], gl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], pl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], ml = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], bl = { key: 0 }, xl = ["font-size", "fill", "font-weight", "transform", "text-anchor"], kl = ["x", "y", "width", "height", "onMouseenter", "onClick"], Al = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], $l = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Cl = ["x", "y", "text-anchor", "font-size", "fill"], wl = {
+import { defineAsyncComponent as M, computed as f, ref as c, shallowRef as Ee, onMounted as zt, onBeforeUnmount as Nt, watch as He, createElementBlock as n, openBlock as r, unref as u, normalizeStyle as P, normalizeClass as Y, createBlock as T, createCommentVNode as v, renderSlot as p, createElementVNode as d, createSlots as Ve, withCtx as m, normalizeProps as q, guardReactiveProps as J, createVNode as Be, Fragment as g, renderList as C, mergeProps as Ue, toDisplayString as E, createTextVNode as Ge, nextTick as Lt } from "vue";
+import { u as Dt, c as ie, o as It, e as ce, g as We, b as Ft, d as Rt, p as K, al as je, a8 as Xt, T as Ye, U as Et, V as Ht, X as Vt, G as Bt, i as Q, f as Z, t as Ut, a as Gt, q as Wt, r as jt, J as Yt } from "./index-BiHmNd1-.js";
+import { u as qt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Jt } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Kt } from "./usePrinter-CRCbl1WG.js";
+import { t as Qt, u as Zt } from "./useResponsive-JZ9xq-JV.js";
+import { u as qe } from "./useNestedProp-tRqS0ZAM.js";
+import el from "./Legend-DFunFf8i.js";
+import tl from "./Title-B5qqUI3M.js";
+import { _ as ll } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"], nl = ["stop-color"], ul = ["stop-color"], il = ["stop-color"], cl = ["id"], vl = ["stop-color"], hl = ["stop-color"], dl = ["stop-color"], yl = ["stop-color"], gl = { key: 0 }, fl = ["fill", "d"], pl = ["stroke", "stroke-width", "d"], ml = ["fill", "d"], bl = ["stroke", "stroke-dasharray", "stroke-width", "d"], xl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], kl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Al = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], Cl = { key: 0 }, wl = ["font-size", "fill", "font-weight", "transform", "text-anchor"], $l = ["x", "y", "width", "height", "onMouseenter", "onClick"], _l = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ml = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Pl = ["x", "y", "text-anchor", "font-size", "fill"], Tl = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, _l = ["onClick"], Ml = ["innerHTML"], Tl = {
+}, Sl = ["onClick"], Ol = ["innerHTML"], zl = {
   __name: "vue-ui-ridgeline",
   props: {
     config: {
@@ -35,63 +28,61 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
     }
   },
   emits: ["selectLegend", "selectDatapoint", "selectX"],
-  setup(We, { expose: je, emit: Ye }) {
-    const { vue_ui_ridgeline: qe } = $t(), x = We, O = g({
+  setup(Je, { expose: Ke, emit: Qe }) {
+    const Ze = M(() => import("./vue-ui-accordion-CmCs2yR2.js")), et = M(() => import("./BaseDraggableDialog-BMlyvt7E.js")), tt = M(() => import("./DataTable-Cv9CIz-a.js")), lt = M(() => import("./PackageVersion-CLY-udAA.js")), at = M(() => import("./PenAndPaper-B9na2mbr.js")), ot = M(() => import("./Shape-D3w9qas1.js")), st = M(() => import("./vue-ui-skeleton-CbYQYRvD.js")), rt = M(() => import("./UserOptions-Ddy6CuLC.js")), nt = M(() => import("./vue-ui-xy-9e_epIN4.js")), { vue_ui_ridgeline: ut } = Dt(), x = Je, z = f({
       get() {
         return !!x.dataset && x.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), Q = Ye, V = i(null), ie = i(null), ce = i(null), B = i(null), he = i(null), ve = i(null), de = i(0), Je = i(0), ye = i(0), C = i(ne()), fe = i(0), Ke = i(0), ge = i(512), v = i(null), N = i(null), Z = i(null), pe = i(0);
-    function me() {
-      const l = Ge({
+    }), ee = Qe, G = c(null), ve = c(null), he = c(null), S = Ee(null), I = Ee(null), de = c(null), ye = c(null), ge = c(0), it = c(0), fe = c(0), w = c(ie()), pe = c(0), ct = c(0), me = c(512), h = c(null), F = c(null), te = c(null), be = c(0);
+    function xe() {
+      const l = qe({
         userConfig: x.config,
-        defaultConfig: qe
+        defaultConfig: ut
       });
       return l.theme ? {
-        ...Ge({
-          userConfig: Lt.vue_ui_ridgeline[l.theme] || x.config,
+        ...qe({
+          userConfig: Gt.vue_ui_ridgeline[l.theme] || x.config,
           defaultConfig: l
         }),
-        customPalette: zt[l.theme] || q
+        customPalette: Ut[l.theme] || K
       } : l;
     }
-    const e = g({
-      get: () => me(),
+    const e = f({
+      get: () => xe(),
       set: (l) => l
-    }), w = i(Math.min(
+    }), $ = c(Math.min(
       e.value.style.chart.areas.height,
       e.value.style.chart.areas.rowHeight
     )), {
-      userOptionsVisible: ee,
-      setUserOptionsVisibility: be,
-      keepUserOptionState: xe
-    } = Ft({ config: e.value }), { svgRef: te } = Xt({ config: e.value.style.chart.title });
-    bt(le), xt(() => {
-      B.value && B.value.disconnect();
-    });
-    function le() {
-      if (Ct(x.dataset) ? ue({
+      userOptionsVisible: le,
+      setUserOptionsVisibility: ke,
+      keepUserOptionState: Ae
+    } = qt({ config: e.value }), { svgRef: ae } = Jt({ config: e.value.style.chart.title });
+    zt(oe);
+    function oe() {
+      if (It(x.dataset) ? ce({
         componentName: "VueUiRidgeline",
         type: "dataset"
       }) : x.dataset.forEach((l, s) => {
-        Ve({
+        We({
           datasetObject: l,
           requiredAttributes: ["name", "datapoints"]
         }).forEach((t) => {
-          O.value = !1, ue({
+          z.value = !1, ce({
             componentName: "VueUiRidgeline",
             type: "datasetSerieAttribute",
             property: t,
             index: s
           });
         }), l.datapoints.length && l.datapoints.forEach((t, o) => {
-          Ve({
+          We({
             datasetObject: t,
             requiredAttributes: ["name", "values"]
           }).forEach((a) => {
-            O.value = !1, ue({
+            z.value = !1, ce({
               componentName: "VueUiRidgeline",
               type: "datasetSerieAttribute",
               property: `datapoint.${a}`,
@@ -99,180 +90,183 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
             });
           });
         });
-      }), Ke.value = x.dataset.length, w.value = Math.min(
+      }), ct.value = x.dataset.length, $.value = Math.min(
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
       ), e.value.responsive) {
-        const l = Ht(() => {
-          const { width: s, height: t } = Vt({
-            chart: V.value,
-            title: e.value.style.chart.title.text ? ie.value : null,
-            legend: e.value.style.chart.legend.show ? ce.value : null,
-            source: he.value,
-            noTitle: ve.value,
+        const l = Qt(() => {
+          const { width: s, height: t } = Zt({
+            chart: G.value,
+            title: e.value.style.chart.title.text ? ve.value : null,
+            legend: e.value.style.chart.legend.show ? he.value : null,
+            source: de.value,
+            noTitle: ye.value,
             padding: e.value.style.chart.padding
           });
           requestAnimationFrame(() => {
-            ge.value = s, w.value = t / x.dataset.length, pe.value = t;
+            me.value = s, $.value = t / x.dataset.length, be.value = t;
           });
         });
-        B.value = new ResizeObserver(l), B.value.observe(V.value.parentNode);
+        S.value && (I.value && S.value.unobserve(I.value), S.value.disconnect()), S.value = new ResizeObserver(l), I.value = G.value.parentNode, S.value.observe(I.value);
       }
     }
-    const { isPrinting: ke, isImaging: Ae, generatePdf: $e, generateImage: Ce } = Rt({
-      elementId: `vue-ui-ridgeline_${C.value}`,
+    Nt(() => {
+      S.value && (I.value && S.value.unobserve(I.value), S.value.disconnect());
+    });
+    const { isPrinting: Ce, isImaging: we, generatePdf: $e, generateImage: _e } = Kt({
+      elementId: `vue-ui-ridgeline_${w.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-ridgeline",
       options: e.value.userOptions.print
-    }), Qe = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ze = g(() => wt(e.value.customPalette)), X = i({
+    }), vt = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), ht = f(() => Ft(e.value.customPalette)), H = c({
       showTable: e.value.table.show
     });
-    Xe(() => x.config, (l) => {
-      e.value = me(), ee.value = !e.value.userOptions.showOnChartHover, le(), de.value += 1, ye.value += 1, w.value = Math.min(
+    He(() => x.config, (l) => {
+      e.value = xe(), le.value = !e.value.userOptions.showOnChartHover, oe(), ge.value += 1, fe.value += 1, $.value = Math.min(
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
-      ), X.value.showTable = e.value.table.show;
-    }, { deep: !0 }), Xe(() => x.dataset, le, { deep: !0 });
-    const ae = g(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
-    function we(l) {
-      P.value.includes(l) ? P.value = P.value.filter((s) => s !== l) : P.value.push(l), Q("selectLegend", I.value);
+      ), H.value.showTable = e.value.table.show;
+    }, { deep: !0 }), He(() => x.dataset, oe, { deep: !0 });
+    const se = f(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
+    function Me(l) {
+      O.value.includes(l) ? O.value = O.value.filter((s) => s !== l) : O.value.push(l), ee("selectLegend", X.value);
     }
-    const _ = g(() => O.value ? x.dataset.map((l, s) => ({
+    const _ = f(() => z.value ? x.dataset.map((l, s) => ({
       ...l,
-      labelLen: lt(l.name, e.value.style.chart.yAxis.labels.fontSize),
-      uid: ne(),
+      labelLen: gt(l.name, e.value.style.chart.yAxis.labels.fontSize),
+      uid: ie(),
       datapoints: l.datapoints.map((t, o) => {
-        const a = t.color ? _t(t.color) : Ze.value[o] || q[o] || q[o % q.length], u = Be(t.name);
+        const a = t.color ? Rt(t.color) : ht.value[o] || K[o] || K[o % K.length], i = je(t.name);
         return {
           ...t,
           color: a,
-          id: u
+          id: i
         };
       })
-    })) : []), _e = g(() => e.value.style.chart.padding.top + w.value * x.dataset.length + w.value * ae.value), k = g(() => ({
+    })) : []), Pe = f(() => e.value.style.chart.padding.top + $.value * x.dataset.length + $.value * se.value), k = f(() => ({
       fullHeight: y.value.padding.top + y.value.padding.bottom + y.value.height,
       top: y.value.padding.top,
       left: y.value.padding.left,
       right: y.value.width - y.value.padding.right,
       bottom: y.value.padding.top + y.value.height,
       width: y.value.width - (y.value.padding.left + y.value.padding.right)
-    })), y = g(() => {
+    })), y = f(() => {
       const l = e.value.style.chart.padding;
       return {
-        width: ge.value,
-        height: _e.value,
+        width: me.value,
+        height: Pe.value,
         padding: l
       };
-    }), D = g(() => {
-      const l = Math.max(..._.value.map((u) => u.labelLen)), s = Math.max(..._.value.flatMap((u) => u.datapoints.map((A) => A.values.length))), t = y.value.padding.left + l + 16 + e.value.style.chart.yAxis.labels.offsetX, o = (k.value.width - t) / s, a = [];
-      for (let u = 0; u < s; u += 1)
+    }), R = f(() => {
+      const l = Math.max(..._.value.map((i) => i.labelLen)), s = Math.max(..._.value.flatMap((i) => i.datapoints.map((A) => A.values.length))), t = y.value.padding.left + l + 16 + e.value.style.chart.yAxis.labels.offsetX, o = (k.value.width - t) / s, a = [];
+      for (let i = 0; i < s; i += 1)
         a.push({
-          selectorX: t + o * u,
-          x: t + o * u - o / 2,
+          selectorX: t + o * i,
+          x: t + o * i - o / 2,
           y: k.value.top,
-          label: e.value.style.chart.xAxis.labels.values[u] || "",
-          index: u,
+          label: e.value.style.chart.xAxis.labels.values[i] || "",
+          index: i,
           width: o,
-          height: _e.value
+          height: Pe.value
         });
       return a;
     });
-    function et(l) {
-      Q("selectX", _.value.map((s) => s.datapoints.map((t) => ({
+    function dt(l) {
+      ee("selectX", _.value.map((s) => s.datapoints.map((t) => ({
         dp: t,
         selected: t.values[l.index]
       }))));
     }
-    function tt(l, s) {
+    function yt(l, s) {
       return l.length * s / 2 + s;
     }
-    function Me(l, s, t) {
-      const o = tt(s, t);
+    function Te(l, s, t) {
+      const o = yt(s, t);
       return l + o > k.value.right;
     }
-    function lt(l, s, t = "sans-serif") {
-      const a = document.createElement("canvas").getContext("2d"), u = typeof s == "number" ? `${s}px` : s;
-      return a.font = `${u} ${t}`, a.measureText(l).width;
+    function gt(l, s, t = "sans-serif") {
+      const a = document.createElement("canvas").getContext("2d"), i = typeof s == "number" ? `${s}px` : s;
+      return a.font = `${i} ${t}`, a.measureText(l).width;
     }
-    const I = g(() => {
-      w.value;
-      const l = Math.max(..._.value.map((b) => b.labelLen)), s = Math.max(..._.value.flatMap((b) => b.datapoints.map((S) => S.values.length))), t = Math.max(..._.value.flatMap((b) => b.datapoints.flatMap((S) => S.values))), o = Math.min(..._.value.flatMap((b) => b.datapoints.flatMap((S) => S.values))), a = y.value.padding.left + l + 16 + e.value.style.chart.yAxis.labels.offsetX, u = (k.value.width - a) / s, A = Math.abs(Math.min(o, 0)), Le = t + A;
-      function Ne(b) {
-        return isNaN(b / Le) ? 0 : b / Le;
+    const X = f(() => {
+      $.value;
+      const l = Math.max(..._.value.map((b) => b.labelLen)), s = Math.max(..._.value.flatMap((b) => b.datapoints.map((N) => N.values.length))), t = Math.max(..._.value.flatMap((b) => b.datapoints.flatMap((N) => N.values))), o = Math.min(..._.value.flatMap((b) => b.datapoints.flatMap((N) => N.values))), a = y.value.padding.left + l + 16 + e.value.style.chart.yAxis.labels.offsetX, i = (k.value.width - a) / s, A = Math.abs(Math.min(o, 0)), De = t + A;
+      function Ie(b) {
+        return isNaN(b / De) ? 0 : b / De;
       }
-      return _.value.map((b, S) => {
-        const De = k.value.top + w.value * S, z = k.value.top + De + w.value * ae.value * (1 - Ne(A));
+      return _.value.map((b, N) => {
+        const Fe = k.value.top + $.value * N, L = k.value.top + Fe + $.value * se.value * (1 - Ie(A));
         return {
           ...b,
           label: {
             x: a - e.value.style.chart.yAxis.labels.fontSize,
-            y: z
+            y: L
           },
-          datapoints: b.datapoints.map((E) => {
-            const L = E.values.map((H, yt) => {
-              const ft = isNaN(H) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(H) ? 0 : H || 0, gt = a + u * yt, pt = k.value.top + De + w.value * ae.value * (1 - Ne(ft + A)), mt = H === Math.max(...E.values);
+          datapoints: b.datapoints.map((B) => {
+            const D = B.values.map((U, Mt) => {
+              const Pt = isNaN(U) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(U) ? 0 : U || 0, Tt = a + i * Mt, St = k.value.top + Fe + $.value * se.value * (1 - Ie(Pt + A)), Ot = U === Math.max(...B.values);
               return {
-                x: gt,
-                y: pt,
-                value: H,
-                isMaxPoint: mt,
-                zero: z
+                x: Tt,
+                y: St,
+                value: U,
+                isMaxPoint: Ot,
+                zero: L
               };
-            }), ct = `${Mt(L, z, !1, !1)}`, ht = `M ${a},${z} ${Ue(L)} ${L.at(-1).x},${z}`, vt = `M ${a},${z} ${L.at(-1).x},${z}`, Ie = `M ${Tt(L)}`, Fe = `M ${Ue(L)}`, dt = Pt(
-              e.value.style.chart.areas.smooth ? Ie : Fe
+            }), Ct = `${Xt(D, L, !1, !1)}`, wt = `M ${a},${L} ${Ye(D)} ${D.at(-1).x},${L}`, $t = `M ${a},${L} ${D.at(-1).x},${L}`, Re = `M ${Et(D)}`, Xe = `M ${Ye(D)}`, _t = Ht(
+              e.value.style.chart.areas.smooth ? Re : Xe
             );
             return {
-              ...E,
-              uid: ne(),
-              plots: L,
-              smoothPath: ct,
-              straightPath: ht,
-              zeroPath: vt,
-              pathLength: dt,
-              smoothPathRidge: Ie,
-              straightPathRidge: Fe
+              ...B,
+              uid: ie(),
+              plots: D,
+              smoothPath: Ct,
+              straightPath: wt,
+              zeroPath: $t,
+              pathLength: _t,
+              smoothPathRidge: Re,
+              straightPathRidge: Xe
             };
-          }).filter((E) => !P.value.includes(E.id))
+          }).filter((B) => !O.value.includes(B.id))
         };
       });
-    }), P = i([]);
-    function at(l) {
+    }), O = c([]);
+    function ft(l) {
       const s = /* @__PURE__ */ new Map();
       return l.forEach((t) => {
         t.datapoints.forEach((o, a) => {
-          const u = Be(o.name);
-          s.has(u) || s.set(u, {
-            id: u,
+          const i = je(o.name);
+          s.has(i) || s.set(i, {
+            id: i,
             name: o.name,
             color: o.color,
             shape: "circle",
-            segregate: () => we(u),
-            isSegregated: P.value.includes(u),
-            opacity: P.value.includes(u) ? 0.5 : 1
+            segregate: () => Me(i),
+            isSegregated: O.value.includes(i),
+            opacity: O.value.includes(i) ? 0.5 : 1
           });
         });
       }), Array.from(s.values());
     }
-    const oe = g(() => at(_.value)), ot = g(() => ({
+    const re = f(() => ft(_.value)), pt = f(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), R = i(!1);
-    function st(l) {
-      R.value = l, fe.value += 1;
+    })), V = c(!1);
+    function mt(l) {
+      V.value = l, pe.value += 1;
     }
-    const Te = i({}), Pe = i([]);
-    function rt(l) {
-      Q("selectDatapoint", l), e.value.style.chart.dialog.show && (Pe.value = l.datapoints.map((s) => ({
+    const Se = c({}), Oe = c([]);
+    function bt(l) {
+      ee("selectDatapoint", l), e.value.style.chart.dialog.show && (Oe.value = l.datapoints.map((s) => ({
         name: s.name,
         color: s.color,
         type: "line",
         useArea: !0,
         smooth: e.value.style.chart.areas.smooth,
         series: s.values
-      })), N.value = l, Te.value = It({
+      })), F.value = l, Se.value = Yt({
         ...e.value.style.chart.dialog.xyChart,
         responsive: !0,
         // Overriding 
@@ -295,23 +289,23 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
             // Overriding
           }
         }
-      }), Z.value && Z.value.open());
+      }), te.value && te.value.open());
     }
-    const se = i(null);
-    function nt(l) {
-      se.value = l;
+    const ne = c(null);
+    function xt(l) {
+      ne.value = l;
     }
-    function ut() {
-      se.value = null;
+    function kt() {
+      ne.value = null;
     }
-    const U = i(!1);
-    function re() {
-      U.value = !U.value;
+    const W = c(!1);
+    function ue() {
+      W.value = !W.value;
     }
-    function Oe() {
-      X.value.showTable = !X.value.showTable;
+    function ze() {
+      H.value.showTable = !H.value.showTable;
     }
-    const Se = g(() => ({ body: I.value.flatMap((t) => t.datapoints.flatMap((o) => ({
+    const Ne = f(() => ({ body: X.value.flatMap((t) => t.datapoints.flatMap((o) => ({
       ...o,
       rowName: `${t.name}: ${o.name}`
     }))).map((t) => [
@@ -320,7 +314,7 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
         color: t.color
       },
       ...t.values
-    ]) })), G = g(() => {
+    ]) })), j = f(() => {
       const l = [
         e.value.table.columnNames.series,
         ...e.value.style.chart.xAxis.labels.values
@@ -343,74 +337,74 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
           ...e.value.style.chart.xAxis.labels.values
         ],
         head: l,
-        body: Se.value.body,
+        body: Ne.value.body,
         config: s
       };
     });
-    function ze() {
-      At(() => {
+    function Le() {
+      Lt(() => {
         const l = [
           [e.value.table.columnNames.series, ...e.value.style.chart.xAxis.labels.values.map((o) => [o])],
-          ...Se.value.body.map((o, a) => [o[0].name, ...o.slice(1)])
+          ...Ne.value.body.map((o, a) => [o[0].name, ...o.slice(1)])
         ], s = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text]
-        ].concat(l), t = Nt(s);
-        Dt({
+        ].concat(l), t = Wt(s);
+        jt({
           csvContent: t,
           title: e.value.style.chart.title.text || "vue-ui-ridgeline"
         });
       });
     }
-    function it() {
-      return I.value;
+    function At() {
+      return X.value;
     }
-    return je({
-      getData: it,
-      generateImage: Ce,
+    return Ke({
+      getData: At,
+      generateImage: _e,
       generatePdf: $e,
-      generateCsv: ze,
-      toggleAnnotator: re,
-      toggleTable: Oe
+      generateCsv: Le,
+      toggleAnnotator: ue,
+      toggleTable: ze
     }), (l, s) => (r(), n("div", {
       ref_key: "ridgelineChart",
-      ref: V,
-      class: W(`vue-ui-ridgeline ${R.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      id: `vue-ui-ridgeline_${C.value}`,
-      style: M({
+      ref: G,
+      class: Y(`vue-ui-ridgeline ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      id: `vue-ui-ridgeline_${w.value}`,
+      style: P({
         fontFamily: e.value.style.fontFamily,
         width: "100%",
         textAlign: "center",
         background: e.value.style.chart.backgroundColor,
         height: e.value.responsive ? "100%" : void 0
       }),
-      onMouseenter: s[4] || (s[4] = () => c(be)(!0)),
-      onMouseleave: s[5] || (s[5] = () => c(be)(!1))
+      onMouseenter: s[4] || (s[4] = () => u(ke)(!0)),
+      onMouseleave: s[5] || (s[5] = () => u(ke)(!1))
     }, [
-      e.value.userOptions.buttons.annotator && c(te) ? (r(), T(jt, {
+      e.value.userOptions.buttons.annotator && u(ae) ? (r(), T(u(at), {
         key: 0,
         color: e.value.style.chart.color,
         backgroundColor: e.value.style.chart.backgroundColor,
-        active: U.value,
-        svgRef: c(te),
-        onClose: re
-      }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : h("", !0),
+        active: W.value,
+        svgRef: u(ae),
+        onClose: ue
+      }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : v("", !0),
       p(l.$slots, "userConfig", {}, void 0, !0),
-      Qe.value ? (r(), n("div", {
+      vt.value ? (r(), n("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: ve,
+        ref: ye,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : h("", !0),
+      }, null, 512)) : v("", !0),
       e.value.style.chart.title.text ? (r(), n("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: ie,
+        ref: ve,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (r(), T(Jt, {
-          key: `title_${de.value}`,
+        (r(), T(tl, {
+          key: `title_${ge.value}`,
           config: {
             title: {
               cy: "ridgeline-div-title",
@@ -422,15 +416,15 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : h("", !0),
-      e.value.userOptions.show && O.value && (c(xe) || c(ee)) ? (r(), T(Et, {
+      ], 512)) : v("", !0),
+      e.value.userOptions.show && z.value && (u(Ae) || u(le)) ? (r(), T(u(rt), {
         ref: "details",
-        key: `user_option_${fe.value}`,
+        key: `user_option_${pe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: c(ke),
-        isImaging: c(Ae),
-        uid: C.value,
+        isPrinting: u(Ce),
+        isImaging: u(we),
+        uid: w.value,
         hasTooltip: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -438,27 +432,27 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
         hasTable: e.value.userOptions.buttons.table,
         hasLabel: !1,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: R.value,
-        chartElement: V.value,
+        isFullscreen: V.value,
+        chartElement: G.value,
         position: e.value.userOptions.position,
         isTooltip: !1,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: U.value,
-        style: M({
-          visibility: c(xe) ? c(ee) ? "visible" : "hidden" : "visible"
+        isAnnotation: W.value,
+        style: P({
+          visibility: u(Ae) ? u(le) ? "visible" : "hidden" : "visible"
         }),
-        onToggleFullscreen: st,
-        onGeneratePdf: c($e),
-        onGenerateCsv: ze,
-        onGenerateImage: c(Ce),
-        onToggleTable: Oe,
-        onToggleAnnotator: re
-      }, Re({ _: 2 }, [
+        onToggleFullscreen: mt,
+        onGeneratePdf: u($e),
+        onGenerateCsv: Le,
+        onGenerateImage: u(_e),
+        onToggleTable: ze,
+        onToggleAnnotator: ue
+      }, Ve({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: m(({ isOpen: t, color: o }) => [
-            p(l.$slots, "menuIcon", j(Y({ isOpen: t, color: o })), void 0, !0)
+            p(l.$slots, "menuIcon", q(J({ isOpen: t, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -500,30 +494,31 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: m(({ toggleFullscreen: t, isFullscreen: o }) => [
-            p(l.$slots, "optionFullscreen", j(Y({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
+            p(l.$slots, "optionFullscreen", q(J({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: m(({ toggleAnnotator: t, isAnnotator: o }) => [
-            p(l.$slots, "optionAnnotator", j(Y({ toggleAnnotator: t, isAnnotator: o })), void 0, !0)
+            p(l.$slots, "optionAnnotator", q(J({ toggleAnnotator: t, isAnnotator: o })), 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"])) : h("", !0),
-      O.value ? (r(), n("svg", {
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "style", "onGeneratePdf", "onGenerateImage"])) : v("", !0),
+      z.value ? (r(), n("svg", {
         key: 4,
         ref_key: "svgRef",
-        ref: te,
-        xmlns: c(Ot),
-        class: W({ "vue-data-ui-fullscreen--on": R.value, "vue-data-ui-fulscreen--off": !R.value }),
+        ref: ae,
+        xmlns: u(Vt),
+        class: Y({ "vue-data-ui-fullscreen--on": V.value, "vue-data-ui-fulscreen--off": !V.value }),
         viewBox: `0 0 ${y.value.width <= 0 ? 10 : y.value.width} ${k.value.fullHeight <= 0 ? 10 : k.value.fullHeight}`,
-        style: M(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};${e.value.responsive ? `height: ${pe.value}px; width: 100%;` : ""}`)
+        style: P(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};${e.value.responsive ? `height: ${be.value}px; width: 100%;` : ""}`)
       }, [
+        Be(u(lt)),
         d("defs", null, [
-          (r(!0), n(f, null, $(oe.value, (t, o) => (r(), n("linearGradient", {
-            id: `gradient-${t.id}-${C.value}`,
+          (r(!0), n(g, null, C(re.value, (t, o) => (r(), n("linearGradient", {
+            id: `gradient-${t.id}-${w.value}`,
             x1: "50%",
             y1: "0%",
             x2: "50%",
@@ -533,27 +528,27 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
               offset: "0%",
               "stop-color": t.color,
               "stop-opacity": "1"
-            }, null, 8, ll),
+            }, null, 8, rl),
             d("stop", {
               offset: "30%",
               "stop-color": t.color,
               "stop-opacity": "0.7"
-            }, null, 8, al),
+            }, null, 8, nl),
             d("stop", {
               offset: "70%",
               "stop-color": t.color,
               "stop-opacity": "0.3"
-            }, null, 8, ol),
+            }, null, 8, ul),
             d("stop", {
               offset: "100%",
               "stop-color": t.color,
               "stop-opacity": "0.1"
-            }, null, 8, sl)
-          ], 8, tl))), 256)),
-          (r(!0), n(f, null, $(I.value, (t, o) => (r(), n(f, null, [
-            (r(!0), n(f, null, $(t.datapoints, (a, u) => (r(), n("linearGradient", {
+            }, null, 8, il)
+          ], 8, sl))), 256)),
+          (r(!0), n(g, null, C(X.value, (t, o) => (r(), n(g, null, [
+            (r(!0), n(g, null, C(t.datapoints, (a, i) => (r(), n("linearGradient", {
               key: `grad${a.id}`,
-              id: `gradient-single-${C.value}-${a.uid}`,
+              id: `gradient-single-${w.value}-${a.uid}`,
               x1: "50%",
               y1: "0%",
               x2: "50%",
@@ -563,45 +558,45 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
                 offset: "0%",
                 "stop-color": a.color,
                 "stop-opacity": "1"
-              }, null, 8, nl),
+              }, null, 8, vl),
               d("stop", {
                 offset: "30%",
                 "stop-color": a.color,
                 "stop-opacity": "0.7"
-              }, null, 8, ul),
+              }, null, 8, hl),
               d("stop", {
                 offset: "70%",
                 "stop-color": a.color,
                 "stop-opacity": "0.3"
-              }, null, 8, il),
+              }, null, 8, dl),
               d("stop", {
                 offset: "100%",
                 "stop-color": a.color,
                 "stop-opacity": "0.1"
-              }, null, 8, cl)
-            ], 8, rl))), 128))
+              }, null, 8, yl)
+            ], 8, cl))), 128))
           ], 64))), 256))
         ]),
-        (r(!0), n(f, null, $(I.value, (t, o) => (r(), n("g", {
+        (r(!0), n(g, null, C(X.value, (t, o) => (r(), n("g", {
           key: `ds-${o}`
         }, [
-          (r(!0), n(f, null, $(t.datapoints, (a, u) => (r(), n("g", {
+          (r(!0), n(g, null, C(t.datapoints, (a, i) => (r(), n("g", {
             key: a.id
           }, [
-            l.$slots.pattern ? (r(), n("g", hl, [
+            l.$slots.pattern ? (r(), n("g", gl, [
               d("defs", null, [
-                p(l.$slots, "pattern", Ee({ ref_for: !0 }, { datapointIndex: o, seriesIndex: u, patternId: `pattern_${C.value}_${a.uid}` }), void 0, !0)
+                p(l.$slots, "pattern", Ue({ ref_for: !0 }, { datapointIndex: o, seriesIndex: i, patternId: `pattern_${w.value}_${a.uid}` }), void 0, !0)
               ])
-            ])) : h("", !0),
+            ])) : v("", !0),
             d("path", {
-              fill: l.$slots.pattern ? `url(#pattern_${C.value}_${a.uid})` : e.value.style.chart.backgroundColor,
+              fill: l.$slots.pattern ? `url(#pattern_${w.value}_${a.uid})` : e.value.style.chart.backgroundColor,
               stroke: "none",
               "stroke-linecap": "round",
               d: e.value.style.chart.areas.smooth ? a.smoothPath : a.straightPath,
-              style: M({
+              style: P({
                 opacity: e.value.style.chart.areas.opacity
               })
-            }, null, 12, vl),
+            }, null, 12, fl),
             d("path", {
               fill: "none",
               stroke: e.value.style.chart.areas.stroke.useSerieColor ? a.color : e.value.style.chart.areas.stroke.color,
@@ -609,24 +604,24 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
               d: e.value.style.chart.areas.smooth ? a.smoothPathRidge : a.straightPathRidge,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: W({ "vue-ui-ridgeline-animate": e.value.useCssAnimation }),
-              style: M({
+              class: Y({ "vue-ui-ridgeline-animate": e.value.useCssAnimation }),
+              style: P({
                 strokeDasharray: a.pathLength,
                 strokeDashoffset: e.value.useCssAnimation ? a.pathLength : 0
               })
-            }, null, 14, dl),
+            }, null, 14, pl),
             d("path", {
-              fill: e.value.style.chart.areas.useGradient ? e.value.style.chart.areas.useCommonColor ? `url(#gradient-${a.id}-${C.value})` : `url(#gradient-single-${C.value}-${a.uid})` : a.color,
+              fill: e.value.style.chart.areas.useGradient ? e.value.style.chart.areas.useCommonColor ? `url(#gradient-${a.id}-${w.value})` : `url(#gradient-single-${w.value}-${a.uid})` : a.color,
               stroke: "none",
               d: e.value.style.chart.areas.smooth ? a.smoothPath : a.straightPath,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: W({ "vue-ui-ridgeline-animate": e.value.useCssAnimation }),
-              style: M({
+              class: Y({ "vue-ui-ridgeline-animate": e.value.useCssAnimation }),
+              style: P({
                 strokeDasharray: a.pathLength,
                 strokeDashoffset: e.value.useCssAnimation ? a.pathLength : 0
               })
-            }, null, 14, yl),
+            }, null, 14, ml),
             e.value.style.chart.zeroLine.show ? (r(), n("path", {
               key: 1,
               stroke: e.value.style.chart.zeroLine.useSerieColor ? a.color : e.value.style.chart.zeroLine.stroke,
@@ -634,20 +629,20 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
               "stroke-width": e.value.style.chart.zeroLine.strokeWidth,
               d: a.zeroPath,
               "stroke-linecap": "round"
-            }, null, 8, fl)) : h("", !0),
-            e.value.style.chart.areas.maxPoint.show && a.plots.length > 1 ? (r(!0), n(f, { key: 2 }, $(a.plots, (A) => (r(), n(f, null, [
+            }, null, 8, bl)) : v("", !0),
+            e.value.style.chart.areas.maxPoint.show && a.plots.length > 1 ? (r(!0), n(g, { key: 2 }, C(a.plots, (A) => (r(), n(g, null, [
               A.isMaxPoint ? (r(), n("line", {
                 key: 0,
                 x1: A.x,
                 y1: A.y,
                 x2: A.x,
                 y2: A.zero,
-                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? c(St)(a.color) : e.value.style.chart.areas.maxPoint.stroke,
+                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? u(Bt)(a.color) : e.value.style.chart.areas.maxPoint.stroke,
                 "stroke-width": e.value.style.chart.areas.maxPoint.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-dasharray": e.value.style.chart.areas.maxPoint.strokeDasharray
-              }, null, 8, gl)) : h("", !0)
-            ], 64))), 256)) : h("", !0),
+              }, null, 8, xl)) : v("", !0)
+            ], 64))), 256)) : v("", !0),
             a.plots.length === 1 ? (r(), n("circle", {
               key: 3,
               cx: a.plots[0].x,
@@ -659,7 +654,7 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
               style: {
                 pointerEvents: "none"
               }
-            }, null, 8, pl)) : h("", !0)
+            }, null, 8, kl)) : v("", !0)
           ]))), 128)),
           d("text", {
             x: t.label.x,
@@ -668,18 +663,18 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
             "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: M({
+            style: P({
               cursor: e.value.style.chart.dialog.show ? "pointer" : "default"
             }),
-            "text-decoration": e.value.style.chart.dialog.show && (se.value === o || N.value && t.uid === N.value.uid) ? "underline" : "",
-            onMouseenter: (a) => nt(o),
-            onMouseleave: ut,
-            onClick: (a) => rt(t)
-          }, F(t.name), 45, ml)
+            "text-decoration": e.value.style.chart.dialog.show && (ne.value === o || F.value && t.uid === F.value.uid) ? "underline" : "",
+            onMouseenter: (a) => xt(o),
+            onMouseleave: kt,
+            onClick: (a) => bt(t)
+          }, E(t.name), 45, Al)
         ]))), 128)),
-        e.value.style.chart.xAxis.labels.values.length ? (r(), n("g", bl, [
-          (r(!0), n(f, null, $(D.value, (t, o) => p(l.$slots, "time-label", Ee({ 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 && (o === 0 || o === D.value.length - 1) || t && v.value && v.value.index === o || t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && o % Math.floor(D.value.length / e.value.style.chart.xAxis.labels.modulo) === 0,
+        e.value.style.chart.xAxis.labels.values.length ? (r(), n("g", Cl, [
+          (r(!0), n(g, null, C(R.value, (t, o) => p(l.$slots, "time-label", Ue({ 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 && (o === 0 || o === R.value.length - 1) || t && h.value && h.value.index === o || t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && o % Math.floor(R.value.length / e.value.style.chart.xAxis.labels.modulo) === 0,
             fontSize: e.value.style.chart.xAxis.labels.fontSize,
             content: t.label,
             textAnchor: e.value.style.chart.xAxis.labels.rotation > 0 ? "start" : e.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
@@ -688,46 +683,46 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
             x: t.selectorX,
             y: k.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 && (o === 0 || o === D.value.length - 1) || t && v.value && v.value.index === o || t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && o % Math.floor(D.value.length / e.value.style.chart.xAxis.labels.modulo) === 0 ? (r(), n("text", {
+            t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || t && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (o === 0 || o === R.value.length - 1) || t && h.value && h.value.index === o || t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && o % Math.floor(R.value.length / e.value.style.chart.xAxis.labels.modulo) === 0 ? (r(), n("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}, ${k.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: M({
-                opacity: v.value ? v.value.index === o ? 1 : 0.2 : 1
+              style: P({
+                opacity: h.value ? h.value.index === o ? 1 : 0.2 : 1
               })
-            }, F(t.label), 13, xl)) : h("", !0)
+            }, E(t.label), 13, wl)) : v("", !0)
           ], !0)), 256))
-        ])) : h("", !0),
+        ])) : v("", !0),
         d("g", null, [
-          (r(!0), n(f, null, $(D.value, (t, o) => (r(), n("rect", {
+          (r(!0), n(g, null, C(R.value, (t, o) => (r(), n("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: (a) => v.value = t,
-            onMouseleave: s[0] || (s[0] = (a) => v.value = null),
-            onClick: () => et(t)
-          }, null, 40, kl))), 256)),
-          e.value.style.chart.selector.show && v.value ? (r(), n("line", {
+            onMouseenter: (a) => h.value = t,
+            onMouseleave: s[0] || (s[0] = (a) => h.value = null),
+            onClick: () => dt(t)
+          }, null, 40, $l))), 256)),
+          e.value.style.chart.selector.show && h.value ? (r(), n("line", {
             key: 0,
-            x1: v.value.selectorX,
-            x2: v.value.selectorX,
-            y1: v.value.y,
-            y2: v.value.y + v.value.height - w.value / 2,
+            x1: h.value.selectorX,
+            x2: h.value.selectorX,
+            y1: h.value.y,
+            y2: h.value.y + h.value.height - $.value / 2,
             stroke: e.value.style.chart.selector.stroke,
             "stroke-width": e.value.style.chart.selector.strokeWidth,
             "stroke-dasharray": e.value.style.chart.selector.strokeDasharray,
             "stroke-linecap": "round",
             style: { pointerEvents: "none" }
-          }, null, 8, Al)) : h("", !0),
-          v.value ? (r(!0), n(f, { key: 1 }, $(I.value, (t) => (r(), n(f, null, [
-            (r(!0), n(f, null, $(t.datapoints, (o) => (r(), n(f, null, [
-              (r(!0), n(f, null, $(o.plots, (a, u) => (r(), n(f, null, [
-                v.value && v.value.index === u ? (r(), n("circle", {
+          }, null, 8, _l)) : v("", !0),
+          h.value ? (r(!0), n(g, { key: 1 }, C(X.value, (t) => (r(), n(g, null, [
+            (r(!0), n(g, null, C(t.datapoints, (o) => (r(), n(g, null, [
+              (r(!0), n(g, null, C(o.plots, (a, i) => (r(), n(g, null, [
+                h.value && h.value.index === i ? (r(), n("circle", {
                   key: 0,
                   cx: a.x,
                   cy: a.y,
@@ -738,15 +733,15 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
                   style: {
                     pointerEvents: "none"
                   }
-                }, null, 8, $l)) : h("", !0),
-                v.value && v.value.index === u ? (r(), n("text", {
+                }, null, 8, Ml)) : v("", !0),
+                h.value && h.value.index === i ? (r(), n("text", {
                   key: 1,
-                  x: Me(
+                  x: Te(
                     a.x,
-                    c(J)(
+                    u(Q)(
                       e.value.style.chart.selector.labels.formatter,
                       a.value,
-                      c(K)({
+                      u(Z)({
                         p: e.value.style.chart.xAxis.labels.prefix,
                         v: a.value,
                         s: e.value.style.chart.xAxis.labels.suffix,
@@ -756,12 +751,12 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
                     e.value.style.chart.selector.labels.fontSize
                   ) ? a.x - e.value.style.chart.selector.labels.fontSize / 2 : a.x + e.value.style.chart.selector.labels.fontSize / 2,
                   y: a.y + e.value.style.chart.selector.labels.fontSize / 3,
-                  "text-anchor": Me(
+                  "text-anchor": Te(
                     a.x,
-                    c(J)(
+                    u(Q)(
                       e.value.style.chart.selector.labels.formatter,
                       a.value,
-                      c(K)({
+                      u(Z)({
                         p: e.value.style.chart.xAxis.labels.prefix,
                         v: a.value,
                         s: e.value.style.chart.xAxis.labels.suffix,
@@ -775,26 +770,26 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
                   style: {
                     pointerEvents: "none"
                   }
-                }, F(c(J)(
+                }, E(u(Q)(
                   e.value.style.chart.selector.labels.formatter,
                   a.value,
-                  c(K)({
+                  u(Z)({
                     p: e.value.style.chart.xAxis.labels.prefix,
                     v: a.value,
                     s: e.value.style.chart.xAxis.labels.suffix,
                     r: e.value.style.chart.selector.labels.rounding
                   })
-                )), 9, Cl)) : h("", !0)
+                )), 9, Pl)) : v("", !0)
               ], 64))), 256))
             ], 64))), 256))
-          ], 64))), 256)) : h("", !0)
+          ], 64))), 256)) : v("", !0)
         ]),
         p(l.$slots, "svg", { svg: y.value }, void 0, !0)
-      ], 14, el)) : h("", !0),
-      l.$slots.watermark ? (r(), n("div", wl, [
-        p(l.$slots, "watermark", j(Y({ isPrinting: c(ke) || c(Ae) })), void 0, !0)
-      ])) : h("", !0),
-      O.value ? h("", !0) : (r(), T(qt, {
+      ], 14, ol)) : v("", !0),
+      l.$slots.watermark ? (r(), n("div", Tl, [
+        p(l.$slots, "watermark", q(J({ isPrinting: u(Ce) || u(we) })), void 0, !0)
+      ])) : v("", !0),
+      z.value ? v("", !0) : (r(), T(u(st), {
         key: 6,
         config: {
           type: "ridgeline",
@@ -808,51 +803,51 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
       }, null, 8, ["config"])),
       d("div", {
         ref_key: "chartLegend",
-        ref: ce
+        ref: he
       }, [
-        e.value.style.chart.legend.show ? (r(), T(Wt, {
-          key: `legend_${ye.value}`,
-          legendSet: oe.value,
-          config: ot.value,
-          onClickMarker: s[1] || (s[1] = ({ legend: t }) => we(t.id))
-        }, Re({
+        e.value.style.chart.legend.show ? (r(), T(el, {
+          key: `legend_${fe.value}`,
+          legendSet: re.value,
+          config: pt.value,
+          onClickMarker: s[1] || (s[1] = ({ legend: t }) => Me(t.id))
+        }, Ve({
           item: m(({ legend: t }) => [
             d("div", {
-              style: M(`opacity:${P.value.includes(t.id) ? 0.5 : 1}`),
+              style: P(`opacity:${O.value.includes(t.id) ? 0.5 : 1}`),
               onClick: (o) => t.segregate()
-            }, F(t.name), 13, _l)
+            }, E(t.name), 13, Sl)
           ]),
           _: 2
         }, [
           l.$slots.pattern ? {
             name: "legend-pattern",
             fn: m(({ legend: t, index: o }) => [
-              kt(Yt, {
+              Be(u(ot), {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
                 plot: { x: 30, y: 30 },
-                fill: `url(#pattern_${C.value}_${o})`
+                fill: `url(#pattern_${w.value}_${o})`
               }, null, 8, ["shape", "fill"])
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["legendSet", "config"])) : h("", !0),
-        p(l.$slots, "legend", { legend: oe.value }, void 0, !0)
+        ]), 1032, ["legendSet", "config"])) : v("", !0),
+        p(l.$slots, "legend", { legend: re.value }, void 0, !0)
       ], 512),
       l.$slots.source ? (r(), n("div", {
         key: 7,
         ref_key: "source",
-        ref: he,
+        ref: de,
         dir: "auto"
       }, [
         p(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : h("", !0),
-      O.value ? (r(), T(Bt, {
+      ], 512)) : v("", !0),
+      z.value ? (r(), T(u(Ze), {
         key: 8,
         hideDetails: "",
         config: {
-          open: X.value.showTable,
+          open: H.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -865,23 +860,23 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
         }
       }, {
         content: m(() => [
-          (r(), T(Gt, {
-            key: `table_${Je.value}`,
-            colNames: G.value.colNames,
-            head: G.value.head,
-            body: G.value.body,
-            config: G.value.config,
+          (r(), T(u(tt), {
+            key: `table_${it.value}`,
+            colNames: j.value.colNames,
+            head: j.value.head,
+            body: j.value.body,
+            config: j.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` :${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: s[2] || (s[2] = (t) => X.value.showTable = !1)
+            onClose: s[2] || (s[2] = (t) => H.value.showTable = !1)
           }, {
             th: m(({ th: t }) => [
-              d("div", { innerHTML: t }, null, 8, Ml)
+              d("div", { innerHTML: t }, null, 8, Ol)
             ]),
             td: m(({ td: t }) => [
-              He(F(t.name ? t.name : c(J)(
+              Ge(E(t.name ? t.name : u(Q)(
                 e.value.style.chart.selector.labels.formatter,
                 t,
-                c(K)({
+                u(Z)({
                   p: e.value.style.chart.xAxis.labels.prefix,
                   v: t,
                   s: e.value.style.chart.xAxis.labels.suffix,
@@ -893,32 +888,32 @@ const Zt = ["id"], el = ["xmlns", "viewBox"], tl = ["id"], ll = ["stop-color"],
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : h("", !0),
-      e.value.style.chart.dialog.show ? (r(), T(Ut, {
+      }, 8, ["config"])) : v("", !0),
+      e.value.style.chart.dialog.show ? (r(), T(u(et), {
         key: 9,
         ref_key: "dialog",
-        ref: Z,
-        onClose: s[3] || (s[3] = (t) => N.value = null),
+        ref: te,
+        onClose: s[3] || (s[3] = (t) => F.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: m(() => [
-          He(F(N.value.name), 1)
+          Ge(E(F.value.name), 1)
         ]),
         default: m(() => [
-          N.value ? (r(), T(Kt, {
+          F.value ? (r(), T(u(nt), {
             key: 0,
-            config: Te.value,
-            dataset: Pe.value
-          }, null, 8, ["config", "dataset"])) : h("", !0)
+            config: Se.value,
+            dataset: Oe.value
+          }, null, 8, ["config", "dataset"])) : v("", !0)
         ]),
         _: 1
-      }, 8, ["backgroundColor", "color", "headerBg", "headerColor"])) : h("", !0)
-    ], 46, Zt));
+      }, 8, ["backgroundColor", "color", "headerBg", "headerColor"])) : v("", !0)
+    ], 46, al));
   }
-}, Wl = /* @__PURE__ */ Qt(Tl, [["__scopeId", "data-v-9c3affc2"]]);
+}, Bl = /* @__PURE__ */ ll(zl, [["__scopeId", "data-v-403f8970"]]);
 export {
-  Wl as default
+  Bl as default
 };