vue-data-ui 3.15.12 → 3.16.1

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

@@ -0,0 +1,1473 @@
+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-DBptbyyI.js";
+import { t as Tt, u as Wa } from "./useResponsive-DfdjqQps.js";
+import { u as Ga } from "./useConfig-DO94Aj5s.js";
+import { u as ja, B as Ka } from "./BaseScanner-BhhkKVoj.js";
+import { u as Ya } from "./usePrinter-CEpYU3r5.js";
+import { u as qa } from "./useSvgExport-ByUukOZt.js";
+import { u as We } from "./useNestedProp-Bf5XFbs8.js";
+import { u as Za } from "./useTimeLabels-C-A2uZKi.js";
+import { u as Ja } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Qa } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as el } from "./useChartAccessibility-9icAAmYg.js";
+import { u as tl } from "./useTimeLabelCollider-CIsgDrl9.js";
+import al from "./vue_ui_ridgeline-j4rVmpEp.js";
+import ll from "./Legend-CS7Xo5LK.js";
+import ol from "./Title-BeMKE1cj.js";
+import { _ as sl } from "./Shape-BKRUOeKk.js";
+import nl from "./img-LXxMLmCg.js";
+import { A as rl } from "./A11yDataTable-KcVAX2cP.js";
+import { B as ul } from "./BaseLegendToggle-BQVIawmA.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-BdzEiImZ.js")), Dt = X(() => import("./BaseIcon-Cb3zzG6s.js")), It = X(() => import("./vue-ui-accordion-nvggWcGN.js")), Nt = X(() => import("./DataTable-DT2kIdQ6.js")), Rt = X(() => import("./PenAndPaper-Ct3qJ4lA.js")), Ft = X(() => import("./UserOptions-rW2fRf3V.js")), Et = X(() => import("./PackageVersion-DPO-OOVI.js")), Ge = X(() => import("./BaseDraggableDialog-CIb-iD9g.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-b754f07d"]]);
+export {
+  vo as default
+};