vue-data-ui 3.4.9 → 3.5.1

package/dist/{vue-ui-ridgeline-adIls6bj.js → vue-ui-ridgeline-CAMNq-p_.js}

@@ -1,24 +1,24 @@
-import { defineAsyncComponent as M, computed as c, ref as i, shallowRef as rt, toRefs as sa, onBeforeUnmount as ut, watch as K, nextTick as $e, watchEffect as na, createElementBlock as r, openBlock as n, unref as u, normalizeStyle as w, normalizeClass as oe, createBlock as S, createCommentVNode as h, renderSlot as p, createElementVNode as y, createSlots as _e, withCtx as g, normalizeProps as se, guardReactiveProps as ne, createVNode as Se, Fragment as m, renderList as k, mergeProps as Te, toDisplayString as R, resolveDynamicComponent as ra, createTextVNode as Pe } from "vue";
-import { c as Oe, t as ua, e as ia, h as ca, p as re, ak as it, C as va, B as ct, z as ha, a9 as da, X as ya, J as ga, M as fa, a as ue, d as ie, b as pa, f as Me, g as vt, o as ma, P as ba, Q as xa, a4 as ka } from "./lib-C_mNZmhD.js";
-import { t as ht, u as Aa } from "./useResponsive-DfdjqQps.js";
-import { u as Ca, a as dt } from "./useNestedProp-BjZe1Y85.js";
-import { u as wa, B as $a } from "./BaseScanner-BgWxam9d.js";
-import { u as _a } from "./usePrinter-DTzqpYKF.js";
-import { u as Sa } from "./useSvgExport-DrjCWun4.js";
-import { u as Ta } from "./useTimeLabels-BGFjWgrv.js";
-import { u as Pa } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Oa } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Ma } from "./useTimeLabelCollider-CIsgDrl9.js";
-import { t as La } from "./themes-AUNCOb2G.js";
-import za from "./Legend-G6GMcdAc.js";
-import Da from "./Title-l36lOBMx.js";
-import { _ as Ia } from "./Shape-CNXKB8O0.js";
-import Na from "./img-BecE5qXd.js";
-import { _ as Fa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"], Xa = ["stop-color"], Ua = ["stop-color"], Va = ["stop-color"], Ga = ["id"], Wa = ["stop-color"], Ya = ["stop-color"], ja = ["stop-color"], qa = ["stop-color"], Ja = { key: 0 }, Qa = ["fill", "d"], Ka = ["stroke", "stroke-width", "d"], Za = ["fill", "d"], el = ["stroke", "stroke-dasharray", "stroke-width", "d"], tl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], al = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], ll = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], ol = { key: 0 }, sl = ["font-size", "fill", "font-weight", "transform", "text-anchor"], nl = ["font-size", "fill", "font-weight", "transform", "text-anchor", "innerHTML"], rl = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], il = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], cl = ["x", "y", "text-anchor", "font-size", "fill"], vl = {
+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-DjGXw6S9.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";
+import { u as Ma } from "./useTimeLabels-BGFjWgrv.js";
+import { u as La } from "./useUserOptionState-BIvW1Kz7.js";
+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-isbiM8i8.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"], dl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], hl = ["x", "y", "text-anchor", "font-size", "fill"], fl = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, hl = ["onClick"], dl = ["innerHTML"], yl = {
+}, gl = ["onClick"], yl = ["innerHTML"], pl = {
   __name: "vue-ui-ridgeline",
   props: {
     config: {
@@ -35,32 +35,32 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
     }
   },
   emits: ["selectLegend", "selectDatapoint", "selectX"],
-  setup(yt, { expose: gt, emit: ft }) {
-    const pt = M(() => import("./vue-ui-xy-CIrw1lWQ.js")), mt = M(() => import("./BaseIcon-BmMbm4d0.js")), bt = M(() => import("./vue-ui-accordion-CZ0thhxa.js")), xt = M(() => import("./DataTable-BT7VF2ua.js")), kt = M(() => import("./PenAndPaper-DSvu9dwa.js")), At = M(() => import("./UserOptions-CGnQt6Fd.js")), Ct = M(() => import("./PackageVersion-CTUqGqWV.js")), Le = M(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_ridgeline: wt } = Ca(), E = yt, U = c({
+  setup(gt, { expose: yt, emit: pt }) {
+    const mt = z(() => import("./vue-ui-xy-NDDbNbds.js")), bt = z(() => import("./BaseIcon-BmMbm4d0.js")), xt = z(() => import("./vue-ui-accordion-CqhVCfc2.js")), kt = z(() => import("./DataTable-BT7VF2ua.js")), At = z(() => import("./PenAndPaper-SZQIAgkg.js")), Ct = z(() => import("./UserOptions-CGnQt6Fd.js")), wt = z(() => import("./PackageVersion-DQvyATVa.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;
       }
-    }), ce = ft, $ = i(null), ze = i(null), De = i(null), T = rt(null), L = rt(null), Ie = i(null), Ne = i(null), ve = i(0), $t = i(0), he = i(0), A = i(Oe()), Fe = i(0), _t = i(0), Re = i(512), d = i(null), B = i(null), de = i(null), Ee = i(0), ye = i(null), V = i(null), ge = i(null);
-    function fe() {
-      const t = dt({
-        userConfig: E.config,
-        defaultConfig: wt
+    }), 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: H.config,
+        defaultConfig: $t
       });
       return t.theme ? {
-        ...dt({
-          userConfig: La.vue_ui_ridgeline[t.theme] || E.config,
+        ...ft({
+          userConfig: Ia.vue_ui_ridgeline[t.theme] || H.config,
           defaultConfig: t
         }),
-        customPalette: pa[t.theme] || re
+        customPalette: xa[t.theme] || ue
       } : t;
     }
-    const e = i(fe()), { loading: G, FINAL_DATASET: z, manualLoading: pe } = wa({
-      ...sa(E),
+    const e = i(pe()), { loading: j, FINAL_DATASET: I, manualLoading: me } = Sa({
+      ...ua(H),
       FINAL_CONFIG: e,
-      prepareConfig: fe,
+      prepareConfig: pe,
       skeletonDataset: [
         {
           name: "_",
@@ -153,7 +153,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
           ]
         }
       ],
-      skeletonConfig: ua({
+      skeletonConfig: va({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -196,263 +196,277 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
       e.value.style.chart.areas.height,
       e.value.style.chart.areas.rowHeight
     )), {
-      userOptionsVisible: Z,
-      setUserOptionsVisibility: Be,
-      keepUserOptionState: He
-    } = Pa({ config: e.value }), { svgRef: ee } = Oa({ config: e.value.style.chart.title }), me = c(() => !!e.value.debug);
-    function Xe() {
-      const t = z.value || [];
+      userOptionsVisible: ae,
+      setUserOptionsVisibility: He,
+      keepUserOptionState: Xe
+    } = La({ config: e.value }), { svgRef: le } = za({ config: e.value.style.chart.title }), be = c(() => !!e.value.debug);
+    function Ue() {
+      const t = I.value || [];
       if (!Array.isArray(t) || t.length === 0) {
-        Me({ componentName: "VueUiRidgeline", type: "dataset", debug: me.value }), pe.value = !0;
+        Le({ componentName: "VueUiRidgeline", type: "dataset", debug: be.value }), me.value = !0;
         return;
       }
-      if (t.forEach((o, a) => {
-        vt({
-          datasetObject: o,
+      if (t.forEach((l, a) => {
+        dt({
+          datasetObject: l,
           requiredAttributes: ["name", "datapoints"]
         }).forEach((s) => {
-          U.value = !1, Me({
+          W.value = !1, Le({
             componentName: "VueUiRidgeline",
             type: "datasetSerieAttribute",
             property: s,
             index: a,
-            debug: me.value
+            debug: be.value
           });
-        }), Array.isArray(o.datapoints) && o.datapoints.length && o.datapoints.forEach((s, l) => {
-          vt({
+        }), Array.isArray(l.datapoints) && l.datapoints.length && l.datapoints.forEach((s, o) => {
+          dt({
             datasetObject: s,
             requiredAttributes: ["name", "values"]
-          }).forEach((v) => {
-            U.value = !1, Me({
+          }).forEach((d) => {
+            W.value = !1, Le({
               componentName: "VueUiRidgeline",
               type: "datasetSerieAttribute",
-              property: `datapoint.${v}`,
-              index: `${a}-${l}`,
-              debug: me.value
+              property: `datapoint.${d}`,
+              index: `${a}-${o}`,
+              debug: be.value
             });
           });
         });
-      }), _t.value = t.length, C.value = Math.min(
+      }), St.value = t.length, C.value = Math.min(
         e.value.style.chart.areas.height,
         e.value.style.chart.areas.rowHeight
-      ), ma(E.dataset) || (pe.value = e.value.loading), e.value.responsive) {
-        const o = ht(() => {
-          const { width: a, height: s } = Aa({
-            chart: $.value,
-            title: e.value.style.chart.title.text ? ze.value : null,
-            legend: e.value.style.chart.legend.show ? De.value : null,
-            source: Ie.value,
+      ), 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,
+            legend: e.value.style.chart.legend.show ? Ie.value : null,
+            source: Re.value,
             noTitle: Ne.value,
             padding: e.value.style.chart.padding
           });
           requestAnimationFrame(() => {
-            Re.value = a, C.value = t.length ? s / t.length : 0, Ee.value = s - 12;
+            Ee.value = a, C.value = t.length ? s / t.length : 0, Be.value = s - 12;
           });
         });
-        T.value && (L.value && T.value.unobserve(L.value), T.value.disconnect()), T.value = new ResizeObserver(o), L.value = $.value?.parentNode || null, L.value && T.value.observe(L.value);
+        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);
       }
     }
-    ut(() => {
-      T.value && (L.value && T.value.unobserve(L.value), T.value.disconnect());
+    it(() => {
+      M.value && (D.value && M.value.unobserve(D.value), M.value.disconnect());
     });
-    const { isPrinting: Ue, isImaging: Ve, generatePdf: Ge, generateImage: We } = _a({
+    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
-    }), St = c(() => e.value.userOptions.show && !e.value.style.chart.title.text), Tt = c(() => ia(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
     });
-    K(
-      () => z.value,
+    te(
+      () => I.value,
       async (t) => {
-        Array.isArray(t) && t.length && (Z.value = !e.value.userOptions.showOnChartHover, await $e(), Xe(), ve.value += 1, he.value += 1, D.value.showTable = e.value.table.show);
+        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 }
-    ), K(() => E.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (pe.value = !1);
-    }, { deep: !0 }), K(
-      () => G.value,
+    ), te(() => H.dataset, (t) => {
+      Array.isArray(t) && t.length > 0 && (me.value = !1);
+    }, { deep: !0 }), te(
+      () => j.value,
       async (t) => {
-        t || (await $e(), Xe());
+        t || (await _e(), Ue());
       },
       { immediate: !0 }
-    ), K(
-      () => E.config,
+    ), te(
+      () => H.config,
       () => {
-        e.value = fe(z.value || null), Z.value = !e.value.userOptions.showOnChartHover, C.value = Math.min(e.value.style.chart.areas.height, e.value.style.chart.areas.rowHeight), D.value.showTable = e.value.table.show, ve.value += 1, he.value += 1;
+        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 be = c(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
-    function Ye(t) {
-      O.value.includes(t) ? O.value = O.value.filter((o) => o !== t) : O.value.push(t), ce("selectLegend", X.value);
+    const xe = c(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
+    function oe(t) {
+      w.value.includes(t) ? w.value = w.value.filter((l) => l !== t) : w.value.push(t), ve("selectLegend", V.value);
     }
-    const P = c(() => U.value ? (z.value || []).map((t) => ({
+    function je(t) {
+      if (!G.value.length)
+        return e.value.debug && console.warn("VueUiRidgeline - There are no series to show."), null;
+      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) && oe(l.id);
+    }
+    function Mt(t) {
+      const l = je(t);
+      l !== null && (w.value.includes(l.id) || oe(l.id));
+    }
+    const L = c(() => W.value ? (I.value || []).map((t) => ({
       ...t,
-      labelLen: Nt(t.name, e.value.style.chart.yAxis.labels.fontSize),
-      uid: Oe(),
-      datapoints: t.datapoints.map((o, a) => {
-        const s = o.color ? ca(o.color) : Tt.value[a] || re[a] || re[a % re.length], l = it(o.name);
-        return { ...o, color: s, id: l };
+      labelLen: Et(t.name, e.value.style.chart.yAxis.labels.fontSize),
+      uid: Me(),
+      datapoints: t.datapoints.map((l, a) => {
+        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 };
       })
-    })) : []), je = c(() => e.value.style.chart.padding.top + C.value * (z.value || []).length + C.value * be.value + e.value.style.chart.padding.bottom), f = c(() => {
+    })) : []), 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: Re.value,
-        height: je.value,
+        width: Ee.value,
+        height: qe.value,
         padding: t
       };
-    }), Pt = c(() => f.value.width), Ot = c(() => f.value.height), xe = i(0), Mt = ht((t) => {
-      xe.value = t;
+    }), Lt = c(() => p.value.width), zt = c(() => p.value.height), ke = i(0), Dt = ht((t) => {
+      ke.value = t;
     }, 100);
-    na((t) => {
-      const o = ye.value;
-      if (!o) return;
+    ia((t) => {
+      const l = ge.value;
+      if (!l) return;
       const a = new ResizeObserver((s) => {
-        Mt(s[0].contentRect.height);
+        Dt(s[0].contentRect.height);
       });
-      a.observe(o), t(() => a.disconnect());
-    }), ut(() => {
-      xe.value = 0;
+      a.observe(l), t(() => a.disconnect());
+    }), it(() => {
+      ke.value = 0;
     });
     const b = c(() => ({
-      fullHeight: f.value.height + xe.value,
-      top: f.value.padding.top,
-      left: f.value.padding.left,
-      right: f.value.width - f.value.padding.right,
-      bottom: f.value.height - e.value.style.chart.padding.bottom,
-      width: f.value.width - (f.value.padding.left + f.value.padding.right)
-    })), W = c(() => Math.max(...P.value.flatMap((t) => t.datapoints.map((o) => o.values.length)))), Y = c(() => Ta({
+      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: W.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(...P.value.map((l) => l.labelLen)), o = f.value.padding.left + t + 16 + e.value.style.chart.yAxis.labels.offsetX, a = (b.value.width - o) / W.value, s = [];
-      for (let l = 0; l < W.value; l += 1)
+    })), 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: o + a * l,
-          x: o + a * l - a / 2,
+          selectorX: l + a * o,
+          x: l + a * o - a / 2,
           y: b.value.top,
-          label: e.value.style.chart.xAxis.labels.values[l] ? Y.value[l].text : "",
-          index: l,
+          label: e.value.style.chart.xAxis.labels.values[o] ? J.value[o].text : "",
+          index: o,
           width: a,
-          height: je.value
+          height: qe.value
         });
       return s;
     });
-    function ke(t) {
-      return P.value.map((o) => o.datapoints.map((a) => ({
+    function Ae(t) {
+      return L.value.map((l) => l.datapoints.map((a) => ({
         dp: a,
         selected: a.values[t.index]
       })));
     }
-    function Lt(t) {
-      d.value = t;
-      const o = ke(t);
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: o, seriesIndex: t.index });
+    function It(t) {
+      g.value = t;
+      const l = Ae(t);
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: t.index });
     }
-    function zt(t) {
-      d.value = null;
-      const o = ke(t);
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: o, seriesIndex: t.index });
+    function Rt(t) {
+      g.value = null;
+      const l = Ae(t);
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: t.index });
     }
-    function Dt(t) {
-      const o = ke(t);
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: o, seriesIndex: t.index }), ce("selectX", o);
+    function Nt(t) {
+      const l = Ae(t);
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: t.index }), ve("selectX", l);
     }
-    function It(t, o) {
-      return t.length * o / 2 + o;
+    function Ft(t, l) {
+      return t.length * l / 2 + l;
     }
-    function qe(t, o, a) {
-      const s = It(o, a);
+    function Je(t, l, a) {
+      const s = Ft(l, a);
       return t + s > b.value.right;
     }
-    function Nt(t, o, a = "sans-serif") {
-      const l = document.createElement("canvas").getContext("2d"), v = typeof o == "number" ? `${o}px` : o;
-      return l.font = `${v} ${a}`, l.measureText(t).width;
+    function Et(t, l, a = "sans-serif") {
+      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(...P.value.map((x) => x.labelLen)), o = Math.max(...P.value.flatMap((x) => x.datapoints.flatMap((q) => q.values))), a = Math.min(...P.value.flatMap((x) => x.datapoints.flatMap((q) => q.values))), s = f.value.padding.left + t + 16 + e.value.style.chart.yAxis.labels.offsetX, l = (b.value.width - s) / W.value, v = Math.abs(Math.min(a, 0)), _ = o + v;
-      function lt(x) {
-        return isNaN(x / _) ? 0 : x / _;
+      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 P.value.map((x, q) => {
-        const ot = b.value.top + C.value * q, N = b.value.top + ot + C.value * be.value * (1 - lt(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: N
+            y: F
           },
-          datapoints: x.datapoints.map((J) => {
-            const F = J.values.map((Q, ea) => {
-              const ta = isNaN(Q) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(Q) ? 0 : Q || 0, aa = s + l * ea, la = b.value.top + ot + C.value * be.value * (1 - lt(ta + v)), oa = Q === Math.max(...J.values);
+          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: aa,
-                y: la,
-                value: Q,
-                isMaxPoint: oa,
-                zero: N
+                x: sa,
+                y: na,
+                value: ee,
+                isMaxPoint: ra,
+                zero: F
               };
-            }), Jt = `${va(F, N, !1, !1)}`, Qt = `M ${s},${N} ${ct(F)} ${F.at(-1).x},${N}`, Kt = `M ${s},${N} ${F.at(-1).x},${N}`, st = `M ${ha(F)}`, nt = `M ${ct(F)}`, Zt = da(
-              e.value.style.chart.areas.smooth ? st : nt
+            }), 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 {
-              ...J,
-              uid: Oe(),
-              plots: F,
-              smoothPath: Jt,
-              straightPath: Qt,
-              zeroPath: Kt,
-              pathLength: Zt,
-              smoothPathRidge: st,
-              straightPathRidge: nt
+              ...Z,
+              uid: Me(),
+              plots: E,
+              smoothPath: Zt,
+              straightPath: ea,
+              zeroPath: ta,
+              pathLength: aa,
+              smoothPathRidge: nt,
+              straightPathRidge: rt
             };
-          }).filter((J) => !O.value.includes(J.id))
+          }).filter((Z) => !w.value.includes(Z.id))
         };
       });
-    }), O = i([]);
-    function Ft(t) {
-      const o = /* @__PURE__ */ new Map();
+    }), w = i([]);
+    function Bt(t) {
+      const l = /* @__PURE__ */ new Map();
       return t.forEach((a) => {
-        a.datapoints.forEach((s, l) => {
-          const v = it(s.name);
-          o.has(v) || o.set(v, {
-            id: v,
+        a.datapoints.forEach((s, o) => {
+          const d = ct(s.name);
+          l.has(d) || l.set(d, {
+            id: d,
             name: s.name,
             color: s.color,
             shape: "circle",
-            segregate: () => Ye(v),
-            isSegregated: O.value.includes(v),
-            opacity: O.value.includes(v) ? 0.5 : 1
+            segregate: () => oe(d),
+            isSegregated: w.value.includes(d),
+            opacity: w.value.includes(d) ? 0.5 : 1
           });
         });
-      }), Array.from(o.values());
+      }), Array.from(l.values());
     }
-    const te = c(() => Ft(P.value)), Rt = 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);
-    function Je(t) {
-      I.value = t, Fe.value += 1;
+    })), N = i(!1);
+    function Qe(t) {
+      N.value = t, Fe.value += 1;
     }
-    const Qe = i({}), Ke = i([]);
-    function Et(t) {
-      ce("selectDatapoint", t), e.value.style.chart.dialog.show && (Ke.value = t.datapoints.map((o) => ({
-        name: o.name,
-        color: o.color,
+    const Ke = i({}), Ze = i([]);
+    function Xt(t) {
+      ve("selectDatapoint", t), e.value.style.chart.dialog.show && (Ze.value = t.datapoints.map((l) => ({
+        name: l.name,
+        color: l.color,
         type: "line",
         useArea: !0,
         smooth: e.value.style.chart.areas.smooth,
-        series: o.values
-      })), B.value = t, Qe.value = ka({
+        series: l.values
+      })), X.value = t, Ke.value = wa({
         ...e.value.style.chart.dialog.xyChart,
         responsive: !0,
         // Overriding 
@@ -482,23 +496,23 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
             // Overriding
           }
         }
-      }), de.value && de.value.open());
+      }), fe.value && fe.value.open());
     }
-    const Ae = i(null);
-    function Bt(t) {
-      Ae.value = t;
+    const Ce = i(null);
+    function Ut(t) {
+      Ce.value = t;
     }
-    function Ht() {
-      Ae.value = null;
+    function Vt() {
+      Ce.value = null;
     }
-    const ae = i(!1);
-    function Ce() {
-      ae.value = !ae.value;
+    const se = i(!1);
+    function we() {
+      se.value = !se.value;
     }
-    function Ze() {
-      D.value.showTable = !D.value.showTable;
+    function et() {
+      R.value.showTable = !R.value.showTable;
     }
-    const et = 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) => [
@@ -507,11 +521,11 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
         color: a.color
       },
       ...a.values
-    ]) })), le = c(() => {
+    ]) })), ne = c(() => {
       const t = [
         e.value.table.columnNames.series,
-        ...Y.value.map((s) => s.text)
-      ], o = {
+        ...J.value.map((s) => s.text)
+      ], l = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
           color: e.value.table.th.color,
@@ -527,74 +541,74 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
       return {
         colNames: [
           e.value.table.columnNames.series,
-          ...Y.value.map((s) => s.text)
+          ...J.value.map((s) => s.text)
         ],
         head: t,
-        body: et.value.body,
-        config: o
+        body: tt.value.body,
+        config: l
       };
     });
-    function we(t = null) {
-      $e(() => {
-        const o = [
-          [e.value.table.columnNames.series, ...Y.map((l) => [l.text])],
-          ...et.value.body.map((l, v) => [l[0].name, ...l.slice(1)])
+    function $e(t = null) {
+      _e(() => {
+        const l = [
+          [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]
-        ].concat(o), s = ba(a);
-        t ? t(s) : xa({
+        ].concat(l), s = Aa(a);
+        t ? t(s) : Ca({
           csvContent: s,
           title: e.value.style.chart.title.text || "vue-ui-ridgeline"
         });
       });
     }
-    function Xt() {
-      return X.value;
+    function Gt() {
+      return V.value;
     }
-    async function Ut({ scale: t = 2 } = {}) {
-      if (!$.value) return;
-      const { width: o, height: a } = $.value.getBoundingClientRect(), s = o / a, { imageUri: l, base64: v } = await Na({ domElement: $.value, base64: !0, img: !0, scale: t });
+    async function Wt({ scale: t = 2 } = {}) {
+      if (!_.value) return;
+      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: l,
-        base64: v,
+        imageUri: o,
+        base64: d,
         title: e.value.style.chart.title.text,
-        width: o,
+        width: l,
         height: a,
         aspectRatio: s
       };
     }
-    const Vt = c(() => ({ min: 0, max: W.value }));
-    Ma({
-      timeLabelsEls: ye,
-      timeLabels: Y,
-      slicer: Vt,
+    const Yt = c(() => ({ min: 0, max: q.value }));
+    Da({
+      timeLabelsEls: ge,
+      timeLabels: J,
+      slicer: Yt,
       configRef: e,
       rotationPath: ["style", "chart", "xAxis", "labels", "rotation"],
       autoRotatePath: ["style", "chart", "xAxis", "labels", "autoRotate", "enable"],
       isAutoSize: !1,
-      width: Pt,
-      height: Ot,
+      width: Lt,
+      height: zt,
       targetClass: ".vue-ui-ridgeline-x-axis-label",
       angle: e.value.style.chart.xAxis.labels.autoRotate.angle
     });
-    const j = c(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, o = D.value.showTable;
+    const Q = c(() => {
+      const t = e.value.table.useDialog && !e.value.table.show, l = R.value.showTable;
       return {
-        component: t ? Le : bt,
+        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}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
           color: e.value.table.th.color,
           headerColor: e.value.table.th.color,
           headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: I.value,
-          fullscreenParent: $.value,
+          isFullscreen: N.value,
+          fullscreenParent: _.value,
           forcedWidth: Math.min(800, window.innerWidth * 0.8)
         } : {
           hideDetails: !0,
           config: {
-            open: o,
+            open: l,
             maxHeight: 1e4,
             body: {
               backgroundColor: e.value.style.chart.backgroundColor,
@@ -608,64 +622,86 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
         }
       };
     });
-    K(() => D.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && V.value ? V.value.open() : "close" in V.value && V.value.close());
+    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 tt() {
-      D.value.showTable = !1, ge.value && ge.value.setTableIconState(!1);
+    function at() {
+      R.value.showTable = !1, ye.value && ye.value.setTableIconState(!1);
     }
-    const Gt = c(() => e.value.style.chart.backgroundColor), Wt = c(() => ({
+    const jt = c(() => e.value.style.chart.backgroundColor), qt = c(() => ({
       ...e.value.style.chart.legend,
       position: "bottom"
-    })), Yt = c(() => e.value.style.chart.title), { exportSvg: jt, getSvg: qt } = Sa({
-      svg: ee,
-      title: Yt,
-      legend: Wt,
-      legendItems: te,
-      backgroundColor: Gt
+    })), Jt = c(() => e.value.style.chart.title), { exportSvg: Qt, getSvg: Kt } = Oa({
+      svg: le,
+      title: Jt,
+      legend: qt,
+      legendItems: G,
+      backgroundColor: jt
     });
-    async function at({ isCb: t }) {
+    async function lt({ isCb: t }) {
       if (t) {
-        const { blob: o, url: a, text: s, dataUrl: l } = await qt();
-        e.value.userOptions.callbacks.svg({ blob: o, url: a, text: s, dataUrl: l });
+        const { blob: l, url: a, text: s, dataUrl: o } = await Kt();
+        e.value.userOptions.callbacks.svg({ blob: l, url: a, text: s, dataUrl: o });
       } else
-        jt();
+        Qt();
     }
-    return gt({
-      getData: Xt,
-      getImage: Ut,
-      generateImage: We,
-      generateSvg: at,
-      generatePdf: Ge,
-      generateCsv: we,
-      toggleAnnotator: Ce,
-      toggleTable: Ze,
-      toggleFullscreen: Je
-    }), (t, o) => (n(), r("div", {
+    return yt({
+      getData: Gt,
+      getImage: Wt,
+      generateImage: Ye,
+      generateSvg: lt,
+      generatePdf: We,
+      generateCsv: $e,
+      hideSeries: Mt,
+      showSeries: Ot,
+      toggleAnnotator: we,
+      toggleTable: et,
+      toggleFullscreen: Qe
+    }), (t, l) => (n(), r("div", {
       ref_key: "ridgelineChart",
-      ref: $,
-      class: oe(`vue-data-ui-component vue-ui-ridgeline ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      ref: _,
+      class: re(`vue-data-ui-component vue-ui-ridgeline ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       id: `vue-ui-ridgeline_${A.value}`,
-      style: w({
+      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[3] || (o[3] = () => u(Be)(!0)),
-      onMouseleave: o[4] || (o[4] = () => u(Be)(!1))
+      onMouseenter: l[3] || (l[3] = () => u(He)(!0)),
+      onMouseleave: l[4] || (l[4] = () => u(He)(!1))
     }, [
-      e.value.userOptions.buttons.annotator && u(ee) ? (n(), S(u(kt), {
+      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: ae.value,
-        svgRef: u(ee),
-        onClose: Ce
-      }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : h("", !0),
-      p(t.$slots, "userConfig", {}, void 0, !0),
-      St.value ? (n(), r("div", {
+        active: se.value,
+        svgRef: u(le),
+        onClose: we
+      }, {
+        "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",
         ref: Ne,
@@ -675,11 +711,11 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
       e.value.style.chart.title.text ? (n(), r("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: ze,
+        ref: De,
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
-        (n(), S(Da, {
-          key: `title_${ve.value}`,
+        (n(), T(Na, {
+          key: `title_${de.value}`,
           config: {
             title: {
               cy: "ridgeline-div-title",
@@ -692,14 +728,14 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
           }
         }, null, 8, ["config"]))
       ], 512)) : h("", !0),
-      e.value.userOptions.show && U.value && (u(He) || u(Z)) ? (n(), S(u(At), {
+      e.value.userOptions.show && W.value && (u(Xe) || u(ae)) ? (n(), T(u(Ct), {
         ref_key: "userOptionsRef",
-        ref: ge,
+        ref: ye,
         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(Ge),
         uid: A.value,
         hasTooltip: !1,
         callbacks: e.value.userOptions.callbacks,
@@ -710,99 +746,99 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["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,
+        chartElement: _.value,
         position: e.value.userOptions.position,
         isTooltip: !1,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: ae.value,
+        isAnnotation: se.value,
         tableDialog: e.value.table.useDialog,
-        style: w({ visibility: u(He) ? u(Z) ? "visible" : "hidden" : "visible" }),
-        onToggleFullscreen: Je,
-        onGeneratePdf: u(Ge),
-        onGenerateCsv: we,
-        onGenerateImage: u(We),
-        onGenerateSvg: at,
-        onToggleTable: Ze,
-        onToggleAnnotator: Ce
-      }, _e({ _: 2 }, [
+        style: $({ visibility: u(Xe) ? u(ae) ? "visible" : "hidden" : "visible" }),
+        onToggleFullscreen: Qe,
+        onGeneratePdf: u(We),
+        onGenerateCsv: $e,
+        onGenerateImage: u(Ye),
+        onGenerateSvg: lt,
+        onToggleTable: et,
+        onToggleAnnotator: we
+      }, Se({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: g(({ isOpen: a, color: s }) => [
-            p(t.$slots, "menuIcon", se(ne({ 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", se(ne({ 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", se(ne({ 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: ee,
-        xmlns: u(ya),
-        class: oe({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
-        viewBox: `0 0 ${f.value.width <= 0 ? 10 : f.value.width} ${b.value.fullHeight <= 0 ? 10 : b.value.fullHeight}`,
-        style: w(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};${e.value.responsive ? `height: ${Ee.value}px; width: 100%;` : ""}`)
+        ref: le,
+        xmlns: u(pa),
+        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%;` : ""}`)
       }, [
-        Se(u(Ct)),
+        Te(u(wt)),
         y("defs", null, [
-          (n(!0), r(m, null, k(te.value, (a, s) => (n(), r("linearGradient", {
+          (n(!0), r(m, null, k(G.value, (a, s) => (n(), r("linearGradient", {
             id: `gradient-${a.id}-${A.value}`,
             x1: "50%",
             y1: "0%",
@@ -813,27 +849,27 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
               offset: "0%",
               "stop-color": a.color,
               "stop-opacity": "1"
-            }, null, 8, Ha),
+            }, null, 8, Va),
             y("stop", {
               offset: "30%",
               "stop-color": a.color,
               "stop-opacity": "0.7"
-            }, null, 8, Xa),
+            }, null, 8, Ga),
             y("stop", {
               offset: "70%",
               "stop-color": a.color,
               "stop-opacity": "0.3"
-            }, null, 8, Ua),
+            }, null, 8, Wa),
             y("stop", {
               offset: "100%",
               "stop-color": a.color,
               "stop-opacity": "0.1"
-            }, null, 8, Va)
-          ], 8, Ba))), 256)),
-          (n(!0), r(m, null, k(X.value, (a, s) => (n(), r(m, null, [
-            (n(!0), r(m, null, k(a.datapoints, (l, v) => (n(), r("linearGradient", {
-              key: `grad${l.id}`,
-              id: `gradient-single-${A.value}-${l.uid}`,
+            }, null, 8, Ya)
+          ], 8, Ua))), 256)),
+          (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%",
               y1: "0%",
               x2: "50%",
@@ -841,105 +877,105 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
             }, [
               y("stop", {
                 offset: "0%",
-                "stop-color": l.color,
+                "stop-color": o.color,
                 "stop-opacity": "1"
-              }, null, 8, Wa),
+              }, null, 8, qa),
               y("stop", {
                 offset: "30%",
-                "stop-color": l.color,
+                "stop-color": o.color,
                 "stop-opacity": "0.7"
-              }, null, 8, Ya),
+              }, null, 8, Ja),
               y("stop", {
                 offset: "70%",
-                "stop-color": l.color,
+                "stop-color": o.color,
                 "stop-opacity": "0.3"
-              }, null, 8, ja),
+              }, null, 8, Qa),
               y("stop", {
                 offset: "100%",
-                "stop-color": l.color,
+                "stop-color": o.color,
                 "stop-opacity": "0.1"
-              }, null, 8, qa)
-            ], 8, Ga))), 128))
+              }, null, 8, Ka)
+            ], 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, (l, v) => (n(), r("g", {
-            key: l.id
+          (n(!0), r(m, null, k(a.datapoints, (o, d) => (n(), r("g", {
+            key: o.id
           }, [
-            t.$slots.pattern ? (n(), r("g", Ja, [
+            t.$slots.pattern ? (n(), r("g", Za, [
               y("defs", null, [
-                p(t.$slots, "pattern", Te({ ref_for: !0 }, { datapointIndex: s, seriesIndex: v, patternId: `pattern_${A.value}_${l.uid}` }), void 0, !0)
+                f(t.$slots, "pattern", Pe({ ref_for: !0 }, { datapointIndex: s, seriesIndex: d, patternId: `pattern_${A.value}_${o.uid}` }), void 0, !0)
               ])
             ])) : h("", !0),
             y("path", {
-              fill: t.$slots.pattern ? `url(#pattern_${A.value}_${l.uid})` : e.value.style.chart.backgroundColor,
+              fill: t.$slots.pattern ? `url(#pattern_${A.value}_${o.uid})` : e.value.style.chart.backgroundColor,
               stroke: "none",
               "stroke-linecap": "round",
-              d: e.value.style.chart.areas.smooth ? l.smoothPath : l.straightPath,
-              style: w({
+              d: e.value.style.chart.areas.smooth ? o.smoothPath : o.straightPath,
+              style: $({
                 opacity: e.value.style.chart.areas.opacity
               })
-            }, null, 12, Qa),
+            }, null, 12, el),
             y("path", {
               fill: "none",
-              stroke: e.value.style.chart.areas.stroke.useSerieColor ? l.color : e.value.style.chart.areas.stroke.color,
+              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 ? l.smoothPathRidge : l.straightPathRidge,
+              d: e.value.style.chart.areas.smooth ? o.smoothPathRidge : o.straightPathRidge,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: oe({ "vue-ui-ridgeline-animate": e.value.useCssAnimation && !u(G) }),
-              style: w({
-                strokeDasharray: l.pathLength,
-                strokeDashoffset: e.value.useCssAnimation ? l.pathLength : 0
+              class: re({ "vue-ui-ridgeline-animate": e.value.useCssAnimation && !u(j) }),
+              style: $({
+                strokeDasharray: o.pathLength,
+                strokeDashoffset: e.value.useCssAnimation ? o.pathLength : 0
               })
-            }, null, 14, Ka),
+            }, null, 14, tl),
             y("path", {
-              fill: e.value.style.chart.areas.useGradient ? e.value.style.chart.areas.useCommonColor ? `url(#gradient-${l.id}-${A.value})` : `url(#gradient-single-${A.value}-${l.uid})` : l.color,
+              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 ? l.smoothPath : l.straightPath,
+              d: e.value.style.chart.areas.smooth ? o.smoothPath : o.straightPath,
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
-              class: oe({ "vue-ui-ridgeline-animate": e.value.useCssAnimation && !u(G) }),
-              style: w({
-                strokeDasharray: l.pathLength,
-                strokeDashoffset: e.value.useCssAnimation ? l.pathLength : 0
+              class: re({ "vue-ui-ridgeline-animate": e.value.useCssAnimation && !u(j) }),
+              style: $({
+                strokeDasharray: o.pathLength,
+                strokeDashoffset: e.value.useCssAnimation ? o.pathLength : 0
               })
-            }, null, 14, Za),
+            }, null, 14, al),
             e.value.style.chart.zeroLine.show ? (n(), r("path", {
               key: 1,
-              stroke: e.value.style.chart.zeroLine.useSerieColor ? l.color : e.value.style.chart.zeroLine.stroke,
+              stroke: e.value.style.chart.zeroLine.useSerieColor ? o.color : e.value.style.chart.zeroLine.stroke,
               "stroke-dasharray": e.value.style.chart.zeroLine.strokeDasharray,
               "stroke-width": e.value.style.chart.zeroLine.strokeWidth,
-              d: l.zeroPath,
+              d: o.zeroPath,
               "stroke-linecap": "round"
-            }, null, 8, el)) : h("", !0),
-            e.value.style.chart.areas.maxPoint.show && l.plots.length > 1 ? (n(!0), r(m, { key: 2 }, k(l.plots, (_) => (n(), r(m, null, [
-              _.isMaxPoint ? (n(), r("line", {
+            }, null, 8, ll)) : h("", !0),
+            e.value.style.chart.areas.maxPoint.show && o.plots.length > 1 ? (n(!0), r(m, { key: 2 }, k(o.plots, (S) => (n(), r(m, null, [
+              S.isMaxPoint ? (n(), r("line", {
                 key: 0,
-                x1: _.x,
-                y1: _.y,
-                x2: _.x,
-                y2: _.zero,
-                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? u(ga)(l.color) : e.value.style.chart.areas.maxPoint.stroke,
+                x1: S.x,
+                y1: S.y,
+                x2: S.x,
+                y2: S.zero,
+                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? u(ma)(o.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, tl)) : h("", !0)
+              }, null, 8, ol)) : h("", !0)
             ], 64))), 256)) : h("", !0),
-            l.plots.length === 1 ? (n(), r("circle", {
+            o.plots.length === 1 ? (n(), r("circle", {
               key: 3,
-              cx: l.plots[0].x,
-              cy: l.plots[0].y,
+              cx: o.plots[0].x,
+              cy: o.plots[0].y,
               stroke: e.value.style.chart.selector.dot.stroke,
               "stroke-width": e.value.style.chart.selector.dot.strokeWidth,
               r: e.value.style.chart.selector.dot.radius,
-              fill: e.value.style.chart.selector.dot.useDatapointColor ? l.color : e.value.style.chart.selector.dot.fill,
+              fill: e.value.style.chart.selector.dot.useDatapointColor ? o.color : e.value.style.chart.selector.dot.fill,
               style: {
                 pointerEvents: "none"
               }
-            }, null, 8, al)) : h("", !0)
+            }, null, 8, sl)) : h("", !0)
           ]))), 128)),
           y("text", {
             x: a.label.x,
@@ -948,22 +984,22 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["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: w({
+            style: $({
               cursor: e.value.style.chart.dialog.show ? "pointer" : "default"
             }),
-            "text-decoration": e.value.style.chart.dialog.show && (Ae.value === s || B.value && a.uid === B.value.uid) ? "underline" : "",
-            onMouseenter: (l) => Bt(s),
-            onMouseleave: Ht,
-            onClick: (l) => Et(a)
-          }, R(a.name), 45, ll)
+            "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)
+          }, B(a.name), 45, nl)
         ]))), 128)),
         e.value.style.chart.xAxis.labels.values.length ? (n(), r("g", {
           key: 0,
           ref_key: "timeLabelsEls",
-          ref: ye
+          ref: ge
         }, [
-          (n(!0), r(m, null, k(H.value, (a, s) => p(t.$slots, "time-label", Te({ ref_for: !0 }, {
-            show: a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || a && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (s === 0 || s === H.value.length - 1) || a && d.value && d.value.index === s || a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(H.value.length / e.value.style.chart.xAxis.labels.modulo) === 0,
+          (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",
@@ -972,7 +1008,7 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["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", ol, [
+            a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || a && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (s === 0 || s === 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,
@@ -982,17 +1018,17 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
                 "font-weight": e.value.style.chart.xAxis.labels.bold ? "bold" : "normal",
                 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: w({
-                  opacity: d.value ? d.value.index === s ? 1 : 0.2 : 1
+                style: $({
+                  opacity: g.value ? g.value.index === s ? 1 : 0.2 : 1
                 }),
-                innerHTML: u(fa)({
+                innerHTML: u(ba)({
                   content: String(a.label),
                   fontSize: e.value.style.chart.xAxis.labels.fontSize,
                   fill: e.value.style.chart.xAxis.labels.color,
                   x: 0,
                   y: 0
                 })
-              }, null, 12, nl)) : (n(), r("text", {
+              }, null, 12, il)) : (n(), r("text", {
                 key: 0,
                 class: "vue-ui-ridgeline-x-axis-label",
                 "font-size": e.value.style.chart.xAxis.labels.fontSize,
@@ -1000,43 +1036,43 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
                 "font-weight": e.value.style.chart.xAxis.labels.bold ? "bold" : "normal",
                 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: w({
-                  opacity: d.value ? d.value.index === s ? 1 : 0.2 : 1
+                style: $({
+                  opacity: g.value ? g.value.index === s ? 1 : 0.2 : 1
                 })
-              }, R(a.label), 13, sl))
+              }, B(a.label), 13, ul))
             ])) : h("", !0)
           ], !0)), 256))
         ], 512)) : h("", !0),
         y("g", null, [
-          (n(!0), r(m, null, k(H.value, (a, s) => (n(), r("rect", {
+          (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,
             height: a.height < 0 ? 0.1 : a.height,
             fill: "transparent",
-            onMouseenter: (l) => Lt(a),
-            onMouseleave: (l) => zt(a),
-            onClick: () => Dt(a)
-          }, null, 40, rl))), 256)),
-          e.value.style.chart.selector.show && d.value ? (n(), r("line", {
+            onMouseenter: (o) => It(a),
+            onMouseleave: (o) => Rt(a),
+            onClick: () => Nt(a)
+          }, null, 40, cl))), 256)),
+          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, ul)) : h("", !0),
-          d.value ? (n(!0), r(m, { key: 1 }, k(X.value, (a) => (n(), r(m, null, [
+          }, null, 8, vl)) : h("", !0),
+          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, (l, 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: l.x,
-                  cy: l.y,
+                  cx: o.x,
+                  cy: o.y,
                   stroke: e.value.style.chart.selector.dot.stroke,
                   "stroke-width": e.value.style.chart.selector.dot.strokeWidth,
                   r: e.value.style.chart.selector.dot.radius,
@@ -1044,32 +1080,32 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
                   style: {
                     pointerEvents: "none"
                   }
-                }, null, 8, il)) : 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: qe(
-                    l.x,
-                    u(ue)(
+                  x: Je(
+                    o.x,
+                    u(ie)(
                       e.value.style.chart.selector.labels.formatter,
-                      l.value,
-                      u(ie)({
+                      o.value,
+                      u(ce)({
                         p: e.value.style.chart.xAxis.labels.prefix,
-                        v: l.value,
+                        v: o.value,
                         s: e.value.style.chart.xAxis.labels.suffix,
                         r: e.value.style.chart.selector.labels.rounding
                       })
                     ),
                     e.value.style.chart.selector.labels.fontSize
-                  ) ? l.x - e.value.style.chart.selector.labels.fontSize / 2 : l.x + e.value.style.chart.selector.labels.fontSize / 2,
-                  y: l.y + e.value.style.chart.selector.labels.fontSize / 3,
-                  "text-anchor": qe(
-                    l.x,
-                    u(ue)(
+                  ) ? o.x - e.value.style.chart.selector.labels.fontSize / 2 : o.x + e.value.style.chart.selector.labels.fontSize / 2,
+                  y: o.y + e.value.style.chart.selector.labels.fontSize / 3,
+                  "text-anchor": Je(
+                    o.x,
+                    u(ie)(
                       e.value.style.chart.selector.labels.formatter,
-                      l.value,
-                      u(ie)({
+                      o.value,
+                      u(ce)({
                         p: e.value.style.chart.xAxis.labels.prefix,
-                        v: l.value,
+                        v: o.value,
                         s: e.value.style.chart.xAxis.labels.suffix,
                         r: e.value.style.chart.selector.labels.rounding
                       })
@@ -1081,48 +1117,48 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
                   style: {
                     pointerEvents: "none"
                   }
-                }, R(u(ue)(
+                }, B(u(ie)(
                   e.value.style.chart.selector.labels.formatter,
-                  l.value,
-                  u(ie)({
+                  o.value,
+                  u(ce)({
                     p: e.value.style.chart.xAxis.labels.prefix,
-                    v: l.value,
+                    v: o.value,
                     s: e.value.style.chart.xAxis.labels.suffix,
                     r: e.value.style.chart.selector.labels.rounding
                   })
-                )), 9, cl)) : h("", !0)
+                )), 9, hl)) : h("", !0)
               ], 64))), 256))
             ], 64))), 256))
           ], 64))), 256)) : h("", !0)
         ]),
-        p(t.$slots, "svg", { svg: f.value }, void 0, !0)
-      ], 14, Ea)),
-      t.$slots.watermark ? (n(), r("div", vl, [
-        p(t.$slots, "watermark", se(ne({ isPrinting: u(Ue) || u(Ve) })), void 0, !0)
+        f(t.$slots, "svg", { svg: p.value }, void 0, !0)
+      ], 14, Xa)),
+      t.$slots.watermark ? (n(), r("div", fl, [
+        f(t.$slots, "watermark", P(O({ isPrinting: u(Ve) || u(Ge) })), void 0, !0)
       ])) : h("", !0),
       y("div", {
         ref_key: "chartLegend",
-        ref: De
+        ref: Ie
       }, [
-        e.value.style.chart.legend.show ? (n(), S(za, {
+        e.value.style.chart.legend.show ? (n(), T(Ra, {
           key: `legend_${he.value}`,
-          legendSet: te.value,
-          config: Rt.value,
-          onClickMarker: o[0] || (o[0] = ({ legend: a }) => Ye(a.id))
-        }, _e({
-          item: g(({ legend: a }) => [
-            u(G) ? h("", !0) : (n(), r("div", {
+          legendSet: G.value,
+          config: Ht.value,
+          onClickMarker: l[0] || (l[0] = ({ legend: a }) => oe(a.id))
+        }, Se({
+          item: v(({ legend: a }) => [
+            u(j) ? h("", !0) : (n(), r("div", {
               key: 0,
-              style: w(`opacity:${O.value.includes(a.id) ? 0.5 : 1}`),
+              style: $(`opacity:${w.value.includes(a.id) ? 0.5 : 1}`),
               onClick: (s) => a.segregate()
-            }, R(a.name), 13, hl))
+            }, B(a.name), 13, gl))
           ]),
           _: 2
         }, [
           t.$slots.pattern ? {
             name: "legend-pattern",
-            fn: g(({ legend: a, index: s }) => [
-              Se(Ia, {
+            fn: v(({ legend: a, index: s }) => [
+              Te(Fa, {
                 shape: a.shape,
                 radius: 30,
                 stroke: "none",
@@ -1133,40 +1169,40 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
             key: "0"
           } : void 0
         ]), 1032, ["legendSet", "config"])) : h("", !0),
-        p(t.$slots, "legend", { legend: te.value }, void 0, !0)
+        f(t.$slots, "legend", { legend: G.value }, void 0, !0)
       ], 512),
       t.$slots.source ? (n(), r("div", {
         key: 5,
         ref_key: "source",
-        ref: Ie,
+        ref: Re,
         dir: "auto"
       }, [
-        p(t.$slots, "source", {}, void 0, !0)
+        f(t.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      U.value && e.value.userOptions.buttons.table ? (n(), S(ra(j.value.component), Te({ key: 6 }, j.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: V,
-        onClose: tt
-      }), _e({
-        content: g(() => [
-          (n(), S(u(xt), {
-            key: `table_${$t.value}`,
-            colNames: le.value.colNames,
-            head: le.value.head,
-            body: le.value.body,
-            config: le.value.config,
-            title: e.value.table.useDialog ? "" : j.value.title,
+        ref: Y,
+        onClose: at
+      }), Se({
+        content: v(() => [
+          (n(), T(u(kt), {
+            key: `table_${_t.value}`,
+            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: tt
+            onClose: at
           }, {
-            th: g(({ th: a }) => [
-              y("div", { innerHTML: a }, null, 8, dl)
+            th: v(({ th: a }) => [
+              y("div", { innerHTML: a }, null, 8, yl)
             ]),
-            td: g(({ td: a }) => [
-              Pe(R(a.name ? a.name : u(ue)(
+            td: v(({ td: a }) => [
+              Oe(B(a.name ? a.name : u(ie)(
                 e.value.style.chart.selector.labels.formatter,
                 a,
-                u(ie)({
+                u(ce)({
                   p: e.value.style.chart.xAxis.labels.prefix,
                   v: a,
                   s: e.value.style.chart.xAxis.labels.suffix,
@@ -1181,57 +1217,57 @@ const Ra = ["id"], Ea = ["xmlns", "viewBox"], Ba = ["id"], Ha = ["stop-color"],
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: g(() => [
-            Pe(R(j.value.title), 1)
+          fn: v(() => [
+            Oe(B(Q.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: g(() => [
+          fn: v(() => [
             y("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
-              onClick: o[1] || (o[1] = (a) => we(e.value.userOptions.callbacks.csv))
+              onClick: l[1] || (l[1] = (a) => $e(e.value.userOptions.callbacks.csv))
             }, [
-              Se(u(mt), {
+              Te(u(bt), {
                 name: "excel",
-                stroke: j.value.props.color
+                stroke: Q.value.props.color
               }, null, 8, ["stroke"])
             ])
           ]),
           key: "1"
         } : void 0
       ]), 1040)) : h("", !0),
-      e.value.style.chart.dialog.show ? (n(), S(u(Le), {
+      e.value.style.chart.dialog.show ? (n(), T(u(ze), {
         key: 7,
         ref_key: "dialog",
-        ref: de,
-        onClose: o[2] || (o[2] = (a) => B.value = null),
+        ref: fe,
+        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,
-        fullscreenParent: $.value,
+        isFullscreen: N.value,
+        fullscreenParent: _.value,
         withPadding: ""
       }, {
-        title: g(() => [
-          Pe(R(B.value.name), 1)
+        title: v(() => [
+          Oe(B(X.value.name), 1)
         ]),
-        content: g(() => [
-          B.value ? (n(), S(u(pt), {
+        content: v(() => [
+          X.value ? (n(), T(u(mt), {
             key: 0,
-            config: Qe.value,
-            dataset: Ke.value
+            config: Ke.value,
+            dataset: Ze.value
           }, null, 8, ["config", "dataset"])) : h("", !0)
         ]),
         _: 1
       }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : h("", !0),
-      u(G) ? (n(), S($a, { key: 8 })) : h("", !0)
-    ], 46, Ra));
+      u(j) ? (n(), T(Ta, { key: 8 })) : h("", !0)
+    ], 46, Ha));
   }
-}, Ll = /* @__PURE__ */ Fa(yl, [["__scopeId", "data-v-36456620"]]);
+}, Il = /* @__PURE__ */ Ba(pl, [["__scopeId", "data-v-37841d19"]]);
 export {
-  Ll as default
+  Il as default
 };