vue-data-ui 2.12.8-beta.3 → 2.13.0

package/dist/{vue-ui-rating-CFYHJrxj.js → vue-ui-rating-DqCOz2LB.js}

@@ -1,6 +1,6 @@
 import { ref as $, useSlots as q, onMounted as R, computed as x, watch as J, createElementBlock as o, openBlock as a, normalizeStyle as s, createCommentVNode as p, createElementVNode as r, toDisplayString as f, unref as n, Fragment as B, renderList as Q, renderSlot as j, mergeProps as O, withKeys as ee } from "vue";
-import { u as te, c as le, o as oe, e as ae, i as b, f as _, X as z, w as X, Z as I } from "./index-CH_mJIWj.js";
-import { u as ie } from "./useNestedProp-rMR-JeOJ.js";
+import { u as te, c as le, o as oe, e as ae, i as b, f as _, X as z, w as X, Z as I } from "./index-BXbyT0Qn.js";
+import { u as ie } from "./useNestedProp-DVZpeH84.js";
 import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = {
   key: 0,

package/dist/{vue-ui-relation-circle-RWlfC5BI.js → vue-ui-relation-circle-DQp_zboM.js}

@@ -1,11 +1,11 @@
 import { useCssVars as Je, computed as y, defineAsyncComponent as R, ref as o, watch as Ke, shallowRef as ke, onMounted as Qe, onBeforeUnmount as Ze, createElementBlock as n, openBlock as i, unref as a, normalizeStyle as L, createBlock as B, createCommentVNode as v, createSlots as et, withCtx as I, renderSlot as h, normalizeProps as E, guardReactiveProps as T, normalizeClass as Y, createVNode as tt, createElementVNode as lt, Fragment as O, renderList as z, mergeProps as be, toDisplayString as N } from "vue";
-import { u as st, c as it, t as at, p as we, a as nt, b as rt, o as ut, e as xe, g as ot, X as ct, G as $e, i as q, f as H, F as J } from "./index-CH_mJIWj.js";
+import { u as st, c as it, t as at, p as we, a as nt, b as rt, o as ut, e as xe, g as ot, X as ct, G as $e, i as q, f as H, F as J } from "./index-BXbyT0Qn.js";
 import { t as dt, u as vt } from "./useResponsive-JZ9xq-JV.js";
-import { u as _e } from "./useNestedProp-rMR-JeOJ.js";
-import { u as ft } from "./usePrinter-DJ7WfWUs.js";
+import { u as _e } from "./useNestedProp-DVZpeH84.js";
+import { u as ft } from "./usePrinter-aKh5-HcK.js";
 import { u as yt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ht } from "./useChartAccessibility-9icAAmYg.js";
-import gt from "./Title-apr_T9tg.js";
+import gt from "./Title-DoWqzga-.js";
 import { _ as mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["cx", "cy", "r", "stroke", "stroke-width"], xt = { key: 1 }, $t = ["stroke", "d", "stroke-width"], _t = { style: { "pointer-events": "none" } }, Ct = ["cx", "cy", "fill", "r", "stroke"], Pt = ["x", "y", "fill", "font-size"], Lt = { key: 2 }, Ot = ["stroke", "stroke-width", "x1", "x2", "y1", "y2"], zt = { style: { "pointer-events": "none" } }, At = ["cx", "cy", "fill", "r", "stroke"], It = ["x", "y", "fill", "font-size"], Mt = ["text-anchor", "transform", "x", "y", "onClick", "font-weight", "font-size", "fill"], St = ["cx", "cy", "fill", "stroke", "onClick", "r"], Ft = {
   key: 5,
@@ -32,7 +32,7 @@ const pt = ["id"], kt = ["xmlns", "viewBox"], bt = ["width", "height"], wt = ["c
       "144048c5": Re.value,
       "4bcc49e7": Ee.value
     }));
-    const Le = R(() => import("./PackageVersion-ClpqQxYT.js")), Oe = R(() => import("./PenAndPaper-B-T7XvxF.js")), ze = R(() => import("./vue-ui-skeleton-C6PWt_m5.js")), Ae = R(() => import("./UserOptions-OVNxxnq5.js")), { vue_ui_relation_circle: Ie } = st(), k = Ce, j = y(() => !!k.dataset && Object.keys(k.dataset).length), A = o(it()), K = o(0), M = o(null), Q = o(null), Z = o(null), ee = o(null), te = o(0), l = y({
+    const Le = R(() => import("./PackageVersion-C5fpg4GN.js")), Oe = R(() => import("./PenAndPaper-BRkuVFb4.js")), ze = R(() => import("./vue-ui-skeleton-Fxr752Oi.js")), Ae = R(() => import("./UserOptions-B3q-xfQV.js")), { vue_ui_relation_circle: Ie } = st(), k = Ce, j = y(() => !!k.dataset && Object.keys(k.dataset).length), A = o(it()), K = o(0), M = o(null), Q = o(null), Z = o(null), ee = o(null), te = o(0), l = y({
       get: () => ae(),
       set: (e) => e
     }), { userOptionsVisible: U, setUserOptionsVisibility: le, keepUserOptionState: se } = yt({ config: l.value }), { svgRef: ie } = ht({ config: l.value.style.title });

package/dist/{vue-ui-ridgeline-Bh93VzcO.js → vue-ui-ridgeline-DoJfX7Ii.js}

@@ -1,15 +1,15 @@
 import { defineAsyncComponent as S, computed as g, ref as c, shallowRef as Ee, onMounted as St, onBeforeUnmount as zt, watch as He, createElementBlock as n, openBlock as r, unref as u, normalizeStyle as M, normalizeClass as Y, createBlock as P, 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 f, renderList as C, mergeProps as Ue, toDisplayString as H, createTextVNode as Ge, nextTick as Nt } from "vue";
-import { u as Lt, c as ie, o as Dt, e as ce, g as We, b as Ft, d as It, p as K, al as je, a8 as Rt, T as Ye, U as Xt, V as Et, X as Ht, G as Vt, i as Q, f as Z, t as Bt, a as Ut, q as Gt, r as Wt, J as jt } from "./index-CH_mJIWj.js";
+import { u as Lt, c as ie, o as Dt, e as ce, g as We, b as Ft, d as It, p as K, al as je, a8 as Rt, T as Ye, U as Xt, V as Et, X as Ht, G as Vt, i as Q, f as Z, t as Bt, a as Ut, q as Gt, r as Wt, J as jt } from "./index-BXbyT0Qn.js";
 import { u as Yt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as qt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Jt } from "./usePrinter-DJ7WfWUs.js";
+import { u as Jt } from "./usePrinter-aKh5-HcK.js";
 import { t as Kt, u as Qt } from "./useResponsive-JZ9xq-JV.js";
-import { u as qe } from "./useNestedProp-rMR-JeOJ.js";
-import Zt from "./Legend-DRqzYrP9.js";
-import el from "./Title-apr_T9tg.js";
-import { _ as tl } from "./Shape-DEWxbZ-l.js";
+import { u as qe } from "./useNestedProp-DVZpeH84.js";
+import Zt from "./Legend-DcDRW3Xd.js";
+import el from "./Title-DoWqzga-.js";
+import { _ as tl } from "./Shape-CnD-h_98.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"], fl = { key: 0 }, gl = ["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 = {
+const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["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"], fl = { key: 0 }, gl = ["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"
 }, Ol = ["onClick"], Sl = ["innerHTML"], zl = {
@@ -30,7 +30,7 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
   },
   emits: ["selectLegend", "selectDatapoint", "selectX"],
   setup(Je, { expose: Ke, emit: Qe }) {
-    const Ze = S(() => import("./vue-ui-accordion-Ds4zkPIx.js")), et = S(() => import("./BaseDraggableDialog-DLRFrsDT.js")), tt = S(() => import("./DataTable-BBqbcutV.js")), lt = S(() => import("./PackageVersion-ClpqQxYT.js")), at = S(() => import("./PenAndPaper-B-T7XvxF.js")), ot = S(() => import("./vue-ui-skeleton-C6PWt_m5.js")), st = S(() => import("./UserOptions-OVNxxnq5.js")), rt = S(() => import("./vue-ui-xy-CEFkua9H.js")), { vue_ui_ridgeline: nt } = Lt(), x = Je, z = g({
+    const Ze = S(() => import("./vue-ui-accordion-CXsjHe1y.js")), et = S(() => import("./BaseDraggableDialog-B3CZVeze.js")), tt = S(() => import("./DataTable-DBkfb6pd.js")), lt = S(() => import("./PackageVersion-C5fpg4GN.js")), at = S(() => import("./PenAndPaper-BRkuVFb4.js")), st = S(() => import("./vue-ui-skeleton-Fxr752Oi.js")), ot = S(() => import("./UserOptions-B3q-xfQV.js")), rt = S(() => import("./vue-ui-xy-DxgCkZEV.js")), { vue_ui_ridgeline: nt } = Lt(), x = Je, z = g({
       get() {
         return !!x.dataset && x.dataset.length;
       },
@@ -62,12 +62,12 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
       setUserOptionsVisibility: ke,
       keepUserOptionState: Ae
     } = Yt({ config: e.value }), { svgRef: ae } = qt({ config: e.value.style.chart.title });
-    St(oe);
-    function oe() {
+    St(se);
+    function se() {
       if (Dt(x.dataset) ? ce({
         componentName: "VueUiRidgeline",
         type: "dataset"
-      }) : x.dataset.forEach((l, s) => {
+      }) : x.dataset.forEach((l, o) => {
         We({
           datasetObject: l,
           requiredAttributes: ["name", "datapoints"]
@@ -76,9 +76,9 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
             componentName: "VueUiRidgeline",
             type: "datasetSerieAttribute",
             property: t,
-            index: s
+            index: o
           });
-        }), l.datapoints.length && l.datapoints.forEach((t, o) => {
+        }), l.datapoints.length && l.datapoints.forEach((t, s) => {
           We({
             datasetObject: t,
             requiredAttributes: ["name", "values"]
@@ -87,7 +87,7 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
               componentName: "VueUiRidgeline",
               type: "datasetSerieAttribute",
               property: `datapoint.${a}`,
-              index: `${s}-${o}`
+              index: `${o}-${s}`
             });
           });
         });
@@ -96,7 +96,7 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
         e.value.style.chart.areas.rowHeight
       ), e.value.responsive) {
         const l = Kt(() => {
-          const { width: s, height: t } = Qt({
+          const { width: o, height: t } = Qt({
             chart: V.value,
             title: e.value.style.chart.title.text ? ve.value : null,
             legend: e.value.style.chart.legend.show ? he.value : null,
@@ -105,7 +105,7 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
             padding: e.value.style.chart.padding
           });
           requestAnimationFrame(() => {
-            me.value = s, $.value = t / x.dataset.length, be.value = t;
+            me.value = o, $.value = t / x.dataset.length, be.value = t;
           });
         });
         T.value && (F.value && T.value.unobserve(F.value), T.value.disconnect()), T.value = new ResizeObserver(l), F.value = V.value.parentNode, T.value.observe(F.value);
@@ -122,28 +122,28 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
       showTable: e.value.table.show
     });
     He(() => x.config, (l) => {
-      e.value = xe(), le.value = !e.value.userOptions.showOnChartHover, oe(), fe.value += 1, ge.value += 1, $.value = Math.min(
+      e.value = xe(), le.value = !e.value.userOptions.showOnChartHover, se(), fe.value += 1, ge.value += 1, $.value = Math.min(
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
       ), B.value.showTable = e.value.table.show;
-    }, { deep: !0 }), He(() => x.dataset, oe, { deep: !0 });
-    const se = g(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
+    }, { deep: !0 }), He(() => x.dataset, se, { deep: !0 });
+    const oe = g(() => 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);
+      O.value.includes(l) ? O.value = O.value.filter((o) => o !== l) : O.value.push(l), ee("selectLegend", X.value);
     }
-    const _ = g(() => z.value ? x.dataset.map((l, s) => ({
+    const _ = g(() => z.value ? x.dataset.map((l, o) => ({
       ...l,
       labelLen: yt(l.name, e.value.style.chart.yAxis.labels.fontSize),
       uid: ie(),
-      datapoints: l.datapoints.map((t, o) => {
-        const a = t.color ? It(t.color) : vt.value[o] || K[o] || K[o % K.length], i = je(t.name);
+      datapoints: l.datapoints.map((t, s) => {
+        const a = t.color ? It(t.color) : vt.value[s] || K[s] || K[s % K.length], i = je(t.name);
         return {
           ...t,
           color: a,
           id: i
         };
       })
-    })) : []), Pe = g(() => e.value.style.chart.padding.top + $.value * x.dataset.length + $.value * se.value), k = g(() => ({
+    })) : []), Pe = g(() => e.value.style.chart.padding.top + $.value * x.dataset.length + $.value * oe.value), k = g(() => ({
       fullHeight: y.value.padding.top + y.value.padding.bottom + y.value.height,
       top: y.value.padding.top,
       left: y.value.padding.left,
@@ -158,44 +158,44 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
         padding: l
       };
     }), R = g(() => {
-      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)
+      const l = Math.max(..._.value.map((i) => i.labelLen)), o = 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, s = (k.value.width - t) / o, a = [];
+      for (let i = 0; i < o; i += 1)
         a.push({
-          selectorX: t + o * i,
-          x: t + o * i - o / 2,
+          selectorX: t + s * i,
+          x: t + s * i - s / 2,
           y: k.value.top,
           label: e.value.style.chart.xAxis.labels.values[i] || "",
           index: i,
-          width: o,
+          width: s,
           height: Pe.value
         });
       return a;
     });
     function ht(l) {
-      ee("selectX", _.value.map((s) => s.datapoints.map((t) => ({
+      ee("selectX", _.value.map((o) => o.datapoints.map((t) => ({
         dp: t,
         selected: t.values[l.index]
       }))));
     }
-    function dt(l, s) {
-      return l.length * s / 2 + s;
+    function dt(l, o) {
+      return l.length * o / 2 + o;
     }
-    function Te(l, s, t) {
-      const o = dt(s, t);
-      return l + o > k.value.right;
+    function Te(l, o, t) {
+      const s = dt(o, t);
+      return l + s > k.value.right;
     }
-    function yt(l, s, t = "sans-serif") {
-      const a = document.createElement("canvas").getContext("2d"), i = typeof s == "number" ? `${s}px` : s;
+    function yt(l, o, t = "sans-serif") {
+      const a = document.createElement("canvas").getContext("2d"), i = typeof o == "number" ? `${o}px` : o;
       return a.font = `${i} ${t}`, a.measureText(l).width;
     }
     const X = g(() => {
       $.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;
+      const l = Math.max(..._.value.map((b) => b.labelLen)), o = Math.max(..._.value.flatMap((b) => b.datapoints.map((N) => N.values.length))), t = Math.max(..._.value.flatMap((b) => b.datapoints.flatMap((N) => N.values))), s = 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) / o, A = Math.abs(Math.min(s, 0)), De = t + A;
       function Fe(b) {
         return isNaN(b / De) ? 0 : b / De;
       }
       return _.value.map((b, N) => {
-        const Ie = k.value.top + $.value * N, L = k.value.top + Ie + $.value * se.value * (1 - Fe(A));
+        const Ie = k.value.top + $.value * N, L = k.value.top + Ie + $.value * oe.value * (1 - Fe(A));
         return {
           ...b,
           label: {
@@ -204,7 +204,7 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
           },
           datapoints: b.datapoints.map((U) => {
             const D = U.values.map((G, _t) => {
-              const Mt = isNaN(G) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(G) ? 0 : G || 0, Pt = a + i * _t, Tt = k.value.top + Ie + $.value * se.value * (1 - Fe(Mt + A)), Ot = G === Math.max(...U.values);
+              const Mt = isNaN(G) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(G) ? 0 : G || 0, Pt = a + i * _t, Tt = k.value.top + Ie + $.value * oe.value * (1 - Fe(Mt + A)), Ot = G === Math.max(...U.values);
               return {
                 x: Pt,
                 y: Tt,
@@ -231,21 +231,21 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
       });
     }), O = c([]);
     function ft(l) {
-      const s = /* @__PURE__ */ new Map();
+      const o = /* @__PURE__ */ new Map();
       return l.forEach((t) => {
-        t.datapoints.forEach((o, a) => {
-          const i = je(o.name);
-          s.has(i) || s.set(i, {
+        t.datapoints.forEach((s, a) => {
+          const i = je(s.name);
+          o.has(i) || o.set(i, {
             id: i,
-            name: o.name,
-            color: o.color,
+            name: s.name,
+            color: s.color,
             shape: "circle",
             segregate: () => Me(i),
             isSegregated: O.value.includes(i),
             opacity: O.value.includes(i) ? 0.5 : 1
           });
         });
-      }), Array.from(s.values());
+      }), Array.from(o.values());
     }
     const re = g(() => ft(_.value)), gt = g(() => ({
       cy: "donut-div-legend",
@@ -260,13 +260,13 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
     }
     const Oe = c({}), Se = c([]);
     function mt(l) {
-      ee("selectDatapoint", l), e.value.style.chart.dialog.show && (Se.value = l.datapoints.map((s) => ({
-        name: s.name,
-        color: s.color,
+      ee("selectDatapoint", l), e.value.style.chart.dialog.show && (Se.value = l.datapoints.map((o) => ({
+        name: o.name,
+        color: o.color,
         type: "line",
         useArea: !0,
         smooth: e.value.style.chart.areas.smooth,
-        series: s.values
+        series: o.values
       })), I.value = l, Oe.value = jt({
         ...e.value.style.chart.dialog.xyChart,
         responsive: !0,
@@ -306,9 +306,9 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
     function ze() {
       B.value.showTable = !B.value.showTable;
     }
-    const Ne = g(() => ({ body: X.value.flatMap((t) => t.datapoints.flatMap((o) => ({
-      ...o,
-      rowName: `${t.name}: ${o.name}`
+    const Ne = g(() => ({ body: X.value.flatMap((t) => t.datapoints.flatMap((s) => ({
+      ...s,
+      rowName: `${t.name}: ${s.name}`
     }))).map((t) => [
       {
         name: t.rowName,
@@ -319,7 +319,7 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
       const l = [
         e.value.table.columnNames.series,
         ...e.value.style.chart.xAxis.labels.values
-      ], s = {
+      ], o = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
           color: e.value.table.th.color,
@@ -339,20 +339,20 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
         ],
         head: l,
         body: Ne.value.body,
-        config: s
+        config: o
       };
     });
-    function Le() {
+    function Le(l = null) {
       Nt(() => {
-        const l = [
-          [e.value.table.columnNames.series, ...e.value.style.chart.xAxis.labels.values.map((o) => [o])],
-          ...Ne.value.body.map((o, a) => [o[0].name, ...o.slice(1)])
-        ], s = [
+        const o = [
+          [e.value.table.columnNames.series, ...e.value.style.chart.xAxis.labels.values.map((a) => [a])],
+          ...Ne.value.body.map((a, i) => [a[0].name, ...a.slice(1)])
+        ], t = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text]
-        ].concat(l), t = Gt(s);
-        Wt({
-          csvContent: t,
+        ].concat(o), s = Gt(t);
+        l ? l(s) : Wt({
+          csvContent: s,
           title: e.value.style.chart.title.text || "vue-ui-ridgeline"
         });
       });
@@ -367,7 +367,7 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
       generateCsv: Le,
       toggleAnnotator: ue,
       toggleTable: ze
-    }), (l, s) => (r(), n("div", {
+    }), (l, o) => (r(), n("div", {
       ref_key: "ridgelineChart",
       ref: V,
       class: Y(`vue-ui-ridgeline ${E.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
@@ -379,8 +379,8 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
         background: e.value.style.chart.backgroundColor,
         height: e.value.responsive ? "100%" : void 0
       }),
-      onMouseenter: s[4] || (s[4] = () => u(ke)(!0)),
-      onMouseleave: s[5] || (s[5] = () => u(ke)(!1))
+      onMouseenter: o[4] || (o[4] = () => u(ke)(!0)),
+      onMouseleave: o[5] || (o[5] = () => u(ke)(!1))
     }, [
       e.value.userOptions.buttons.annotator && u(ae) ? (r(), P(u(at), {
         key: 0,
@@ -418,7 +418,7 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
           }
         }, null, 8, ["config"]))
       ], 512)) : v("", !0),
-      e.value.userOptions.show && z.value && (u(Ae) || u(le)) ? (r(), P(u(st), {
+      e.value.userOptions.show && z.value && (u(Ae) || u(le)) ? (r(), P(u(ot), {
         ref: "details",
         key: `user_option_${pe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -453,8 +453,8 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
       }, Ve({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: m(({ isOpen: t, color: o }) => [
-            p(l.$slots, "menuIcon", q(J({ isOpen: t, color: o })), void 0, !0)
+          fn: m(({ isOpen: t, color: s }) => [
+            p(l.$slots, "menuIcon", q(J({ isOpen: t, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -495,15 +495,15 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
         } : void 0,
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: m(({ toggleFullscreen: t, isFullscreen: o }) => [
-            p(l.$slots, "optionFullscreen", q(J({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
+          fn: m(({ toggleFullscreen: t, isFullscreen: s }) => [
+            p(l.$slots, "optionFullscreen", q(J({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: m(({ toggleAnnotator: t, isAnnotator: o }) => [
-            p(l.$slots, "optionAnnotator", q(J({ toggleAnnotator: t, isAnnotator: o })), void 0, !0)
+          fn: m(({ toggleAnnotator: t, isAnnotator: s }) => [
+            p(l.$slots, "optionAnnotator", q(J({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0
@@ -519,7 +519,7 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
       }, [
         Be(u(lt)),
         d("defs", null, [
-          (r(!0), n(f, null, C(re.value, (t, o) => (r(), n("linearGradient", {
+          (r(!0), n(f, null, C(re.value, (t, s) => (r(), n("linearGradient", {
             id: `gradient-${t.id}-${w.value}`,
             x1: "50%",
             y1: "0%",
@@ -546,8 +546,8 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
               "stop-color": t.color,
               "stop-opacity": "0.1"
             }, null, 8, il)
-          ], 8, sl))), 256)),
-          (r(!0), n(f, null, C(X.value, (t, o) => (r(), n(f, null, [
+          ], 8, ol))), 256)),
+          (r(!0), n(f, null, C(X.value, (t, s) => (r(), n(f, null, [
             (r(!0), n(f, null, C(t.datapoints, (a, i) => (r(), n("linearGradient", {
               key: `grad${a.id}`,
               id: `gradient-single-${w.value}-${a.uid}`,
@@ -579,15 +579,15 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
             ], 8, cl))), 128))
           ], 64))), 256))
         ]),
-        (r(!0), n(f, null, C(X.value, (t, o) => (r(), n("g", {
-          key: `ds-${o}`
+        (r(!0), n(f, null, C(X.value, (t, s) => (r(), n("g", {
+          key: `ds-${s}`
         }, [
           (r(!0), n(f, null, C(t.datapoints, (a, i) => (r(), n("g", {
             key: a.id
           }, [
             l.$slots.pattern ? (r(), n("g", fl, [
               d("defs", null, [
-                p(l.$slots, "pattern", Ue({ ref_for: !0 }, { datapointIndex: o, seriesIndex: i, patternId: `pattern_${w.value}_${a.uid}` }), void 0, !0)
+                p(l.$slots, "pattern", Ue({ ref_for: !0 }, { datapointIndex: s, seriesIndex: i, patternId: `pattern_${w.value}_${a.uid}` }), void 0, !0)
               ])
             ])) : v("", !0),
             d("path", {
@@ -668,15 +668,15 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
             style: M({
               cursor: e.value.style.chart.dialog.show ? "pointer" : "default"
             }),
-            "text-decoration": e.value.style.chart.dialog.show && (ne.value === o || I.value && t.uid === I.value.uid) ? "underline" : "",
-            onMouseenter: (a) => bt(o),
+            "text-decoration": e.value.style.chart.dialog.show && (ne.value === s || I.value && t.uid === I.value.uid) ? "underline" : "",
+            onMouseenter: (a) => bt(s),
             onMouseleave: xt,
             onClick: (a) => mt(t)
           }, H(t.name), 45, Al)
         ]))), 128)),
         e.value.style.chart.xAxis.labels.values.length ? (r(), n("g", Cl, [
-          (r(!0), n(f, 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,
+          (r(!0), n(f, null, C(R.value, (t, s) => 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 && (s === 0 || s === R.value.length - 1) || t && h.value && h.value.index === s || t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(R.value.length / e.value.style.chart.xAxis.labels.modulo) === 0,
             fontSize: e.value.style.chart.xAxis.labels.fontSize,
             content: t.label,
             textAnchor: e.value.style.chart.xAxis.labels.rotation > 0 ? "start" : e.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
@@ -685,7 +685,7 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["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 === 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", {
+            t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || t && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (s === 0 || s === R.value.length - 1) || t && h.value && h.value.index === s || t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(R.value.length / e.value.style.chart.xAxis.labels.modulo) === 0 ? (r(), n("text", {
               key: 0,
               "font-size": e.value.style.chart.xAxis.labels.fontSize,
               fill: e.value.style.chart.xAxis.labels.color,
@@ -693,20 +693,20 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
               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: h.value ? h.value.index === o ? 1 : 0.2 : 1
+                opacity: h.value ? h.value.index === s ? 1 : 0.2 : 1
               })
             }, H(t.label), 13, wl)) : v("", !0)
           ], !0)), 256))
         ])) : v("", !0),
         d("g", null, [
-          (r(!0), n(f, null, C(R.value, (t, o) => (r(), n("rect", {
+          (r(!0), n(f, null, C(R.value, (t, s) => (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) => h.value = t,
-            onMouseleave: s[0] || (s[0] = (a) => h.value = null),
+            onMouseleave: o[0] || (o[0] = (a) => h.value = null),
             onClick: () => ht(t)
           }, null, 40, $l))), 256)),
           e.value.style.chart.selector.show && h.value ? (r(), n("line", {
@@ -722,8 +722,8 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
             style: { pointerEvents: "none" }
           }, null, 8, _l)) : v("", !0),
           h.value ? (r(!0), n(f, { key: 1 }, C(X.value, (t) => (r(), n(f, null, [
-            (r(!0), n(f, null, C(t.datapoints, (o) => (r(), n(f, null, [
-              (r(!0), n(f, null, C(o.plots, (a, i) => (r(), n(f, null, [
+            (r(!0), n(f, null, C(t.datapoints, (s) => (r(), n(f, null, [
+              (r(!0), n(f, null, C(s.plots, (a, i) => (r(), n(f, null, [
                 h.value && h.value.index === i ? (r(), n("circle", {
                   key: 0,
                   cx: a.x,
@@ -731,7 +731,7 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
                   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 ? s.color : e.value.style.chart.selector.dot.fill,
                   style: {
                     pointerEvents: "none"
                   }
@@ -787,11 +787,11 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
           ], 64))), 256)) : v("", !0)
         ]),
         p(l.$slots, "svg", { svg: y.value }, void 0, !0)
-      ], 14, ol)) : v("", !0),
+      ], 14, sl)) : 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(), P(u(ot), {
+      z.value ? v("", !0) : (r(), P(u(st), {
         key: 6,
         config: {
           type: "ridgeline",
@@ -811,25 +811,25 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
           key: `legend_${ge.value}`,
           legendSet: re.value,
           config: gt.value,
-          onClickMarker: s[1] || (s[1] = ({ legend: t }) => Me(t.id))
+          onClickMarker: o[1] || (o[1] = ({ legend: t }) => Me(t.id))
         }, Ve({
           item: m(({ legend: t }) => [
             d("div", {
               style: M(`opacity:${O.value.includes(t.id) ? 0.5 : 1}`),
-              onClick: (o) => t.segregate()
+              onClick: (s) => t.segregate()
             }, H(t.name), 13, Ol)
           ]),
           _: 2
         }, [
           l.$slots.pattern ? {
             name: "legend-pattern",
-            fn: m(({ legend: t, index: o }) => [
+            fn: m(({ legend: t, index: s }) => [
               Be(tl, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
                 plot: { x: 30, y: 30 },
-                fill: `url(#pattern_${w.value}_${o})`
+                fill: `url(#pattern_${w.value}_${s})`
               }, null, 8, ["shape", "fill"])
             ]),
             key: "0"
@@ -869,7 +869,7 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
             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) => B.value.showTable = !1)
+            onClose: o[2] || (o[2] = (t) => B.value.showTable = !1)
           }, {
             th: m(({ th: t }) => [
               d("div", { innerHTML: t }, null, 8, Sl)
@@ -895,7 +895,7 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
         key: 9,
         ref_key: "dialog",
         ref: te,
-        onClose: s[3] || (s[3] = (t) => I.value = null),
+        onClose: o[3] || (o[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,
@@ -917,7 +917,7 @@ const al = ["id"], ol = ["xmlns", "viewBox"], sl = ["id"], rl = ["stop-color"],
       }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : v("", !0)
     ], 46, al));
   }
-}, Ul = /* @__PURE__ */ ll(zl, [["__scopeId", "data-v-25ffc64f"]]);
+}, Ul = /* @__PURE__ */ ll(zl, [["__scopeId", "data-v-76b7ad48"]]);
 export {
   Ul as default
 };