vue-data-ui 2.14.2 → 2.14.3-beta.0

package/dist/{vue-ui-ridgeline-DmNbKyms.js → vue-ui-ridgeline-CpXWT3tk.js}

@@ -1,19 +1,19 @@
-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-DBYSSUsg.js";
+import { defineAsyncComponent as z, 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 _, normalizeClass as q, createBlock as P, createCommentVNode as c, renderSlot as p, createElementVNode as d, createSlots as Ue, withCtx as m, normalizeProps as K, guardReactiveProps as J, 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 Xt, d as Rt, p as Q, an as qe, a9 as Et, U as Ke, V as Ht, W as Vt, X as Bt, G as Ut, I as Gt, i as Z, f as ee, t as Wt, a as jt, q as Yt, r as qt, K as Kt } from "./index-BzH6XFI9.js";
 import { u as Jt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Kt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Qt } from "./usePrinter-xF9W73YL.js";
-import { t as Zt, u as el } from "./useResponsive-JZ9xq-JV.js";
-import { u as Ke } from "./useNestedProp-Cu77c3W4.js";
-import tl from "./Legend-DLJ9I-cg.js";
-import ll from "./Title-xtSGHclp.js";
-import { _ as al } from "./Shape-DdpwkHh8.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 = {
+import { u as Qt } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Zt } from "./usePrinter-C653sJjz.js";
+import { t as el, u as tl } from "./useResponsive-JZ9xq-JV.js";
+import { u as Je } from "./useNestedProp-CKM2gCr5.js";
+import ll from "./Legend-Cpx0xSce.js";
+import al from "./Title-B71Dk29x.js";
+import { _ as sl } from "./Shape-D65xhJAN.js";
+import { u as ol } from "./useTimeLabels-Mrr0jrpL.js";
+import { _ as rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const nl = ["id"], ul = ["xmlns", "viewBox"], il = ["id"], cl = ["stop-color"], vl = ["stop-color"], hl = ["stop-color"], dl = ["stop-color"], yl = ["id"], fl = ["stop-color"], gl = ["stop-color"], pl = ["stop-color"], ml = ["stop-color"], bl = { key: 0 }, xl = ["fill", "d"], kl = ["stroke", "stroke-width", "d"], Al = ["fill", "d"], $l = ["stroke", "stroke-dasharray", "stroke-width", "d"], wl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Cl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], _l = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], Ml = { key: 0 }, Pl = { key: 0 }, Tl = ["font-size", "fill", "font-weight", "transform", "text-anchor"], Sl = ["font-size", "fill", "font-weight", "transform", "text-anchor", "innerHTML"], zl = ["x", "y", "width", "height", "onMouseenter", "onClick"], Ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ll = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Nl = ["x", "y", "text-anchor", "font-size", "fill"], Fl = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Ll = ["onClick"], Nl = ["innerHTML"], Fl = {
+}, Dl = ["onClick"], Il = ["innerHTML"], Xl = {
   __name: "vue-ui-ridgeline",
   props: {
     config: {
@@ -31,25 +31,25 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
   },
   emits: ["selectLegend", "selectDatapoint", "selectX"],
   setup(Qe, { expose: Ze, emit: et }) {
-    const tt = S(() => import("./vue-ui-accordion-CEZHj_of.js")), lt = S(() => import("./BaseDraggableDialog-XPll8ONG.js")), at = S(() => import("./DataTable-DzCoab4C.js")), st = S(() => import("./PackageVersion-DrhYhyQR.js")), ot = S(() => import("./PenAndPaper-BdnVqpO9.js")), rt = S(() => import("./vue-ui-skeleton-BJy7bURO.js")), nt = S(() => import("./UserOptions-BbJkNcCM.js")), ut = S(() => import("./vue-ui-xy-BhuRQnpn.js")), { vue_ui_ridgeline: it } = Dt(), x = Qe, z = f({
+    const tt = z(() => import("./vue-ui-accordion-Cjq4hqGi.js")), lt = z(() => import("./BaseDraggableDialog-BBiAE4t8.js")), at = z(() => import("./DataTable-D8n1mvaG.js")), st = z(() => import("./PackageVersion-Bwu7jdjH.js")), ot = z(() => import("./PenAndPaper-BzQcbTCN.js")), rt = z(() => import("./vue-ui-skeleton-qa5B2MES.js")), nt = z(() => import("./UserOptions-fd2DeGS7.js")), ut = z(() => import("./vue-ui-xy-B6LjQd7h.js")), { vue_ui_ridgeline: it } = Dt(), k = Qe, O = f({
       get() {
-        return !!x.dataset && x.dataset.length;
+        return !!k.dataset && k.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), 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);
+    }), 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), $ = 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,
+      const l = Je({
+        userConfig: k.config,
         defaultConfig: it
       });
       return l.theme ? {
-        ...Ke({
-          userConfig: Wt.vue_ui_ridgeline[l.theme] || x.config,
+        ...Je({
+          userConfig: jt.vue_ui_ridgeline[l.theme] || k.config,
           defaultConfig: l
         }),
-        customPalette: Gt[l.theme] || Q
+        customPalette: Wt[l.theme] || Q
       } : l;
     }
     const e = f({
@@ -60,20 +60,20 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
       e.value.style.chart.areas.rowHeight
     )), {
       userOptionsVisible: ae,
-      setUserOptionsVisibility: Ce,
+      setUserOptionsVisibility: $e,
       keepUserOptionState: we
-    } = Jt({ config: e.value }), { svgRef: se } = Kt({ config: e.value.style.chart.title });
+    } = Jt({ config: e.value }), { svgRef: se } = Qt({ config: e.value.style.chart.title });
     Lt(oe);
     function oe() {
-      if (It(x.dataset) ? he({
+      if (It(k.dataset) ? he({
         componentName: "VueUiRidgeline",
         type: "dataset"
-      }) : x.dataset.forEach((l, o) => {
+      }) : k.dataset.forEach((l, o) => {
         Ye({
           datasetObject: l,
           requiredAttributes: ["name", "datapoints"]
         }).forEach((t) => {
-          z.value = !1, he({
+          O.value = !1, he({
             componentName: "VueUiRidgeline",
             type: "datasetSerieAttribute",
             property: t,
@@ -84,7 +84,7 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
             datasetObject: t,
             requiredAttributes: ["name", "values"]
           }).forEach((a) => {
-            z.value = !1, he({
+            O.value = !1, he({
               componentName: "VueUiRidgeline",
               type: "datasetSerieAttribute",
               property: `datapoint.${a}`,
@@ -92,12 +92,12 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
             });
           });
         });
-      }), vt.value = x.dataset.length, w.value = Math.min(
+      }), vt.value = k.dataset.length, w.value = Math.min(
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
       ), e.value.responsive) {
-        const l = Zt(() => {
-          const { width: o, height: t } = el({
+        const l = el(() => {
+          const { width: o, height: t } = tl({
             chart: V.value,
             title: e.value.style.chart.title.text ? de.value : null,
             legend: e.value.style.chart.legend.show ? ye.value : null,
@@ -106,7 +106,7 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
             padding: e.value.style.chart.padding
           });
           requestAnimationFrame(() => {
-            xe.value = o, w.value = t / x.dataset.length, ke.value = t;
+            xe.value = o, w.value = t / k.dataset.length, ke.value = t;
           });
         });
         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);
@@ -115,36 +115,36 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
     Nt(() => {
       T.value && (D.value && T.value.unobserve(D.value), T.value.disconnect());
     });
-    const { isPrinting: $e, isImaging: _e, generatePdf: Me, generateImage: Pe } = Qt({
-      elementId: `vue-ui-ridgeline_${C.value}`,
+    const { isPrinting: Ce, isImaging: _e, generatePdf: Me, generateImage: Pe } = Zt({
+      elementId: `vue-ui-ridgeline_${$.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-ridgeline",
       options: e.value.userOptions.print
-    }), ht = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), dt = f(() => Rt(e.value.customPalette)), B = i({
+    }), ht = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), dt = f(() => Xt(e.value.customPalette)), B = i({
       showTable: e.value.table.show
     });
-    Be(() => x.config, (l) => {
+    Be(() => k.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 }), Be(() => x.dataset, oe, { deep: !0 });
+    }, { deep: !0 }), Be(() => k.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);
+      S.value.includes(l) ? S.value = S.value.filter((o) => o !== l) : S.value.push(l), te("selectLegend", R.value);
     }
-    const _ = f(() => z.value ? x.dataset.map((l, o) => ({
+    const M = f(() => O.value ? k.dataset.map((l, o) => ({
       ...l,
       labelLen: gt(l.name, e.value.style.chart.yAxis.labels.fontSize),
       uid: ve(),
       datapoints: l.datapoints.map((t, s) => {
-        const a = t.color ? Xt(t.color) : dt.value[s] || Q[s] || Q[s % Q.length], h = qe(t.name);
+        const a = t.color ? Rt(t.color) : dt.value[s] || Q[s] || Q[s % Q.length], h = qe(t.name);
         return {
           ...t,
           color: a,
           id: h
         };
       })
-    })) : []), Oe = f(() => e.value.style.chart.padding.top + w.value * x.dataset.length + w.value * re.value), k = f(() => ({
+    })) : []), Se = f(() => e.value.style.chart.padding.top + w.value * k.dataset.length + w.value * re.value), b = f(() => ({
       fullHeight: y.value.padding.top + y.value.padding.bottom + y.value.height,
       top: y.value.padding.top,
       left: y.value.padding.left,
@@ -155,31 +155,31 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
       const l = e.value.style.chart.padding;
       return {
         width: xe.value,
-        height: Oe.value,
+        height: Se.value,
         padding: l
       };
-    }), ne = f(() => Math.max(..._.value.flatMap((l) => l.datapoints.map((o) => o.values.length)))), W = f(() => sl({
+    }), ne = f(() => Math.max(...M.value.flatMap((l) => l.datapoints.map((o) => o.values.length)))), W = f(() => ol({
       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 = [];
+    })), X = f(() => {
+      const l = Math.max(...M.value.map((a) => a.labelLen)), o = y.value.padding.left + l + 16 + e.value.style.chart.yAxis.labels.offsetX, t = (b.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,
+          y: b.value.top,
           label: e.value.style.chart.xAxis.labels.values[a] ? W.value[a].text : "",
           index: a,
           width: t,
-          height: Oe.value
+          height: Se.value
         });
       return s;
     });
     function yt(l) {
-      te("selectX", _.value.map((o) => o.datapoints.map((t) => ({
+      te("selectX", M.value.map((o) => o.datapoints.map((t) => ({
         dp: t,
         selected: t.values[l.index]
       }))));
@@ -187,39 +187,39 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
     function ft(l, o) {
       return l.length * o / 2 + o;
     }
-    function Se(l, o, t) {
+    function ze(l, o, t) {
       const s = ft(o, t);
-      return l + s > k.value.right;
+      return l + s > b.value.right;
     }
     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 = f(() => {
+    const R = 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;
+      const l = Math.max(...M.value.map((x) => x.labelLen)), o = Math.max(...M.value.flatMap((x) => x.datapoints.map((L) => L.values.length))), t = Math.max(...M.value.flatMap((x) => x.datapoints.flatMap((L) => L.values))), s = Math.min(...M.value.flatMap((x) => x.datapoints.flatMap((L) => L.values))), a = y.value.padding.left + l + 16 + e.value.style.chart.yAxis.labels.offsetX, h = (b.value.width - a) / o, C = Math.abs(Math.min(s, 0)), Ie = t + C;
+      function Xe(x) {
+        return isNaN(x / Ie) ? 0 : x / Ie;
       }
-      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 M.value.map((x, L) => {
+        const Re = b.value.top + w.value * L, N = b.value.top + Re + w.value * re.value * (1 - Xe(C));
         return {
-          ...b,
+          ...x,
           label: {
             x: a - e.value.style.chart.yAxis.labels.fontSize,
             y: N
           },
-          datapoints: b.datapoints.map((U) => {
+          datapoints: x.datapoints.map((U) => {
             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);
+              const Tt = isNaN(G) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(G) ? 0 : G || 0, St = a + h * Pt, zt = b.value.top + Re + w.value * re.value * (1 - Xe(Tt + C)), Ot = G === Math.max(...U.values);
               return {
-                x: Ot,
-                y: St,
+                x: St,
+                y: zt,
                 value: G,
-                isMaxPoint: zt,
+                isMaxPoint: Ot,
                 zero: N
               };
-            }), 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(
+            }), wt = `${Et(F, N, !1, !1)}`, Ct = `M ${a},${N} ${Ke(F)} ${F.at(-1).x},${N}`, _t = `M ${a},${N} ${F.at(-1).x},${N}`, Ee = `M ${Ht(F)}`, He = `M ${Ke(F)}`, Mt = Vt(
               e.value.style.chart.areas.smooth ? Ee : He
             );
             return {
@@ -227,16 +227,16 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
               uid: ve(),
               plots: F,
               smoothPath: wt,
-              straightPath: $t,
+              straightPath: Ct,
               zeroPath: _t,
               pathLength: Mt,
               smoothPathRidge: Ee,
               straightPathRidge: He
             };
-          }).filter((U) => !O.value.includes(U.id))
+          }).filter((U) => !S.value.includes(U.id))
         };
       });
-    }), O = i([]);
+    }), S = i([]);
     function pt(l) {
       const o = /* @__PURE__ */ new Map();
       return l.forEach((t) => {
@@ -248,13 +248,13 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
             color: s.color,
             shape: "circle",
             segregate: () => Te(h),
-            isSegregated: O.value.includes(h),
-            opacity: O.value.includes(h) ? 0.5 : 1
+            isSegregated: S.value.includes(h),
+            opacity: S.value.includes(h) ? 0.5 : 1
           });
         });
       }), Array.from(o.values());
     }
-    const ue = f(() => pt(_.value)), mt = f(() => ({
+    const ue = f(() => pt(M.value)), mt = f(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -265,7 +265,7 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
     function bt(l) {
       E.value = l, be.value += 1;
     }
-    const ze = i({}), Le = i([]);
+    const Oe = i({}), Le = i([]);
     function xt(l) {
       te("selectDatapoint", l), e.value.style.chart.dialog.show && (Le.value = l.datapoints.map((o) => ({
         name: o.name,
@@ -274,7 +274,7 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
         useArea: !0,
         smooth: e.value.style.chart.areas.smooth,
         series: o.values
-      })), I.value = l, ze.value = qt({
+      })), I.value = l, Oe.value = Kt({
         ...e.value.style.chart.dialog.xyChart,
         responsive: !0,
         // Overriding 
@@ -315,7 +315,7 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
     function Ne() {
       B.value.showTable = !B.value.showTable;
     }
-    const Fe = f(() => ({ body: X.value.flatMap((t) => t.datapoints.flatMap((s) => ({
+    const Fe = f(() => ({ body: R.value.flatMap((t) => t.datapoints.flatMap((s) => ({
       ...s,
       rowName: `${t.name}: ${s.name}`
     }))).map((t) => [
@@ -359,18 +359,18 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
         ], t = [
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text]
-        ].concat(o), s = jt(t);
-        l ? l(s) : Yt({
+        ].concat(o), s = Yt(t);
+        l ? l(s) : qt({
           csvContent: s,
           title: e.value.style.chart.title.text || "vue-ui-ridgeline"
         });
       });
     }
-    function Ct() {
-      return X.value;
+    function $t() {
+      return R.value;
     }
     return Ze({
-      getData: Ct,
+      getData: $t,
       generateImage: Pe,
       generatePdf: Me,
       generateCsv: De,
@@ -380,16 +380,16 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
       ref_key: "ridgelineChart",
       ref: V,
       class: q(`vue-ui-ridgeline ${E.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      id: `vue-ui-ridgeline_${C.value}`,
-      style: M({
+      id: `vue-ui-ridgeline_${$.value}`,
+      style: _({
         fontFamily: e.value.style.fontFamily,
         width: "100%",
         textAlign: "center",
         background: e.value.style.chart.backgroundColor,
         height: e.value.responsive ? "100%" : void 0
       }),
-      onMouseenter: o[4] || (o[4] = () => u(Ce)(!0)),
-      onMouseleave: o[5] || (o[5] = () => u(Ce)(!1))
+      onMouseenter: o[4] || (o[4] = () => u($e)(!0)),
+      onMouseleave: o[5] || (o[5] = () => u($e)(!1))
     }, [
       e.value.userOptions.buttons.annotator && u(se) ? (r(), P(u(ot), {
         key: 0,
@@ -413,7 +413,7 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
         ref: de,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (r(), P(ll, {
+        (r(), P(al, {
           key: `title_${pe.value}`,
           config: {
             title: {
@@ -427,14 +427,14 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
           }
         }, null, 8, ["config"]))
       ], 512)) : c("", !0),
-      e.value.userOptions.show && z.value && (u(we) || u(ae)) ? (r(), P(u(nt), {
+      e.value.userOptions.show && O.value && (u(we) || u(ae)) ? (r(), P(u(nt), {
         ref: "details",
         key: `user_option_${be.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: u($e),
+        isPrinting: u(Ce),
         isImaging: u(_e),
-        uid: C.value,
+        uid: $.value,
         hasTooltip: !1,
         callbacks: e.value.userOptions.callbacks,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -450,7 +450,7 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: j.value,
-        style: M({
+        style: _({
           visibility: u(we) ? u(ae) ? "visible" : "hidden" : "visible"
         }),
         onToggleFullscreen: bt,
@@ -463,7 +463,7 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: m(({ isOpen: t, color: s }) => [
-            p(l.$slots, "menuIcon", J(K({ isOpen: t, color: s })), void 0, !0)
+            p(l.$slots, "menuIcon", K(J({ isOpen: t, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -505,31 +505,31 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: m(({ toggleFullscreen: t, isFullscreen: s }) => [
-            p(l.$slots, "optionFullscreen", J(K({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
+            p(l.$slots, "optionFullscreen", K(J({ 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", J(K({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
+            p(l.$slots, "optionAnnotator", K(J({ 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"])) : c("", !0),
-      z.value ? (r(), n("svg", {
+      O.value ? (r(), n("svg", {
         key: 4,
         ref_key: "svgRef",
         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: ${ke.value}px; width: 100%;` : ""}`)
+        viewBox: `0 0 ${y.value.width <= 0 ? 10 : y.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: ${ke.value}px; width: 100%;` : ""}`)
       }, [
         Ge(u(st)),
         d("defs", null, [
           (r(!0), n(g, null, A(ue.value, (t, s) => (r(), n("linearGradient", {
-            id: `gradient-${t.id}-${C.value}`,
+            id: `gradient-${t.id}-${$.value}`,
             x1: "50%",
             y1: "0%",
             x2: "50%",
@@ -539,27 +539,27 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
               offset: "0%",
               "stop-color": t.color,
               "stop-opacity": "1"
-            }, null, 8, il),
+            }, null, 8, cl),
             d("stop", {
               offset: "30%",
               "stop-color": t.color,
               "stop-opacity": "0.7"
-            }, null, 8, cl),
+            }, null, 8, vl),
             d("stop", {
               offset: "70%",
               "stop-color": t.color,
               "stop-opacity": "0.3"
-            }, null, 8, vl),
+            }, null, 8, hl),
             d("stop", {
               offset: "100%",
               "stop-color": t.color,
               "stop-opacity": "0.1"
-            }, null, 8, hl)
-          ], 8, ul))), 256)),
-          (r(!0), n(g, null, A(X.value, (t, s) => (r(), n(g, null, [
+            }, null, 8, dl)
+          ], 8, il))), 256)),
+          (r(!0), n(g, null, A(R.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-${C.value}-${a.uid}`,
+              id: `gradient-single-${$.value}-${a.uid}`,
               x1: "50%",
               y1: "0%",
               x2: "50%",
@@ -569,45 +569,45 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
                 offset: "0%",
                 "stop-color": a.color,
                 "stop-opacity": "1"
-              }, null, 8, yl),
+              }, null, 8, fl),
               d("stop", {
                 offset: "30%",
                 "stop-color": a.color,
                 "stop-opacity": "0.7"
-              }, null, 8, fl),
+              }, null, 8, gl),
               d("stop", {
                 offset: "70%",
                 "stop-color": a.color,
                 "stop-opacity": "0.3"
-              }, null, 8, gl),
+              }, null, 8, pl),
               d("stop", {
                 offset: "100%",
                 "stop-color": a.color,
                 "stop-opacity": "0.1"
-              }, null, 8, pl)
-            ], 8, dl))), 128))
+              }, null, 8, ml)
+            ], 8, yl))), 128))
           ], 64))), 256))
         ]),
-        (r(!0), n(g, null, A(X.value, (t, s) => (r(), n("g", {
+        (r(!0), n(g, null, A(R.value, (t, s) => (r(), n("g", {
           key: `ds-${s}`
         }, [
           (r(!0), n(g, null, A(t.datapoints, (a, h) => (r(), n("g", {
             key: a.id
           }, [
-            l.$slots.pattern ? (r(), n("g", ml, [
+            l.$slots.pattern ? (r(), n("g", bl, [
               d("defs", null, [
-                p(l.$slots, "pattern", We({ ref_for: !0 }, { datapointIndex: s, seriesIndex: h, patternId: `pattern_${C.value}_${a.uid}` }), void 0, !0)
+                p(l.$slots, "pattern", We({ ref_for: !0 }, { datapointIndex: s, seriesIndex: h, patternId: `pattern_${$.value}_${a.uid}` }), void 0, !0)
               ])
             ])) : c("", !0),
             d("path", {
-              fill: l.$slots.pattern ? `url(#pattern_${C.value}_${a.uid})` : e.value.style.chart.backgroundColor,
+              fill: l.$slots.pattern ? `url(#pattern_${$.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({
+              style: _({
                 opacity: e.value.style.chart.areas.opacity
               })
-            }, null, 12, bl),
+            }, null, 12, xl),
             d("path", {
               fill: "none",
               stroke: e.value.style.chart.areas.stroke.useSerieColor ? a.color : e.value.style.chart.areas.stroke.color,
@@ -616,23 +616,23 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               class: q({ "vue-ui-ridgeline-animate": e.value.useCssAnimation }),
-              style: M({
+              style: _({
                 strokeDasharray: a.pathLength,
                 strokeDashoffset: e.value.useCssAnimation ? a.pathLength : 0
               })
-            }, null, 14, xl),
+            }, null, 14, kl),
             d("path", {
-              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,
+              fill: e.value.style.chart.areas.useGradient ? e.value.style.chart.areas.useCommonColor ? `url(#gradient-${a.id}-${$.value})` : `url(#gradient-single-${$.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: q({ "vue-ui-ridgeline-animate": e.value.useCssAnimation }),
-              style: M({
+              style: _({
                 strokeDasharray: a.pathLength,
                 strokeDashoffset: e.value.useCssAnimation ? a.pathLength : 0
               })
-            }, null, 14, kl),
+            }, null, 14, Al),
             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,
@@ -640,19 +640,19 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
               "stroke-width": e.value.style.chart.zeroLine.strokeWidth,
               d: a.zeroPath,
               "stroke-linecap": "round"
-            }, 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", {
+            }, null, 8, $l)) : c("", !0),
+            e.value.style.chart.areas.maxPoint.show && a.plots.length > 1 ? (r(!0), n(g, { key: 2 }, A(a.plots, (C) => (r(), n(g, null, [
+              C.isMaxPoint ? (r(), n("line", {
                 key: 0,
-                x1: $.x,
-                y1: $.y,
-                x2: $.x,
-                y2: $.zero,
+                x1: C.x,
+                y1: C.y,
+                x2: C.x,
+                y2: C.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, Cl)) : c("", !0)
+              }, null, 8, wl)) : c("", !0)
             ], 64))), 256)) : c("", !0),
             a.plots.length === 1 ? (r(), n("circle", {
               key: 3,
@@ -665,7 +665,7 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
               style: {
                 pointerEvents: "none"
               }
-            }, null, 8, wl)) : c("", !0)
+            }, null, 8, Cl)) : c("", !0)
           ]))), 128)),
           d("text", {
             x: t.label.x,
@@ -674,41 +674,61 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
             "font-size": e.value.style.chart.yAxis.labels.fontSize,
             "font-weight": e.value.style.chart.yAxis.labels.bold ? "bold" : "normal",
             fill: e.value.style.chart.yAxis.labels.color,
-            style: M({
+            style: _({
               cursor: e.value.style.chart.dialog.show ? "pointer" : "default"
             }),
             "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)
+          }, H(t.name), 45, _l)
         ]))), 128)),
-        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,
+        e.value.style.chart.xAxis.labels.values.length ? (r(), n("g", Ml, [
+          (r(!0), n(g, null, A(X.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 === X.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(X.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",
             fill: e.value.style.chart.xAxis.labels.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})`,
+            transform: `translate(${t.selectorX}, ${b.value.top + t.height + e.value.style.chart.xAxis.labels.offsetY}), rotate(${e.value.style.chart.xAxis.labels.rotation})`,
             x: t.selectorX,
-            y: k.value.top + t.height + e.value.style.chart.xAxis.labels.offsetY
+            y: b.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 && 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,
-              "font-weight": e.value.style.chart.xAxis.labels.bold ? "bold" : "normal",
-              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: v.value ? v.value.index === s ? 1 : 0.2 : 1
-              })
-            }, H(t.label), 13, Ml)) : c("", !0)
+            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 === X.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(X.value.length / e.value.style.chart.xAxis.labels.modulo) === 0 ? (r(), n("g", Pl, [
+              t.label.includes(`
+`) ? (r(), n("text", {
+                key: 1,
+                "font-size": e.value.style.chart.xAxis.labels.fontSize,
+                fill: e.value.style.chart.xAxis.labels.color,
+                "font-weight": e.value.style.chart.xAxis.labels.bold ? "bold" : "normal",
+                transform: `translate(${t.selectorX}, ${b.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: _({
+                  opacity: v.value ? v.value.index === s ? 1 : 0.2 : 1
+                }),
+                innerHTML: u(Gt)({
+                  content: t.label,
+                  fontSize: e.value.style.chart.xAxis.labels.fontSize,
+                  fill: e.value.style.chart.xAxis.labels.color,
+                  x: 0,
+                  y: 0
+                })
+              }, null, 12, Sl)) : (r(), n("text", {
+                key: 0,
+                "font-size": e.value.style.chart.xAxis.labels.fontSize,
+                fill: e.value.style.chart.xAxis.labels.color,
+                "font-weight": e.value.style.chart.xAxis.labels.bold ? "bold" : "normal",
+                transform: `translate(${t.selectorX}, ${b.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: _({
+                  opacity: v.value ? v.value.index === s ? 1 : 0.2 : 1
+                })
+              }, H(t.label), 13, Tl))
+            ])) : c("", !0)
           ], !0)), 256))
         ])) : c("", !0),
         d("g", null, [
-          (r(!0), n(g, null, A(R.value, (t, s) => (r(), n("rect", {
+          (r(!0), n(g, null, A(X.value, (t, s) => (r(), n("rect", {
             x: t.x,
             y: t.y,
             width: t.width < 0 ? 0.1 : t.width,
@@ -717,7 +737,7 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
             onMouseenter: (a) => v.value = t,
             onMouseleave: o[0] || (o[0] = (a) => v.value = null),
             onClick: () => yt(t)
-          }, null, 40, Pl))), 256)),
+          }, null, 40, zl))), 256)),
           e.value.style.chart.selector.show && v.value ? (r(), n("line", {
             key: 0,
             x1: v.value.selectorX,
@@ -729,8 +749,8 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
             "stroke-dasharray": e.value.style.chart.selector.strokeDasharray,
             "stroke-linecap": "round",
             style: { pointerEvents: "none" }
-          }, null, 8, Tl)) : c("", !0),
-          v.value ? (r(!0), n(g, { key: 1 }, A(X.value, (t) => (r(), n(g, null, [
+          }, null, 8, Ol)) : c("", !0),
+          v.value ? (r(!0), n(g, { key: 1 }, A(R.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", {
@@ -744,10 +764,10 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
                   style: {
                     pointerEvents: "none"
                   }
-                }, null, 8, Ol)) : c("", !0),
+                }, null, 8, Ll)) : c("", !0),
                 v.value && v.value.index === h ? (r(), n("text", {
                   key: 1,
-                  x: Se(
+                  x: ze(
                     a.x,
                     u(Z)(
                       e.value.style.chart.selector.labels.formatter,
@@ -762,7 +782,7 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["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": Se(
+                  "text-anchor": ze(
                     a.x,
                     u(Z)(
                       e.value.style.chart.selector.labels.formatter,
@@ -790,17 +810,17 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
                     s: e.value.style.chart.xAxis.labels.suffix,
                     r: e.value.style.chart.selector.labels.rounding
                   })
-                )), 9, Sl)) : c("", !0)
+                )), 9, Nl)) : c("", !0)
               ], 64))), 256))
             ], 64))), 256))
           ], 64))), 256)) : c("", !0)
         ]),
         p(l.$slots, "svg", { svg: y.value }, void 0, !0)
-      ], 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)
+      ], 14, ul)) : c("", !0),
+      l.$slots.watermark ? (r(), n("div", Fl, [
+        p(l.$slots, "watermark", K(J({ isPrinting: u(Ce) || u(_e) })), void 0, !0)
       ])) : c("", !0),
-      z.value ? c("", !0) : (r(), P(u(rt), {
+      O.value ? c("", !0) : (r(), P(u(rt), {
         key: 6,
         config: {
           type: "ridgeline",
@@ -816,7 +836,7 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
         ref_key: "chartLegend",
         ref: ye
       }, [
-        e.value.style.chart.legend.show ? (r(), P(tl, {
+        e.value.style.chart.legend.show ? (r(), P(ll, {
           key: `legend_${me.value}`,
           legendSet: ue.value,
           config: mt.value,
@@ -824,21 +844,21 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
         }, Ue({
           item: m(({ legend: t }) => [
             d("div", {
-              style: M(`opacity:${O.value.includes(t.id) ? 0.5 : 1}`),
+              style: _(`opacity:${S.value.includes(t.id) ? 0.5 : 1}`),
               onClick: (s) => t.segregate()
-            }, H(t.name), 13, Ll)
+            }, H(t.name), 13, Dl)
           ]),
           _: 2
         }, [
           l.$slots.pattern ? {
             name: "legend-pattern",
             fn: m(({ legend: t, index: s }) => [
-              Ge(al, {
+              Ge(sl, {
                 shape: t.shape,
                 radius: 30,
                 stroke: "none",
                 plot: { x: 30, y: 30 },
-                fill: `url(#pattern_${C.value}_${s})`
+                fill: `url(#pattern_${$.value}_${s})`
               }, null, 8, ["shape", "fill"])
             ]),
             key: "0"
@@ -854,7 +874,7 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
       }, [
         p(l.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      z.value ? (r(), P(u(tt), {
+      O.value ? (r(), P(u(tt), {
         key: 8,
         hideDetails: "",
         config: {
@@ -881,7 +901,7 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
             onClose: o[2] || (o[2] = (t) => B.value.showTable = !1)
           }, {
             th: m(({ th: t }) => [
-              d("div", { innerHTML: t }, null, 8, Nl)
+              d("div", { innerHTML: t }, null, 8, Il)
             ]),
             td: m(({ td: t }) => [
               je(H(t.name ? t.name : u(Z)(
@@ -918,15 +938,15 @@ const rl = ["id"], nl = ["xmlns", "viewBox"], ul = ["id"], il = ["stop-color"],
         default: m(() => [
           I.value ? (r(), P(u(ut), {
             key: 0,
-            config: ze.value,
+            config: Oe.value,
             dataset: Le.value
           }, null, 8, ["config", "dataset"])) : c("", !0)
         ]),
         _: 1
       }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : c("", !0)
-    ], 46, rl));
+    ], 46, nl));
   }
-}, Yl = /* @__PURE__ */ ol(Fl, [["__scopeId", "data-v-7c60b4ce"]]);
+}, Jl = /* @__PURE__ */ rl(Xl, [["__scopeId", "data-v-b3cc9fa9"]]);
 export {
-  Yl as default
+  Jl as default
 };