vue-data-ui 2.17.0 → 2.17.2

package/dist/{vue-ui-ridgeline-QUquE6ck.js → vue-ui-ridgeline-Do6C5lMY.js}

@@ -1,20 +1,20 @@
-import { defineAsyncComponent as z, computed as f, ref as i, shallowRef as Be, onMounted as Nt, onBeforeUnmount as Ft, watch as Ue, 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 Ge, withCtx as m, normalizeProps as K, guardReactiveProps as J, createVNode as We, Fragment as g, renderList as A, mergeProps as je, toDisplayString as V, createTextVNode as Ye, nextTick as Dt } from "vue";
-import { u as It, c as ve, o as Xt, e as he, g as qe, b as Rt, d as Et, p as Q, an as Ke, a9 as Ht, U as Je, V as Vt, W as Bt, X as Ut, F as Gt, I as Wt, i as Z, f as ee, t as jt, a as Yt, q as qt, r as Kt, K as Jt } from "./index-pPGk-uhD.js";
+import { defineAsyncComponent as O, computed as f, ref as u, shallowRef as Be, onMounted as Nt, onBeforeUnmount as Ft, watch as Ue, createElementBlock as n, openBlock as r, unref as i, normalizeStyle as _, normalizeClass as q, createBlock as P, createCommentVNode as c, renderSlot as p, createElementVNode as d, createSlots as Ge, withCtx as m, normalizeProps as K, guardReactiveProps as J, createVNode as We, Fragment as g, renderList as A, mergeProps as je, toDisplayString as V, createTextVNode as Ye, nextTick as Dt } from "vue";
+import { u as It, c as ve, o as Rt, e as he, g as qe, b as Xt, d as Et, p as Q, an as Ke, a9 as Ht, U as Je, V as Vt, W as Bt, X as Ut, F as Gt, I as Wt, i as Z, f as ee, t as jt, a as Yt, q as qt, r as Kt, K as Jt } from "./index-JzUbx__y.js";
 import { u as Qt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Zt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as el } from "./usePrinter-DDHcrl0A.js";
+import { u as el } from "./usePrinter-CsyliflB.js";
 import { t as tl, u as ll } from "./useResponsive-DfdjqQps.js";
-import { u as Qe } from "./useNestedProp-DjACxgdZ.js";
-import al from "./Legend-Bxlv67uY.js";
-import sl from "./Title-B-2bV0SW.js";
-import { _ as ol } from "./Shape-DtFT5EJa.js";
+import { u as Qe } from "./useNestedProp-D_jd2dz9.js";
+import al from "./Legend-1R-B-7st.js";
+import sl from "./Title-BQb7X_OR.js";
+import { _ as ol } from "./Shape-DJKQgAbU.js";
 import { u as rl } from "./useTimeLabels-Mrr0jrpL.js";
-import nl from "./img-Y_hYz-ZC.js";
-import { _ as ul } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"], dl = ["stop-color"], yl = ["stop-color"], fl = ["stop-color"], gl = ["id"], pl = ["stop-color"], ml = ["stop-color"], bl = ["stop-color"], xl = ["stop-color"], kl = { key: 0 }, Al = ["fill", "d"], wl = ["stroke", "stroke-width", "d"], $l = ["fill", "d"], Cl = ["stroke", "stroke-dasharray", "stroke-width", "d"], _l = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ml = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Pl = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], Tl = { key: 0 }, Sl = { key: 0 }, zl = ["font-size", "fill", "font-weight", "transform", "text-anchor"], Ol = ["font-size", "fill", "font-weight", "transform", "text-anchor", "innerHTML"], Ll = ["x", "y", "width", "height", "onMouseenter", "onClick"], Nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Dl = ["x", "y", "text-anchor", "font-size", "fill"], Il = {
+import nl from "./img-D0DpKcFX.js";
+import { _ as il } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ul = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"], dl = ["stop-color"], yl = ["stop-color"], fl = ["stop-color"], gl = ["id"], pl = ["stop-color"], ml = ["stop-color"], bl = ["stop-color"], xl = ["stop-color"], kl = { key: 0 }, Al = ["fill", "d"], wl = ["stroke", "stroke-width", "d"], $l = ["fill", "d"], Cl = ["stroke", "stroke-dasharray", "stroke-width", "d"], _l = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ml = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Pl = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], Tl = { key: 0 }, Sl = { key: 0 }, zl = ["font-size", "fill", "font-weight", "transform", "text-anchor"], Ol = ["font-size", "fill", "font-weight", "transform", "text-anchor", "innerHTML"], Ll = ["x", "y", "width", "height", "onMouseenter", "onClick"], Nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Dl = ["x", "y", "text-anchor", "font-size", "fill"], Il = {
   key: 5,
   class: "vue-data-ui-watermark"
-}, Xl = ["onClick"], Rl = ["innerHTML"], El = {
+}, Rl = ["onClick"], Xl = ["innerHTML"], El = {
   __name: "vue-ui-ridgeline",
   props: {
     config: {
@@ -32,14 +32,14 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
   },
   emits: ["selectLegend", "selectDatapoint", "selectX"],
   setup(Ze, { expose: et, emit: tt }) {
-    const lt = z(() => import("./vue-ui-accordion-CVnA550V.js")), at = z(() => import("./BaseDraggableDialog-ChCkcmj_.js")), st = z(() => import("./DataTable-D0VYDhfx.js")), ot = z(() => import("./PackageVersion-5TR4ocqp.js")), rt = z(() => import("./PenAndPaper-D6AqipIO.js")), nt = z(() => import("./vue-ui-skeleton-DJPjyNYn.js")), ut = z(() => import("./UserOptions-Dd34lEKb.js")), it = z(() => import("./vue-ui-xy-CQ425kLR.js")), { vue_ui_ridgeline: ct } = It(), k = Ze, O = f({
+    const lt = O(() => import("./vue-ui-accordion-CcTUbiHq.js")), at = O(() => import("./BaseDraggableDialog-DQ6yA8di.js")), st = O(() => import("./DataTable-6BxhjBzt.js")), ot = O(() => import("./PackageVersion-CIX1W_aa.js")), rt = O(() => import("./PenAndPaper-CqJ4wudB.js")), nt = O(() => import("./vue-ui-skeleton-B4KQLEQy.js")), it = O(() => import("./UserOptions-lneAyZKu.js")), ut = O(() => import("./vue-ui-xy-JjA1CMAo.js")), { vue_ui_ridgeline: ct } = It(), k = Ze, L = f({
       get() {
         return !!k.dataset && k.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), te = tt, L = i(null), de = i(null), ye = i(null), T = Be(null), I = Be(null), fe = i(null), ge = i(null), pe = i(0), vt = i(0), me = i(0), w = i(ve()), be = i(0), ht = i(0), xe = i(512), v = i(null), X = i(null), le = i(null), ke = i(0);
+    }), te = tt, T = u(null), de = u(null), ye = u(null), S = Be(null), I = Be(null), fe = u(null), ge = u(null), pe = u(0), vt = u(0), me = u(0), w = u(ve()), be = u(0), ht = u(0), xe = u(512), v = u(null), R = u(null), le = u(null), ke = u(0);
     function Ae() {
       const l = Qe({
         userConfig: k.config,
@@ -56,7 +56,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
     const e = f({
       get: () => Ae(),
       set: (l) => l
-    }), $ = i(Math.min(
+    }), $ = u(Math.min(
       e.value.style.chart.areas.height,
       e.value.style.chart.areas.rowHeight
     )), {
@@ -66,7 +66,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
     } = Qt({ config: e.value }), { svgRef: se } = Zt({ config: e.value.style.chart.title });
     Nt(oe);
     function oe() {
-      if (Xt(k.dataset) ? he({
+      if (Rt(k.dataset) ? he({
         componentName: "VueUiRidgeline",
         type: "dataset"
       }) : k.dataset.forEach((l, o) => {
@@ -74,7 +74,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
           datasetObject: l,
           requiredAttributes: ["name", "datapoints"]
         }).forEach((t) => {
-          O.value = !1, he({
+          L.value = !1, he({
             componentName: "VueUiRidgeline",
             type: "datasetSerieAttribute",
             property: t,
@@ -85,7 +85,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
             datasetObject: t,
             requiredAttributes: ["name", "values"]
           }).forEach((a) => {
-            O.value = !1, he({
+            L.value = !1, he({
               componentName: "VueUiRidgeline",
               type: "datasetSerieAttribute",
               property: `datapoint.${a}`,
@@ -99,7 +99,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
       ), e.value.responsive) {
         const l = tl(() => {
           const { width: o, height: t } = ll({
-            chart: L.value,
+            chart: T.value,
             title: e.value.style.chart.title.text ? de.value : null,
             legend: e.value.style.chart.legend.show ? ye.value : null,
             source: fe.value,
@@ -110,17 +110,17 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
             xe.value = o, $.value = t / k.dataset.length, ke.value = t;
           });
         });
-        T.value && (I.value && T.value.unobserve(I.value), T.value.disconnect()), T.value = new ResizeObserver(l), I.value = L.value.parentNode, T.value.observe(I.value);
+        S.value && (I.value && S.value.unobserve(I.value), S.value.disconnect()), S.value = new ResizeObserver(l), I.value = T.value.parentNode, S.value.observe(I.value);
       }
     }
     Ft(() => {
-      T.value && (I.value && T.value.unobserve(I.value), T.value.disconnect());
+      S.value && (I.value && S.value.unobserve(I.value), S.value.disconnect());
     });
     const { isPrinting: Ce, isImaging: _e, generatePdf: Me, generateImage: Pe } = el({
       elementId: `vue-ui-ridgeline_${w.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-ridgeline",
       options: e.value.userOptions.print
-    }), dt = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), yt = f(() => Rt(e.value.customPalette)), B = i({
+    }), dt = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), yt = f(() => Xt(e.value.customPalette)), B = u({
       showTable: e.value.table.show
     });
     Ue(() => k.config, (l) => {
@@ -131,9 +131,9 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
     }, { deep: !0 }), Ue(() => k.dataset, oe, { deep: !0 });
     const re = f(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
     function Te(l) {
-      S.value.includes(l) ? S.value = S.value.filter((o) => o !== l) : S.value.push(l), te("selectLegend", E.value);
+      z.value.includes(l) ? z.value = z.value.filter((o) => o !== l) : z.value.push(l), te("selectLegend", E.value);
     }
-    const M = f(() => O.value ? k.dataset.map((l, o) => ({
+    const M = f(() => L.value ? k.dataset.map((l, o) => ({
       ...l,
       labelLen: pt(l.name, e.value.style.chart.yAxis.labels.fontSize),
       uid: ve(),
@@ -165,7 +165,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
       formatter: e.value.style.chart.xAxis.labels.datetimeFormatter,
       start: 0,
       end: e.value.style.chart.xAxis.labels.values.length
-    })), R = f(() => {
+    })), 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({
@@ -198,12 +198,12 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
     }
     const E = f(() => {
       $.value;
-      const l = Math.max(...M.value.map((x) => x.labelLen)), o = Math.max(...M.value.flatMap((x) => x.datapoints.map((N) => N.values.length))), t = Math.max(...M.value.flatMap((x) => x.datapoints.flatMap((N) => N.values))), s = Math.min(...M.value.flatMap((x) => x.datapoints.flatMap((N) => N.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)), Xe = t + C;
-      function Re(x) {
-        return isNaN(x / Xe) ? 0 : x / Xe;
+      const l = Math.max(...M.value.map((x) => x.labelLen)), o = Math.max(...M.value.flatMap((x) => x.datapoints.map((N) => N.values.length))), t = Math.max(...M.value.flatMap((x) => x.datapoints.flatMap((N) => N.values))), s = Math.min(...M.value.flatMap((x) => x.datapoints.flatMap((N) => N.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)), Re = t + C;
+      function Xe(x) {
+        return isNaN(x / Re) ? 0 : x / Re;
       }
       return M.value.map((x, N) => {
-        const Ee = b.value.top + $.value * N, F = b.value.top + Ee + $.value * re.value * (1 - Re(C));
+        const Ee = b.value.top + $.value * N, F = b.value.top + Ee + $.value * re.value * (1 - Xe(C));
         return {
           ...x,
           label: {
@@ -212,7 +212,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
           },
           datapoints: x.datapoints.map((U) => {
             const D = U.values.map((G, Tt) => {
-              const St = isNaN(G) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(G) ? 0 : G || 0, zt = a + h * Tt, Ot = b.value.top + Ee + $.value * re.value * (1 - Re(St + C)), Lt = G === Math.max(...U.values);
+              const St = isNaN(G) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(G) ? 0 : G || 0, zt = a + h * Tt, Ot = b.value.top + Ee + $.value * re.value * (1 - Xe(St + C)), Lt = G === Math.max(...U.values);
               return {
                 x: zt,
                 y: Ot,
@@ -234,10 +234,10 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
               smoothPathRidge: He,
               straightPathRidge: Ve
             };
-          }).filter((U) => !S.value.includes(U.id))
+          }).filter((U) => !z.value.includes(U.id))
         };
       });
-    }), S = i([]);
+    }), z = u([]);
     function mt(l) {
       const o = /* @__PURE__ */ new Map();
       return l.forEach((t) => {
@@ -249,24 +249,24 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
             color: s.color,
             shape: "circle",
             segregate: () => Te(h),
-            isSegregated: S.value.includes(h),
-            opacity: S.value.includes(h) ? 0.5 : 1
+            isSegregated: z.value.includes(h),
+            opacity: z.value.includes(h) ? 0.5 : 1
           });
         });
       }), Array.from(o.values());
     }
-    const ue = f(() => mt(M.value)), bt = f(() => ({
+    const ie = f(() => mt(M.value)), bt = f(() => ({
       cy: "donut-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), H = i(!1);
+    })), H = u(!1);
     function Oe(l) {
       H.value = l, be.value += 1;
     }
-    const Le = i({}), Ne = i([]);
+    const Le = u({}), Ne = u([]);
     function xt(l) {
       te("selectDatapoint", l), e.value.style.chart.dialog.show && (Ne.value = l.datapoints.map((o) => ({
         name: o.name,
@@ -275,7 +275,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
         useArea: !0,
         smooth: e.value.style.chart.areas.smooth,
         series: o.values
-      })), X.value = l, Le.value = Jt({
+      })), R.value = l, Le.value = Jt({
         ...e.value.style.chart.dialog.xyChart,
         responsive: !0,
         // Overriding 
@@ -302,14 +302,14 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
         }
       }), le.value && le.value.open());
     }
-    const ie = i(null);
+    const ue = u(null);
     function kt(l) {
-      ie.value = l;
+      ue.value = l;
     }
     function At() {
-      ie.value = null;
+      ue.value = null;
     }
-    const j = i(!1);
+    const j = u(!1);
     function ce() {
       j.value = !j.value;
     }
@@ -371,9 +371,16 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
       return E.value;
     }
     async function $t({ scale: l = 2 } = {}) {
-      if (!L.value) return;
-      const { imageUri: o, base64: t } = await nl({ domElement: L.value, base64: !0, img: !0, scale: l });
-      return { imageUri: o, base64: t };
+      if (!T.value) return;
+      const { width: o, height: t } = T.value.getBoundingClientRect(), s = o / t, { imageUri: a, base64: h } = await nl({ domElement: T.value, base64: !0, img: !0, scale: l });
+      return {
+        imageUri: a,
+        base64: h,
+        title: e.value.style.chart.title.text,
+        width: o,
+        height: t,
+        aspectRatio: s
+      };
     }
     return et({
       getData: wt,
@@ -386,7 +393,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
       toggleFullscreen: Oe
     }), (l, o) => (r(), n("div", {
       ref_key: "ridgelineChart",
-      ref: L,
+      ref: T,
       class: q(`vue-ui-ridgeline ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       id: `vue-ui-ridgeline_${w.value}`,
       style: _({
@@ -396,15 +403,15 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
         background: e.value.style.chart.backgroundColor,
         height: e.value.responsive ? "100%" : void 0
       }),
-      onMouseenter: o[4] || (o[4] = () => u(we)(!0)),
-      onMouseleave: o[5] || (o[5] = () => u(we)(!1))
+      onMouseenter: o[4] || (o[4] = () => i(we)(!0)),
+      onMouseleave: o[5] || (o[5] = () => i(we)(!1))
     }, [
-      e.value.userOptions.buttons.annotator && u(se) ? (r(), P(u(rt), {
+      e.value.userOptions.buttons.annotator && i(se) ? (r(), P(i(rt), {
         key: 0,
         color: e.value.style.chart.color,
         backgroundColor: e.value.style.chart.backgroundColor,
         active: j.value,
-        svgRef: u(se),
+        svgRef: i(se),
         onClose: ce
       }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : c("", !0),
       p(l.$slots, "userConfig", {}, void 0, !0),
@@ -435,13 +442,13 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
           }
         }, null, 8, ["config"]))
       ], 512)) : c("", !0),
-      e.value.userOptions.show && O.value && (u($e) || u(ae)) ? (r(), P(u(ut), {
+      e.value.userOptions.show && L.value && (i($e) || i(ae)) ? (r(), P(i(it), {
         ref: "details",
         key: `user_option_${be.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: u(Ce),
-        isImaging: u(_e),
+        isPrinting: i(Ce),
+        isImaging: i(_e),
         uid: w.value,
         hasTooltip: !1,
         callbacks: e.value.userOptions.callbacks,
@@ -453,19 +460,19 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: H.value,
         printScale: e.value.userOptions.print.scale,
-        chartElement: L.value,
+        chartElement: T.value,
         position: e.value.userOptions.position,
         isTooltip: !1,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: j.value,
         style: _({
-          visibility: u($e) ? u(ae) ? "visible" : "hidden" : "visible"
+          visibility: i($e) ? i(ae) ? "visible" : "hidden" : "visible"
         }),
         onToggleFullscreen: Oe,
-        onGeneratePdf: u(Me),
+        onGeneratePdf: i(Me),
         onGenerateCsv: Ie,
-        onGenerateImage: u(Pe),
+        onGenerateImage: i(Pe),
         onToggleTable: Fe,
         onToggleAnnotator: ce
       }, Ge({ _: 2 }, [
@@ -526,18 +533,18 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
           key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "callbacks", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "printScale", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "style", "onGeneratePdf", "onGenerateImage"])) : c("", !0),
-      O.value ? (r(), n("svg", {
+      L.value ? (r(), n("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: se,
-        xmlns: u(Ut),
+        xmlns: i(Ut),
         class: q({ "vue-data-ui-fullscreen--on": H.value, "vue-data-ui-fulscreen--off": !H.value }),
         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%;` : ""}`)
       }, [
-        We(u(ot)),
+        We(i(ot)),
         d("defs", null, [
-          (r(!0), n(g, null, A(ue.value, (t, s) => (r(), n("linearGradient", {
+          (r(!0), n(g, null, A(ie.value, (t, s) => (r(), n("linearGradient", {
             id: `gradient-${t.id}-${w.value}`,
             x1: "50%",
             y1: "0%",
@@ -657,7 +664,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
                 y1: C.y,
                 x2: C.x,
                 y2: C.zero,
-                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? u(Gt)(a.color) : e.value.style.chart.areas.maxPoint.stroke,
+                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? i(Gt)(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
@@ -686,15 +693,15 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
             style: _({
               cursor: e.value.style.chart.dialog.show ? "pointer" : "default"
             }),
-            "text-decoration": e.value.style.chart.dialog.show && (ie.value === s || X.value && t.uid === X.value.uid) ? "underline" : "",
+            "text-decoration": e.value.style.chart.dialog.show && (ue.value === s || R.value && t.uid === R.value.uid) ? "underline" : "",
             onMouseenter: (a) => kt(s),
             onMouseleave: At,
             onClick: (a) => xt(t)
           }, V(t.name), 45, Pl)
         ]))), 128)),
         e.value.style.chart.xAxis.labels.values.length ? (r(), n("g", Tl, [
-          (r(!0), n(g, null, A(R.value, (t, s) => p(l.$slots, "time-label", je({ 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,
+          (r(!0), n(g, null, A(X.value, (t, s) => p(l.$slots, "time-label", je({ 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",
@@ -703,7 +710,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
             x: t.selectorX,
             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("g", Sl, [
+            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", Sl, [
               String(t.label).includes(`
 `) ? (r(), n("text", {
                 key: 1,
@@ -715,7 +722,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
                 style: _({
                   opacity: v.value ? v.value.index === s ? 1 : 0.2 : 1
                 }),
-                innerHTML: u(Wt)({
+                innerHTML: i(Wt)({
                   content: String(t.label),
                   fontSize: e.value.style.chart.xAxis.labels.fontSize,
                   fill: e.value.style.chart.xAxis.labels.color,
@@ -737,7 +744,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
           ], !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,
@@ -778,10 +785,10 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
                   key: 1,
                   x: ze(
                     a.x,
-                    u(Z)(
+                    i(Z)(
                       e.value.style.chart.selector.labels.formatter,
                       a.value,
-                      u(ee)({
+                      i(ee)({
                         p: e.value.style.chart.xAxis.labels.prefix,
                         v: a.value,
                         s: e.value.style.chart.xAxis.labels.suffix,
@@ -793,10 +800,10 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
                   y: a.y + e.value.style.chart.selector.labels.fontSize / 3,
                   "text-anchor": ze(
                     a.x,
-                    u(Z)(
+                    i(Z)(
                       e.value.style.chart.selector.labels.formatter,
                       a.value,
-                      u(ee)({
+                      i(ee)({
                         p: e.value.style.chart.xAxis.labels.prefix,
                         v: a.value,
                         s: e.value.style.chart.xAxis.labels.suffix,
@@ -810,10 +817,10 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
                   style: {
                     pointerEvents: "none"
                   }
-                }, V(u(Z)(
+                }, V(i(Z)(
                   e.value.style.chart.selector.labels.formatter,
                   a.value,
-                  u(ee)({
+                  i(ee)({
                     p: e.value.style.chart.xAxis.labels.prefix,
                     v: a.value,
                     s: e.value.style.chart.xAxis.labels.suffix,
@@ -827,9 +834,9 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
         p(l.$slots, "svg", { svg: y.value }, void 0, !0)
       ], 14, cl)) : c("", !0),
       l.$slots.watermark ? (r(), n("div", Il, [
-        p(l.$slots, "watermark", K(J({ isPrinting: u(Ce) || u(_e) })), void 0, !0)
+        p(l.$slots, "watermark", K(J({ isPrinting: i(Ce) || i(_e) })), void 0, !0)
       ])) : c("", !0),
-      O.value ? c("", !0) : (r(), P(u(nt), {
+      L.value ? c("", !0) : (r(), P(i(nt), {
         key: 6,
         config: {
           type: "ridgeline",
@@ -847,15 +854,15 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
       }, [
         e.value.style.chart.legend.show ? (r(), P(al, {
           key: `legend_${me.value}`,
-          legendSet: ue.value,
+          legendSet: ie.value,
           config: bt.value,
           onClickMarker: o[1] || (o[1] = ({ legend: t }) => Te(t.id))
         }, Ge({
           item: m(({ legend: t }) => [
             d("div", {
-              style: _(`opacity:${S.value.includes(t.id) ? 0.5 : 1}`),
+              style: _(`opacity:${z.value.includes(t.id) ? 0.5 : 1}`),
               onClick: (s) => t.segregate()
-            }, V(t.name), 13, Xl)
+            }, V(t.name), 13, Rl)
           ]),
           _: 2
         }, [
@@ -873,7 +880,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
             key: "0"
           } : void 0
         ]), 1032, ["legendSet", "config"])) : c("", !0),
-        p(l.$slots, "legend", { legend: ue.value }, void 0, !0)
+        p(l.$slots, "legend", { legend: ie.value }, void 0, !0)
       ], 512),
       l.$slots.source ? (r(), n("div", {
         key: 7,
@@ -883,7 +890,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
       }, [
         p(l.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      O.value ? (r(), P(u(lt), {
+      L.value ? (r(), P(i(lt), {
         key: 8,
         hideDetails: "",
         config: {
@@ -900,7 +907,7 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
         }
       }, {
         content: m(() => [
-          (r(), P(u(st), {
+          (r(), P(i(st), {
             key: `table_${vt.value}`,
             colNames: Y.value.colNames,
             head: Y.value.head,
@@ -910,13 +917,13 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
             onClose: o[2] || (o[2] = (t) => B.value.showTable = !1)
           }, {
             th: m(({ th: t }) => [
-              d("div", { innerHTML: t }, null, 8, Rl)
+              d("div", { innerHTML: t }, null, 8, Xl)
             ]),
             td: m(({ td: t }) => [
-              Ye(V(t.name ? t.name : u(Z)(
+              Ye(V(t.name ? t.name : i(Z)(
                 e.value.style.chart.selector.labels.formatter,
                 t,
-                u(ee)({
+                i(ee)({
                   p: e.value.style.chart.xAxis.labels.prefix,
                   v: t,
                   s: e.value.style.chart.xAxis.labels.suffix,
@@ -929,23 +936,23 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
         ]),
         _: 1
       }, 8, ["config"])) : c("", !0),
-      e.value.style.chart.dialog.show ? (r(), P(u(at), {
+      e.value.style.chart.dialog.show ? (r(), P(i(at), {
         key: 9,
         ref_key: "dialog",
         ref: le,
-        onClose: o[3] || (o[3] = (t) => X.value = null),
+        onClose: o[3] || (o[3] = (t) => R.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: H.value,
-        fullscreenParent: L.value
+        fullscreenParent: T.value
       }, {
         title: m(() => [
-          Ye(V(X.value.name), 1)
+          Ye(V(R.value.name), 1)
         ]),
         default: m(() => [
-          X.value ? (r(), P(u(it), {
+          R.value ? (r(), P(i(ut), {
             key: 0,
             config: Le.value,
             dataset: Ne.value
@@ -953,9 +960,9 @@ const il = ["id"], cl = ["xmlns", "viewBox"], vl = ["id"], hl = ["stop-color"],
         ]),
         _: 1
       }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : c("", !0)
-    ], 46, il));
+    ], 46, ul));
   }
-}, ea = /* @__PURE__ */ ul(El, [["__scopeId", "data-v-6cb370fd"]]);
+}, ea = /* @__PURE__ */ il(El, [["__scopeId", "data-v-bc4ba503"]]);
 export {
   ea as default
 };