vue-data-ui 3.5.0 → 3.5.2

package/dist/{vue-ui-ridgeline-CXCIRDq6.js → vue-ui-ridgeline-CYMfTlwI.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as M, computed as c, ref as i, shallowRef as ut, toRefs as ua, onBeforeUnmount as it, watch as Z, nextTick as _e, watchEffect as ia, createElementBlock as r, openBlock as n, unref as u, normalizeStyle as $, normalizeClass as se, createBlock as T, createCommentVNode as h, renderSlot as p, createElementVNode as f, createSlots as Se, withCtx as g, normalizeProps as ne, guardReactiveProps as re, createVNode as Te, Fragment as m, renderList as k, mergeProps as Pe, toDisplayString as F, resolveDynamicComponent as ca, createTextVNode as Oe } from "vue";
-import { c as Me, t as va, e as ha, h as da, p as ue, ak as ct, C as fa, B as vt, z as ga, a9 as ya, X as pa, J as ma, M as ba, a as ie, d as ce, b as xa, f as Le, g as ht, o as ka, P as Aa, Q as Ca, a4 as wa } from "./lib-C_mNZmhD.js";
-import { t as dt, u as $a } from "./useResponsive-DfdjqQps.js";
-import { u as _a, a as ft } from "./useNestedProp-BjZe1Y85.js";
+import { defineAsyncComponent as z, computed as c, ref as i, shallowRef as ut, toRefs as ua, onBeforeUnmount as it, watch as te, nextTick as _e, watchEffect as ia, createElementBlock as r, openBlock as n, unref as u, normalizeStyle as $, normalizeClass as re, createBlock as T, createCommentVNode as h, renderSlot as f, createElementVNode as y, withCtx as v, normalizeProps as P, guardReactiveProps as O, createSlots as Se, createVNode as Te, Fragment as m, renderList as k, mergeProps as Pe, toDisplayString as B, resolveDynamicComponent as ca, createTextVNode as Oe } from "vue";
+import { c as Me, t as va, e as da, h as ha, p as ue, ak as ct, C as fa, B as vt, z as ga, a9 as ya, X as pa, J as ma, M as ba, a as ie, d as ce, b as xa, f as Le, g as dt, o as ka, P as Aa, Q as Ca, a4 as wa } from "./lib-C_mNZmhD.js";
+import { t as ht, u as $a } from "./useResponsive-DfdjqQps.js";
+import { u as _a, a as ft } from "./useNestedProp-CReNavA0.js";
 import { u as Sa, B as Ta } from "./BaseScanner-BgWxam9d.js";
 import { u as Pa } from "./usePrinter-DTzqpYKF.js";
 import { u as Oa } from "./useSvgExport-DrjCWun4.js";
@@ -11,11 +11,11 @@ import { u as za } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Da } from "./useTimeLabelCollider-CIsgDrl9.js";
 import { t as Ia } from "./themes-AUNCOb2G.js";
 import Ra from "./Legend-G6GMcdAc.js";
-import Na from "./Title-l36lOBMx.js";
+import Na from "./Title-BzH_LEA3.js";
 import { _ as Fa } from "./Shape-CNXKB8O0.js";
 import Ea from "./img-BecE5qXd.js";
 import { _ as Ba } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"], Ga = ["stop-color"], Wa = ["stop-color"], Ya = ["stop-color"], ja = ["id"], qa = ["stop-color"], Ja = ["stop-color"], Qa = ["stop-color"], Ka = ["stop-color"], Za = { key: 0 }, el = ["fill", "d"], tl = ["stroke", "stroke-width", "d"], al = ["fill", "d"], ll = ["stroke", "stroke-dasharray", "stroke-width", "d"], ol = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], sl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], nl = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], rl = { key: 0 }, ul = ["font-size", "fill", "font-weight", "transform", "text-anchor"], il = ["font-size", "fill", "font-weight", "transform", "text-anchor", "innerHTML"], cl = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], vl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], hl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], dl = ["x", "y", "text-anchor", "font-size", "fill"], fl = {
+const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"], Ga = ["stop-color"], Wa = ["stop-color"], Ya = ["stop-color"], ja = ["id"], qa = ["stop-color"], Ja = ["stop-color"], Qa = ["stop-color"], Ka = ["stop-color"], Za = { key: 0 }, el = ["fill", "d"], tl = ["stroke", "stroke-width", "d"], al = ["fill", "d"], ll = ["stroke", "stroke-dasharray", "stroke-width", "d"], ol = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], sl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], nl = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], rl = { key: 0 }, ul = ["font-size", "fill", "font-weight", "transform", "text-anchor"], il = ["font-size", "fill", "font-weight", "transform", "text-anchor", "innerHTML"], cl = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], vl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], dl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], hl = ["x", "y", "text-anchor", "font-size", "fill"], fl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, gl = ["onClick"], yl = ["innerHTML"], pl = {
@@ -36,29 +36,29 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
   },
   emits: ["selectLegend", "selectDatapoint", "selectX"],
   setup(gt, { expose: yt, emit: pt }) {
-    const mt = M(() => import("./vue-ui-xy-B68qQ-gX.js")), bt = M(() => import("./BaseIcon-BmMbm4d0.js")), xt = M(() => import("./vue-ui-accordion-CZ0thhxa.js")), kt = M(() => import("./DataTable-BT7VF2ua.js")), At = M(() => import("./PenAndPaper-DSvu9dwa.js")), Ct = M(() => import("./UserOptions-CGnQt6Fd.js")), wt = M(() => import("./PackageVersion-Cyx_s25h.js")), ze = M(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_ridgeline: $t } = _a(), E = gt, V = c({
+    const mt = z(() => import("./vue-ui-xy-Cz2qIEfi.js")), bt = z(() => import("./BaseIcon-BmMbm4d0.js")), xt = z(() => import("./vue-ui-accordion-BmFTVF1a.js")), kt = z(() => import("./DataTable-BT7VF2ua.js")), At = z(() => import("./PenAndPaper-SZQIAgkg.js")), Ct = z(() => import("./UserOptions-CGnQt6Fd.js")), wt = z(() => import("./PackageVersion-Y7t79Jtq.js")), ze = z(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_ridgeline: $t } = _a(), H = gt, W = c({
       get() {
-        return Array.isArray(z.value) && z.value.length > 0;
+        return Array.isArray(I.value) && I.value.length > 0;
       },
       set(t) {
         return t;
       }
-    }), ve = pt, _ = i(null), De = i(null), Ie = i(null), P = ut(null), L = ut(null), Re = i(null), Ne = i(null), he = i(0), _t = i(0), de = i(0), A = i(Me()), Fe = i(0), St = i(0), Ee = i(512), d = i(null), B = i(null), fe = i(null), Be = i(0), ge = i(null), G = i(null), ye = i(null);
+    }), ve = pt, _ = i(null), De = i(null), Ie = i(null), M = ut(null), D = ut(null), Re = i(null), Ne = i(null), de = i(0), _t = i(0), he = i(0), A = i(Me()), Fe = i(0), St = i(0), Ee = i(512), g = i(null), X = i(null), fe = i(null), Be = i(0), ge = i(null), Y = i(null), ye = i(null);
     function pe() {
       const t = ft({
-        userConfig: E.config,
+        userConfig: H.config,
         defaultConfig: $t
       });
       return t.theme ? {
         ...ft({
-          userConfig: Ia.vue_ui_ridgeline[t.theme] || E.config,
+          userConfig: Ia.vue_ui_ridgeline[t.theme] || H.config,
           defaultConfig: t
         }),
         customPalette: xa[t.theme] || ue
       } : t;
     }
-    const e = i(pe()), { loading: W, FINAL_DATASET: z, manualLoading: me } = Sa({
-      ...ua(E),
+    const e = i(pe()), { loading: j, FINAL_DATASET: I, manualLoading: me } = Sa({
+      ...ua(H),
       FINAL_CONFIG: e,
       prepareConfig: pe,
       skeletonDataset: [
@@ -196,22 +196,22 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
       e.value.style.chart.areas.height,
       e.value.style.chart.areas.rowHeight
     )), {
-      userOptionsVisible: ee,
+      userOptionsVisible: ae,
       setUserOptionsVisibility: He,
       keepUserOptionState: Xe
-    } = La({ config: e.value }), { svgRef: te } = za({ config: e.value.style.chart.title }), be = c(() => !!e.value.debug);
+    } = La({ config: e.value }), { svgRef: le } = za({ config: e.value.style.chart.title }), be = c(() => !!e.value.debug);
     function Ue() {
-      const t = z.value || [];
+      const t = I.value || [];
       if (!Array.isArray(t) || t.length === 0) {
         Le({ componentName: "VueUiRidgeline", type: "dataset", debug: be.value }), me.value = !0;
         return;
       }
       if (t.forEach((l, a) => {
-        ht({
+        dt({
           datasetObject: l,
           requiredAttributes: ["name", "datapoints"]
         }).forEach((s) => {
-          V.value = !1, Le({
+          W.value = !1, Le({
             componentName: "VueUiRidgeline",
             type: "datasetSerieAttribute",
             property: s,
@@ -219,14 +219,14 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
             debug: be.value
           });
         }), Array.isArray(l.datapoints) && l.datapoints.length && l.datapoints.forEach((s, o) => {
-          ht({
+          dt({
             datasetObject: s,
             requiredAttributes: ["name", "values"]
-          }).forEach((v) => {
-            V.value = !1, Le({
+          }).forEach((d) => {
+            W.value = !1, Le({
               componentName: "VueUiRidgeline",
               type: "datasetSerieAttribute",
-              property: `datapoint.${v}`,
+              property: `datapoint.${d}`,
               index: `${a}-${o}`,
               debug: be.value
             });
@@ -235,8 +235,8 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
       }), St.value = t.length, C.value = Math.min(
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
-      ), ka(E.dataset) || (me.value = e.value.loading), e.value.responsive) {
-        const l = dt(() => {
+      ), ka(H.dataset) || (me.value = e.value.loading), e.value.responsive) {
+        const l = ht(() => {
           const { width: a, height: s } = $a({
             chart: _.value,
             title: e.value.style.chart.title.text ? De.value : null,
@@ -249,74 +249,74 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
             Ee.value = a, C.value = t.length ? s / t.length : 0, Be.value = s - 12;
           });
         });
-        P.value && (L.value && P.value.unobserve(L.value), P.value.disconnect()), P.value = new ResizeObserver(l), L.value = _.value?.parentNode || null, L.value && P.value.observe(L.value);
+        M.value && (D.value && M.value.unobserve(D.value), M.value.disconnect()), M.value = new ResizeObserver(l), D.value = _.value?.parentNode || null, D.value && M.value.observe(D.value);
       }
     }
     it(() => {
-      P.value && (L.value && P.value.unobserve(L.value), P.value.disconnect());
+      M.value && (D.value && M.value.unobserve(D.value), M.value.disconnect());
     });
     const { isPrinting: Ve, isImaging: Ge, generatePdf: We, generateImage: Ye } = Pa({
       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), Pt = c(() => ha(e.value.customPalette)), D = i({
+    }), Tt = c(() => e.value.userOptions.show && !e.value.style.chart.title.text), Pt = c(() => da(e.value.customPalette)), R = i({
       showTable: e.value.table.show
     });
-    Z(
-      () => z.value,
+    te(
+      () => I.value,
       async (t) => {
-        Array.isArray(t) && t.length && (ee.value = !e.value.userOptions.showOnChartHover, await _e(), Ue(), he.value += 1, de.value += 1, D.value.showTable = e.value.table.show);
+        Array.isArray(t) && t.length && (ae.value = !e.value.userOptions.showOnChartHover, await _e(), Ue(), de.value += 1, he.value += 1, R.value.showTable = e.value.table.show);
       },
       { deep: !0, immediate: !0 }
-    ), Z(() => E.dataset, (t) => {
+    ), te(() => H.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (me.value = !1);
-    }, { deep: !0 }), Z(
-      () => W.value,
+    }, { deep: !0 }), te(
+      () => j.value,
       async (t) => {
         t || (await _e(), Ue());
       },
       { immediate: !0 }
-    ), Z(
-      () => E.config,
+    ), te(
+      () => H.config,
       () => {
-        e.value = pe(z.value || null), ee.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, he.value += 1, de.value += 1;
+        e.value = pe(I.value || null), ae.value = !e.value.userOptions.showOnChartHover, C.value = Math.min(e.value.style.chart.areas.height, e.value.style.chart.areas.rowHeight), R.value.showTable = e.value.table.show, de.value += 1, he.value += 1;
       },
       { deep: !0 }
     );
     const xe = c(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
-    function ae(t) {
-      w.value.includes(t) ? w.value = w.value.filter((l) => l !== t) : w.value.push(t), ve("selectLegend", X.value);
+    function oe(t) {
+      w.value.includes(t) ? w.value = w.value.filter((l) => l !== t) : w.value.push(t), ve("selectLegend", V.value);
     }
     function je(t) {
-      if (!U.value.length)
+      if (!G.value.length)
         return e.value.debug && console.warn("VueUiRidgeline - There are no series to show."), null;
-      const l = U.value.find((a) => a.name === t);
+      const l = G.value.find((a) => a.name === t);
       return l || (e.value.debug && console.warn(`VueUiRidgeline - Series name not found "${t}"`), null);
     }
     function Ot(t) {
       const l = je(t);
-      l !== null && w.value.includes(l.id) && ae(l.id);
+      l !== null && w.value.includes(l.id) && oe(l.id);
     }
     function Mt(t) {
       const l = je(t);
-      l !== null && (w.value.includes(l.id) || ae(l.id));
+      l !== null && (w.value.includes(l.id) || oe(l.id));
     }
-    const O = c(() => V.value ? (z.value || []).map((t) => ({
+    const L = c(() => W.value ? (I.value || []).map((t) => ({
       ...t,
       labelLen: Et(t.name, e.value.style.chart.yAxis.labels.fontSize),
       uid: Me(),
       datapoints: t.datapoints.map((l, a) => {
-        const s = l.color ? da(l.color) : Pt.value[a] || ue[a] || ue[a % ue.length], o = ct(l.name);
+        const s = l.color ? ha(l.color) : Pt.value[a] || ue[a] || ue[a % ue.length], o = ct(l.name);
         return { ...l, color: s, id: o };
       })
-    })) : []), qe = c(() => e.value.style.chart.padding.top + C.value * (z.value || []).length + C.value * xe.value + e.value.style.chart.padding.bottom), y = c(() => {
+    })) : []), qe = c(() => e.value.style.chart.padding.top + C.value * (I.value || []).length + C.value * xe.value + e.value.style.chart.padding.bottom), p = c(() => {
       const t = e.value.style.chart.padding;
       return {
         width: Ee.value,
         height: qe.value,
         padding: t
       };
-    }), Lt = c(() => y.value.width), zt = c(() => y.value.height), ke = i(0), Dt = dt((t) => {
+    }), Lt = c(() => p.value.width), zt = c(() => p.value.height), ke = i(0), Dt = ht((t) => {
       ke.value = t;
     }, 100);
     ia((t) => {
@@ -330,26 +330,26 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
       ke.value = 0;
     });
     const b = c(() => ({
-      fullHeight: y.value.height + ke.value,
-      top: y.value.padding.top,
-      left: y.value.padding.left,
-      right: y.value.width - y.value.padding.right,
-      bottom: y.value.height - e.value.style.chart.padding.bottom,
-      width: y.value.width - (y.value.padding.left + y.value.padding.right)
-    })), Y = c(() => Math.max(...O.value.flatMap((t) => t.datapoints.map((l) => l.values.length)))), j = c(() => Ma({
+      fullHeight: p.value.height + ke.value,
+      top: p.value.padding.top,
+      left: p.value.padding.left,
+      right: p.value.width - p.value.padding.right,
+      bottom: p.value.height - e.value.style.chart.padding.bottom,
+      width: p.value.width - (p.value.padding.left + p.value.padding.right)
+    })), q = c(() => Math.max(...L.value.flatMap((t) => t.datapoints.map((l) => l.values.length)))), J = c(() => Ma({
       values: e.value.style.chart.xAxis.labels.values,
-      maxDatapoints: Y.value,
+      maxDatapoints: q.value,
       formatter: e.value.style.chart.xAxis.labels.datetimeFormatter,
       start: 0,
       end: e.value.style.chart.xAxis.labels.values.length
-    })), H = c(() => {
-      const t = Math.max(...O.value.map((o) => o.labelLen)), l = y.value.padding.left + t + 16 + e.value.style.chart.yAxis.labels.offsetX, a = (b.value.width - l) / Y.value, s = [];
-      for (let o = 0; o < Y.value; o += 1)
+    })), U = c(() => {
+      const t = Math.max(...L.value.map((o) => o.labelLen)), l = p.value.padding.left + t + 16 + e.value.style.chart.yAxis.labels.offsetX, a = (b.value.width - l) / q.value, s = [];
+      for (let o = 0; o < q.value; o += 1)
         s.push({
           selectorX: l + a * o,
           x: l + a * o - a / 2,
           y: b.value.top,
-          label: e.value.style.chart.xAxis.labels.values[o] ? j.value[o].text : "",
+          label: e.value.style.chart.xAxis.labels.values[o] ? J.value[o].text : "",
           index: o,
           width: a,
           height: qe.value
@@ -357,18 +357,18 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
       return s;
     });
     function Ae(t) {
-      return O.value.map((l) => l.datapoints.map((a) => ({
+      return L.value.map((l) => l.datapoints.map((a) => ({
         dp: a,
         selected: a.values[t.index]
       })));
     }
     function It(t) {
-      d.value = t;
+      g.value = t;
       const l = Ae(t);
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: t.index });
     }
     function Rt(t) {
-      d.value = null;
+      g.value = null;
       const l = Ae(t);
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: t.index });
     }
@@ -384,40 +384,40 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
       return t + s > b.value.right;
     }
     function Et(t, l, a = "sans-serif") {
-      const o = document.createElement("canvas").getContext("2d"), v = typeof l == "number" ? `${l}px` : l;
-      return o.font = `${v} ${a}`, o.measureText(t).width;
+      const o = document.createElement("canvas").getContext("2d"), d = typeof l == "number" ? `${l}px` : l;
+      return o.font = `${d} ${a}`, o.measureText(t).width;
     }
-    const X = c(() => {
+    const V = c(() => {
       C.value;
-      const t = Math.max(...O.value.map((x) => x.labelLen)), l = Math.max(...O.value.flatMap((x) => x.datapoints.flatMap((J) => J.values))), a = Math.min(...O.value.flatMap((x) => x.datapoints.flatMap((J) => J.values))), s = y.value.padding.left + t + 16 + e.value.style.chart.yAxis.labels.offsetX, o = (b.value.width - s) / Y.value, v = Math.abs(Math.min(a, 0)), S = l + v;
+      const t = Math.max(...L.value.map((x) => x.labelLen)), l = Math.max(...L.value.flatMap((x) => x.datapoints.flatMap((K) => K.values))), a = Math.min(...L.value.flatMap((x) => x.datapoints.flatMap((K) => K.values))), s = p.value.padding.left + t + 16 + e.value.style.chart.yAxis.labels.offsetX, o = (b.value.width - s) / q.value, d = Math.abs(Math.min(a, 0)), S = l + d;
       function ot(x) {
         return isNaN(x / S) ? 0 : x / S;
       }
-      return O.value.map((x, J) => {
-        const st = b.value.top + C.value * J, R = b.value.top + st + C.value * xe.value * (1 - ot(v));
+      return L.value.map((x, K) => {
+        const st = b.value.top + C.value * K, F = b.value.top + st + C.value * xe.value * (1 - ot(d));
         return {
           ...x,
           label: {
             x: s - e.value.style.chart.yAxis.labels.fontSize,
-            y: R
+            y: F
           },
-          datapoints: x.datapoints.map((Q) => {
-            const N = Q.values.map((K, la) => {
-              const oa = isNaN(K) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(K) ? 0 : K || 0, sa = s + o * la, na = b.value.top + st + C.value * xe.value * (1 - ot(oa + v)), ra = K === Math.max(...Q.values);
+          datapoints: x.datapoints.map((Z) => {
+            const E = Z.values.map((ee, la) => {
+              const oa = isNaN(ee) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(ee) ? 0 : ee || 0, sa = s + o * la, na = b.value.top + st + C.value * xe.value * (1 - ot(oa + d)), ra = ee === Math.max(...Z.values);
               return {
                 x: sa,
                 y: na,
-                value: K,
+                value: ee,
                 isMaxPoint: ra,
-                zero: R
+                zero: F
               };
-            }), Zt = `${fa(N, R, !1, !1)}`, ea = `M ${s},${R} ${vt(N)} ${N.at(-1).x},${R}`, ta = `M ${s},${R} ${N.at(-1).x},${R}`, nt = `M ${ga(N)}`, rt = `M ${vt(N)}`, aa = ya(
+            }), Zt = `${fa(E, F, !1, !1)}`, ea = `M ${s},${F} ${vt(E)} ${E.at(-1).x},${F}`, ta = `M ${s},${F} ${E.at(-1).x},${F}`, nt = `M ${ga(E)}`, rt = `M ${vt(E)}`, aa = ya(
               e.value.style.chart.areas.smooth ? nt : rt
             );
             return {
-              ...Q,
+              ...Z,
               uid: Me(),
-              plots: N,
+              plots: E,
               smoothPath: Zt,
               straightPath: ea,
               zeroPath: ta,
@@ -425,7 +425,7 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
               smoothPathRidge: nt,
               straightPathRidge: rt
             };
-          }).filter((Q) => !w.value.includes(Q.id))
+          }).filter((Z) => !w.value.includes(Z.id))
         };
       });
     }), w = i([]);
@@ -433,29 +433,29 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
       const l = /* @__PURE__ */ new Map();
       return t.forEach((a) => {
         a.datapoints.forEach((s, o) => {
-          const v = ct(s.name);
-          l.has(v) || l.set(v, {
-            id: v,
+          const d = ct(s.name);
+          l.has(d) || l.set(d, {
+            id: d,
             name: s.name,
             color: s.color,
             shape: "circle",
-            segregate: () => ae(v),
-            isSegregated: w.value.includes(v),
-            opacity: w.value.includes(v) ? 0.5 : 1
+            segregate: () => oe(d),
+            isSegregated: w.value.includes(d),
+            opacity: w.value.includes(d) ? 0.5 : 1
           });
         });
       }), Array.from(l.values());
     }
-    const U = c(() => Bt(O.value)), Ht = c(() => ({
+    const G = c(() => Bt(L.value)), Ht = c(() => ({
       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" : ""
-    })), I = i(!1);
+    })), N = i(!1);
     function Qe(t) {
-      I.value = t, Fe.value += 1;
+      N.value = t, Fe.value += 1;
     }
     const Ke = i({}), Ze = i([]);
     function Xt(t) {
@@ -466,7 +466,7 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
         useArea: !0,
         smooth: e.value.style.chart.areas.smooth,
         series: l.values
-      })), B.value = t, Ke.value = wa({
+      })), X.value = t, Ke.value = wa({
         ...e.value.style.chart.dialog.xyChart,
         responsive: !0,
         // Overriding 
@@ -505,14 +505,14 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
     function Vt() {
       Ce.value = null;
     }
-    const le = i(!1);
+    const se = i(!1);
     function we() {
-      le.value = !le.value;
+      se.value = !se.value;
     }
     function et() {
-      D.value.showTable = !D.value.showTable;
+      R.value.showTable = !R.value.showTable;
     }
-    const tt = c(() => ({ body: X.value.flatMap((a) => a.datapoints.flatMap((s) => ({
+    const tt = c(() => ({ body: V.value.flatMap((a) => a.datapoints.flatMap((s) => ({
       ...s,
       rowName: `${a.name}: ${s.name}`
     }))).map((a) => [
@@ -521,10 +521,10 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
         color: a.color
       },
       ...a.values
-    ]) })), oe = c(() => {
+    ]) })), ne = c(() => {
       const t = [
         e.value.table.columnNames.series,
-        ...j.value.map((s) => s.text)
+        ...J.value.map((s) => s.text)
       ], l = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -541,7 +541,7 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
       return {
         colNames: [
           e.value.table.columnNames.series,
-          ...j.value.map((s) => s.text)
+          ...J.value.map((s) => s.text)
         ],
         head: t,
         body: tt.value.body,
@@ -551,8 +551,8 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
     function $e(t = null) {
       _e(() => {
         const l = [
-          [e.value.table.columnNames.series, ...j.map((o) => [o.text])],
-          ...tt.value.body.map((o, v) => [o[0].name, ...o.slice(1)])
+          [e.value.table.columnNames.series, ...J.map((o) => [o.text])],
+          ...tt.value.body.map((o, d) => [o[0].name, ...o.slice(1)])
         ], a = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text]
@@ -564,24 +564,24 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
       });
     }
     function Gt() {
-      return X.value;
+      return V.value;
     }
     async function Wt({ scale: t = 2 } = {}) {
       if (!_.value) return;
-      const { width: l, height: a } = _.value.getBoundingClientRect(), s = l / a, { imageUri: o, base64: v } = await Ea({ domElement: _.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: a } = _.value.getBoundingClientRect(), s = l / a, { imageUri: o, base64: d } = await Ea({ domElement: _.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: o,
-        base64: v,
+        base64: d,
         title: e.value.style.chart.title.text,
         width: l,
         height: a,
         aspectRatio: s
       };
     }
-    const Yt = c(() => ({ min: 0, max: Y.value }));
+    const Yt = c(() => ({ min: 0, max: q.value }));
     Da({
       timeLabelsEls: ge,
-      timeLabels: j,
+      timeLabels: J,
       slicer: Yt,
       configRef: e,
       rotationPath: ["style", "chart", "xAxis", "labels", "rotation"],
@@ -592,8 +592,8 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
       targetClass: ".vue-ui-ridgeline-x-axis-label",
       angle: e.value.style.chart.xAxis.labels.autoRotate.angle
     });
-    const q = c(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, l = D.value.showTable;
+    const Q = c(() => {
+      const t = e.value.table.useDialog && !e.value.table.show, l = R.value.showTable;
       return {
         component: t ? ze : xt,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
@@ -602,7 +602,7 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: I.value,
+          isFullscreen: N.value,
           fullscreenParent: _.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
@@ -622,20 +622,20 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
         }
       };
     });
-    Z(() => D.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && G.value ? G.value.open() : "close" in G.value && G.value.close());
+    te(() => R.value.showTable, (t) => {
+      e.value.table.show || (t && e.value.table.useDialog && Y.value ? Y.value.open() : "close" in Y.value && Y.value.close());
     });
     function at() {
-      D.value.showTable = !1, ye.value && ye.value.setTableIconState(!1);
+      R.value.showTable = !1, ye.value && ye.value.setTableIconState(!1);
     }
     const jt = c(() => e.value.style.chart.backgroundColor), qt = c(() => ({
       ...e.value.style.chart.legend,
       position: "bottom"
     })), Jt = c(() => e.value.style.chart.title), { exportSvg: Qt, getSvg: Kt } = Oa({
-      svg: te,
+      svg: le,
       title: Jt,
       legend: qt,
-      legendItems: U,
+      legendItems: G,
       backgroundColor: jt
     });
     async function lt({ isCb: t }) {
@@ -660,7 +660,7 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
     }), (t, l) => (n(), r("div", {
       ref_key: "ridgelineChart",
       ref: _,
-      class: se(`vue-data-ui-component vue-ui-ridgeline ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: re(`vue-data-ui-component vue-ui-ridgeline ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       id: `vue-ui-ridgeline_${A.value}`,
       style: $({
         fontFamily: e.value.style.fontFamily,
@@ -672,15 +672,35 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
       onMouseenter: l[3] || (l[3] = () => u(He)(!0)),
       onMouseleave: l[4] || (l[4] = () => u(He)(!1))
     }, [
-      e.value.userOptions.buttons.annotator && u(te) ? (n(), T(u(At), {
+      e.value.userOptions.buttons.annotator && u(le) ? (n(), T(u(At), {
         key: 0,
         color: e.value.style.chart.color,
         backgroundColor: e.value.style.chart.backgroundColor,
-        active: le.value,
-        svgRef: u(te),
+        active: se.value,
+        svgRef: u(le),
         onClose: we
-      }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : h("", !0),
-      p(t.$slots, "userConfig", {}, void 0, !0),
+      }, {
+        "annotator-action-close": v(() => [
+          f(t.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": v(({ color: a }) => [
+          f(t.$slots, "annotator-action-color", P(O({ color: a })), void 0, !0)
+        ]),
+        "annotator-action-draw": v(({ mode: a }) => [
+          f(t.$slots, "annotator-action-draw", P(O({ mode: a })), void 0, !0)
+        ]),
+        "annotator-action-undo": v(({ disabled: a }) => [
+          f(t.$slots, "annotator-action-undo", P(O({ disabled: a })), void 0, !0)
+        ]),
+        "annotator-action-redo": v(({ disabled: a }) => [
+          f(t.$slots, "annotator-action-redo", P(O({ disabled: a })), void 0, !0)
+        ]),
+        "annotator-action-delete": v(({ disabled: a }) => [
+          f(t.$slots, "annotator-action-delete", P(O({ disabled: a })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["color", "backgroundColor", "active", "svgRef"])) : h("", !0),
+      f(t.$slots, "userConfig", {}, void 0, !0),
       Tt.value ? (n(), r("div", {
         key: 1,
         ref_key: "noTitle",
@@ -695,7 +715,7 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
         (n(), T(Na, {
-          key: `title_${he.value}`,
+          key: `title_${de.value}`,
           config: {
             title: {
               cy: "ridgeline-div-title",
@@ -708,7 +728,7 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
           }
         }, null, 8, ["config"]))
       ], 512)) : h("", !0),
-      e.value.userOptions.show && V.value && (u(Xe) || u(ee)) ? (n(), T(u(Ct), {
+      e.value.userOptions.show && W.value && (u(Xe) || u(ae)) ? (n(), T(u(Ct), {
         ref_key: "userOptionsRef",
         ref: ye,
         key: `user_option_${Fe.value}`,
@@ -726,16 +746,16 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
         hasTable: e.value.userOptions.buttons.table,
         hasLabel: !1,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: I.value,
+        isFullscreen: N.value,
         printScale: e.value.userOptions.print.scale,
         chartElement: _.value,
         position: e.value.userOptions.position,
         isTooltip: !1,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: le.value,
+        isAnnotation: se.value,
         tableDialog: e.value.table.useDialog,
-        style: $({ visibility: u(Xe) ? u(ee) ? "visible" : "hidden" : "visible" }),
+        style: $({ visibility: u(Xe) ? u(ae) ? "visible" : "hidden" : "visible" }),
         onToggleFullscreen: Qe,
         onGeneratePdf: u(We),
         onGenerateCsv: $e,
@@ -746,108 +766,108 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
       }, Se({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: g(({ isOpen: a, color: s }) => [
-            p(t.$slots, "menuIcon", ne(re({ isOpen: a, color: s })), void 0, !0)
+          fn: v(({ isOpen: a, color: s }) => [
+            f(t.$slots, "menuIcon", P(O({ isOpen: a, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: g(() => [
-            p(t.$slots, "optionTooltip", {}, void 0, !0)
+          fn: v(() => [
+            f(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: g(() => [
-            p(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: v(() => [
+            f(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: g(() => [
-            p(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: v(() => [
+            f(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: g(() => [
-            p(t.$slots, "optionImg", {}, void 0, !0)
+          fn: v(() => [
+            f(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: g(() => [
-            p(t.$slots, "optionSvg", {}, void 0, !0)
+          fn: v(() => [
+            f(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: g(() => [
-            p(t.$slots, "optionTable", {}, void 0, !0)
+          fn: v(() => [
+            f(t.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: g(({ toggleFullscreen: a, isFullscreen: s }) => [
-            p(t.$slots, "optionFullscreen", ne(re({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+          fn: v(({ toggleFullscreen: a, isFullscreen: s }) => [
+            f(t.$slots, "optionFullscreen", P(O({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: g(({ toggleAnnotator: a, isAnnotator: s }) => [
-            p(t.$slots, "optionAnnotator", ne(re({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+          fn: v(({ toggleAnnotator: a, isAnnotator: s }) => [
+            f(t.$slots, "optionAnnotator", P(O({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "callbacks", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "printScale", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "tableDialog", "style", "onGeneratePdf", "onGenerateImage"])) : h("", !0),
       (n(), r("svg", {
         ref_key: "svgRef",
-        ref: te,
+        ref: le,
         xmlns: u(pa),
-        class: se({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
-        viewBox: `0 0 ${y.value.width <= 0 ? 10 : y.value.width} ${b.value.fullHeight <= 0 ? 10 : b.value.fullHeight}`,
+        class: re({ "vue-data-ui-fullscreen--on": N.value, "vue-data-ui-fulscreen--off": !N.value }),
+        viewBox: `0 0 ${p.value.width <= 0 ? 10 : p.value.width} ${b.value.fullHeight <= 0 ? 10 : b.value.fullHeight}`,
         style: $(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};${e.value.responsive ? `height: ${Be.value}px; width: 100%;` : ""}`)
       }, [
         Te(u(wt)),
-        f("defs", null, [
-          (n(!0), r(m, null, k(U.value, (a, s) => (n(), r("linearGradient", {
+        y("defs", null, [
+          (n(!0), r(m, null, k(G.value, (a, s) => (n(), r("linearGradient", {
             id: `gradient-${a.id}-${A.value}`,
             x1: "50%",
             y1: "0%",
             x2: "50%",
             y2: "100%"
           }, [
-            f("stop", {
+            y("stop", {
               offset: "0%",
               "stop-color": a.color,
               "stop-opacity": "1"
             }, null, 8, Va),
-            f("stop", {
+            y("stop", {
               offset: "30%",
               "stop-color": a.color,
               "stop-opacity": "0.7"
             }, null, 8, Ga),
-            f("stop", {
+            y("stop", {
               offset: "70%",
               "stop-color": a.color,
               "stop-opacity": "0.3"
             }, null, 8, Wa),
-            f("stop", {
+            y("stop", {
               offset: "100%",
               "stop-color": a.color,
               "stop-opacity": "0.1"
             }, null, 8, Ya)
           ], 8, Ua))), 256)),
-          (n(!0), r(m, null, k(X.value, (a, s) => (n(), r(m, null, [
-            (n(!0), r(m, null, k(a.datapoints, (o, v) => (n(), r("linearGradient", {
+          (n(!0), r(m, null, k(V.value, (a, s) => (n(), r(m, null, [
+            (n(!0), r(m, null, k(a.datapoints, (o, d) => (n(), r("linearGradient", {
               key: `grad${o.id}`,
               id: `gradient-single-${A.value}-${o.uid}`,
               x1: "50%",
@@ -855,22 +875,22 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
               x2: "50%",
               y2: "100%"
             }, [
-              f("stop", {
+              y("stop", {
                 offset: "0%",
                 "stop-color": o.color,
                 "stop-opacity": "1"
               }, null, 8, qa),
-              f("stop", {
+              y("stop", {
                 offset: "30%",
                 "stop-color": o.color,
                 "stop-opacity": "0.7"
               }, null, 8, Ja),
-              f("stop", {
+              y("stop", {
                 offset: "70%",
                 "stop-color": o.color,
                 "stop-opacity": "0.3"
               }, null, 8, Qa),
-              f("stop", {
+              y("stop", {
                 offset: "100%",
                 "stop-color": o.color,
                 "stop-opacity": "0.1"
@@ -878,18 +898,18 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
             ], 8, ja))), 128))
           ], 64))), 256))
         ]),
-        (n(!0), r(m, null, k(X.value, (a, s) => (n(), r("g", {
+        (n(!0), r(m, null, k(V.value, (a, s) => (n(), r("g", {
           key: `ds-${s}`
         }, [
-          (n(!0), r(m, null, k(a.datapoints, (o, v) => (n(), r("g", {
+          (n(!0), r(m, null, k(a.datapoints, (o, d) => (n(), r("g", {
             key: o.id
           }, [
             t.$slots.pattern ? (n(), r("g", Za, [
-              f("defs", null, [
-                p(t.$slots, "pattern", Pe({ ref_for: !0 }, { datapointIndex: s, seriesIndex: v, patternId: `pattern_${A.value}_${o.uid}` }), void 0, !0)
+              y("defs", null, [
+                f(t.$slots, "pattern", Pe({ ref_for: !0 }, { datapointIndex: s, seriesIndex: d, patternId: `pattern_${A.value}_${o.uid}` }), void 0, !0)
               ])
             ])) : h("", !0),
-            f("path", {
+            y("path", {
               fill: t.$slots.pattern ? `url(#pattern_${A.value}_${o.uid})` : e.value.style.chart.backgroundColor,
               stroke: "none",
               "stroke-linecap": "round",
@@ -898,26 +918,26 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
                 opacity: e.value.style.chart.areas.opacity
               })
             }, null, 12, el),
-            f("path", {
+            y("path", {
               fill: "none",
               stroke: e.value.style.chart.areas.stroke.useSerieColor ? o.color : e.value.style.chart.areas.stroke.color,
               "stroke-width": e.value.style.chart.areas.strokeWidth,
               d: e.value.style.chart.areas.smooth ? o.smoothPathRidge : o.straightPathRidge,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: se({ "vue-ui-ridgeline-animate": e.value.useCssAnimation && !u(W) }),
+              class: re({ "vue-ui-ridgeline-animate": e.value.useCssAnimation && !u(j) }),
               style: $({
                 strokeDasharray: o.pathLength,
                 strokeDashoffset: e.value.useCssAnimation ? o.pathLength : 0
               })
             }, null, 14, tl),
-            f("path", {
+            y("path", {
               fill: e.value.style.chart.areas.useGradient ? e.value.style.chart.areas.useCommonColor ? `url(#gradient-${o.id}-${A.value})` : `url(#gradient-single-${A.value}-${o.uid})` : o.color,
               stroke: "none",
               d: e.value.style.chart.areas.smooth ? o.smoothPath : o.straightPath,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: se({ "vue-ui-ridgeline-animate": e.value.useCssAnimation && !u(W) }),
+              class: re({ "vue-ui-ridgeline-animate": e.value.useCssAnimation && !u(j) }),
               style: $({
                 strokeDasharray: o.pathLength,
                 strokeDashoffset: e.value.useCssAnimation ? o.pathLength : 0
@@ -957,7 +977,7 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
               }
             }, null, 8, sl)) : h("", !0)
           ]))), 128)),
-          f("text", {
+          y("text", {
             x: a.label.x,
             y: a.label.y,
             "text-anchor": "end",
@@ -967,19 +987,19 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
             style: $({
               cursor: e.value.style.chart.dialog.show ? "pointer" : "default"
             }),
-            "text-decoration": e.value.style.chart.dialog.show && (Ce.value === s || B.value && a.uid === B.value.uid) ? "underline" : "",
+            "text-decoration": e.value.style.chart.dialog.show && (Ce.value === s || X.value && a.uid === X.value.uid) ? "underline" : "",
             onMouseenter: (o) => Ut(s),
             onMouseleave: Vt,
             onClick: (o) => Xt(a)
-          }, F(a.name), 45, nl)
+          }, B(a.name), 45, nl)
         ]))), 128)),
         e.value.style.chart.xAxis.labels.values.length ? (n(), r("g", {
           key: 0,
           ref_key: "timeLabelsEls",
           ref: ge
         }, [
-          (n(!0), r(m, null, k(H.value, (a, s) => p(t.$slots, "time-label", Pe({ 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,
+          (n(!0), r(m, null, k(U.value, (a, s) => f(t.$slots, "time-label", Pe({ 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 === U.value.length - 1) || a && g.value && g.value.index === s || a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(U.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",
@@ -988,7 +1008,7 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["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 === 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", rl, [
+            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 === U.value.length - 1) || a && g.value && g.value.index === s || a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(U.value.length / e.value.style.chart.xAxis.labels.modulo) === 0 ? (n(), r("g", rl, [
               String(a.label).includes(`
 `) ? (n(), r("text", {
                 key: 1,
@@ -999,7 +1019,7 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
                 transform: `translate(${a.selectorX}, ${b.value.bottom + 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: $({
-                  opacity: d.value ? d.value.index === s ? 1 : 0.2 : 1
+                  opacity: g.value ? g.value.index === s ? 1 : 0.2 : 1
                 }),
                 innerHTML: u(ba)({
                   content: String(a.label),
@@ -1017,14 +1037,14 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
                 transform: `translate(${a.selectorX}, ${b.value.bottom + 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: $({
-                  opacity: d.value ? d.value.index === s ? 1 : 0.2 : 1
+                  opacity: g.value ? g.value.index === s ? 1 : 0.2 : 1
                 })
-              }, F(a.label), 13, ul))
+              }, B(a.label), 13, ul))
             ])) : h("", !0)
           ], !0)), 256))
         ], 512)) : h("", !0),
-        f("g", null, [
-          (n(!0), r(m, null, k(H.value, (a, s) => (n(), r("rect", {
+        y("g", null, [
+          (n(!0), r(m, null, k(U.value, (a, s) => (n(), r("rect", {
             x: a.x,
             y: a.y,
             width: a.width < 0 ? 0.1 : a.width,
@@ -1034,22 +1054,22 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
             onMouseleave: (o) => Rt(a),
             onClick: () => Nt(a)
           }, null, 40, cl))), 256)),
-          e.value.style.chart.selector.show && d.value ? (n(), r("line", {
+          e.value.style.chart.selector.show && g.value ? (n(), r("line", {
             key: 0,
-            x1: d.value.selectorX,
-            x2: d.value.selectorX,
-            y1: d.value.y,
-            y2: d.value.y + d.value.height - C.value / 2,
+            x1: g.value.selectorX,
+            x2: g.value.selectorX,
+            y1: g.value.y,
+            y2: g.value.y + g.value.height - C.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, vl)) : h("", !0),
-          d.value ? (n(!0), r(m, { key: 1 }, k(X.value, (a) => (n(), r(m, null, [
+          g.value ? (n(!0), r(m, { key: 1 }, k(V.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, (o, v) => (n(), r(m, null, [
-                d.value && d.value.index === v ? (n(), r("circle", {
+              (n(!0), r(m, null, k(s.plots, (o, d) => (n(), r(m, null, [
+                g.value && g.value.index === d ? (n(), r("circle", {
                   key: 0,
                   cx: o.x,
                   cy: o.y,
@@ -1060,8 +1080,8 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
                   style: {
                     pointerEvents: "none"
                   }
-                }, null, 8, hl)) : h("", !0),
-                d.value && d.value.index === v ? (n(), r("text", {
+                }, null, 8, dl)) : h("", !0),
+                g.value && g.value.index === d ? (n(), r("text", {
                   key: 1,
                   x: Je(
                     o.x,
@@ -1097,7 +1117,7 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
                   style: {
                     pointerEvents: "none"
                   }
-                }, F(u(ie)(
+                }, B(u(ie)(
                   e.value.style.chart.selector.labels.formatter,
                   o.value,
                   u(ce)({
@@ -1106,38 +1126,38 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
                     s: e.value.style.chart.xAxis.labels.suffix,
                     r: e.value.style.chart.selector.labels.rounding
                   })
-                )), 9, dl)) : h("", !0)
+                )), 9, hl)) : h("", !0)
               ], 64))), 256))
             ], 64))), 256))
           ], 64))), 256)) : h("", !0)
         ]),
-        p(t.$slots, "svg", { svg: y.value }, void 0, !0)
+        f(t.$slots, "svg", { svg: p.value }, void 0, !0)
       ], 14, Xa)),
       t.$slots.watermark ? (n(), r("div", fl, [
-        p(t.$slots, "watermark", ne(re({ isPrinting: u(Ve) || u(Ge) })), void 0, !0)
+        f(t.$slots, "watermark", P(O({ isPrinting: u(Ve) || u(Ge) })), void 0, !0)
       ])) : h("", !0),
-      f("div", {
+      y("div", {
         ref_key: "chartLegend",
         ref: Ie
       }, [
         e.value.style.chart.legend.show ? (n(), T(Ra, {
-          key: `legend_${de.value}`,
-          legendSet: U.value,
+          key: `legend_${he.value}`,
+          legendSet: G.value,
           config: Ht.value,
-          onClickMarker: l[0] || (l[0] = ({ legend: a }) => ae(a.id))
+          onClickMarker: l[0] || (l[0] = ({ legend: a }) => oe(a.id))
         }, Se({
-          item: g(({ legend: a }) => [
-            u(W) ? h("", !0) : (n(), r("div", {
+          item: v(({ legend: a }) => [
+            u(j) ? h("", !0) : (n(), r("div", {
               key: 0,
               style: $(`opacity:${w.value.includes(a.id) ? 0.5 : 1}`),
               onClick: (s) => a.segregate()
-            }, F(a.name), 13, gl))
+            }, B(a.name), 13, gl))
           ]),
           _: 2
         }, [
           t.$slots.pattern ? {
             name: "legend-pattern",
-            fn: g(({ legend: a, index: s }) => [
+            fn: v(({ legend: a, index: s }) => [
               Te(Fa, {
                 shape: a.shape,
                 radius: 30,
@@ -1149,7 +1169,7 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
             key: "0"
           } : void 0
         ]), 1032, ["legendSet", "config"])) : h("", !0),
-        p(t.$slots, "legend", { legend: U.value }, void 0, !0)
+        f(t.$slots, "legend", { legend: G.value }, void 0, !0)
       ], 512),
       t.$slots.source ? (n(), r("div", {
         key: 5,
@@ -1157,29 +1177,29 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
         ref: Re,
         dir: "auto"
       }, [
-        p(t.$slots, "source", {}, void 0, !0)
+        f(t.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      V.value && e.value.userOptions.buttons.table ? (n(), T(ca(q.value.component), Pe({ key: 6 }, q.value.props, {
+      W.value && e.value.userOptions.buttons.table ? (n(), T(ca(Q.value.component), Pe({ key: 6 }, Q.value.props, {
         ref_key: "tableUnit",
-        ref: G,
+        ref: Y,
         onClose: at
       }), Se({
-        content: g(() => [
+        content: v(() => [
           (n(), T(u(kt), {
             key: `table_${_t.value}`,
-            colNames: oe.value.colNames,
-            head: oe.value.head,
-            body: oe.value.body,
-            config: oe.value.config,
-            title: e.value.table.useDialog ? "" : q.value.title,
+            colNames: ne.value.colNames,
+            head: ne.value.head,
+            body: ne.value.body,
+            config: ne.value.config,
+            title: e.value.table.useDialog ? "" : Q.value.title,
             withCloseButton: !e.value.table.useDialog,
             onClose: at
           }, {
-            th: g(({ th: a }) => [
-              f("div", { innerHTML: a }, null, 8, yl)
+            th: v(({ th: a }) => [
+              y("div", { innerHTML: a }, null, 8, yl)
             ]),
-            td: g(({ td: a }) => [
-              Oe(F(a.name ? a.name : u(ie)(
+            td: v(({ td: a }) => [
+              Oe(B(a.name ? a.name : u(ie)(
                 e.value.style.chart.selector.labels.formatter,
                 a,
                 u(ce)({
@@ -1197,22 +1217,22 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: g(() => [
-            Oe(F(q.value.title), 1)
+          fn: v(() => [
+            Oe(B(Q.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: g(() => [
-            f("button", {
+          fn: v(() => [
+            y("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
               onClick: l[1] || (l[1] = (a) => $e(e.value.userOptions.callbacks.csv))
             }, [
               Te(u(bt), {
                 name: "excel",
-                stroke: q.value.props.color
+                stroke: Q.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),
@@ -1223,20 +1243,20 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
         key: 7,
         ref_key: "dialog",
         ref: fe,
-        onClose: l[2] || (l[2] = (a) => B.value = null),
+        onClose: l[2] || (l[2] = (a) => X.value = null),
         backgroundColor: e.value.style.chart.dialog.backgroundColor,
         color: e.value.style.chart.dialog.color,
         headerBg: e.value.style.chart.dialog.header.backgroundColor,
         headerColor: e.value.style.chart.dialog.header.color,
-        isFullscreen: I.value,
+        isFullscreen: N.value,
         fullscreenParent: _.value,
         withPadding: ""
       }, {
-        title: g(() => [
-          Oe(F(B.value.name), 1)
+        title: v(() => [
+          Oe(B(X.value.name), 1)
         ]),
-        content: g(() => [
-          B.value ? (n(), T(u(mt), {
+        content: v(() => [
+          X.value ? (n(), T(u(mt), {
             key: 0,
             config: Ke.value,
             dataset: Ze.value
@@ -1244,10 +1264,10 @@ const Ha = ["id"], Xa = ["xmlns", "viewBox"], Ua = ["id"], Va = ["stop-color"],
         ]),
         _: 1
       }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : h("", !0),
-      u(W) ? (n(), T(Ta, { key: 8 })) : h("", !0)
+      u(j) ? (n(), T(Ta, { key: 8 })) : h("", !0)
     ], 46, Ha));
   }
-}, Il = /* @__PURE__ */ Ba(pl, [["__scopeId", "data-v-eeccc8ad"]]);
+}, Il = /* @__PURE__ */ Ba(pl, [["__scopeId", "data-v-37841d19"]]);
 export {
   Il as default
 };