vue-data-ui 2.13.4 → 2.13.5-beta.1

package/dist/{vue-ui-ridgeline-E_7xjHTY.js → vue-ui-ridgeline-B9z-ORep.js}

@@ -1,18 +1,19 @@
-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-DXfqC_CG.js";
-import { u as Yt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as qt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Jt } from "./usePrinter-DGQh_spY.js";
-import { t as Kt, u as Qt } from "./useResponsive-JZ9xq-JV.js";
-import { u as qe } from "./useNestedProp-CUF1PWxQ.js";
-import Zt from "./Legend-D7As_VVi.js";
-import el from "./Title-Cuxd1Hw4.js";
-import { _ as tl } from "./Shape-CMT3DgWJ.js";
-import { _ as ll } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-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 = {
+import { defineAsyncComponent as S, computed as f, ref as i, shallowRef as Ve, onMounted as Lt, onBeforeUnmount as Nt, watch as Be, createElementBlock as n, openBlock as r, unref as u, normalizeStyle as M, normalizeClass as q, createBlock as P, createCommentVNode as c, renderSlot as p, createElementVNode as d, createSlots as Ue, withCtx as m, normalizeProps as J, guardReactiveProps as K, createVNode as Ge, Fragment as g, renderList as A, mergeProps as We, toDisplayString as H, createTextVNode as je, nextTick as Ft } from "vue";
+import { u as Dt, c as ve, o as It, e as he, g as Ye, b as Rt, d as Xt, p as Q, al as qe, a8 as Et, T as Je, U as Ht, V as Vt, X as Bt, G as Ut, i as Z, f as ee, t as Gt, a as Wt, q as jt, r as Yt, J as qt } from "./index-BEMxBoT7.js";
+import { u as Jt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Kt } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Qt } from "./usePrinter-DWaS917G.js";
+import { t as Zt, u as el } from "./useResponsive-JZ9xq-JV.js";
+import { u as Ke } from "./useNestedProp-B6UPnf4L.js";
+import tl from "./Legend-t1_8zs04.js";
+import ll from "./Title-DflHEZT5.js";
+import { _ as al } from "./Shape-CFhc5s4r.js";
+import { u as sl } from "./useTimeLabels-Mrr0jrpL.js";
+import { _ as ol } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"], cl = ["stop-color"], vl = ["stop-color"], hl = ["stop-color"], dl = ["id"], yl = ["stop-color"], fl = ["stop-color"], gl = ["stop-color"], pl = ["stop-color"], ml = { key: 0 }, bl = ["fill", "d"], xl = ["stroke", "stroke-width", "d"], kl = ["fill", "d"], Al = ["stroke", "stroke-dasharray", "stroke-width", "d"], Cl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], wl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], $l = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], _l = { key: 0 }, Ml = ["font-size", "fill", "font-weight", "transform", "text-anchor"], Pl = ["x", "y", "width", "height", "onMouseenter", "onClick"], Tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ol = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Sl = ["x", "y", "text-anchor", "font-size", "fill"], zl = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Ol = ["onClick"], Sl = ["innerHTML"], zl = {
+}, Ll = ["onClick"], Nl = ["innerHTML"], Fl = {
   __name: "vue-ui-ridgeline",
   props: {
     config: {
@@ -29,61 +30,61 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
     }
   },
   emits: ["selectLegend", "selectDatapoint", "selectX"],
-  setup(Je, { expose: Ke, emit: Qe }) {
-    const Ze = S(() => import("./vue-ui-accordion-D-tjbzQS.js")), et = S(() => import("./BaseDraggableDialog-CbNaTai1.js")), tt = S(() => import("./DataTable-DOdmEVBM.js")), lt = S(() => import("./PackageVersion-CJ0MHPau.js")), at = S(() => import("./PenAndPaper-CsV9xVqP.js")), st = S(() => import("./vue-ui-skeleton-B2N_3mr0.js")), ot = S(() => import("./UserOptions-B4olqrwb.js")), rt = S(() => import("./vue-ui-xy-CIiqKrxF.js")), { vue_ui_ridgeline: nt } = Lt(), x = Je, z = g({
+  setup(Qe, { expose: Ze, emit: et }) {
+    const tt = S(() => import("./vue-ui-accordion-C7e5Xia0.js")), lt = S(() => import("./BaseDraggableDialog-DnNYonqn.js")), at = S(() => import("./DataTable-Bj6Ydy9P.js")), st = S(() => import("./PackageVersion-BEHb0q4B.js")), ot = S(() => import("./PenAndPaper-X98t5VLX.js")), rt = S(() => import("./vue-ui-skeleton-7wen4XQb.js")), nt = S(() => import("./UserOptions-C1T-b-S9.js")), ut = S(() => import("./vue-ui-xy-BlRRpP-g.js")), { vue_ui_ridgeline: it } = Dt(), x = Qe, z = f({
       get() {
         return !!x.dataset && x.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), ee = Qe, V = c(null), ve = c(null), he = c(null), T = Ee(null), F = Ee(null), de = c(null), ye = c(null), fe = c(0), ut = c(0), ge = c(0), w = c(ie()), pe = c(0), it = c(0), me = c(512), h = c(null), I = c(null), te = c(null), be = c(0);
-    function xe() {
-      const l = qe({
+    }), te = et, V = i(null), de = i(null), ye = i(null), T = Ve(null), D = Ve(null), fe = i(null), ge = i(null), pe = i(0), ct = i(0), me = i(0), C = i(ve()), be = i(0), vt = i(0), xe = i(512), v = i(null), I = i(null), le = i(null), ke = i(0);
+    function Ae() {
+      const l = Ke({
         userConfig: x.config,
-        defaultConfig: nt
+        defaultConfig: it
       });
       return l.theme ? {
-        ...qe({
-          userConfig: Ut.vue_ui_ridgeline[l.theme] || x.config,
+        ...Ke({
+          userConfig: Wt.vue_ui_ridgeline[l.theme] || x.config,
           defaultConfig: l
         }),
-        customPalette: Bt[l.theme] || K
+        customPalette: Gt[l.theme] || Q
       } : l;
     }
-    const e = g({
-      get: () => xe(),
+    const e = f({
+      get: () => Ae(),
       set: (l) => l
-    }), $ = c(Math.min(
+    }), w = i(Math.min(
       e.value.style.chart.areas.height,
       e.value.style.chart.areas.rowHeight
     )), {
-      userOptionsVisible: le,
-      setUserOptionsVisibility: ke,
-      keepUserOptionState: Ae
-    } = Yt({ config: e.value }), { svgRef: ae } = qt({ config: e.value.style.chart.title });
-    St(se);
-    function se() {
-      if (Dt(x.dataset) ? ce({
+      userOptionsVisible: ae,
+      setUserOptionsVisibility: Ce,
+      keepUserOptionState: we
+    } = Jt({ config: e.value }), { svgRef: se } = Kt({ config: e.value.style.chart.title });
+    Lt(oe);
+    function oe() {
+      if (It(x.dataset) ? he({
         componentName: "VueUiRidgeline",
         type: "dataset"
       }) : x.dataset.forEach((l, o) => {
-        We({
+        Ye({
           datasetObject: l,
           requiredAttributes: ["name", "datapoints"]
         }).forEach((t) => {
-          z.value = !1, ce({
+          z.value = !1, he({
             componentName: "VueUiRidgeline",
             type: "datasetSerieAttribute",
             property: t,
             index: o
           });
         }), l.datapoints.length && l.datapoints.forEach((t, s) => {
-          We({
+          Ye({
             datasetObject: t,
             requiredAttributes: ["name", "values"]
           }).forEach((a) => {
-            z.value = !1, ce({
+            z.value = !1, he({
               componentName: "VueUiRidgeline",
               type: "datasetSerieAttribute",
               property: `datapoint.${a}`,
@@ -91,183 +92,189 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
             });
           });
         });
-      }), it.value = x.dataset.length, $.value = Math.min(
+      }), vt.value = x.dataset.length, w.value = Math.min(
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
       ), e.value.responsive) {
-        const l = Kt(() => {
-          const { width: o, height: t } = Qt({
+        const l = Zt(() => {
+          const { width: o, height: t } = el({
             chart: V.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,
+            title: e.value.style.chart.title.text ? de.value : null,
+            legend: e.value.style.chart.legend.show ? ye.value : null,
+            source: fe.value,
+            noTitle: ge.value,
             padding: e.value.style.chart.padding
           });
           requestAnimationFrame(() => {
-            me.value = o, $.value = t / x.dataset.length, be.value = t;
+            xe.value = o, w.value = t / x.dataset.length, ke.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);
+        T.value && (D.value && T.value.unobserve(D.value), T.value.disconnect()), T.value = new ResizeObserver(l), D.value = V.value.parentNode, T.value.observe(D.value);
       }
     }
-    zt(() => {
-      T.value && (F.value && T.value.unobserve(F.value), T.value.disconnect());
+    Nt(() => {
+      T.value && (D.value && T.value.unobserve(D.value), T.value.disconnect());
     });
-    const { isPrinting: Ce, isImaging: we, generatePdf: $e, generateImage: _e } = Jt({
-      elementId: `vue-ui-ridgeline_${w.value}`,
+    const { isPrinting: $e, isImaging: _e, generatePdf: Me, generateImage: Pe } = Qt({
+      elementId: `vue-ui-ridgeline_${C.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-ridgeline",
       options: e.value.userOptions.print
-    }), ct = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), vt = g(() => Ft(e.value.customPalette)), B = c({
+    }), ht = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), dt = f(() => Rt(e.value.customPalette)), B = i({
       showTable: e.value.table.show
     });
-    He(() => x.config, (l) => {
-      e.value = xe(), le.value = !e.value.userOptions.showOnChartHover, se(), fe.value += 1, ge.value += 1, $.value = Math.min(
+    Be(() => x.config, (l) => {
+      e.value = Ae(), ae.value = !e.value.userOptions.showOnChartHover, oe(), pe.value += 1, me.value += 1, w.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, 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((o) => o !== l) : O.value.push(l), ee("selectLegend", X.value);
+    }, { deep: !0 }), Be(() => x.dataset, oe, { deep: !0 });
+    const re = f(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
+    function Te(l) {
+      O.value.includes(l) ? O.value = O.value.filter((o) => o !== l) : O.value.push(l), te("selectLegend", X.value);
     }
-    const _ = g(() => z.value ? x.dataset.map((l, o) => ({
+    const _ = f(() => z.value ? x.dataset.map((l, o) => ({
       ...l,
-      labelLen: yt(l.name, e.value.style.chart.yAxis.labels.fontSize),
-      uid: ie(),
+      labelLen: gt(l.name, e.value.style.chart.yAxis.labels.fontSize),
+      uid: ve(),
       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);
+        const a = t.color ? Xt(t.color) : dt.value[s] || Q[s] || Q[s % Q.length], h = qe(t.name);
         return {
           ...t,
           color: a,
-          id: i
+          id: h
         };
       })
-    })) : []), Pe = g(() => e.value.style.chart.padding.top + $.value * x.dataset.length + $.value * oe.value), k = g(() => ({
+    })) : []), Oe = f(() => e.value.style.chart.padding.top + w.value * x.dataset.length + w.value * re.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: me.value,
-        height: Pe.value,
+        width: xe.value,
+        height: Oe.value,
         padding: l
       };
-    }), R = g(() => {
-      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 + s * i,
-          x: t + s * i - s / 2,
+    }), ne = f(() => Math.max(..._.value.flatMap((l) => l.datapoints.map((o) => o.values.length)))), W = f(() => sl({
+      values: e.value.style.chart.xAxis.labels.values,
+      maxDatapoints: ne.value,
+      formatter: e.value.style.chart.xAxis.labels.datetimeFormatter,
+      start: 0,
+      end: e.value.style.chart.xAxis.labels.values.length
+    })), R = f(() => {
+      const l = Math.max(..._.value.map((a) => a.labelLen)), o = y.value.padding.left + l + 16 + e.value.style.chart.yAxis.labels.offsetX, t = (k.value.width - o) / ne.value, s = [];
+      for (let a = 0; a < ne.value; a += 1)
+        s.push({
+          selectorX: o + t * a,
+          x: o + t * a - t / 2,
           y: k.value.top,
-          label: e.value.style.chart.xAxis.labels.values[i] || "",
-          index: i,
-          width: s,
-          height: Pe.value
+          label: e.value.style.chart.xAxis.labels.values[a] ? W.value[a].text : "",
+          index: a,
+          width: t,
+          height: Oe.value
         });
-      return a;
+      return s;
     });
-    function ht(l) {
-      ee("selectX", _.value.map((o) => o.datapoints.map((t) => ({
+    function yt(l) {
+      te("selectX", _.value.map((o) => o.datapoints.map((t) => ({
         dp: t,
         selected: t.values[l.index]
       }))));
     }
-    function dt(l, o) {
+    function ft(l, o) {
       return l.length * o / 2 + o;
     }
-    function Te(l, o, t) {
-      const s = dt(o, t);
+    function Se(l, o, t) {
+      const s = ft(o, t);
       return l + s > k.value.right;
     }
-    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;
+    function gt(l, o, t = "sans-serif") {
+      const a = document.createElement("canvas").getContext("2d"), h = typeof o == "number" ? `${o}px` : o;
+      return a.font = `${h} ${t}`, a.measureText(l).width;
     }
-    const X = g(() => {
-      $.value;
-      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;
+    const X = f(() => {
+      w.value;
+      const l = Math.max(..._.value.map((b) => b.labelLen)), o = Math.max(..._.value.flatMap((b) => b.datapoints.map((L) => L.values.length))), t = Math.max(..._.value.flatMap((b) => b.datapoints.flatMap((L) => L.values))), s = Math.min(..._.value.flatMap((b) => b.datapoints.flatMap((L) => L.values))), a = y.value.padding.left + l + 16 + e.value.style.chart.yAxis.labels.offsetX, h = (k.value.width - a) / o, $ = Math.abs(Math.min(s, 0)), Ie = t + $;
+      function Re(b) {
+        return isNaN(b / Ie) ? 0 : b / Ie;
       }
-      return _.value.map((b, N) => {
-        const Ie = k.value.top + $.value * N, L = k.value.top + Ie + $.value * oe.value * (1 - Fe(A));
+      return _.value.map((b, L) => {
+        const Xe = k.value.top + w.value * L, N = k.value.top + Xe + w.value * re.value * (1 - Re($));
         return {
           ...b,
           label: {
             x: a - e.value.style.chart.yAxis.labels.fontSize,
-            y: L
+            y: N
           },
           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 * oe.value * (1 - Fe(Mt + A)), Ot = G === Math.max(...U.values);
+            const F = U.values.map((G, Pt) => {
+              const Tt = isNaN(G) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(G) ? 0 : G || 0, Ot = a + h * Pt, St = k.value.top + Xe + w.value * re.value * (1 - Re(Tt + $)), zt = G === Math.max(...U.values);
               return {
-                x: Pt,
-                y: Tt,
+                x: Ot,
+                y: St,
                 value: G,
-                isMaxPoint: Ot,
-                zero: L
+                isMaxPoint: zt,
+                zero: N
               };
-            }), At = `${Rt(D, L, !1, !1)}`, Ct = `M ${a},${L} ${Ye(D)} ${D.at(-1).x},${L}`, wt = `M ${a},${L} ${D.at(-1).x},${L}`, Re = `M ${Xt(D)}`, Xe = `M ${Ye(D)}`, $t = Et(
-              e.value.style.chart.areas.smooth ? Re : Xe
+            }), wt = `${Et(F, N, !1, !1)}`, $t = `M ${a},${N} ${Je(F)} ${F.at(-1).x},${N}`, _t = `M ${a},${N} ${F.at(-1).x},${N}`, Ee = `M ${Ht(F)}`, He = `M ${Je(F)}`, Mt = Vt(
+              e.value.style.chart.areas.smooth ? Ee : He
             );
             return {
               ...U,
-              uid: ie(),
-              plots: D,
-              smoothPath: At,
-              straightPath: Ct,
-              zeroPath: wt,
-              pathLength: $t,
-              smoothPathRidge: Re,
-              straightPathRidge: Xe
+              uid: ve(),
+              plots: F,
+              smoothPath: wt,
+              straightPath: $t,
+              zeroPath: _t,
+              pathLength: Mt,
+              smoothPathRidge: Ee,
+              straightPathRidge: He
             };
           }).filter((U) => !O.value.includes(U.id))
         };
       });
-    }), O = c([]);
-    function ft(l) {
+    }), O = i([]);
+    function pt(l) {
       const o = /* @__PURE__ */ new Map();
       return l.forEach((t) => {
         t.datapoints.forEach((s, a) => {
-          const i = je(s.name);
-          o.has(i) || o.set(i, {
-            id: i,
+          const h = qe(s.name);
+          o.has(h) || o.set(h, {
+            id: h,
             name: s.name,
             color: s.color,
             shape: "circle",
-            segregate: () => Me(i),
-            isSegregated: O.value.includes(i),
-            opacity: O.value.includes(i) ? 0.5 : 1
+            segregate: () => Te(h),
+            isSegregated: O.value.includes(h),
+            opacity: O.value.includes(h) ? 0.5 : 1
           });
         });
       }), Array.from(o.values());
     }
-    const re = g(() => ft(_.value)), gt = g(() => ({
+    const ue = f(() => pt(_.value)), mt = 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" : ""
-    })), E = c(!1);
-    function pt(l) {
-      E.value = l, pe.value += 1;
+    })), E = i(!1);
+    function bt(l) {
+      E.value = l, be.value += 1;
     }
-    const Oe = c({}), Se = c([]);
-    function mt(l) {
-      ee("selectDatapoint", l), e.value.style.chart.dialog.show && (Se.value = l.datapoints.map((o) => ({
+    const ze = i({}), Le = i([]);
+    function xt(l) {
+      te("selectDatapoint", l), e.value.style.chart.dialog.show && (Le.value = l.datapoints.map((o) => ({
         name: o.name,
         color: o.color,
         type: "line",
         useArea: !0,
         smooth: e.value.style.chart.areas.smooth,
         series: o.values
-      })), I.value = l, Oe.value = jt({
+      })), I.value = l, ze.value = qt({
         ...e.value.style.chart.dialog.xyChart,
         responsive: !0,
         // Overriding 
@@ -279,7 +286,9 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
               ...e.value.style.chart.dialog.xyChart.chart.grid.labels,
               xAxisLabels: {
                 ...e.value.style.chart.dialog.xyChart.chart.grid.labels.xAxisLabels,
-                values: e.value.style.chart.xAxis.labels.values
+                values: e.value.style.chart.xAxis.labels.values,
+                // Overriding
+                datetimeFormatter: e.value.style.chart.xAxis.labels.datetimeFormatter
                 // Overriding
               }
             }
@@ -290,23 +299,23 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
             // Overriding
           }
         }
-      }), te.value && te.value.open());
+      }), le.value && le.value.open());
     }
-    const ne = c(null);
-    function bt(l) {
-      ne.value = l;
+    const ie = i(null);
+    function kt(l) {
+      ie.value = l;
     }
-    function xt() {
-      ne.value = null;
+    function At() {
+      ie.value = null;
     }
-    const W = c(!1);
-    function ue() {
-      W.value = !W.value;
+    const j = i(!1);
+    function ce() {
+      j.value = !j.value;
     }
-    function ze() {
+    function Ne() {
       B.value.showTable = !B.value.showTable;
     }
-    const Ne = g(() => ({ body: X.value.flatMap((t) => t.datapoints.flatMap((s) => ({
+    const Fe = f(() => ({ body: X.value.flatMap((t) => t.datapoints.flatMap((s) => ({
       ...s,
       rowName: `${t.name}: ${s.name}`
     }))).map((t) => [
@@ -315,10 +324,10 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
         color: t.color
       },
       ...t.values
-    ]) })), j = g(() => {
+    ]) })), Y = f(() => {
       const l = [
         e.value.table.columnNames.series,
-        ...e.value.style.chart.xAxis.labels.values
+        ...W.value.map((s) => s.text)
       ], o = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -335,43 +344,43 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
       return {
         colNames: [
           e.value.table.columnNames.series,
-          ...e.value.style.chart.xAxis.labels.values
+          ...W.value.map((s) => s.text)
         ],
         head: l,
-        body: Ne.value.body,
+        body: Fe.value.body,
         config: o
       };
     });
-    function Le(l = null) {
-      Nt(() => {
+    function De(l = null) {
+      Ft(() => {
         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)])
+          [e.value.table.columnNames.series, ...W.map((a) => [a.text])],
+          ...Fe.value.body.map((a, h) => [a[0].name, ...a.slice(1)])
         ], t = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text]
-        ].concat(o), s = Gt(t);
-        l ? l(s) : Wt({
+        ].concat(o), s = jt(t);
+        l ? l(s) : Yt({
           csvContent: s,
           title: e.value.style.chart.title.text || "vue-ui-ridgeline"
         });
       });
     }
-    function kt() {
+    function Ct() {
       return X.value;
     }
-    return Ke({
-      getData: kt,
-      generateImage: _e,
-      generatePdf: $e,
-      generateCsv: Le,
-      toggleAnnotator: ue,
-      toggleTable: ze
+    return Ze({
+      getData: Ct,
+      generateImage: Pe,
+      generatePdf: Me,
+      generateCsv: De,
+      toggleAnnotator: ce,
+      toggleTable: Ne
     }), (l, o) => (r(), n("div", {
       ref_key: "ridgelineChart",
       ref: V,
-      class: Y(`vue-ui-ridgeline ${E.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      id: `vue-ui-ridgeline_${w.value}`,
+      class: q(`vue-ui-ridgeline ${E.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      id: `vue-ui-ridgeline_${C.value}`,
       style: M({
         fontFamily: e.value.style.fontFamily,
         width: "100%",
@@ -379,33 +388,33 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
         background: e.value.style.chart.backgroundColor,
         height: e.value.responsive ? "100%" : void 0
       }),
-      onMouseenter: o[4] || (o[4] = () => u(ke)(!0)),
-      onMouseleave: o[5] || (o[5] = () => u(ke)(!1))
+      onMouseenter: o[4] || (o[4] = () => u(Ce)(!0)),
+      onMouseleave: o[5] || (o[5] = () => u(Ce)(!1))
     }, [
-      e.value.userOptions.buttons.annotator && u(ae) ? (r(), P(u(at), {
+      e.value.userOptions.buttons.annotator && u(se) ? (r(), P(u(ot), {
         key: 0,
         color: e.value.style.chart.color,
         backgroundColor: e.value.style.chart.backgroundColor,
-        active: W.value,
-        svgRef: u(ae),
-        onClose: ue
-      }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : v("", !0),
+        active: j.value,
+        svgRef: u(se),
+        onClose: ce
+      }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : c("", !0),
       p(l.$slots, "userConfig", {}, void 0, !0),
-      ct.value ? (r(), n("div", {
+      ht.value ? (r(), n("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: ye,
+        ref: ge,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : v("", !0),
+      }, null, 512)) : c("", !0),
       e.value.style.chart.title.text ? (r(), n("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: ve,
+        ref: de,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (r(), P(el, {
-          key: `title_${fe.value}`,
+        (r(), P(ll, {
+          key: `title_${pe.value}`,
           config: {
             title: {
               cy: "ridgeline-div-title",
@@ -417,15 +426,15 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : v("", !0),
-      e.value.userOptions.show && z.value && (u(Ae) || u(le)) ? (r(), P(u(ot), {
+      ], 512)) : c("", !0),
+      e.value.userOptions.show && z.value && (u(we) || u(ae)) ? (r(), P(u(nt), {
         ref: "details",
-        key: `user_option_${pe.value}`,
+        key: `user_option_${be.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: u(Ce),
-        isImaging: u(we),
-        uid: w.value,
+        isPrinting: u($e),
+        isImaging: u(_e),
+        uid: C.value,
         hasTooltip: !1,
         callbacks: e.value.userOptions.callbacks,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -440,21 +449,21 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
         isTooltip: !1,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: W.value,
+        isAnnotation: j.value,
         style: M({
-          visibility: u(Ae) ? u(le) ? "visible" : "hidden" : "visible"
+          visibility: u(we) ? u(ae) ? "visible" : "hidden" : "visible"
         }),
-        onToggleFullscreen: pt,
-        onGeneratePdf: u($e),
-        onGenerateCsv: Le,
-        onGenerateImage: u(_e),
-        onToggleTable: ze,
-        onToggleAnnotator: ue
-      }, Ve({ _: 2 }, [
+        onToggleFullscreen: bt,
+        onGeneratePdf: u(Me),
+        onGenerateCsv: De,
+        onGenerateImage: u(Pe),
+        onToggleTable: Ne,
+        onToggleAnnotator: ce
+      }, Ue({ _: 2 }, [
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: m(({ isOpen: t, color: s }) => [
-            p(l.$slots, "menuIcon", q(J({ isOpen: t, color: s })), void 0, !0)
+            p(l.$slots, "menuIcon", J(K({ isOpen: t, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -496,31 +505,31 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: m(({ toggleFullscreen: t, isFullscreen: s }) => [
-            p(l.$slots, "optionFullscreen", q(J({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
+            p(l.$slots, "optionFullscreen", J(K({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
           ]),
           key: "6"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: m(({ toggleAnnotator: t, isAnnotator: s }) => [
-            p(l.$slots, "optionAnnotator", q(J({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
+            p(l.$slots, "optionAnnotator", J(K({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "callbacks", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "style", "onGeneratePdf", "onGenerateImage"])) : v("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "callbacks", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "style", "onGeneratePdf", "onGenerateImage"])) : c("", !0),
       z.value ? (r(), n("svg", {
         key: 4,
         ref_key: "svgRef",
-        ref: ae,
-        xmlns: u(Ht),
-        class: Y({ "vue-data-ui-fullscreen--on": E.value, "vue-data-ui-fulscreen--off": !E.value }),
+        ref: se,
+        xmlns: u(Bt),
+        class: q({ "vue-data-ui-fullscreen--on": E.value, "vue-data-ui-fulscreen--off": !E.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: ${be.value}px; width: 100%;` : ""}`)
+        style: M(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};${e.value.responsive ? `height: ${ke.value}px; width: 100%;` : ""}`)
       }, [
-        Be(u(lt)),
+        Ge(u(st)),
         d("defs", null, [
-          (r(!0), n(f, null, C(re.value, (t, s) => (r(), n("linearGradient", {
-            id: `gradient-${t.id}-${w.value}`,
+          (r(!0), n(g, null, A(ue.value, (t, s) => (r(), n("linearGradient", {
+            id: `gradient-${t.id}-${C.value}`,
             x1: "50%",
             y1: "0%",
             x2: "50%",
@@ -530,27 +539,27 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
               offset: "0%",
               "stop-color": t.color,
               "stop-opacity": "1"
-            }, null, 8, rl),
+            }, null, 8, il),
             d("stop", {
               offset: "30%",
               "stop-color": t.color,
               "stop-opacity": "0.7"
-            }, null, 8, nl),
+            }, null, 8, cl),
             d("stop", {
               offset: "70%",
               "stop-color": t.color,
               "stop-opacity": "0.3"
-            }, null, 8, ul),
+            }, null, 8, vl),
             d("stop", {
               offset: "100%",
               "stop-color": t.color,
               "stop-opacity": "0.1"
-            }, null, 8, il)
-          ], 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", {
+            }, null, 8, hl)
+          ], 8, ul))), 256)),
+          (r(!0), n(g, null, A(X.value, (t, s) => (r(), n(g, null, [
+            (r(!0), n(g, null, A(t.datapoints, (a, h) => (r(), n("linearGradient", {
               key: `grad${a.id}`,
-              id: `gradient-single-${w.value}-${a.uid}`,
+              id: `gradient-single-${C.value}-${a.uid}`,
               x1: "50%",
               y1: "0%",
               x2: "50%",
@@ -560,45 +569,45 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
                 offset: "0%",
                 "stop-color": a.color,
                 "stop-opacity": "1"
-              }, null, 8, vl),
+              }, null, 8, yl),
               d("stop", {
                 offset: "30%",
                 "stop-color": a.color,
                 "stop-opacity": "0.7"
-              }, null, 8, hl),
+              }, null, 8, fl),
               d("stop", {
                 offset: "70%",
                 "stop-color": a.color,
                 "stop-opacity": "0.3"
-              }, null, 8, dl),
+              }, null, 8, gl),
               d("stop", {
                 offset: "100%",
                 "stop-color": a.color,
                 "stop-opacity": "0.1"
-              }, null, 8, yl)
-            ], 8, cl))), 128))
+              }, null, 8, pl)
+            ], 8, dl))), 128))
           ], 64))), 256))
         ]),
-        (r(!0), n(f, null, C(X.value, (t, s) => (r(), n("g", {
+        (r(!0), n(g, null, A(X.value, (t, s) => (r(), n("g", {
           key: `ds-${s}`
         }, [
-          (r(!0), n(f, null, C(t.datapoints, (a, i) => (r(), n("g", {
+          (r(!0), n(g, null, A(t.datapoints, (a, h) => (r(), n("g", {
             key: a.id
           }, [
-            l.$slots.pattern ? (r(), n("g", fl, [
+            l.$slots.pattern ? (r(), n("g", ml, [
               d("defs", null, [
-                p(l.$slots, "pattern", Ue({ ref_for: !0 }, { datapointIndex: s, seriesIndex: i, patternId: `pattern_${w.value}_${a.uid}` }), void 0, !0)
+                p(l.$slots, "pattern", We({ ref_for: !0 }, { datapointIndex: s, seriesIndex: h, patternId: `pattern_${C.value}_${a.uid}` }), void 0, !0)
               ])
-            ])) : v("", !0),
+            ])) : c("", !0),
             d("path", {
-              fill: l.$slots.pattern ? `url(#pattern_${w.value}_${a.uid})` : e.value.style.chart.backgroundColor,
+              fill: l.$slots.pattern ? `url(#pattern_${C.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({
                 opacity: e.value.style.chart.areas.opacity
               })
-            }, null, 12, gl),
+            }, null, 12, bl),
             d("path", {
               fill: "none",
               stroke: e.value.style.chart.areas.stroke.useSerieColor ? a.color : e.value.style.chart.areas.stroke.color,
@@ -606,24 +615,24 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
               d: e.value.style.chart.areas.smooth ? a.smoothPathRidge : a.straightPathRidge,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: Y({ "vue-ui-ridgeline-animate": e.value.useCssAnimation }),
+              class: q({ "vue-ui-ridgeline-animate": e.value.useCssAnimation }),
               style: M({
                 strokeDasharray: a.pathLength,
                 strokeDashoffset: e.value.useCssAnimation ? a.pathLength : 0
               })
-            }, null, 14, pl),
+            }, null, 14, xl),
             d("path", {
-              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,
+              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,
               stroke: "none",
               d: e.value.style.chart.areas.smooth ? a.smoothPath : a.straightPath,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: Y({ "vue-ui-ridgeline-animate": e.value.useCssAnimation }),
+              class: q({ "vue-ui-ridgeline-animate": e.value.useCssAnimation }),
               style: M({
                 strokeDasharray: a.pathLength,
                 strokeDashoffset: e.value.useCssAnimation ? a.pathLength : 0
               })
-            }, null, 14, ml),
+            }, null, 14, kl),
             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,
@@ -631,20 +640,20 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
               "stroke-width": e.value.style.chart.zeroLine.strokeWidth,
               d: a.zeroPath,
               "stroke-linecap": "round"
-            }, null, 8, bl)) : v("", !0),
-            e.value.style.chart.areas.maxPoint.show && a.plots.length > 1 ? (r(!0), n(f, { key: 2 }, C(a.plots, (A) => (r(), n(f, null, [
-              A.isMaxPoint ? (r(), n("line", {
+            }, null, 8, Al)) : c("", !0),
+            e.value.style.chart.areas.maxPoint.show && a.plots.length > 1 ? (r(!0), n(g, { key: 2 }, A(a.plots, ($) => (r(), n(g, null, [
+              $.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 ? u(Vt)(a.color) : e.value.style.chart.areas.maxPoint.stroke,
+                x1: $.x,
+                y1: $.y,
+                x2: $.x,
+                y2: $.zero,
+                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? u(Ut)(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, xl)) : v("", !0)
-            ], 64))), 256)) : v("", !0),
+              }, null, 8, Cl)) : c("", !0)
+            ], 64))), 256)) : c("", !0),
             a.plots.length === 1 ? (r(), n("circle", {
               key: 3,
               cx: a.plots[0].x,
@@ -656,7 +665,7 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
               style: {
                 pointerEvents: "none"
               }
-            }, null, 8, kl)) : v("", !0)
+            }, null, 8, wl)) : c("", !0)
           ]))), 128)),
           d("text", {
             x: t.label.x,
@@ -668,15 +677,15 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["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 === s || I.value && t.uid === I.value.uid) ? "underline" : "",
-            onMouseenter: (a) => bt(s),
-            onMouseleave: xt,
-            onClick: (a) => mt(t)
-          }, H(t.name), 45, Al)
+            "text-decoration": e.value.style.chart.dialog.show && (ie.value === s || I.value && t.uid === I.value.uid) ? "underline" : "",
+            onMouseenter: (a) => kt(s),
+            onMouseleave: At,
+            onClick: (a) => xt(t)
+          }, H(t.name), 45, $l)
         ]))), 128)),
-        e.value.style.chart.xAxis.labels.values.length ? (r(), n("g", Cl, [
-          (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,
+        e.value.style.chart.xAxis.labels.values.length ? (r(), n("g", _l, [
+          (r(!0), n(g, null, A(R.value, (t, s) => p(l.$slots, "time-label", We({ 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 && v.value && v.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 +694,7 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["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 && (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", {
+            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 && v.value && v.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,38 +702,38 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["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 === s ? 1 : 0.2 : 1
+                opacity: v.value ? v.value.index === s ? 1 : 0.2 : 1
               })
-            }, H(t.label), 13, wl)) : v("", !0)
+            }, H(t.label), 13, Ml)) : c("", !0)
           ], !0)), 256))
-        ])) : v("", !0),
+        ])) : c("", !0),
         d("g", null, [
-          (r(!0), n(f, null, C(R.value, (t, s) => (r(), n("rect", {
+          (r(!0), n(g, null, A(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: 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", {
+            onMouseenter: (a) => v.value = t,
+            onMouseleave: o[0] || (o[0] = (a) => v.value = null),
+            onClick: () => yt(t)
+          }, null, 40, Pl))), 256)),
+          e.value.style.chart.selector.show && v.value ? (r(), n("line", {
             key: 0,
-            x1: h.value.selectorX,
-            x2: h.value.selectorX,
-            y1: h.value.y,
-            y2: h.value.y + h.value.height - $.value / 2,
+            x1: v.value.selectorX,
+            x2: v.value.selectorX,
+            y1: v.value.y,
+            y2: v.value.y + v.value.height - w.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, _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, (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", {
+          }, null, 8, Tl)) : c("", !0),
+          v.value ? (r(!0), n(g, { key: 1 }, A(X.value, (t) => (r(), n(g, null, [
+            (r(!0), n(g, null, A(t.datapoints, (s) => (r(), n(g, null, [
+              (r(!0), n(g, null, A(s.plots, (a, h) => (r(), n(g, null, [
+                v.value && v.value.index === h ? (r(), n("circle", {
                   key: 0,
                   cx: a.x,
                   cy: a.y,
@@ -735,15 +744,15 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
                   style: {
                     pointerEvents: "none"
                   }
-                }, null, 8, Ml)) : v("", !0),
-                h.value && h.value.index === i ? (r(), n("text", {
+                }, null, 8, Ol)) : c("", !0),
+                v.value && v.value.index === h ? (r(), n("text", {
                   key: 1,
-                  x: Te(
+                  x: Se(
                     a.x,
-                    u(Q)(
+                    u(Z)(
                       e.value.style.chart.selector.labels.formatter,
                       a.value,
-                      u(Z)({
+                      u(ee)({
                         p: e.value.style.chart.xAxis.labels.prefix,
                         v: a.value,
                         s: e.value.style.chart.xAxis.labels.suffix,
@@ -753,12 +762,12 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["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": Te(
+                  "text-anchor": Se(
                     a.x,
-                    u(Q)(
+                    u(Z)(
                       e.value.style.chart.selector.labels.formatter,
                       a.value,
-                      u(Z)({
+                      u(ee)({
                         p: e.value.style.chart.xAxis.labels.prefix,
                         v: a.value,
                         s: e.value.style.chart.xAxis.labels.suffix,
@@ -772,26 +781,26 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
                   style: {
                     pointerEvents: "none"
                   }
-                }, H(u(Q)(
+                }, H(u(Z)(
                   e.value.style.chart.selector.labels.formatter,
                   a.value,
-                  u(Z)({
+                  u(ee)({
                     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, Pl)) : v("", !0)
+                )), 9, Sl)) : c("", !0)
               ], 64))), 256))
             ], 64))), 256))
-          ], 64))), 256)) : v("", !0)
+          ], 64))), 256)) : c("", !0)
         ]),
         p(l.$slots, "svg", { svg: y.value }, void 0, !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(st), {
+      ], 14, nl)) : c("", !0),
+      l.$slots.watermark ? (r(), n("div", zl, [
+        p(l.$slots, "watermark", J(K({ isPrinting: u($e) || u(_e) })), void 0, !0)
+      ])) : c("", !0),
+      z.value ? c("", !0) : (r(), P(u(rt), {
         key: 6,
         config: {
           type: "ridgeline",
@@ -805,47 +814,47 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
       }, null, 8, ["config"])),
       d("div", {
         ref_key: "chartLegend",
-        ref: he
+        ref: ye
       }, [
-        e.value.style.chart.legend.show ? (r(), P(Zt, {
-          key: `legend_${ge.value}`,
-          legendSet: re.value,
-          config: gt.value,
-          onClickMarker: o[1] || (o[1] = ({ legend: t }) => Me(t.id))
-        }, Ve({
+        e.value.style.chart.legend.show ? (r(), P(tl, {
+          key: `legend_${me.value}`,
+          legendSet: ue.value,
+          config: mt.value,
+          onClickMarker: o[1] || (o[1] = ({ legend: t }) => Te(t.id))
+        }, Ue({
           item: m(({ legend: t }) => [
             d("div", {
               style: M(`opacity:${O.value.includes(t.id) ? 0.5 : 1}`),
               onClick: (s) => t.segregate()
-            }, H(t.name), 13, Ol)
+            }, H(t.name), 13, Ll)
           ]),
           _: 2
         }, [
           l.$slots.pattern ? {
             name: "legend-pattern",
             fn: m(({ legend: t, index: s }) => [
-              Be(tl, {
+              Ge(al, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
                 plot: { x: 30, y: 30 },
-                fill: `url(#pattern_${w.value}_${s})`
+                fill: `url(#pattern_${C.value}_${s})`
               }, null, 8, ["shape", "fill"])
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["legendSet", "config"])) : v("", !0),
-        p(l.$slots, "legend", { legend: re.value }, void 0, !0)
+        ]), 1032, ["legendSet", "config"])) : c("", !0),
+        p(l.$slots, "legend", { legend: ue.value }, void 0, !0)
       ], 512),
       l.$slots.source ? (r(), n("div", {
         key: 7,
         ref_key: "source",
-        ref: de,
+        ref: fe,
         dir: "auto"
       }, [
         p(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : v("", !0),
-      z.value ? (r(), P(u(Ze), {
+      ], 512)) : c("", !0),
+      z.value ? (r(), P(u(tt), {
         key: 8,
         hideDetails: "",
         config: {
@@ -862,23 +871,23 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
         }
       }, {
         content: m(() => [
-          (r(), P(u(tt), {
-            key: `table_${ut.value}`,
-            colNames: j.value.colNames,
-            head: j.value.head,
-            body: j.value.body,
-            config: j.value.config,
+          (r(), P(u(at), {
+            key: `table_${ct.value}`,
+            colNames: Y.value.colNames,
+            head: Y.value.head,
+            body: Y.value.body,
+            config: Y.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` :${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: o[2] || (o[2] = (t) => B.value.showTable = !1)
           }, {
             th: m(({ th: t }) => [
-              d("div", { innerHTML: t }, null, 8, Sl)
+              d("div", { innerHTML: t }, null, 8, Nl)
             ]),
             td: m(({ td: t }) => [
-              Ge(H(t.name ? t.name : u(Q)(
+              je(H(t.name ? t.name : u(Z)(
                 e.value.style.chart.selector.labels.formatter,
                 t,
-                u(Z)({
+                u(ee)({
                   p: e.value.style.chart.xAxis.labels.prefix,
                   v: t,
                   s: e.value.style.chart.xAxis.labels.suffix,
@@ -890,11 +899,11 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : v("", !0),
-      e.value.style.chart.dialog.show ? (r(), P(u(et), {
+      }, 8, ["config"])) : c("", !0),
+      e.value.style.chart.dialog.show ? (r(), P(u(lt), {
         key: 9,
         ref_key: "dialog",
-        ref: te,
+        ref: le,
         onClose: o[3] || (o[3] = (t) => I.value = null),
         backgroundColor: e.value.style.chart.dialog.backgroundColor,
         color: e.value.style.chart.dialog.color,
@@ -904,20 +913,20 @@ const al = ["id"], sl = ["xmlns", "viewBox"], ol = ["id"], rl = ["stop-color"],
         fullscreenParent: V.value
       }, {
         title: m(() => [
-          Ge(H(I.value.name), 1)
+          je(H(I.value.name), 1)
         ]),
         default: m(() => [
-          I.value ? (r(), P(u(rt), {
+          I.value ? (r(), P(u(ut), {
             key: 0,
-            config: Oe.value,
-            dataset: Se.value
-          }, null, 8, ["config", "dataset"])) : v("", !0)
+            config: ze.value,
+            dataset: Le.value
+          }, null, 8, ["config", "dataset"])) : c("", !0)
         ]),
         _: 1
-      }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : v("", !0)
-    ], 46, al));
+      }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : c("", !0)
+    ], 46, rl));
   }
-}, Ul = /* @__PURE__ */ ll(zl, [["__scopeId", "data-v-76b7ad48"]]);
+}, Yl = /* @__PURE__ */ ol(Fl, [["__scopeId", "data-v-7c60b4ce"]]);
 export {
-  Ul as default
+  Yl as default
 };