vue-data-ui 3.1.17 → 3.1.19-next.0

package/dist/{vue-ui-ridgeline-CG7FefqU.js → vue-ui-ridgeline-DIOGXJ9v.js}

@@ -1,19 +1,20 @@
 import { defineAsyncComponent as O, computed as d, ref as i, shallowRef as nt, toRefs as Zt, onBeforeUnmount as rt, watch as Q, nextTick as $e, watchEffect as ea, createElementBlock as r, openBlock as n, unref as u, normalizeStyle as w, normalizeClass as ae, createBlock as T, createCommentVNode as v, renderSlot as p, createElementVNode as y, createSlots as _e, withCtx as f, normalizeProps as le, guardReactiveProps as oe, createVNode as Te, Fragment as m, renderList as k, mergeProps as Pe, toDisplayString as R, resolveDynamicComponent as ta, createTextVNode as Se } from "vue";
-import { u as aa, c as Me, t as la, d as oa, e as sa, p as se, aq as ut, ai as na, U as it, V as ra, W as ua, X as ia, F as ca, I as va, k as ne, i as re, a as ha, b as da, f as Oe, g as ct, o as ya, v as fa, w as ga, K as ma } from "./index-Lg17rmB1.js";
-import { t as vt, u as pa } from "./useResponsive-DfdjqQps.js";
-import { u as ba, B as xa } from "./BaseScanner-BgWxam9d.js";
-import { u as ka } from "./usePrinter-DGI4Mlad.js";
-import { u as ht } from "./useNestedProp-DpwLJMsW.js";
-import { u as Aa } from "./useTimeLabels-BGFjWgrv.js";
-import { u as Ca } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as wa } from "./useChartAccessibility-9icAAmYg.js";
-import { u as $a } from "./useTimeLabelCollider-CIsgDrl9.js";
-import _a from "./Legend-CjdnJGHq.js";
-import Ta from "./Title-BVMfF0uu.js";
-import { _ as Pa } from "./Shape-6PexQroB.js";
-import Sa from "./img-CeCjiMpr.js";
+import { c as Me, t as aa, e as la, h as oa, p as se, ab as ut, ac as sa, V as it, W as na, Y as ra, X as ua, G as ia, N as ca, a as ne, d as re, b as va, f as Oe, g as ct, o as ha, x as da, y as ya, P as fa } from "./lib-p5pfHmOX.js";
+import { t as vt, u as ga } from "./useResponsive-DfdjqQps.js";
+import { u as ma, a as ht } from "./useNestedProp-DF7e2h1z.js";
+import { u as pa, B as ba } from "./BaseScanner-BgWxam9d.js";
+import { u as xa } from "./usePrinter-Yeu5jOfm.js";
+import { u as ka } from "./useTimeLabels-BGFjWgrv.js";
+import { u as Aa } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Ca } from "./useChartAccessibility-9icAAmYg.js";
+import { u as wa } from "./useTimeLabelCollider-CIsgDrl9.js";
+import { t as $a } from "./themes-D3cUNuKw.js";
+import _a from "./Legend-_Rv594VS.js";
+import Ta from "./Title-pI68ZJsq.js";
+import { _ as Pa } from "./Shape-BDy56-wS.js";
+import Sa from "./img-CH7J0fYg.js";
 import { _ as Ma } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"], Ia = ["stop-color"], Fa = ["stop-color"], Na = ["stop-color"], Ra = ["id"], Ea = ["stop-color"], Ha = ["stop-color"], Xa = ["stop-color"], Ba = ["stop-color"], Ua = { key: 0 }, Va = ["fill", "d"], Wa = ["stroke", "stroke-width", "d"], Ga = ["fill", "d"], Ya = ["stroke", "stroke-dasharray", "stroke-width", "d"], ja = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], qa = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Ka = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], Ja = { key: 0 }, Qa = ["font-size", "fill", "font-weight", "transform", "text-anchor"], Za = ["font-size", "fill", "font-weight", "transform", "text-anchor", "innerHTML"], el = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], al = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], ll = ["x", "y", "text-anchor", "font-size", "fill"], ol = {
+const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"], Ia = ["stop-color"], Na = ["stop-color"], Fa = ["stop-color"], Ra = ["id"], Ea = ["stop-color"], Ha = ["stop-color"], Xa = ["stop-color"], Ba = ["stop-color"], Va = { key: 0 }, Ua = ["fill", "d"], Wa = ["stroke", "stroke-width", "d"], Ga = ["fill", "d"], Ya = ["stroke", "stroke-dasharray", "stroke-width", "d"], ja = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], qa = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Ja = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], Ka = { key: 0 }, Qa = ["font-size", "fill", "font-weight", "transform", "text-anchor"], Za = ["font-size", "fill", "font-weight", "transform", "text-anchor", "innerHTML"], el = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], al = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], ll = ["x", "y", "text-anchor", "font-size", "fill"], ol = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, sl = ["onClick"], nl = ["innerHTML"], rl = {
@@ -34,14 +35,14 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
   },
   emits: ["selectLegend", "selectDatapoint", "selectX"],
   setup(dt, { expose: yt, emit: ft }) {
-    const gt = O(() => import("./vue-ui-xy-Uqdl2nk-.js")), mt = O(() => import("./BaseIcon-7s-tCFcQ.js")), pt = O(() => import("./vue-ui-accordion-BJG-ogQj.js")), bt = O(() => import("./DataTable-Dw6dxJk3.js")), xt = O(() => import("./PenAndPaper-BKnXOYre.js")), kt = O(() => import("./UserOptions-CKzW9w0Q.js")), At = O(() => import("./PackageVersion-D1HToLlZ.js")), Le = O(() => import("./BaseDraggableDialog-CrCjMg89.js")), { vue_ui_ridgeline: Ct } = aa(), E = dt, U = d({
+    const gt = O(() => import("./vue-ui-xy-BjzutuG2.js")), mt = O(() => import("./BaseIcon-D2f9w5Z5.js")), pt = O(() => import("./vue-ui-accordion-D-L73-T2.js")), bt = O(() => import("./DataTable-xISHA7Pu.js")), xt = O(() => import("./PenAndPaper-CtDMyIvW.js")), kt = O(() => import("./UserOptions-Bn3u4JQu.js")), At = O(() => import("./PackageVersion-DRpg18lg.js")), Le = O(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_ridgeline: Ct } = ma(), E = dt, V = d({
       get() {
         return Array.isArray(z.value) && z.value.length > 0;
       },
       set(t) {
         return t;
       }
-    }), ue = ft, $ = i(null), ze = i(null), De = i(null), P = nt(null), L = nt(null), Ie = i(null), Fe = i(null), ie = i(0), wt = i(0), ce = i(0), A = i(Me()), Ne = i(0), $t = i(0), Re = i(512), h = i(null), H = i(null), ve = i(null), Ee = i(0), he = i(null), V = i(null), de = i(null);
+    }), ue = ft, $ = i(null), ze = i(null), De = i(null), P = nt(null), L = nt(null), Ie = i(null), Ne = i(null), ie = i(0), wt = i(0), ce = i(0), A = i(Me()), Fe = i(0), $t = i(0), Re = i(512), h = i(null), H = i(null), ve = i(null), Ee = i(0), he = i(null), U = i(null), de = i(null);
     function ye() {
       const t = ht({
         userConfig: E.config,
@@ -49,13 +50,13 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
       });
       return t.theme ? {
         ...ht({
-          userConfig: da.vue_ui_ridgeline[t.theme] || E.config,
+          userConfig: $a.vue_ui_ridgeline[t.theme] || E.config,
           defaultConfig: t
         }),
-        customPalette: ha[t.theme] || se
+        customPalette: va[t.theme] || se
       } : t;
     }
-    const e = i(ye()), { loading: W, FINAL_DATASET: z, manualLoading: fe } = ba({
+    const e = i(ye()), { loading: W, FINAL_DATASET: z, manualLoading: fe } = pa({
       ...Zt(E),
       FINAL_CONFIG: e,
       prepareConfig: ye,
@@ -151,7 +152,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
           ]
         }
       ],
-      skeletonConfig: la({
+      skeletonConfig: aa({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -197,7 +198,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
       userOptionsVisible: Z,
       setUserOptionsVisibility: He,
       keepUserOptionState: Xe
-    } = Ca({ config: e.value }), { svgRef: ge } = wa({ config: e.value.style.chart.title }), me = d(() => !!e.value.debug);
+    } = Aa({ config: e.value }), { svgRef: ge } = Ca({ config: e.value.style.chart.title }), me = d(() => !!e.value.debug);
     function Be() {
       const t = z.value || [];
       if (!Array.isArray(t) || t.length === 0) {
@@ -209,7 +210,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
           datasetObject: o,
           requiredAttributes: ["name", "datapoints"]
         }).forEach((s) => {
-          U.value = !1, Oe({
+          V.value = !1, Oe({
             componentName: "VueUiRidgeline",
             type: "datasetSerieAttribute",
             property: s,
@@ -221,7 +222,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
             datasetObject: s,
             requiredAttributes: ["name", "values"]
           }).forEach((c) => {
-            U.value = !1, Oe({
+            V.value = !1, Oe({
               componentName: "VueUiRidgeline",
               type: "datasetSerieAttribute",
               property: `datapoint.${c}`,
@@ -233,14 +234,14 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
       }), $t.value = t.length, C.value = Math.min(
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
-      ), ya(E.dataset) || (fe.value = e.value.loading), e.value.responsive) {
+      ), ha(E.dataset) || (fe.value = e.value.loading), e.value.responsive) {
         const o = vt(() => {
-          const { width: a, height: s } = pa({
+          const { width: a, height: s } = ga({
             chart: $.value,
             title: e.value.style.chart.title.text ? ze.value : null,
             legend: e.value.style.chart.legend.show ? De.value : null,
             source: Ie.value,
-            noTitle: Fe.value,
+            noTitle: Ne.value,
             padding: e.value.style.chart.padding
           });
           requestAnimationFrame(() => {
@@ -253,11 +254,11 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
     rt(() => {
       P.value && (L.value && P.value.unobserve(L.value), P.value.disconnect());
     });
-    const { isPrinting: Ue, isImaging: Ve, generatePdf: We, generateImage: Ge } = ka({
+    const { isPrinting: Ve, isImaging: Ue, generatePdf: We, generateImage: Ge } = xa({
       elementId: `vue-ui-ridgeline_${A.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-ridgeline",
       options: e.value.userOptions.print
-    }), _t = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), Tt = d(() => oa(e.value.customPalette)), D = i({
+    }), _t = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), Tt = d(() => la(e.value.customPalette)), D = i({
       showTable: e.value.table.show
     });
     Q(
@@ -285,12 +286,12 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
     function Ye(t) {
       M.value.includes(t) ? M.value = M.value.filter((o) => o !== t) : M.value.push(t), ue("selectLegend", B.value);
     }
-    const S = d(() => U.value ? (z.value || []).map((t) => ({
+    const S = d(() => V.value ? (z.value || []).map((t) => ({
       ...t,
       labelLen: It(t.name, e.value.style.chart.yAxis.labels.fontSize),
       uid: Me(),
       datapoints: t.datapoints.map((o, a) => {
-        const s = o.color ? sa(o.color) : Tt.value[a] || se[a] || se[a % se.length], l = ut(o.name);
+        const s = o.color ? oa(o.color) : Tt.value[a] || se[a] || se[a % se.length], l = ut(o.name);
         return { ...o, color: s, id: l };
       })
     })) : []), je = d(() => e.value.style.chart.padding.top + C.value * (z.value || []).length + C.value * pe.value + e.value.style.chart.padding.bottom), g = d(() => {
@@ -320,7 +321,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
       right: g.value.width - g.value.padding.right,
       bottom: g.value.height - e.value.style.chart.padding.bottom,
       width: g.value.width - (g.value.padding.left + g.value.padding.right)
-    })), G = d(() => Math.max(...S.value.flatMap((t) => t.datapoints.map((o) => o.values.length)))), Y = d(() => Aa({
+    })), G = d(() => Math.max(...S.value.flatMap((t) => t.datapoints.map((o) => o.values.length)))), Y = d(() => ka({
       values: e.value.style.chart.xAxis.labels.values,
       maxDatapoints: G.value,
       formatter: e.value.style.chart.xAxis.labels.datetimeFormatter,
@@ -378,42 +379,42 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
         return isNaN(x / _) ? 0 : x / _;
       }
       return S.value.map((x, q) => {
-        const lt = b.value.top + C.value * q, F = b.value.top + lt + C.value * pe.value * (1 - at(c));
+        const lt = b.value.top + C.value * q, N = b.value.top + lt + C.value * pe.value * (1 - at(c));
         return {
           ...x,
           label: {
             x: s - e.value.style.chart.yAxis.labels.fontSize,
-            y: F
+            y: N
           },
-          datapoints: x.datapoints.map((K) => {
-            const N = K.values.map((J, jt) => {
-              const qt = isNaN(J) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(J) ? 0 : J || 0, Kt = s + l * jt, Jt = b.value.top + lt + C.value * pe.value * (1 - at(qt + c)), Qt = J === Math.max(...K.values);
+          datapoints: x.datapoints.map((J) => {
+            const F = J.values.map((K, jt) => {
+              const qt = isNaN(K) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(K) ? 0 : K || 0, Jt = s + l * jt, Kt = b.value.top + lt + C.value * pe.value * (1 - at(qt + c)), Qt = K === Math.max(...J.values);
               return {
-                x: Kt,
-                y: Jt,
-                value: J,
+                x: Jt,
+                y: Kt,
+                value: K,
                 isMaxPoint: Qt,
-                zero: F
+                zero: N
               };
-            }), Vt = `${na(N, F, !1, !1)}`, Wt = `M ${s},${F} ${it(N)} ${N.at(-1).x},${F}`, Gt = `M ${s},${F} ${N.at(-1).x},${F}`, ot = `M ${ra(N)}`, st = `M ${it(N)}`, Yt = ua(
+            }), Ut = `${sa(F, N, !1, !1)}`, Wt = `M ${s},${N} ${it(F)} ${F.at(-1).x},${N}`, Gt = `M ${s},${N} ${F.at(-1).x},${N}`, ot = `M ${na(F)}`, st = `M ${it(F)}`, Yt = ra(
               e.value.style.chart.areas.smooth ? ot : st
             );
             return {
-              ...K,
+              ...J,
               uid: Me(),
-              plots: N,
-              smoothPath: Vt,
+              plots: F,
+              smoothPath: Ut,
               straightPath: Wt,
               zeroPath: Gt,
               pathLength: Yt,
               smoothPathRidge: ot,
               straightPathRidge: st
             };
-          }).filter((K) => !M.value.includes(K.id))
+          }).filter((J) => !M.value.includes(J.id))
         };
       });
     }), M = i([]);
-    function Ft(t) {
+    function Nt(t) {
       const o = /* @__PURE__ */ new Map();
       return t.forEach((a) => {
         a.datapoints.forEach((s, l) => {
@@ -430,7 +431,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
         });
       }), Array.from(o.values());
     }
-    const ke = d(() => Ft(S.value)), Nt = d(() => ({
+    const ke = d(() => Nt(S.value)), Ft = d(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -438,10 +439,10 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), I = i(!1);
-    function Ke(t) {
-      I.value = t, Ne.value += 1;
+    function Je(t) {
+      I.value = t, Fe.value += 1;
     }
-    const Je = i({}), Qe = i([]);
+    const Ke = i({}), Qe = i([]);
     function Rt(t) {
       ue("selectDatapoint", t), e.value.style.chart.dialog.show && (Qe.value = t.datapoints.map((o) => ({
         name: o.name,
@@ -450,7 +451,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
         useArea: !0,
         smooth: e.value.style.chart.areas.smooth,
         series: o.values
-      })), H.value = t, Je.value = ma({
+      })), H.value = t, Ke.value = fa({
         ...e.value.style.chart.dialog.xyChart,
         responsive: !0,
         // Overriding 
@@ -540,8 +541,8 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
         ], a = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text]
-        ].concat(o), s = fa(a);
-        t ? t(s) : ga({
+        ].concat(o), s = da(a);
+        t ? t(s) : ya({
           csvContent: s,
           title: e.value.style.chart.title.text || "vue-ui-ridgeline"
         });
@@ -562,11 +563,11 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
         aspectRatio: s
       };
     }
-    const Ut = d(() => ({ min: 0, max: G.value }));
-    $a({
+    const Vt = d(() => ({ min: 0, max: G.value }));
+    wa({
       timeLabelsEls: he,
       timeLabels: Y,
-      slicer: Ut,
+      slicer: Vt,
       configRef: e,
       rotationPath: ["style", "chart", "xAxis", "labels", "rotation"],
       autoRotatePath: ["style", "chart", "xAxis", "labels", "autoRotate", "enable"],
@@ -607,7 +608,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
       };
     });
     Q(() => D.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && V.value ? V.value.open() : "close" in V.value && V.value.close());
+      e.value.table.show || (t && e.value.table.useDialog && U.value ? U.value.open() : "close" in U.value && U.value.close());
     });
     function tt() {
       D.value.showTable = !1, de.value && de.value.setTableIconState(!1);
@@ -620,7 +621,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
       generateCsv: we,
       toggleAnnotator: Ce,
       toggleTable: Ze,
-      toggleFullscreen: Ke
+      toggleFullscreen: Je
     }), (t, o) => (n(), r("div", {
       ref_key: "ridgelineChart",
       ref: $,
@@ -648,7 +649,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
       _t.value ? (n(), r("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Fe,
+        ref: Ne,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : v("", !0),
@@ -672,14 +673,14 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
           }
         }, null, 8, ["config"]))
       ], 512)) : v("", !0),
-      e.value.userOptions.show && U.value && (u(Xe) || u(Z)) ? (n(), T(u(kt), {
+      e.value.userOptions.show && V.value && (u(Xe) || u(Z)) ? (n(), T(u(kt), {
         ref_key: "userOptionsRef",
         ref: de,
-        key: `user_option_${Ne.value}`,
+        key: `user_option_${Fe.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: u(Ue),
-        isImaging: u(Ve),
+        isPrinting: u(Ve),
+        isImaging: u(Ue),
         uid: A.value,
         hasTooltip: !1,
         callbacks: e.value.userOptions.callbacks,
@@ -699,7 +700,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
         isAnnotation: ee.value,
         tableDialog: e.value.table.useDialog,
         style: w({ visibility: u(Xe) ? u(Z) ? "visible" : "hidden" : "visible" }),
-        onToggleFullscreen: Ke,
+        onToggleFullscreen: Je,
         onGeneratePdf: u(We),
         onGenerateCsv: we,
         onGenerateImage: u(Ge),
@@ -766,7 +767,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
       (n(), r("svg", {
         ref_key: "svgRef",
         ref: ge,
-        xmlns: u(ia),
+        xmlns: u(ua),
         class: ae({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
         viewBox: `0 0 ${g.value.width <= 0 ? 10 : g.value.width} ${b.value.fullHeight <= 0 ? 10 : b.value.fullHeight}`,
         style: w(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};${e.value.responsive ? `height: ${Ee.value}px; width: 100%;` : ""}`)
@@ -794,12 +795,12 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
               offset: "70%",
               "stop-color": a.color,
               "stop-opacity": "0.3"
-            }, null, 8, Fa),
+            }, null, 8, Na),
             y("stop", {
               offset: "100%",
               "stop-color": a.color,
               "stop-opacity": "0.1"
-            }, null, 8, Na)
+            }, null, 8, Fa)
           ], 8, za))), 256)),
           (n(!0), r(m, null, k(B.value, (a, s) => (n(), r(m, null, [
             (n(!0), r(m, null, k(a.datapoints, (l, c) => (n(), r("linearGradient", {
@@ -839,7 +840,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
           (n(!0), r(m, null, k(a.datapoints, (l, c) => (n(), r("g", {
             key: l.id
           }, [
-            t.$slots.pattern ? (n(), r("g", Ua, [
+            t.$slots.pattern ? (n(), r("g", Va, [
               y("defs", null, [
                 p(t.$slots, "pattern", Pe({ ref_for: !0 }, { datapointIndex: s, seriesIndex: c, patternId: `pattern_${A.value}_${l.uid}` }), void 0, !0)
               ])
@@ -852,7 +853,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
               style: w({
                 opacity: e.value.style.chart.areas.opacity
               })
-            }, null, 12, Va),
+            }, null, 12, Ua),
             y("path", {
               fill: "none",
               stroke: e.value.style.chart.areas.stroke.useSerieColor ? l.color : e.value.style.chart.areas.stroke.color,
@@ -893,7 +894,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
                 y1: _.y,
                 x2: _.x,
                 y2: _.zero,
-                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? u(ca)(l.color) : e.value.style.chart.areas.maxPoint.stroke,
+                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? u(ia)(l.color) : e.value.style.chart.areas.maxPoint.stroke,
                 "stroke-width": e.value.style.chart.areas.maxPoint.strokeWidth,
                 "stroke-linecap": "round",
                 "stroke-dasharray": e.value.style.chart.areas.maxPoint.strokeDasharray
@@ -926,7 +927,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
             onMouseenter: (l) => Et(s),
             onMouseleave: Ht,
             onClick: (l) => Rt(a)
-          }, R(a.name), 45, Ka)
+          }, R(a.name), 45, Ja)
         ]))), 128)),
         e.value.style.chart.xAxis.labels.values.length ? (n(), r("g", {
           key: 0,
@@ -943,7 +944,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
             x: a.selectorX,
             y: b.value.bottom + e.value.style.chart.xAxis.labels.offsetY
           }), () => [
-            a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || a && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (s === 0 || s === X.value.length - 1) || a && h.value && h.value.index === s || a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(X.value.length / e.value.style.chart.xAxis.labels.modulo) === 0 ? (n(), r("g", Ja, [
+            a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || a && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (s === 0 || s === X.value.length - 1) || a && h.value && h.value.index === s || a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(X.value.length / e.value.style.chart.xAxis.labels.modulo) === 0 ? (n(), r("g", Ka, [
               String(a.label).includes(`
 `) ? (n(), r("text", {
                 key: 1,
@@ -956,7 +957,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
                 style: w({
                   opacity: h.value ? h.value.index === s ? 1 : 0.2 : 1
                 }),
-                innerHTML: u(va)({
+                innerHTML: u(ca)({
                   content: String(a.label),
                   fontSize: e.value.style.chart.xAxis.labels.fontSize,
                   fill: e.value.style.chart.xAxis.labels.color,
@@ -1069,7 +1070,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
         p(t.$slots, "svg", { svg: g.value }, void 0, !0)
       ], 14, La)),
       t.$slots.watermark ? (n(), r("div", ol, [
-        p(t.$slots, "watermark", le(oe({ isPrinting: u(Ue) || u(Ve) })), void 0, !0)
+        p(t.$slots, "watermark", le(oe({ isPrinting: u(Ve) || u(Ue) })), void 0, !0)
       ])) : v("", !0),
       y("div", {
         ref_key: "chartLegend",
@@ -1078,7 +1079,7 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
         e.value.style.chart.legend.show ? (n(), T(_a, {
           key: `legend_${ce.value}`,
           legendSet: ke.value,
-          config: Nt.value,
+          config: Ft.value,
           onClickMarker: o[0] || (o[0] = ({ legend: a }) => Ye(a.id))
         }, _e({
           item: f(({ legend: a }) => [
@@ -1114,9 +1115,9 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
       }, [
         p(t.$slots, "source", {}, void 0, !0)
       ], 512)) : v("", !0),
-      U.value && e.value.userOptions.buttons.table ? (n(), T(ta(j.value.component), Pe({ key: 6 }, j.value.props, {
+      V.value && e.value.userOptions.buttons.table ? (n(), T(ta(j.value.component), Pe({ key: 6 }, j.value.props, {
         ref_key: "tableUnit",
-        ref: V,
+        ref: U,
         onClose: tt
       }), _e({
         content: f(() => [
@@ -1193,16 +1194,16 @@ const Oa = ["id"], La = ["xmlns", "viewBox"], za = ["id"], Da = ["stop-color"],
         content: f(() => [
           H.value ? (n(), T(u(gt), {
             key: 0,
-            config: Je.value,
+            config: Ke.value,
             dataset: Qe.value
           }, null, 8, ["config", "dataset"])) : v("", !0)
         ]),
         _: 1
       }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : v("", !0),
-      u(W) ? (n(), T(xa, { key: 8 })) : v("", !0)
+      u(W) ? (n(), T(ba, { key: 8 })) : v("", !0)
     ], 46, Oa));
   }
-}, Cl = /* @__PURE__ */ Ma(rl, [["__scopeId", "data-v-5c2e0e6a"]]);
+}, wl = /* @__PURE__ */ Ma(rl, [["__scopeId", "data-v-5c2e0e6a"]]);
 export {
-  Cl as default
+  wl as default
 };