vue-data-ui 3.3.2 → 3.4.0

package/dist/{vue-ui-ridgeline-BTw-37RS.js → vue-ui-ridgeline-B1T10gWF.js}

@@ -1,21 +1,21 @@
-import { defineAsyncComponent as L, computed as c, ref as i, shallowRef as rt, toRefs as sa, onBeforeUnmount as ut, watch as Q, nextTick as $e, createElementBlock as r, openBlock as n, unref as u, normalizeStyle as w, normalizeClass as oe, createBlock as T, createCommentVNode as h, renderSlot as p, createElementVNode as y, createSlots as _e, withCtx as g, normalizeProps as se, guardReactiveProps as ne, createVNode as Te, Fragment as m, renderList as k, mergeProps as Se, toDisplayString as R, resolveDynamicComponent as na, createTextVNode as Pe } from "vue";
-import { c as Oe, t as ra, e as ua, h as ia, p as re, aa as it, ab as ca, T as ct, U as va, V as ha, X as da, E as ya, L as ga, a as ue, d as ie, b as fa, f as Le, g as vt, o as ma, x as pa, y as ba, N as xa } from "./lib-CEjkWSLj.js";
-import { t as ht, u as ka } from "./useResponsive-DfdjqQps.js";
-import { u as Aa, a as dt } from "./useNestedProp-Ce3PwN8T.js";
-import { u as Ca, B as wa } from "./BaseScanner-BgWxam9d.js";
-import { u as $a } from "./usePrinter-DJ1iH-F_.js";
-import { u as _a } from "./useSvgExport-DrjCWun4.js";
+import { defineAsyncComponent as M, computed as c, ref as i, shallowRef as rt, toRefs as sa, onBeforeUnmount as ut, watch as K, nextTick as $e, watchEffect as na, createElementBlock as r, openBlock as n, unref as u, normalizeStyle as w, normalizeClass as oe, createBlock as S, createCommentVNode as h, renderSlot as p, createElementVNode as y, createSlots as _e, withCtx as g, normalizeProps as se, guardReactiveProps as ne, createVNode as Se, Fragment as m, renderList as k, mergeProps as Te, toDisplayString as R, resolveDynamicComponent as ra, createTextVNode as Pe } from "vue";
+import { c as Oe, t as ua, e as ia, h as ca, p as re, ak as it, C as va, B as ct, z as ha, a9 as da, X as ya, J as ga, M as fa, a as ue, d as ie, b as ma, f as Me, g as vt, o as pa, P as ba, Q as xa, a4 as ka } from "./lib-BcBZIm6u.js";
+import { t as ht, u as Aa } from "./useResponsive-DfdjqQps.js";
+import { u as Ca, a as dt } from "./useNestedProp-B7CiTRDS.js";
+import { u as wa, B as $a } from "./BaseScanner-BgWxam9d.js";
+import { u as _a } from "./usePrinter-C1GiglOH.js";
+import { u as Sa } from "./useSvgExport-DrjCWun4.js";
 import { u as Ta } from "./useTimeLabels-BGFjWgrv.js";
-import { u as Sa } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Pa } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Oa, a as La } from "./useResizeObserverEffect-DfnWps4W.js";
-import { t as Ma } from "./themes-Dw-dDudK.js";
-import za from "./Legend-By4rru90.js";
-import Da from "./Title-Camz1Lce.js";
-import { _ as Ia } from "./Shape-BceHSLHf.js";
-import Na from "./img-J2dLIr8Y.js";
+import { u as Pa } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Oa } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Ma } from "./useTimeLabelCollider-CIsgDrl9.js";
+import { t as La } from "./themes-Dw-dDudK.js";
+import za from "./Legend-C8u37J42.js";
+import Da from "./Title-CFmv95In.js";
+import { _ as Ia } from "./Shape-BhNvlGIN.js";
+import Na from "./img-CFY3JivG.js";
 import { _ as Fa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"], Ba = ["stop-color"], Ua = ["stop-color"], Va = ["stop-color"], Ga = ["id"], Wa = ["stop-color"], Ya = ["stop-color"], ja = ["stop-color"], qa = ["stop-color"], Ja = { key: 0 }, Ka = ["fill", "d"], Qa = ["stroke", "stroke-width", "d"], Za = ["fill", "d"], el = ["stroke", "stroke-dasharray", "stroke-width", "d"], tl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], al = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], ll = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], ol = { key: 0 }, sl = ["font-size", "fill", "font-weight", "transform", "text-anchor"], nl = ["font-size", "fill", "font-weight", "transform", "text-anchor", "innerHTML"], rl = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], il = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], cl = ["x", "y", "text-anchor", "font-size", "fill"], vl = {
+const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"], Xa = ["stop-color"], Ua = ["stop-color"], Va = ["stop-color"], Ga = ["id"], Wa = ["stop-color"], Ya = ["stop-color"], ja = ["stop-color"], qa = ["stop-color"], Ja = { key: 0 }, Qa = ["fill", "d"], Ka = ["stroke", "stroke-width", "d"], Za = ["fill", "d"], el = ["stroke", "stroke-dasharray", "stroke-width", "d"], tl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], al = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], ll = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], ol = { key: 0 }, sl = ["font-size", "fill", "font-weight", "transform", "text-anchor"], nl = ["font-size", "fill", "font-weight", "transform", "text-anchor", "innerHTML"], rl = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], il = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], cl = ["x", "y", "text-anchor", "font-size", "fill"], vl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, hl = ["onClick"], dl = ["innerHTML"], yl = {
@@ -36,14 +36,14 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
   },
   emits: ["selectLegend", "selectDatapoint", "selectX"],
   setup(yt, { expose: gt, emit: ft }) {
-    const mt = L(() => import("./vue-ui-xy-tWE4H5ij.js")), pt = L(() => import("./BaseIcon-eZbszQrv.js")), bt = L(() => import("./vue-ui-accordion-VTP418mC.js")), xt = L(() => import("./DataTable-yAMEyP6y.js")), kt = L(() => import("./PenAndPaper-Bo-lMUik.js")), At = L(() => import("./UserOptions-CSja1SGU.js")), Ct = L(() => import("./PackageVersion-r-Q1R3nV.js")), Me = L(() => import("./BaseDraggableDialog-CVGErydD.js")), { vue_ui_ridgeline: wt } = Aa(), E = yt, U = c({
+    const mt = M(() => import("./vue-ui-xy-D3LqMzve.js")), pt = M(() => import("./BaseIcon-B5KaGWWC.js")), bt = M(() => import("./vue-ui-accordion-BKkTS12x.js")), xt = M(() => import("./DataTable-DOx3zgih.js")), kt = M(() => import("./PenAndPaper-Dj2diYr0.js")), At = M(() => import("./UserOptions-C0YT60JN.js")), Ct = M(() => import("./PackageVersion-DyDViSOy.js")), Le = M(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_ridgeline: wt } = Ca(), E = yt, U = c({
       get() {
         return Array.isArray(z.value) && z.value.length > 0;
       },
       set(t) {
         return t;
       }
-    }), ce = ft, $ = i(null), ze = i(null), De = i(null), S = rt(null), M = rt(null), Ie = i(null), Ne = i(null), ve = i(0), $t = i(0), he = i(0), A = i(Oe()), Fe = i(0), _t = i(0), Re = i(512), d = i(null), H = i(null), de = i(null), Ee = i(0), ye = i(null), V = i(null), ge = i(null);
+    }), ce = ft, $ = i(null), ze = i(null), De = i(null), T = rt(null), L = rt(null), Ie = i(null), Ne = i(null), ve = i(0), $t = i(0), he = i(0), A = i(Oe()), Fe = i(0), _t = i(0), Re = i(512), d = i(null), B = i(null), de = i(null), Ee = i(0), ye = i(null), V = i(null), ge = i(null);
     function fe() {
       const t = dt({
         userConfig: E.config,
@@ -51,13 +51,13 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
       });
       return t.theme ? {
         ...dt({
-          userConfig: Ma.vue_ui_ridgeline[t.theme] || E.config,
+          userConfig: La.vue_ui_ridgeline[t.theme] || E.config,
           defaultConfig: t
         }),
-        customPalette: fa[t.theme] || re
+        customPalette: ma[t.theme] || re
       } : t;
     }
-    const e = i(fe()), { loading: G, FINAL_DATASET: z, manualLoading: me } = Ca({
+    const e = i(fe()), { loading: G, FINAL_DATASET: z, manualLoading: me } = wa({
       ...sa(E),
       FINAL_CONFIG: e,
       prepareConfig: fe,
@@ -153,7 +153,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
           ]
         }
       ],
-      skeletonConfig: ra({
+      skeletonConfig: ua({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -197,13 +197,13 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
       e.value.style.chart.areas.rowHeight
     )), {
       userOptionsVisible: Z,
-      setUserOptionsVisibility: He,
-      keepUserOptionState: Xe
-    } = Sa({ config: e.value }), { svgRef: ee } = Pa({ config: e.value.style.chart.title }), pe = c(() => !!e.value.debug);
-    function Be() {
+      setUserOptionsVisibility: Be,
+      keepUserOptionState: He
+    } = Pa({ config: e.value }), { svgRef: ee } = Oa({ config: e.value.style.chart.title }), pe = c(() => !!e.value.debug);
+    function Xe() {
       const t = z.value || [];
       if (!Array.isArray(t) || t.length === 0) {
-        Le({ componentName: "VueUiRidgeline", type: "dataset", debug: pe.value }), me.value = !0;
+        Me({ componentName: "VueUiRidgeline", type: "dataset", debug: pe.value }), me.value = !0;
         return;
       }
       if (t.forEach((o, a) => {
@@ -211,7 +211,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
           datasetObject: o,
           requiredAttributes: ["name", "datapoints"]
         }).forEach((s) => {
-          U.value = !1, Le({
+          U.value = !1, Me({
             componentName: "VueUiRidgeline",
             type: "datasetSerieAttribute",
             property: s,
@@ -223,7 +223,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
             datasetObject: s,
             requiredAttributes: ["name", "values"]
           }).forEach((v) => {
-            U.value = !1, Le({
+            U.value = !1, Me({
               componentName: "VueUiRidgeline",
               type: "datasetSerieAttribute",
               property: `datapoint.${v}`,
@@ -235,9 +235,9 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
       }), _t.value = t.length, C.value = Math.min(
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
-      ), ma(E.dataset) || (me.value = e.value.loading), e.value.responsive) {
+      ), pa(E.dataset) || (me.value = e.value.loading), e.value.responsive) {
         const o = ht(() => {
-          const { width: a, height: s } = ka({
+          const { width: a, height: s } = Aa({
             chart: $.value,
             title: e.value.style.chart.title.text ? ze.value : null,
             legend: e.value.style.chart.legend.show ? De.value : null,
@@ -249,34 +249,34 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
             Re.value = a, C.value = t.length ? s / t.length : 0, Ee.value = s - 12;
           });
         });
-        S.value && (M.value && S.value.unobserve(M.value), S.value.disconnect()), S.value = new ResizeObserver(o), M.value = $.value?.parentNode || null, M.value && S.value.observe(M.value);
+        T.value && (L.value && T.value.unobserve(L.value), T.value.disconnect()), T.value = new ResizeObserver(o), L.value = $.value?.parentNode || null, L.value && T.value.observe(L.value);
       }
     }
     ut(() => {
-      S.value && (M.value && S.value.unobserve(M.value), S.value.disconnect());
+      T.value && (L.value && T.value.unobserve(L.value), T.value.disconnect());
     });
-    const { isPrinting: Ue, isImaging: Ve, generatePdf: Ge, generateImage: We } = $a({
+    const { isPrinting: Ue, isImaging: Ve, generatePdf: Ge, generateImage: We } = _a({
       elementId: `vue-ui-ridgeline_${A.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-ridgeline",
       options: e.value.userOptions.print
-    }), Tt = c(() => e.value.userOptions.show && !e.value.style.chart.title.text), St = c(() => ua(e.value.customPalette)), D = i({
+    }), St = c(() => e.value.userOptions.show && !e.value.style.chart.title.text), Tt = c(() => ia(e.value.customPalette)), D = i({
       showTable: e.value.table.show
     });
-    Q(
+    K(
       () => z.value,
       async (t) => {
-        Array.isArray(t) && t.length && (Z.value = !e.value.userOptions.showOnChartHover, await $e(), Be(), ve.value += 1, he.value += 1, D.value.showTable = e.value.table.show);
+        Array.isArray(t) && t.length && (Z.value = !e.value.userOptions.showOnChartHover, await $e(), Xe(), ve.value += 1, he.value += 1, D.value.showTable = e.value.table.show);
       },
       { deep: !0, immediate: !0 }
-    ), Q(() => E.dataset, (t) => {
+    ), K(() => E.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (me.value = !1);
-    }, { deep: !0 }), Q(
+    }, { deep: !0 }), K(
       () => G.value,
       async (t) => {
-        t || (await $e(), Be());
+        t || (await $e(), Xe());
       },
       { immediate: !0 }
-    ), Q(
+    ), K(
       () => E.config,
       () => {
         e.value = fe(z.value || null), Z.value = !e.value.userOptions.showOnChartHover, C.value = Math.min(e.value.style.chart.areas.height, e.value.style.chart.areas.rowHeight), D.value.showTable = e.value.table.show, ve.value += 1, he.value += 1;
@@ -285,14 +285,14 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
     );
     const be = c(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
     function Ye(t) {
-      O.value.includes(t) ? O.value = O.value.filter((o) => o !== t) : O.value.push(t), ce("selectLegend", B.value);
+      O.value.includes(t) ? O.value = O.value.filter((o) => o !== t) : O.value.push(t), ce("selectLegend", X.value);
     }
     const P = c(() => U.value ? (z.value || []).map((t) => ({
       ...t,
       labelLen: Nt(t.name, e.value.style.chart.yAxis.labels.fontSize),
       uid: Oe(),
       datapoints: t.datapoints.map((o, a) => {
-        const s = o.color ? ia(o.color) : St.value[a] || re[a] || re[a % re.length], l = it(o.name);
+        const s = o.color ? ca(o.color) : Tt.value[a] || re[a] || re[a % re.length], l = it(o.name);
         return { ...o, color: s, id: l };
       })
     })) : []), je = c(() => e.value.style.chart.padding.top + C.value * (z.value || []).length + C.value * be.value + e.value.style.chart.padding.bottom), f = c(() => {
@@ -302,10 +302,17 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
         height: je.value,
         padding: t
       };
-    }), Pt = c(() => f.value.width), Ot = c(() => f.value.height), xe = i(0), Lt = ht((t) => {
+    }), Pt = c(() => f.value.width), Ot = c(() => f.value.height), xe = i(0), Mt = ht((t) => {
       xe.value = t;
     }, 100);
-    Oa({ elementRef: ye, callback: Lt, attr: "height" }), ut(() => {
+    na((t) => {
+      const o = ye.value;
+      if (!o) return;
+      const a = new ResizeObserver((s) => {
+        Mt(s[0].contentRect.height);
+      });
+      a.observe(o), t(() => a.disconnect());
+    }), ut(() => {
       xe.value = 0;
     });
     const b = c(() => ({
@@ -321,7 +328,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
       formatter: e.value.style.chart.xAxis.labels.datetimeFormatter,
       start: 0,
       end: e.value.style.chart.xAxis.labels.values.length
-    })), X = c(() => {
+    })), H = c(() => {
       const t = Math.max(...P.value.map((l) => l.labelLen)), o = f.value.padding.left + t + 16 + e.value.style.chart.yAxis.labels.offsetX, a = (b.value.width - o) / W.value, s = [];
       for (let l = 0; l < W.value; l += 1)
         s.push({
@@ -341,7 +348,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
         selected: a.values[t.index]
       })));
     }
-    function Mt(t) {
+    function Lt(t) {
       d.value = t;
       const o = ke(t);
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: o, seriesIndex: t.index });
@@ -366,7 +373,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
       const l = document.createElement("canvas").getContext("2d"), v = typeof o == "number" ? `${o}px` : o;
       return l.font = `${v} ${a}`, l.measureText(t).width;
     }
-    const B = c(() => {
+    const X = c(() => {
       C.value;
       const t = Math.max(...P.value.map((x) => x.labelLen)), o = Math.max(...P.value.flatMap((x) => x.datapoints.flatMap((q) => q.values))), a = Math.min(...P.value.flatMap((x) => x.datapoints.flatMap((q) => q.values))), s = f.value.padding.left + t + 16 + e.value.style.chart.yAxis.labels.offsetX, l = (b.value.width - s) / W.value, v = Math.abs(Math.min(a, 0)), _ = o + v;
       function lt(x) {
@@ -381,16 +388,16 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
             y: N
           },
           datapoints: x.datapoints.map((J) => {
-            const F = J.values.map((K, ea) => {
-              const ta = isNaN(K) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(K) ? 0 : K || 0, aa = s + l * ea, la = b.value.top + ot + C.value * be.value * (1 - lt(ta + v)), oa = K === Math.max(...J.values);
+            const F = J.values.map((Q, ea) => {
+              const ta = isNaN(Q) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(Q) ? 0 : Q || 0, aa = s + l * ea, la = b.value.top + ot + C.value * be.value * (1 - lt(ta + v)), oa = Q === Math.max(...J.values);
               return {
                 x: aa,
                 y: la,
-                value: K,
+                value: Q,
                 isMaxPoint: oa,
                 zero: N
               };
-            }), Jt = `${ca(F, N, !1, !1)}`, Kt = `M ${s},${N} ${ct(F)} ${F.at(-1).x},${N}`, Qt = `M ${s},${N} ${F.at(-1).x},${N}`, st = `M ${va(F)}`, nt = `M ${ct(F)}`, Zt = ha(
+            }), Jt = `${va(F, N, !1, !1)}`, Qt = `M ${s},${N} ${ct(F)} ${F.at(-1).x},${N}`, Kt = `M ${s},${N} ${F.at(-1).x},${N}`, st = `M ${ha(F)}`, nt = `M ${ct(F)}`, Zt = da(
               e.value.style.chart.areas.smooth ? st : nt
             );
             return {
@@ -398,8 +405,8 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
               uid: Oe(),
               plots: F,
               smoothPath: Jt,
-              straightPath: Kt,
-              zeroPath: Qt,
+              straightPath: Qt,
+              zeroPath: Kt,
               pathLength: Zt,
               smoothPathRidge: st,
               straightPathRidge: nt
@@ -436,16 +443,16 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
     function Je(t) {
       I.value = t, Fe.value += 1;
     }
-    const Ke = i({}), Qe = i([]);
+    const Qe = i({}), Ke = i([]);
     function Et(t) {
-      ce("selectDatapoint", t), e.value.style.chart.dialog.show && (Qe.value = t.datapoints.map((o) => ({
+      ce("selectDatapoint", t), e.value.style.chart.dialog.show && (Ke.value = t.datapoints.map((o) => ({
         name: o.name,
         color: o.color,
         type: "line",
         useArea: !0,
         smooth: e.value.style.chart.areas.smooth,
         series: o.values
-      })), H.value = t, Ke.value = xa({
+      })), B.value = t, Qe.value = ka({
         ...e.value.style.chart.dialog.xyChart,
         responsive: !0,
         // Overriding 
@@ -478,10 +485,10 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
       }), de.value && de.value.open());
     }
     const Ae = i(null);
-    function Ht(t) {
+    function Bt(t) {
       Ae.value = t;
     }
-    function Xt() {
+    function Ht() {
       Ae.value = null;
     }
     const ae = i(!1);
@@ -491,7 +498,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
     function Ze() {
       D.value.showTable = !D.value.showTable;
     }
-    const et = c(() => ({ body: B.value.flatMap((a) => a.datapoints.flatMap((s) => ({
+    const et = c(() => ({ body: X.value.flatMap((a) => a.datapoints.flatMap((s) => ({
       ...s,
       rowName: `${a.name}: ${s.name}`
     }))).map((a) => [
@@ -535,15 +542,15 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
         ], a = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text]
-        ].concat(o), s = pa(a);
-        t ? t(s) : ba({
+        ].concat(o), s = ba(a);
+        t ? t(s) : xa({
           csvContent: s,
           title: e.value.style.chart.title.text || "vue-ui-ridgeline"
         });
       });
     }
-    function Bt() {
-      return B.value;
+    function Xt() {
+      return X.value;
     }
     async function Ut({ scale: t = 2 } = {}) {
       if (!$.value) return;
@@ -558,7 +565,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
       };
     }
     const Vt = c(() => ({ min: 0, max: W.value }));
-    La({
+    Ma({
       timeLabelsEls: ye,
       timeLabels: Y,
       slicer: Vt,
@@ -574,7 +581,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
     const j = c(() => {
       const t = e.value.table.useDialog && !e.value.table.show, o = D.value.showTable;
       return {
-        component: t ? Me : bt,
+        component: t ? Le : bt,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -601,7 +608,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
         }
       };
     });
-    Q(() => D.value.showTable, (t) => {
+    K(() => D.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && V.value ? V.value.open() : "close" in V.value && V.value.close());
     });
     function tt() {
@@ -610,7 +617,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
     const Gt = c(() => e.value.style.chart.backgroundColor), Wt = c(() => ({
       ...e.value.style.chart.legend,
       position: "bottom"
-    })), Yt = c(() => e.value.style.chart.title), { exportSvg: jt, getSvg: qt } = _a({
+    })), Yt = c(() => e.value.style.chart.title), { exportSvg: jt, getSvg: qt } = Sa({
       svg: ee,
       title: Yt,
       legend: Wt,
@@ -625,7 +632,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
         jt();
     }
     return gt({
-      getData: Bt,
+      getData: Xt,
       getImage: Ut,
       generateImage: We,
       generateSvg: at,
@@ -646,10 +653,10 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
         background: e.value.style.chart.backgroundColor,
         height: e.value.responsive ? "100%" : void 0
       }),
-      onMouseenter: o[3] || (o[3] = () => u(He)(!0)),
-      onMouseleave: o[4] || (o[4] = () => u(He)(!1))
+      onMouseenter: o[3] || (o[3] = () => u(Be)(!0)),
+      onMouseleave: o[4] || (o[4] = () => u(Be)(!1))
     }, [
-      e.value.userOptions.buttons.annotator && u(ee) ? (n(), T(u(kt), {
+      e.value.userOptions.buttons.annotator && u(ee) ? (n(), S(u(kt), {
         key: 0,
         color: e.value.style.chart.color,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -658,7 +665,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
         onClose: Ce
       }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : h("", !0),
       p(t.$slots, "userConfig", {}, void 0, !0),
-      Tt.value ? (n(), r("div", {
+      St.value ? (n(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Ne,
@@ -671,7 +678,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
         ref: ze,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (n(), T(Da, {
+        (n(), S(Da, {
           key: `title_${ve.value}`,
           config: {
             title: {
@@ -685,7 +692,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
           }
         }, null, 8, ["config"]))
       ], 512)) : h("", !0),
-      e.value.userOptions.show && U.value && (u(Xe) || u(Z)) ? (n(), T(u(At), {
+      e.value.userOptions.show && U.value && (u(He) || u(Z)) ? (n(), S(u(At), {
         ref_key: "userOptionsRef",
         ref: ge,
         key: `user_option_${Fe.value}`,
@@ -712,7 +719,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: ae.value,
         tableDialog: e.value.table.useDialog,
-        style: w({ visibility: u(Xe) ? u(Z) ? "visible" : "hidden" : "visible" }),
+        style: w({ visibility: u(He) ? u(Z) ? "visible" : "hidden" : "visible" }),
         onToggleFullscreen: Je,
         onGeneratePdf: u(Ge),
         onGenerateCsv: we,
@@ -781,12 +788,12 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
       (n(), r("svg", {
         ref_key: "svgRef",
         ref: ee,
-        xmlns: u(da),
+        xmlns: u(ya),
         class: oe({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
         viewBox: `0 0 ${f.value.width <= 0 ? 10 : f.value.width} ${b.value.fullHeight <= 0 ? 10 : b.value.fullHeight}`,
         style: w(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};${e.value.responsive ? `height: ${Ee.value}px; width: 100%;` : ""}`)
       }, [
-        Te(u(Ct)),
+        Se(u(Ct)),
         y("defs", null, [
           (n(!0), r(m, null, k(te.value, (a, s) => (n(), r("linearGradient", {
             id: `gradient-${a.id}-${A.value}`,
@@ -799,12 +806,12 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
               offset: "0%",
               "stop-color": a.color,
               "stop-opacity": "1"
-            }, null, 8, Xa),
+            }, null, 8, Ha),
             y("stop", {
               offset: "30%",
               "stop-color": a.color,
               "stop-opacity": "0.7"
-            }, null, 8, Ba),
+            }, null, 8, Xa),
             y("stop", {
               offset: "70%",
               "stop-color": a.color,
@@ -815,8 +822,8 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
               "stop-color": a.color,
               "stop-opacity": "0.1"
             }, null, 8, Va)
-          ], 8, Ha))), 256)),
-          (n(!0), r(m, null, k(B.value, (a, s) => (n(), r(m, null, [
+          ], 8, Ba))), 256)),
+          (n(!0), r(m, null, k(X.value, (a, s) => (n(), r(m, null, [
             (n(!0), r(m, null, k(a.datapoints, (l, v) => (n(), r("linearGradient", {
               key: `grad${l.id}`,
               id: `gradient-single-${A.value}-${l.uid}`,
@@ -848,7 +855,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
             ], 8, Ga))), 128))
           ], 64))), 256))
         ]),
-        (n(!0), r(m, null, k(B.value, (a, s) => (n(), r("g", {
+        (n(!0), r(m, null, k(X.value, (a, s) => (n(), r("g", {
           key: `ds-${s}`
         }, [
           (n(!0), r(m, null, k(a.datapoints, (l, v) => (n(), r("g", {
@@ -856,7 +863,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
           }, [
             t.$slots.pattern ? (n(), r("g", Ja, [
               y("defs", null, [
-                p(t.$slots, "pattern", Se({ ref_for: !0 }, { datapointIndex: s, seriesIndex: v, patternId: `pattern_${A.value}_${l.uid}` }), void 0, !0)
+                p(t.$slots, "pattern", Te({ ref_for: !0 }, { datapointIndex: s, seriesIndex: v, patternId: `pattern_${A.value}_${l.uid}` }), void 0, !0)
               ])
             ])) : h("", !0),
             y("path", {
@@ -867,7 +874,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
               style: w({
                 opacity: e.value.style.chart.areas.opacity
               })
-            }, null, 12, Ka),
+            }, null, 12, Qa),
             y("path", {
               fill: "none",
               stroke: e.value.style.chart.areas.stroke.useSerieColor ? l.color : e.value.style.chart.areas.stroke.color,
@@ -880,7 +887,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
                 strokeDasharray: l.pathLength,
                 strokeDashoffset: e.value.useCssAnimation ? l.pathLength : 0
               })
-            }, null, 14, Qa),
+            }, null, 14, Ka),
             y("path", {
               fill: e.value.style.chart.areas.useGradient ? e.value.style.chart.areas.useCommonColor ? `url(#gradient-${l.id}-${A.value})` : `url(#gradient-single-${A.value}-${l.uid})` : l.color,
               stroke: "none",
@@ -908,7 +915,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
                 y1: _.y,
                 x2: _.x,
                 y2: _.zero,
-                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? u(ya)(l.color) : e.value.style.chart.areas.maxPoint.stroke,
+                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? u(ga)(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
@@ -937,9 +944,9 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
             style: w({
               cursor: e.value.style.chart.dialog.show ? "pointer" : "default"
             }),
-            "text-decoration": e.value.style.chart.dialog.show && (Ae.value === s || H.value && a.uid === H.value.uid) ? "underline" : "",
-            onMouseenter: (l) => Ht(s),
-            onMouseleave: Xt,
+            "text-decoration": e.value.style.chart.dialog.show && (Ae.value === s || B.value && a.uid === B.value.uid) ? "underline" : "",
+            onMouseenter: (l) => Bt(s),
+            onMouseleave: Ht,
             onClick: (l) => Et(a)
           }, R(a.name), 45, ll)
         ]))), 128)),
@@ -948,8 +955,8 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
           ref_key: "timeLabelsEls",
           ref: ye
         }, [
-          (n(!0), r(m, null, k(X.value, (a, s) => p(t.$slots, "time-label", Se({ ref_for: !0 }, {
-            show: a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || a && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (s === 0 || s === X.value.length - 1) || a && d.value && d.value.index === s || a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(X.value.length / e.value.style.chart.xAxis.labels.modulo) === 0,
+          (n(!0), r(m, null, k(H.value, (a, s) => p(t.$slots, "time-label", Te({ ref_for: !0 }, {
+            show: a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || a && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (s === 0 || s === H.value.length - 1) || a && d.value && d.value.index === s || a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(H.value.length / e.value.style.chart.xAxis.labels.modulo) === 0,
             fontSize: e.value.style.chart.xAxis.labels.fontSize,
             content: a.label,
             textAnchor: e.value.style.chart.xAxis.labels.rotation > 0 ? "start" : e.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
@@ -958,7 +965,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
             x: a.selectorX,
             y: b.value.bottom + e.value.style.chart.xAxis.labels.offsetY
           }), () => [
-            a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || a && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (s === 0 || s === X.value.length - 1) || a && d.value && d.value.index === s || a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(X.value.length / e.value.style.chart.xAxis.labels.modulo) === 0 ? (n(), r("g", ol, [
+            a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || a && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (s === 0 || s === H.value.length - 1) || a && d.value && d.value.index === s || a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(H.value.length / e.value.style.chart.xAxis.labels.modulo) === 0 ? (n(), r("g", ol, [
               String(a.label).includes(`
 `) ? (n(), r("text", {
                 key: 1,
@@ -971,7 +978,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
                 style: w({
                   opacity: d.value ? d.value.index === s ? 1 : 0.2 : 1
                 }),
-                innerHTML: u(ga)({
+                innerHTML: u(fa)({
                   content: String(a.label),
                   fontSize: e.value.style.chart.xAxis.labels.fontSize,
                   fill: e.value.style.chart.xAxis.labels.color,
@@ -994,13 +1001,13 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
           ], !0)), 256))
         ], 512)) : h("", !0),
         y("g", null, [
-          (n(!0), r(m, null, k(X.value, (a, s) => (n(), r("rect", {
+          (n(!0), r(m, null, k(H.value, (a, s) => (n(), r("rect", {
             x: a.x,
             y: a.y,
             width: a.width < 0 ? 0.1 : a.width,
             height: a.height < 0 ? 0.1 : a.height,
             fill: "transparent",
-            onMouseenter: (l) => Mt(a),
+            onMouseenter: (l) => Lt(a),
             onMouseleave: (l) => zt(a),
             onClick: () => Dt(a)
           }, null, 40, rl))), 256)),
@@ -1016,7 +1023,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
             "stroke-linecap": "round",
             style: { pointerEvents: "none" }
           }, null, 8, ul)) : h("", !0),
-          d.value ? (n(!0), r(m, { key: 1 }, k(B.value, (a) => (n(), r(m, null, [
+          d.value ? (n(!0), r(m, { key: 1 }, k(X.value, (a) => (n(), r(m, null, [
             (n(!0), r(m, null, k(a.datapoints, (s) => (n(), r(m, null, [
               (n(!0), r(m, null, k(s.plots, (l, v) => (n(), r(m, null, [
                 d.value && d.value.index === v ? (n(), r("circle", {
@@ -1090,7 +1097,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
         ref_key: "chartLegend",
         ref: De
       }, [
-        e.value.style.chart.legend.show ? (n(), T(za, {
+        e.value.style.chart.legend.show ? (n(), S(za, {
           key: `legend_${he.value}`,
           legendSet: te.value,
           config: Rt.value,
@@ -1108,7 +1115,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
           t.$slots.pattern ? {
             name: "legend-pattern",
             fn: g(({ legend: a, index: s }) => [
-              Te(Ia, {
+              Se(Ia, {
                 shape: a.shape,
                 radius: 30,
                 stroke: "none",
@@ -1129,13 +1136,13 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
       }, [
         p(t.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      U.value && e.value.userOptions.buttons.table ? (n(), T(na(j.value.component), Se({ key: 6 }, j.value.props, {
+      U.value && e.value.userOptions.buttons.table ? (n(), S(ra(j.value.component), Te({ key: 6 }, j.value.props, {
         ref_key: "tableUnit",
         ref: V,
         onClose: tt
       }), _e({
         content: g(() => [
-          (n(), T(u(xt), {
+          (n(), S(u(xt), {
             key: `table_${$t.value}`,
             colNames: le.value.colNames,
             head: le.value.head,
@@ -1180,7 +1187,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
               class: "vue-ui-user-options-button",
               onClick: o[1] || (o[1] = (a) => we(e.value.userOptions.callbacks.csv))
             }, [
-              Te(u(pt), {
+              Se(u(pt), {
                 name: "excel",
                 stroke: j.value.props.color
               }, null, 8, ["stroke"])
@@ -1189,11 +1196,11 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      e.value.style.chart.dialog.show ? (n(), T(u(Me), {
+      e.value.style.chart.dialog.show ? (n(), S(u(Le), {
         key: 7,
         ref_key: "dialog",
         ref: de,
-        onClose: o[2] || (o[2] = (a) => H.value = null),
+        onClose: o[2] || (o[2] = (a) => B.value = null),
         backgroundColor: e.value.style.chart.dialog.backgroundColor,
         color: e.value.style.chart.dialog.color,
         headerBg: e.value.style.chart.dialog.header.backgroundColor,
@@ -1203,21 +1210,21 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ha = ["id"], Xa = ["stop-color"],
         withPadding: ""
       }, {
         title: g(() => [
-          Pe(R(H.value.name), 1)
+          Pe(R(B.value.name), 1)
         ]),
         content: g(() => [
-          H.value ? (n(), T(u(mt), {
+          B.value ? (n(), S(u(mt), {
             key: 0,
-            config: Ke.value,
-            dataset: Qe.value
+            config: Qe.value,
+            dataset: Ke.value
           }, null, 8, ["config", "dataset"])) : h("", !0)
         ]),
         _: 1
       }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : h("", !0),
-      u(G) ? (n(), T(wa, { key: 8 })) : h("", !0)
+      u(G) ? (n(), S($a, { key: 8 })) : h("", !0)
     ], 46, Ra));
   }
-}, Ml = /* @__PURE__ */ Fa(yl, [["__scopeId", "data-v-d51e8a0f"]]);
+}, Ll = /* @__PURE__ */ Fa(yl, [["__scopeId", "data-v-0a6ef1d2"]]);
 export {
-  Ml as default
+  Ll as default
 };