vue-data-ui 3.17.13 → 3.18.0

package/dist/vue-ui-ridgeline-CBTyYn6Q.js

@@ -1,1737 +0,0 @@
-import { defineAsyncComponent as X, computed as d, ref as i, shallowRef as Ct, toRefs as Oa, onBeforeUnmount as At, watch as ie, nextTick as pe, watchEffect as wt, openBlock as n, createElementBlock as r, unref as u, normalizeStyle as _, normalizeClass as me, createElementVNode as g, toDisplayString as B, createBlock as P, createCommentVNode as h, withCtx as f, renderSlot as y, normalizeProps as S, guardReactiveProps as T, createSlots as Ee, createVNode as Xe, Fragment as m, renderList as O, mergeProps as Be, resolveDynamicComponent as La, createTextVNode as He } from "vue";
-import { j as Ue, t as $t, n as Ma, s as za, p as be, at as _t, P as Da, b as Pt, c as Ia, aj as Na, X as Ra, W as Fa, Z as Ea, k as xe, l as ke, m as Xa, q as Ve, r as St, o as Ba, a0 as Ha, a1 as Ua, ac as Va } from "./lib-DMzrGQHK.js";
-import { t as Tt, u as Wa } from "./useResponsive-DfdjqQps.js";
-import { u as Ga } from "./useConfig-CG4HT3wS.js";
-import { u as ja, B as Ka } from "./BaseScanner-C2j3TsSY.js";
-import { u as Ya } from "./usePrinter-C4t8DdQ-.js";
-import { u as qa } from "./useSvgExport-BTG4hVPO.js";
-import { u as We } from "./useNestedProp-DH0BEVVS.js";
-import { u as Za } from "./useTimeLabels-Cv0tD9In.js";
-import { u as Ja } from "./useThemeCheck-C9Ccl7U9.js";
-import { u as Qa } from "./useUserOptionState-B7Ej974k.js";
-import { u as el } from "./useChartAccessibility-cp6XQtqi.js";
-import { u as tl } from "./useTimeLabelCollider-D3JeJ6Ye.js";
-import al from "./vue_ui_ridgeline-j4rVmpEp.js";
-import ll from "./Legend-DGN5lY60.js";
-import ol from "./Title-BbKoiBk2.js";
-import { _ as sl } from "./Shape-CxJ5_Rre.js";
-import nl from "./img-CjTQXS0U.js";
-import { A as rl } from "./A11yDataTable-BpmuNomI.js";
-import { B as ul } from "./BaseLegendToggle-cMP8M2u0.js";
-import { _ as il } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const cl = ["id"], vl = ["id"], dl = { style: { position: "relative" } }, hl = ["xmlns", "aria-describedby", "viewBox"], fl = ["id"], yl = ["stop-color"], gl = ["stop-color"], pl = ["stop-color"], ml = ["stop-color"], bl = ["id"], xl = ["stop-color"], kl = ["stop-color"], Cl = ["stop-color"], Al = ["stop-color"], wl = { key: 0 }, $l = ["fill", "d"], _l = ["stroke", "stroke-width", "d"], Pl = ["fill", "d"], Sl = ["stroke", "stroke-dasharray", "stroke-width", "d"], Tl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ol = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Ll = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], Ml = { key: 0 }, zl = ["font-size", "fill", "font-weight", "transform", "text-anchor"], Dl = ["font-size", "fill", "font-weight", "transform", "text-anchor", "innerHTML"], Il = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], Nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Rl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Fl = ["x", "y", "text-anchor", "font-size", "fill"], El = {
-  key: 0,
-  style: { position: "absolute", top: "100%", left: "0", width: "100%" },
-  "data-dom-to-png-ignore": "",
-  "aria-hidden": "true"
-}, Xl = {
-  key: 5,
-  class: "vue-data-ui-watermark"
-}, Bl = ["onClick"], Hl = ["innerHTML"], Ul = {
-  __name: "vue-ui-ridgeline",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  emits: [
-    "selectLegend",
-    "selectDatapoint",
-    "selectX",
-    "copyAlt"
-  ],
-  setup(Ot, { expose: Lt, emit: Mt }) {
-    const zt = X(() => import("./vue-ui-xy-C_Q9chQe.js")), Dt = X(() => import("./BaseIcon-DX0hTWa-.js")), It = X(() => import("./vue-ui-accordion-DFtpH_16.js")), Nt = X(() => import("./DataTable-cMnb68Ik.js")), Rt = X(
-      () => import("./PenAndPaper-CJDoB5H9.js")
-    ), Ft = X(
-      () => import("./UserOptions-DVduN6X7.js")
-    ), Et = X(
-      () => import("./PackageVersion-BfrCAH6_.js")
-    ), Ge = X(
-      () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), { vue_ui_ridgeline: Xt } = Ga(), { isThemeValid: Bt, warnInvalidTheme: Ht } = Ja(), I = Ot, ee = d({
-      get() {
-        return Array.isArray(V.value) && V.value.length > 0;
-      },
-      set(t) {
-        return t;
-      }
-    }), ce = Mt, z = i(null), je = i(null), Ke = i(null), N = Ct(null), H = Ct(null), Ye = i(null), qe = i(null), Ce = i(0), Ut = i(0), Ae = i(0), C = i(Ue()), Ze = i(0), Vt = i(0), Je = i(512), c = i(null), Y = i(null), we = i(null), Qe = i(0), $e = i(null), te = i(null), _e = i(null), ve = i(!1), de = i(!1), U = i(null), Pe = i(!1);
-    function Se() {
-      const t = We({
-        userConfig: I.config,
-        defaultConfig: Xt
-      }), l = t.theme;
-      if (!l) return t;
-      if (!Bt.value(t))
-        return Ht(t), t;
-      const a = We({
-        userConfig: al[l] || I.config,
-        defaultConfig: t
-      }), s = We({
-        userConfig: I.config,
-        defaultConfig: a
-      });
-      return {
-        ...s,
-        customPalette: s.customPalette.length ? s.customPalette : Xa[l] || be
-      };
-    }
-    const e = i(Se()), D = d(
-      () => e.value.userOptions.useCursorPointer
-    ), Wt = d(() => $t({
-      defaultConfig: {
-        userOptions: { show: !1 },
-        table: { show: !1 },
-        style: {
-          chart: {
-            backgroundColor: "#99999930",
-            areas: {
-              maxPoint: {
-                show: !1
-              },
-              opacity: 0.9,
-              stroke: {
-                useSerieColor: !0
-              }
-            },
-            legend: {
-              backgroundColor: "transparent"
-            },
-            padding: {
-              right: -24,
-              left: 0
-            },
-            xAxis: {
-              labels: {
-                values: []
-              }
-            },
-            yAxis: {
-              labels: {
-                fontSize: 0
-              }
-            },
-            zeroLine: { show: !1 }
-          }
-        }
-      },
-      userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: q, FINAL_DATASET: V, manualLoading: Te } = ja({
-      ...Oa(I),
-      FINAL_CONFIG: e,
-      prepareConfig: Se,
-      skeletonDataset: I.config?.skeletonDataset ?? [
-        {
-          name: "_",
-          datapoints: [
-            {
-              name: "__",
-              color: "#999999",
-              values: [
-                28.639,
-                32.04,
-                41.134,
-                44.525,
-                21.151,
-                2.436,
-                0.218,
-                0.024,
-                2e-3,
-                0,
-                0,
-                0
-              ]
-            },
-            {
-              name: "_",
-              color: "#CACACA",
-              values: [
-                13.253,
-                15.621,
-                23.36,
-                33.698,
-                29.935,
-                10.874,
-                2.364,
-                0.561,
-                0.107,
-                0.02,
-                6e-3,
-                4e-3
-              ]
-            }
-          ]
-        },
-        {
-          name: "_",
-          datapoints: [
-            {
-              name: "_",
-              color: "#999999",
-              values: [
-                10.851,
-                13.195,
-                21.617,
-                36.556,
-                42.292,
-                21.006,
-                3.398,
-                0.223,
-                0.013,
-                1e-3,
-                0,
-                0
-              ]
-            },
-            {
-              name: "_",
-              color: "#CACACA",
-              values: [
-                3.171,
-                4.115,
-                8.108,
-                18.248,
-                31.641,
-                29.063,
-                12.031,
-                2.742,
-                0.504,
-                0.102,
-                0.032,
-                0.021
-              ]
-            }
-          ]
-        },
-        {
-          name: "_",
-          datapoints: [
-            {
-              name: "_",
-              color: "#999999",
-              values: [
-                1.731,
-                2.334,
-                5.125,
-                13.626,
-                29.911,
-                38.524,
-                24.168,
-                7.646,
-                1.575,
-                0.317,
-                0.097,
-                0.063
-              ]
-            },
-            {
-              name: "_",
-              color: "#CACACA",
-              values: [
-                0.25,
-                0.367,
-                1.026,
-                3.944,
-                13.635,
-                28.891,
-                30.149,
-                15.419,
-                4.714,
-                1.246,
-                0.442,
-                0.299
-              ]
-            }
-          ]
-        },
-        {
-          name: "_",
-          datapoints: [
-            {
-              name: "_",
-              color: "#999999",
-              values: [
-                0.034,
-                0.054,
-                0.194,
-                1.065,
-                5.747,
-                20.735,
-                38.306,
-                32.899,
-                15.318,
-                5.566,
-                2.422,
-                1.76
-              ]
-            },
-            {
-              name: "_",
-              color: "#CACACA",
-              values: [
-                1e-3,
-                2e-3,
-                9e-3,
-                0.095,
-                1.124,
-                8.342,
-                27.115,
-                35.08,
-                21.449,
-                9.093,
-                4.243,
-                3.143
-              ]
-            }
-          ]
-        },
-        {
-          name: "_",
-          datapoints: [
-            {
-              name: "_",
-              color: "#999999",
-              values: [
-                0,
-                1e-3,
-                4e-3,
-                0.051,
-                0.567,
-                3.322,
-                14.215,
-                44.783,
-                40.351,
-                20.377,
-                9.866,
-                7.378
-              ]
-            },
-            {
-              name: "_",
-              color: "#CACACA",
-              values: [
-                0,
-                0,
-                0,
-                0,
-                1e-3,
-                0.11,
-                4.136,
-                27.498,
-                43.24,
-                29.807,
-                17.345,
-                13.678
-              ]
-            }
-          ]
-        },
-        {
-          name: "_",
-          datapoints: [
-            {
-              name: "_",
-              color: "#999999",
-              values: [
-                0,
-                0,
-                0,
-                0,
-                0.025,
-                0.598,
-                3.886,
-                10.645,
-                54.479,
-                45.953,
-                30.814,
-                24.55
-              ]
-            },
-            {
-              name: "_",
-              color: "#CACACA",
-              values: [
-                0,
-                0,
-                0,
-                0,
-                0,
-                0,
-                7e-3,
-                1.655,
-                26.63,
-                52.017,
-                45.192,
-                39.651
-              ]
-            }
-          ]
-        }
-      ],
-      skeletonConfig: $t({
-        defaultConfig: e.value,
-        userConfig: Wt.value
-      })
-    }), L = i(
-      Math.min(
-        e.value.style.chart.areas.height,
-        e.value.style.chart.areas.rowHeight
-      )
-    ), { userOptionsVisible: he, setUserOptionsVisibility: et, keepUserOptionState: tt } = Qa({ config: e.value }), { svgRef: Z } = el({
-      config: e.value.style.chart.title
-    }), Oe = d(() => !!e.value.debug);
-    function at() {
-      const t = V.value || [];
-      if (!Array.isArray(t) || t.length === 0) {
-        Ve({
-          componentName: "VueUiRidgeline",
-          type: "dataset",
-          debug: Oe.value
-        }), Te.value = !0;
-        return;
-      }
-      if (t.forEach((l, a) => {
-        St({
-          datasetObject: l,
-          requiredAttributes: ["name", "datapoints"]
-        }).forEach((s) => {
-          ee.value = !1, Ve({
-            componentName: "VueUiRidgeline",
-            type: "datasetSerieAttribute",
-            property: s,
-            index: a,
-            debug: Oe.value
-          });
-        }), Array.isArray(l.datapoints) && l.datapoints.length && l.datapoints.forEach((s, o) => {
-          St({
-            datasetObject: s,
-            requiredAttributes: ["name", "values"]
-          }).forEach((v) => {
-            ee.value = !1, Ve({
-              componentName: "VueUiRidgeline",
-              type: "datasetSerieAttribute",
-              property: `datapoint.${v}`,
-              index: `${a}-${o}`,
-              debug: Oe.value
-            });
-          });
-        });
-      }), Vt.value = t.length, L.value = Math.min(
-        e.value.style.chart.areas.height,
-        e.value.style.chart.areas.rowHeight
-      ), Ba(I.dataset) || (Te.value = e.value.loading), e.value.responsive) {
-        const l = Tt(() => {
-          const { width: a, height: s } = Wa({
-            chart: z.value,
-            title: e.value.style.chart.title.text ? je.value : null,
-            legend: e.value.style.chart.legend.show ? Ke.value : null,
-            source: Ye.value,
-            noTitle: qe.value,
-            padding: e.value.style.chart.padding
-          });
-          requestAnimationFrame(() => {
-            Je.value = a, L.value = t.length ? s / t.length : 0, Qe.value = s - 12;
-          });
-        });
-        N.value && (H.value && N.value.unobserve(H.value), N.value.disconnect()), N.value = new ResizeObserver(l), H.value = z.value?.parentNode || null, H.value && N.value.observe(H.value);
-      }
-    }
-    At(() => {
-      N.value && (H.value && N.value.unobserve(H.value), N.value.disconnect());
-    });
-    const { isPrinting: Le, isImaging: Me, generatePdf: lt, generateImage: ot } = Ya({
-      elementId: `vue-ui-ridgeline_${C.value}`,
-      fileName: e.value.style.chart.title.text || "vue-ui-ridgeline",
-      options: e.value.userOptions.print
-    }), Gt = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), jt = d(() => Ma(e.value.customPalette)), W = i({
-      showTable: e.value.table.show
-    });
-    ie(
-      () => V.value,
-      async (t) => {
-        Array.isArray(t) && t.length && (he.value = !e.value.userOptions.showOnChartHover, await pe(), at(), Ce.value += 1, Ae.value += 1, W.value.showTable = e.value.table.show);
-      },
-      { deep: !0, immediate: !0 }
-    ), ie(
-      () => I.dataset,
-      (t) => {
-        Array.isArray(t) && t.length > 0 && (Te.value = !1);
-      },
-      { deep: !0 }
-    ), ie(
-      () => q.value,
-      async (t) => {
-        t || (await pe(), at());
-      },
-      { immediate: !0 }
-    ), ie(
-      () => I.config,
-      () => {
-        e.value = Se(V.value || null), he.value = !e.value.userOptions.showOnChartHover, L.value = Math.min(
-          e.value.style.chart.areas.height,
-          e.value.style.chart.areas.rowHeight
-        ), W.value.showTable = e.value.table.show, Ce.value += 1, Ae.value += 1;
-      },
-      { deep: !0 }
-    );
-    const ze = d(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
-    function Kt() {
-      x.value.length ? x.value = [] : F.value.forEach((t) => {
-        x.value.push(t.id);
-      });
-    }
-    function fe(t) {
-      x.value.includes(t) ? x.value = x.value.filter((l) => l !== t) : x.value.push(t), ce("selectLegend", w.value);
-    }
-    function st(t) {
-      if (!F.value.length)
-        return e.value.debug && console.warn("VueUiRidgeline - There are no series to show."), null;
-      const l = F.value.find((a) => a.name === t);
-      return l || (e.value.debug && console.warn(`VueUiRidgeline - Series name not found "${t}"`), null);
-    }
-    function Yt(t) {
-      const l = st(t);
-      l !== null && x.value.includes(l.id) && fe(l.id);
-    }
-    function qt(t) {
-      const l = st(t);
-      l !== null && (x.value.includes(l.id) || fe(l.id));
-    }
-    const R = d(() => ee.value ? (V.value || []).map((t) => ({
-      ...t,
-      labelLen: ta(
-        t.name,
-        e.value.style.chart.yAxis.labels.fontSize
-      ),
-      uid: Ue(),
-      datapoints: t.datapoints.map((l, a) => {
-        const s = l.color ? za(l.color) : jt.value[a] || be[a] || be[a % be.length], o = _t(l.name);
-        return { ...l, color: s, id: o };
-      })
-    })) : []), nt = d(() => e.value.style.chart.padding.top + L.value * (V.value || []).length + L.value * ze.value + e.value.style.chart.padding.bottom), p = d(() => {
-      const t = e.value.style.chart.padding;
-      return {
-        width: Je.value,
-        height: nt.value,
-        padding: t
-      };
-    }), Zt = d(() => p.value.width), Jt = d(() => p.value.height), De = i(0), Qt = Tt((t) => {
-      De.value = t;
-    }, 100);
-    wt((t) => {
-      const l = $e.value;
-      if (!l) return;
-      const a = new ResizeObserver((s) => {
-        Qt(s[0].contentRect.height);
-      });
-      a.observe(l), t(() => a.disconnect());
-    }), At(() => {
-      De.value = 0;
-    });
-    const A = d(() => ({
-      fullHeight: p.value.height + De.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)
-    })), ae = d(() => Math.max(
-      ...R.value.flatMap(
-        (t) => t.datapoints.map((l) => l.values.length)
-      )
-    )), J = i([]);
-    let rt = 0;
-    wt(() => {
-      const t = ++rt;
-      (async () => {
-        const l = await Za({
-          values: e.value.style.chart.xAxis.labels.values,
-          maxDatapoints: ae.value,
-          formatter: e.value.style.chart.xAxis.labels.datetimeFormatter,
-          start: 0,
-          end: e.value.style.chart.xAxis.labels.values.length
-        });
-        t === rt && (J.value = l);
-      })();
-    });
-    const M = d(() => {
-      const t = Math.max(
-        ...R.value.map((o) => o.labelLen)
-      ), l = p.value.padding.left + t + 16 + e.value.style.chart.yAxis.labels.offsetX, a = (A.value.width - l) / ae.value, s = [];
-      for (let o = 0; o < ae.value; o += 1)
-        s.push({
-          selectorX: l + a * o,
-          x: l + a * o - a / 2,
-          y: A.value.top,
-          label: e.value.style.chart.xAxis.labels.values[o] ? J.value[o]?.text ?? "" : "",
-          index: o,
-          width: a,
-          height: nt.value
-        });
-      return s;
-    });
-    function Ie(t) {
-      return R.value.map((l) => l.datapoints.map((a) => ({
-        dp: a,
-        selected: a.values[t.index]
-      })));
-    }
-    function ut(t) {
-      c.value = t;
-      const l = Ie(t);
-      e.value.events.datapointEnter && e.value.events.datapointEnter({
-        datapoint: l,
-        seriesIndex: t.index
-      });
-    }
-    function it(t) {
-      c.value = null;
-      const l = Ie(t);
-      e.value.events.datapointLeave && e.value.events.datapointLeave({
-        datapoint: l,
-        seriesIndex: t.index
-      });
-    }
-    function ct(t) {
-      const l = Ie(t);
-      e.value.events.datapointClick && e.value.events.datapointClick({
-        datapoint: l,
-        seriesIndex: t.index
-      }), ce("selectX", l);
-    }
-    function ea(t, l) {
-      return t.length * l / 2 + l;
-    }
-    function vt(t, l, a) {
-      const s = ea(l, a);
-      return t + s > A.value.right;
-    }
-    function ta(t, l, a = "sans-serif") {
-      const o = document.createElement("canvas").getContext("2d"), v = typeof l == "number" ? `${l}px` : l;
-      return o.font = `${v} ${a}`, o.measureText(t).width;
-    }
-    const w = d(() => {
-      L.value;
-      const t = Math.max(
-        ...R.value.map((k) => k.labelLen)
-      ), l = Math.max(
-        ...R.value.flatMap(
-          (k) => k.datapoints.flatMap((b) => b.values)
-        )
-      ), a = Math.min(
-        ...R.value.flatMap(
-          (k) => k.datapoints.flatMap((b) => b.values)
-        )
-      ), s = p.value.padding.left + t + 16 + e.value.style.chart.yAxis.labels.offsetX, o = (A.value.width - s) / ae.value, v = Math.abs(Math.min(a, 0)), $ = l + v;
-      function E(k) {
-        return isNaN(k / $) ? 0 : k / $;
-      }
-      return R.value.map((k, b) => {
-        const bt = A.value.top + L.value * b, j = A.value.top + bt + L.value * ze.value * (1 - E(v));
-        return {
-          ...k,
-          label: {
-            x: s - e.value.style.chart.yAxis.labels.fontSize,
-            y: j
-          },
-          datapoints: k.datapoints.map((re) => {
-            const K = re.values.map((ue, $a) => {
-              const _a = isNaN(ue) || [
-                void 0,
-                null,
-                "NaN",
-                NaN,
-                1 / 0,
-                -1 / 0
-              ].includes(ue) ? 0 : ue || 0, Pa = s + o * $a, Sa = A.value.top + bt + L.value * ze.value * (1 - E(_a + v)), Ta = ue === Math.max(...re.values);
-              return {
-                x: Pa,
-                y: Sa,
-                value: ue,
-                isMaxPoint: Ta,
-                zero: j
-              };
-            }), ka = `${Da(K, j, !1, !1)}`, Ca = `M ${s},${j} ${Pt(K)} ${K.at(-1).x},${j}`, Aa = `M ${s},${j} ${K.at(-1).x},${j}`, xt = `M ${Ia(K)}`, kt = `M ${Pt(K)}`, wa = Na(
-              e.value.style.chart.areas.smooth ? xt : kt
-            );
-            return {
-              ...re,
-              uid: Ue(),
-              plots: K,
-              smoothPath: ka,
-              straightPath: Ca,
-              zeroPath: Aa,
-              pathLength: wa,
-              smoothPathRidge: xt,
-              straightPathRidge: kt
-            };
-          }).filter((re) => !x.value.includes(re.id))
-        };
-      });
-    }), x = i([]);
-    function aa(t) {
-      const l = /* @__PURE__ */ new Map();
-      return t.forEach((a) => {
-        a.datapoints.forEach((s, o) => {
-          const v = _t(s.name);
-          l.has(v) || l.set(v, {
-            id: v,
-            name: s.name,
-            color: s.color,
-            shape: "circle",
-            segregate: () => fe(v),
-            isSegregated: x.value.includes(v),
-            opacity: x.value.includes(v) ? 0.5 : 1
-          });
-        });
-      }), Array.from(l.values());
-    }
-    const F = d(() => aa(R.value)), la = d(() => ({
-      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" : ""
-    })), G = i(!1);
-    function dt(t) {
-      G.value = t, Ze.value += 1;
-    }
-    const ye = i({}), ge = i([]);
-    function ht(t) {
-      ce("selectDatapoint", t), e.value.style.chart.dialog.show && (ge.value = t.datapoints.map((l) => ({
-        name: l.name,
-        color: l.color,
-        type: "line",
-        useArea: !0,
-        smooth: e.value.style.chart.areas.smooth,
-        series: l.values
-      })), Y.value = t, ye.value = Va({
-        ...e.value.style.chart.dialog.xyChart,
-        responsive: !0,
-        // Overriding
-        chart: {
-          ...e.value.style.chart.dialog.xyChart.chart,
-          grid: {
-            ...e.value.style.chart.dialog.xyChart.chart.grid,
-            labels: {
-              ...e.value.style.chart.dialog.xyChart.chart.grid.labels,
-              xAxisLabels: {
-                ...e.value.style.chart.dialog.xyChart.chart.grid.labels.xAxisLabels,
-                values: e.value.style.chart.xAxis.labels.values,
-                // Overriding
-                autoRotate: {
-                  enable: !0,
-                  angle: e.value.style.chart.dialog.xyChart.chart.grid.labels.xAxisLabels.autoRotate.angle
-                },
-                // overriding
-                datetimeFormatter: e.value.style.chart.xAxis.labels.datetimeFormatter
-                // Overriding
-              }
-            }
-          },
-          tooltip: {
-            ...e.value.style.chart.dialog.xyChart.chart.tooltip,
-            showTimeLabel: e.value.style.chart.xAxis.labels.values.length > 0
-            // Overriding
-          },
-          userOptions: {
-            ...e.value.style.chart.dialog.xyChart.chart.userOptions,
-            buttons: {
-              ...e.value.style.chart.dialog.xyChart.chart.userOptions.buttons,
-              altCopy: e.value.userOptions.buttons.altCopy
-            },
-            callbacks: {
-              ...e.value.style.chart.dialog.xyChart.chart.userOptions.callbacks,
-              altCopy: () => {
-              }
-            },
-            useCursorPointer: e.value.userOptions.useCursorPointer
-            // Overriding
-          }
-        }
-      }), we.value && we.value.open());
-    }
-    const le = i(null);
-    function oa(t) {
-      le.value = t;
-    }
-    function sa() {
-      le.value = null;
-    }
-    const oe = i(!1);
-    function Ne() {
-      oe.value = !oe.value;
-    }
-    function ft() {
-      W.value.showTable = !W.value.showTable;
-    }
-    const yt = d(() => ({ body: w.value.flatMap((a) => a.datapoints.flatMap((s) => ({
-      ...s,
-      rowName: `${a.name}: ${s.name}`
-    }))).map((a) => [
-      {
-        name: a.rowName,
-        color: a.color
-      },
-      ...a.values
-    ]) })), Q = d(() => {
-      const t = [
-        e.value.table.columnNames.series,
-        ...J.value.map((s) => s.text)
-      ], l = {
-        th: {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          outline: e.value.table.th.outline
-        },
-        td: {
-          backgroundColor: e.value.table.td.backgroundColor,
-          color: e.value.table.td.color,
-          outline: e.value.table.td.outline
-        },
-        breakpoint: e.value.table.responsiveBreakpoint
-      };
-      return {
-        colNames: [
-          e.value.table.columnNames.series,
-          ...J.value.map((s) => s.text)
-        ],
-        head: t,
-        body: yt.value.body,
-        config: l
-      };
-    });
-    function Re(t = null) {
-      pe(() => {
-        const l = [
-          [
-            e.value.table.columnNames.series,
-            ...J.map((o) => [o.text])
-          ],
-          ...yt.value.body.map((o, v) => [o[0].name, ...o.slice(1)])
-        ], a = [
-          [e.value.style.chart.title.text],
-          [e.value.style.chart.title.subtitle.text]
-        ].concat(l), s = Ha(a);
-        t ? t(s) : Ua({
-          csvContent: s,
-          title: e.value.style.chart.title.text || "vue-ui-ridgeline"
-        });
-      });
-    }
-    function na() {
-      return w.value;
-    }
-    async function ra({ scale: t = 2 } = {}) {
-      if (!z.value) return;
-      const { width: l, height: a } = z.value.getBoundingClientRect(), s = l / a, { imageUri: o, base64: v } = await nl({
-        domElement: z.value,
-        base64: !0,
-        img: !0,
-        scale: t
-      });
-      return {
-        imageUri: o,
-        base64: v,
-        title: e.value.style.chart.title.text,
-        width: l,
-        height: a,
-        aspectRatio: s
-      };
-    }
-    const ua = d(() => ({ min: 0, max: ae.value }));
-    tl({
-      timeLabelsEls: $e,
-      timeLabels: J,
-      slicer: ua,
-      configRef: e,
-      rotationPath: ["style", "chart", "xAxis", "labels", "rotation"],
-      autoRotatePath: [
-        "style",
-        "chart",
-        "xAxis",
-        "labels",
-        "autoRotate",
-        "enable"
-      ],
-      isAutoSize: !1,
-      width: Zt,
-      height: Jt,
-      targetClass: ".vue-ui-ridgeline-x-axis-label",
-      angle: e.value.style.chart.xAxis.labels.autoRotate.angle
-    });
-    const se = d(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, l = W.value.showTable;
-      return {
-        component: t ? Ge : It,
-        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: G.value,
-          fullscreenParent: z.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8),
-          isCursorPointer: D.value
-        } : {
-          hideDetails: !0,
-          config: {
-            open: l,
-            maxHeight: 1e4,
-            body: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            },
-            head: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            }
-          }
-        }
-      };
-    });
-    ie(
-      () => W.value.showTable,
-      (t) => {
-        e.value.table.show || (t && e.value.table.useDialog && te.value ? te.value.open() : "close" in te.value && te.value.close());
-      }
-    );
-    function gt() {
-      W.value.showTable = !1, _e.value && _e.value.setTableIconState(!1);
-    }
-    const ia = d(() => e.value.style.chart.backgroundColor), ca = d(() => ({
-      ...e.value.style.chart.legend,
-      position: "bottom"
-    })), va = d(() => e.value.style.chart.title), { exportSvg: da, getSvg: ha } = qa({
-      svg: Z,
-      title: va,
-      legend: ca,
-      legendItems: F,
-      backgroundColor: ia
-    });
-    async function pt({ isCb: t }) {
-      de.value = !0, await pe();
-      try {
-        if (t) {
-          const { blob: l, url: a, text: s, dataUrl: o } = await ha();
-          await Promise.resolve(
-            e.value.userOptions.callbacks.svg({
-              blob: l,
-              url: a,
-              text: s,
-              dataUrl: o
-            })
-          );
-        } else
-          await Promise.resolve(da());
-      } finally {
-        de.value = !1;
-      }
-    }
-    function fa(t) {
-      if (t?.stage === "start") {
-        ve.value = !0;
-        return;
-      }
-      if (t?.stage === "end") {
-        ve.value = !1;
-        return;
-      }
-      ot();
-    }
-    function ya(t) {
-      Fe("xy-zoom", t.dataset, t.config);
-    }
-    async function Fe(t = "main-chart", l = null, a = null) {
-      if (ce("copyAlt", {
-        source: t,
-        config: t === "main-chart" ? e.value : ye.value,
-        dataset: t === "main-chart" ? w.value : ge.value
-      }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn(
-          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
-        );
-        return;
-      }
-      await Promise.resolve(
-        e.value.userOptions.callbacks.altCopy({
-          source: t,
-          config: t === "main-chart" ? e.value : ye.value,
-          dataset: t === "main-chart" ? w.value : ge.value
-        })
-      );
-    }
-    function ga() {
-      U.value = null, Pe.value = !0;
-    }
-    function pa() {
-      mt(), Pe.value = !1;
-    }
-    function ma(t) {
-      if (!Z.value || oe.value || document.activeElement !== Z.value || !w.value.length) return;
-      const l = t.key === "ArrowUp", a = t.key === "ArrowDown", s = t.key === "ArrowLeft", o = t.key === "ArrowRight", v = t.key === "Enter" || t.key === " ", $ = t.key === "Escape";
-      if (!l && !a && !s && !o && !v && !$)
-        return;
-      if (t.preventDefault(), t.stopPropagation(), $) {
-        mt();
-        return;
-      }
-      if (v) {
-        if (U.value !== null) {
-          const b = w.value[U.value];
-          b && ht(b);
-          return;
-        }
-        c.value && ct(c.value);
-        return;
-      }
-      if (l || a) {
-        let b = U.value;
-        b === null ? b = a ? 0 : w.value.length - 1 : b = ba(
-          b + (a ? 1 : -1)
-        ), U.value = b, le.value = b;
-        return;
-      }
-      if (!M.value.length) return;
-      let E = c.value?.index ?? null;
-      E === null ? E = o ? 0 : M.value.length - 1 : E = xa(E + (o ? 1 : -1));
-      const k = M.value[E];
-      k && ut(k);
-    }
-    function ba(t) {
-      const l = w.value.length;
-      return l ? (t % l + l) % l : null;
-    }
-    function xa(t) {
-      const l = M.value.length;
-      return l ? (t % l + l) % l : null;
-    }
-    function mt() {
-      U.value = null, le.value = null, c.value ? it(c.value) : c.value = null;
-    }
-    const ne = d(() => ({
-      head: Q.value.head,
-      body: Q.value.body.map((t) => [t[0]?.name ?? "", ...t.slice(1)]),
-      caption: e.value.a11y.translations.tableCaption,
-      notice: e.value.a11y.translations.tableAvailable
-    }));
-    return Lt({
-      getData: na,
-      getImage: ra,
-      generateImage: ot,
-      generateSvg: pt,
-      generatePdf: lt,
-      generateCsv: Re,
-      hideSeries: qt,
-      showSeries: Yt,
-      toggleAnnotator: Ne,
-      toggleTable: ft,
-      toggleFullscreen: dt,
-      copyAlt: Fe
-    }), (t, l) => (n(), r("div", {
-      ref_key: "ridgelineChart",
-      ref: z,
-      class: me(`vue-data-ui-component vue-ui-ridgeline ${G.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      id: `vue-ui-ridgeline_${C.value}`,
-      style: _({
-        fontFamily: e.value.style.fontFamily,
-        width: "100%",
-        textAlign: "center",
-        background: e.value.style.chart.backgroundColor,
-        height: e.value.responsive ? "100%" : void 0
-      }),
-      onMouseenter: l[3] || (l[3] = () => u(et)(!0)),
-      onMouseleave: l[4] || (l[4] = () => u(et)(!1))
-    }, [
-      g("div", {
-        id: `chart-instructions-${C.value}`,
-        class: "sr-only"
-      }, [
-        g("p", null, B(e.value.a11y.translations.keyboardNavigation), 1)
-      ], 8, vl),
-      ne.value.body.length ? (n(), P(rl, {
-        key: 0,
-        uid: C.value,
-        head: ne.value.head,
-        body: ne.value.body,
-        caption: ne.value.caption,
-        notice: ne.value.notice
-      }, null, 8, ["uid", "head", "body", "caption", "notice"])) : h("", !0),
-      e.value.userOptions.buttons.annotator && u(Z) ? (n(), P(u(Rt), {
-        key: 1,
-        color: e.value.style.chart.color,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        active: oe.value,
-        svgRef: u(Z),
-        isCursorPointer: D.value,
-        onClose: Ne
-      }, {
-        "annotator-action-close": f(() => [
-          y(t.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": f(({ color: a }) => [
-          y(t.$slots, "annotator-action-color", S(T({ color: a })), void 0, !0)
-        ]),
-        "annotator-action-draw": f(({ mode: a }) => [
-          y(t.$slots, "annotator-action-draw", S(T({ mode: a })), void 0, !0)
-        ]),
-        "annotator-action-undo": f(({ disabled: a }) => [
-          y(t.$slots, "annotator-action-undo", S(T({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-redo": f(({ disabled: a }) => [
-          y(t.$slots, "annotator-action-redo", S(T({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-delete": f(({ disabled: a }) => [
-          y(t.$slots, "annotator-action-delete", S(T({ disabled: a })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["color", "backgroundColor", "active", "svgRef", "isCursorPointer"])) : h("", !0),
-      y(t.$slots, "userConfig", {}, void 0, !0),
-      Gt.value ? (n(), r("div", {
-        key: 2,
-        ref_key: "noTitle",
-        ref: qe,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : h("", !0),
-      e.value.style.chart.title.text ? (n(), r("div", {
-        key: 3,
-        ref_key: "chartTitle",
-        ref: je,
-        style: "width:100%;background:transparent;padding-bottom:24px"
-      }, [
-        (n(), P(ol, {
-          key: `title_${Ce.value}`,
-          config: {
-            title: {
-              cy: "ridgeline-div-title",
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              cy: "ridgeline-div-subtitle",
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : h("", !0),
-      e.value.userOptions.show && ee.value && (u(tt) || u(he)) ? (n(), P(u(Ft), {
-        ref_key: "userOptionsRef",
-        ref: _e,
-        key: `user_option_${Ze.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: u(Le),
-        isImaging: u(Me),
-        uid: C.value,
-        hasTooltip: !1,
-        callbacks: e.value.userOptions.callbacks,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasImg: e.value.userOptions.buttons.img,
-        hasSvg: e.value.userOptions.buttons.svg,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasTable: e.value.userOptions.buttons.table,
-        hasLabel: !1,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        hasAltCopy: e.value.userOptions.buttons.altCopy,
-        isFullscreen: G.value,
-        printScale: e.value.userOptions.print.scale,
-        chartElement: z.value,
-        position: e.value.userOptions.position,
-        isTooltip: !1,
-        titles: { ...e.value.userOptions.buttonTitles },
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: oe.value,
-        tableDialog: e.value.table.useDialog,
-        style: _({
-          visibility: u(tt) ? u(he) ? "visible" : "hidden" : "visible"
-        }),
-        isCursorPointer: D.value,
-        onToggleFullscreen: dt,
-        onGeneratePdf: u(lt),
-        onGenerateCsv: Re,
-        onGenerateImage: fa,
-        onGenerateSvg: pt,
-        onToggleTable: ft,
-        onToggleAnnotator: Ne,
-        onCopyAlt: Fe
-      }, Ee({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: f(({ isOpen: a, color: s }) => [
-            y(t.$slots, "menuIcon", S(T({ isOpen: a, color: s })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: f(() => [
-            y(t.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: f(() => [
-            y(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: f(() => [
-            y(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: f(() => [
-            y(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: f(() => [
-            y(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: f(() => [
-            y(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: f(({ toggleFullscreen: a, isFullscreen: s }) => [
-            y(t.$slots, "optionFullscreen", S(T({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: f(({ toggleAnnotator: a, isAnnotator: s }) => [
-            y(t.$slots, "optionAnnotator", S(T({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
-          ]),
-          key: "8"
-        } : void 0,
-        t.$slots.optionAltCopy ? {
-          name: "optionAltCopy",
-          fn: f(({ altCopy: a }) => [
-            y(t.$slots, "optionAltCopy", S(T({ altCopy: a })), void 0, !0)
-          ]),
-          key: "9"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "callbacks", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "hasAltCopy", "isFullscreen", "printScale", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "tableDialog", "style", "isCursorPointer", "onGeneratePdf"])) : h("", !0),
-      g("div", dl, [
-        (n(), r("svg", {
-          ref_key: "svgRef",
-          ref: Z,
-          xmlns: u(Ra),
-          "aria-describedby": `chart-instructions-${C.value}`,
-          class: me({
-            "vue-data-ui-fullscreen--on": G.value,
-            "vue-data-ui-fulscreen--off": !G.value
-          }),
-          viewBox: `0 0 ${p.value.width <= 0 ? 10 : p.value.width} ${A.value.fullHeight <= 0 ? 10 : A.value.fullHeight}`,
-          style: _(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};${e.value.responsive ? `height: ${Qe.value}px; width: 100%;` : ""}`),
-          tabindex: "0",
-          onFocus: ga,
-          onBlur: pa,
-          onKeydown: ma
-        }, [
-          Xe(u(Et)),
-          g("defs", null, [
-            (n(!0), r(m, null, O(F.value, (a, s) => (n(), r("linearGradient", {
-              id: `gradient-${a.id}-${C.value}`,
-              x1: "50%",
-              y1: "0%",
-              x2: "50%",
-              y2: "100%"
-            }, [
-              g("stop", {
-                offset: "0%",
-                "stop-color": a.color,
-                "stop-opacity": "1"
-              }, null, 8, yl),
-              g("stop", {
-                offset: "30%",
-                "stop-color": a.color,
-                "stop-opacity": "0.7"
-              }, null, 8, gl),
-              g("stop", {
-                offset: "70%",
-                "stop-color": a.color,
-                "stop-opacity": "0.3"
-              }, null, 8, pl),
-              g("stop", {
-                offset: "100%",
-                "stop-color": a.color,
-                "stop-opacity": "0.1"
-              }, null, 8, ml)
-            ], 8, fl))), 256)),
-            (n(!0), r(m, null, O(w.value, (a, s) => (n(), r(m, null, [
-              (n(!0), r(m, null, O(a.datapoints, (o, v) => (n(), r("linearGradient", {
-                key: `grad${o.id}`,
-                id: `gradient-single-${C.value}-${o.uid}`,
-                x1: "50%",
-                y1: "0%",
-                x2: "50%",
-                y2: "100%"
-              }, [
-                g("stop", {
-                  offset: "0%",
-                  "stop-color": o.color,
-                  "stop-opacity": "1"
-                }, null, 8, xl),
-                g("stop", {
-                  offset: "30%",
-                  "stop-color": o.color,
-                  "stop-opacity": "0.7"
-                }, null, 8, kl),
-                g("stop", {
-                  offset: "70%",
-                  "stop-color": o.color,
-                  "stop-opacity": "0.3"
-                }, null, 8, Cl),
-                g("stop", {
-                  offset: "100%",
-                  "stop-color": o.color,
-                  "stop-opacity": "0.1"
-                }, null, 8, Al)
-              ], 8, bl))), 128))
-            ], 64))), 256))
-          ]),
-          (n(!0), r(m, null, O(w.value, (a, s) => (n(), r("g", {
-            key: `ds-${s}`
-          }, [
-            (n(!0), r(m, null, O(a.datapoints, (o, v) => (n(), r("g", {
-              key: o.id
-            }, [
-              t.$slots.pattern ? (n(), r("g", wl, [
-                g("defs", null, [
-                  y(t.$slots, "pattern", Be({ ref_for: !0 }, {
-                    datapointIndex: s,
-                    seriesIndex: v,
-                    patternId: `pattern_${C.value}_${o.uid}`
-                  }), void 0, !0)
-                ])
-              ])) : h("", !0),
-              g("path", {
-                fill: t.$slots.pattern ? `url(#pattern_${C.value}_${o.uid})` : e.value.style.chart.backgroundColor,
-                stroke: "none",
-                "stroke-linecap": "round",
-                d: e.value.style.chart.areas.smooth ? o.smoothPath : o.straightPath,
-                style: _({
-                  opacity: e.value.style.chart.areas.opacity
-                })
-              }, null, 12, $l),
-              g("path", {
-                fill: "none",
-                stroke: e.value.style.chart.areas.stroke.useSerieColor ? o.color : e.value.style.chart.areas.stroke.color,
-                "stroke-width": e.value.style.chart.areas.strokeWidth,
-                d: e.value.style.chart.areas.smooth ? o.smoothPathRidge : o.straightPathRidge,
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                class: me({
-                  "vue-ui-ridgeline-animate": e.value.useCssAnimation && !u(q)
-                }),
-                style: _({
-                  strokeDasharray: o.pathLength,
-                  strokeDashoffset: e.value.useCssAnimation ? o.pathLength : 0
-                })
-              }, null, 14, _l),
-              g("path", {
-                fill: e.value.style.chart.areas.useGradient ? e.value.style.chart.areas.useCommonColor ? `url(#gradient-${o.id}-${C.value})` : `url(#gradient-single-${C.value}-${o.uid})` : o.color,
-                stroke: "none",
-                d: e.value.style.chart.areas.smooth ? o.smoothPath : o.straightPath,
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                class: me({
-                  "vue-ui-ridgeline-animate": e.value.useCssAnimation && !u(q)
-                }),
-                style: _({
-                  strokeDasharray: o.pathLength,
-                  strokeDashoffset: e.value.useCssAnimation ? o.pathLength : 0
-                })
-              }, null, 14, Pl),
-              e.value.style.chart.zeroLine.show ? (n(), r("path", {
-                key: 1,
-                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: o.zeroPath,
-                "stroke-linecap": "round"
-              }, null, 8, Sl)) : h("", !0),
-              e.value.style.chart.areas.maxPoint.show && o.plots.length > 1 ? (n(!0), r(m, { key: 2 }, O(o.plots, ($) => (n(), r(m, null, [
-                $.isMaxPoint ? (n(), r("line", {
-                  key: 0,
-                  x1: $.x,
-                  y1: $.y,
-                  x2: $.x,
-                  y2: $.zero,
-                  stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? u(Fa)(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)
-              ], 64))), 256)) : h("", !0),
-              o.plots.length === 1 ? (n(), r("circle", {
-                key: 3,
-                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 ? o.color : e.value.style.chart.selector.dot.fill,
-                style: {
-                  pointerEvents: "none"
-                }
-              }, null, 8, Ol)) : h("", !0)
-            ]))), 128)),
-            g("text", {
-              x: a.label.x,
-              y: a.label.y,
-              "text-anchor": "end",
-              "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: _({
-                cursor: e.value.style.chart.dialog.show && D.value ? "pointer" : "default"
-              }),
-              "text-decoration": e.value.style.chart.dialog.show && (le.value === s || Y.value && a.uid === Y.value.uid || U.value === s) ? "underline" : "",
-              onMouseenter: (o) => oa(s),
-              onMouseleave: sa,
-              onClick: (o) => ht(a)
-            }, B(a.name), 45, Ll)
-          ]))), 128)),
-          e.value.style.chart.xAxis.labels.values.length ? (n(), r("g", {
-            key: 0,
-            ref_key: "timeLabelsEls",
-            ref: $e
-          }, [
-            (n(!0), r(m, null, O(M.value, (a, s) => y(t.$slots, "time-label", Be({ 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 === M.value.length - 1) || a && c.value && c.value.index === s || a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(
-                M.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",
-              fill: e.value.style.chart.xAxis.labels.color,
-              transform: `translate(${a.selectorX}, ${A.value.top + a.height + e.value.style.chart.xAxis.labels.offsetY}), rotate(${e.value.style.chart.xAxis.labels.rotation})`,
-              x: a.selectorX,
-              y: A.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 === M.value.length - 1) || a && c.value && c.value.index === s || a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(
-                M.value.length / e.value.style.chart.xAxis.labels.modulo
-              ) === 0 ? (n(), r("g", Ml, [
-                String(a.label).includes(`
-`) ? (n(), r("text", {
-                  key: 1,
-                  class: "vue-ui-ridgeline-x-axis-label",
-                  "font-size": e.value.style.chart.xAxis.labels.fontSize,
-                  fill: e.value.style.chart.xAxis.labels.color,
-                  "font-weight": e.value.style.chart.xAxis.labels.bold ? "bold" : "normal",
-                  transform: `translate(${a.selectorX}, ${A.value.bottom + e.value.style.chart.xAxis.labels.offsetY}), rotate(${e.value.style.chart.xAxis.labels.rotation})`,
-                  "text-anchor": e.value.style.chart.xAxis.labels.rotation > 0 ? "start" : e.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
-                  style: _({
-                    opacity: c.value ? c.value.index === s ? 1 : 0.2 : 1
-                  }),
-                  innerHTML: u(Ea)({
-                    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, Dl)) : (n(), r("text", {
-                  key: 0,
-                  class: "vue-ui-ridgeline-x-axis-label",
-                  "font-size": e.value.style.chart.xAxis.labels.fontSize,
-                  fill: e.value.style.chart.xAxis.labels.color,
-                  "font-weight": e.value.style.chart.xAxis.labels.bold ? "bold" : "normal",
-                  transform: `translate(${a.selectorX}, ${A.value.bottom + e.value.style.chart.xAxis.labels.offsetY}), rotate(${e.value.style.chart.xAxis.labels.rotation})`,
-                  "text-anchor": e.value.style.chart.xAxis.labels.rotation > 0 ? "start" : e.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
-                  style: _({
-                    opacity: c.value ? c.value.index === s ? 1 : 0.2 : 1
-                  })
-                }, B(a.label), 13, zl))
-              ])) : h("", !0)
-            ], !0)), 256))
-          ], 512)) : h("", !0),
-          g("g", null, [
-            (n(!0), r(m, null, O(M.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: (o) => ut(a),
-              onMouseleave: (o) => it(a),
-              onClick: () => ct(a)
-            }, null, 40, Il))), 256)),
-            e.value.style.chart.selector.show && c.value ? (n(), r("line", {
-              key: 0,
-              x1: c.value.selectorX,
-              x2: c.value.selectorX,
-              y1: c.value.y,
-              y2: c.value.y + c.value.height - L.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, Nl)) : h("", !0),
-            c.value ? (n(!0), r(m, { key: 1 }, O(w.value, (a) => (n(), r(m, null, [
-              (n(!0), r(m, null, O(a.datapoints, (s) => (n(), r(m, null, [
-                (n(!0), r(m, null, O(s.plots, (o, v) => (n(), r(m, null, [
-                  c.value && c.value.index === v ? (n(), r("circle", {
-                    key: 0,
-                    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,
-                    fill: e.value.style.chart.selector.dot.useDatapointColor ? s.color : e.value.style.chart.selector.dot.fill,
-                    style: {
-                      pointerEvents: "none"
-                    }
-                  }, null, 8, Rl)) : h("", !0),
-                  c.value && c.value.index === v ? (n(), r("text", {
-                    key: 1,
-                    x: vt(
-                      o.x,
-                      u(xe)(
-                        e.value.style.chart.selector.labels.formatter,
-                        o.value,
-                        u(ke)({
-                          p: e.value.style.chart.xAxis.labels.prefix,
-                          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
-                    ) ? 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": vt(
-                      o.x,
-                      u(xe)(
-                        e.value.style.chart.selector.labels.formatter,
-                        o.value,
-                        u(ke)({
-                          p: e.value.style.chart.xAxis.labels.prefix,
-                          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
-                    ) ? "end" : "start",
-                    "font-size": e.value.style.chart.selector.labels.fontSize,
-                    fill: e.value.style.chart.selector.labels.color,
-                    style: {
-                      pointerEvents: "none"
-                    }
-                  }, B(u(xe)(
-                    e.value.style.chart.selector.labels.formatter,
-                    o.value,
-                    u(ke)({
-                      p: e.value.style.chart.xAxis.labels.prefix,
-                      v: o.value,
-                      s: e.value.style.chart.xAxis.labels.suffix,
-                      r: e.value.style.chart.selector.labels.rounding
-                    })
-                  )), 9, Fl)) : h("", !0)
-                ], 64))), 256))
-              ], 64))), 256))
-            ], 64))), 256)) : h("", !0)
-          ]),
-          y(t.$slots, "svg", {
-            svg: {
-              ...p.value,
-              isPrintingImg: u(Le) | u(Me) | ve.value,
-              isPrintingSvg: de.value
-            }
-          }, void 0, !0)
-        ], 46, hl)),
-        t.$slots.hint ? (n(), r("div", El, [
-          y(t.$slots, "hint", S(T({
-            hint: e.value.a11y.translations.keyboardNavigation,
-            isVisible: Pe.value
-          })), void 0, !0)
-        ])) : h("", !0)
-      ]),
-      t.$slots.watermark ? (n(), r("div", Xl, [
-        y(t.$slots, "watermark", S(T({
-          isPrinting: u(Le) || u(Me) || ve.value || de.value
-        })), void 0, !0)
-      ])) : h("", !0),
-      g("div", {
-        ref_key: "chartLegend",
-        ref: Ke
-      }, [
-        e.value.style.chart.legend.show ? (n(), P(ll, {
-          key: `legend_${Ae.value}`,
-          legendSet: F.value,
-          config: la.value,
-          isCursorPointer: D.value,
-          onClickMarker: l[0] || (l[0] = ({ legend: a }) => fe(a.id))
-        }, Ee({
-          item: f(({ legend: a }) => [
-            u(q) ? h("", !0) : (n(), r("div", {
-              key: 0,
-              style: _(`opacity:${x.value.includes(a.id) ? 0.5 : 1}`),
-              onClick: (s) => a.segregate()
-            }, B(a.name), 13, Bl))
-          ]),
-          legendToggle: f(() => [
-            F.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !u(q) ? (n(), P(ul, {
-              key: 0,
-              backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
-              color: e.value.style.chart.legend.selectAllToggle.color,
-              fontSize: e.value.style.chart.legend.fontSize,
-              checked: x.value.length > 0,
-              isCursorPointer: D.value,
-              onToggle: Kt
-            }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : h("", !0)
-          ]),
-          _: 2
-        }, [
-          t.$slots.pattern ? {
-            name: "legend-pattern",
-            fn: f(({ legend: a, index: s }) => [
-              Xe(sl, {
-                shape: a.shape,
-                radius: 30,
-                stroke: "none",
-                plot: { x: 30, y: 30 },
-                fill: `url(#pattern_${C.value}_${s})`
-              }, null, 8, ["shape", "fill"])
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["legendSet", "config", "isCursorPointer"])) : h("", !0),
-        y(t.$slots, "legend", { legend: F.value }, void 0, !0)
-      ], 512),
-      t.$slots.source ? (n(), r("div", {
-        key: 6,
-        ref_key: "source",
-        ref: Ye,
-        dir: "auto"
-      }, [
-        y(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : h("", !0),
-      ee.value && e.value.userOptions.buttons.table ? (n(), P(La(se.value.component), Be({ key: 7 }, se.value.props, {
-        ref_key: "tableUnit",
-        ref: te,
-        onClose: gt
-      }), Ee({
-        content: f(() => [
-          (n(), P(u(Nt), {
-            key: `table_${Ut.value}`,
-            colNames: Q.value.colNames,
-            head: Q.value.head,
-            body: Q.value.body,
-            config: Q.value.config,
-            title: e.value.table.useDialog ? "" : se.value.title,
-            withCloseButton: !e.value.table.useDialog,
-            isCursorPointer: D.value,
-            onClose: gt
-          }, {
-            th: f(({ th: a }) => [
-              g("div", { innerHTML: a }, null, 8, Hl)
-            ]),
-            td: f(({ td: a }) => [
-              He(B(a.name ? a.name : u(xe)(
-                e.value.style.chart.selector.labels.formatter,
-                a,
-                u(ke)({
-                  p: e.value.style.chart.xAxis.labels.prefix,
-                  v: a,
-                  s: e.value.style.chart.xAxis.labels.suffix,
-                  r: e.value.table.td.roundingValue
-                })
-              )), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"]))
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: f(() => [
-            He(B(se.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: f(() => [
-            g("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: l[1] || (l[1] = (a) => Re(e.value.userOptions.callbacks.csv)),
-              style: _({ cursor: D.value ? "pointer" : "default" })
-            }, [
-              Xe(u(Dt), {
-                name: "fileCsv",
-                stroke: se.value.props.color
-              }, null, 8, ["stroke"])
-            ], 4)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : h("", !0),
-      e.value.style.chart.dialog.show ? (n(), P(u(Ge), {
-        key: 8,
-        ref_key: "dialog",
-        ref: we,
-        onClose: l[2] || (l[2] = (a) => Y.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: G.value,
-        fullscreenParent: z.value,
-        isCursorPointer: D.value,
-        withPadding: ""
-      }, {
-        title: f(() => [
-          He(B(Y.value.name), 1)
-        ]),
-        content: f(() => [
-          Y.value ? (n(), P(u(zt), {
-            key: 0,
-            config: ye.value,
-            dataset: ge.value,
-            onCopyAlt: ya
-          }, null, 8, ["config", "dataset"])) : h("", !0)
-        ]),
-        _: 1
-      }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent", "isCursorPointer"])) : h("", !0),
-      y(t.$slots, "skeleton", {}, () => [
-        u(q) ? (n(), P(Ka, { key: 0 })) : h("", !0)
-      ], !0)
-    ], 46, cl));
-  }
-}, vo = /* @__PURE__ */ il(Ul, [["__scopeId", "data-v-0073d09e"]]);
-export {
-  vo as default
-};