vue-data-ui 3.0.23 → 3.1.1

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

@@ -0,0 +1,1204 @@
+import { defineAsyncComponent as O, computed as d, ref as i, shallowRef as ot, toRefs as Jt, onBeforeUnmount as st, watch as Q, nextTick as we, watchEffect as Qt, createElementBlock as r, openBlock as n, unref as u, normalizeStyle as w, normalizeClass as ae, createBlock as T, createCommentVNode as v, renderSlot as p, createElementVNode as y, createSlots as $e, withCtx as f, normalizeProps as le, guardReactiveProps as oe, createVNode as _e, Fragment as m, renderList as k, mergeProps as Te, toDisplayString as R, resolveDynamicComponent as Zt, createTextVNode as Pe } from "vue";
+import { u as ea, c as Se, t as ta, d as aa, e as la, p as se, ap as nt, ah as oa, U as rt, V as sa, W as na, X as ra, F as ua, I as ia, k as ne, i as re, a as ca, b as va, f as Me, g as ut, o as ha, v as da, w as ya, K as fa } from "./index-BKQqb9lF.js";
+import { t as it, u as ga } from "./useResponsive-DfdjqQps.js";
+import { u as ma, B as pa } from "./BaseScanner-BgWxam9d.js";
+import { u as ba } from "./usePrinter-BzuXiubT.js";
+import { u as ct } from "./useNestedProp-aBOhgs4U.js";
+import { u as xa } from "./useTimeLabels-BGFjWgrv.js";
+import { u as ka } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Aa } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Ca } from "./useTimeLabelCollider-CIsgDrl9.js";
+import wa from "./Legend-8_V5egWW.js";
+import $a from "./Title-Dz-j6ERs.js";
+import { _ as _a } from "./Shape-Cjca5zta.js";
+import Ta from "./img-gBDz7xQQ.js";
+import { _ as Pa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Sa = ["id"], Ma = ["xmlns", "viewBox"], La = ["id"], Oa = ["stop-color"], za = ["stop-color"], Da = ["stop-color"], Ia = ["stop-color"], Fa = ["id"], Na = ["stop-color"], Ra = ["stop-color"], Ea = ["stop-color"], Ha = ["stop-color"], Xa = { key: 0 }, Ba = ["fill", "d"], Ua = ["stroke", "stroke-width", "d"], Va = ["fill", "d"], Wa = ["stroke", "stroke-dasharray", "stroke-width", "d"], Ga = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Ya = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], ja = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], qa = { key: 0 }, Ka = ["font-size", "fill", "font-weight", "transform", "text-anchor"], Ja = ["font-size", "fill", "font-weight", "transform", "text-anchor", "innerHTML"], Qa = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], Za = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], el = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], tl = ["x", "y", "text-anchor", "font-size", "fill"], al = {
+  key: 4,
+  class: "vue-data-ui-watermark"
+}, ll = ["onClick"], ol = ["innerHTML"], sl = {
+  __name: "vue-ui-ridgeline",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  emits: ["selectLegend", "selectDatapoint", "selectX"],
+  setup(vt, { expose: ht, emit: dt }) {
+    const yt = O(() => import("./vue-ui-xy-BKTGSvfU.js")), ft = O(() => import("./BaseIcon-DLesaZpW.js")), gt = O(() => import("./vue-ui-accordion-B5QeV3BK.js")), mt = O(() => import("./DataTable-BAf4Obr9.js")), pt = O(() => import("./PenAndPaper-B6OvfyHH.js")), bt = O(() => import("./UserOptions-CsDlFB0L.js")), xt = O(() => import("./PackageVersion-Cv_ypT0N.js")), Le = O(() => import("./BaseDraggableDialog-B2BQC0-h.js")), { vue_ui_ridgeline: kt } = ea(), E = vt, U = d({
+      get() {
+        return Array.isArray(D.value) && D.value.length > 0;
+      },
+      set(t) {
+        return t;
+      }
+    }), ue = dt, $ = i(null), Oe = i(null), ze = i(null), P = ot(null), z = ot(null), De = i(null), Ie = i(null), ie = i(0), At = i(0), ce = i(0), A = i(Se()), Fe = i(0), Ct = i(0), Ne = i(512), h = i(null), H = i(null), ve = i(null), Re = i(0), he = i(null), V = i(null);
+    function de() {
+      const t = ct({
+        userConfig: E.config,
+        defaultConfig: kt
+      });
+      return t.theme ? {
+        ...ct({
+          userConfig: va.vue_ui_ridgeline[t.theme] || E.config,
+          defaultConfig: t
+        }),
+        customPalette: ca[t.theme] || se
+      } : t;
+    }
+    const e = i(de()), { loading: W, FINAL_DATASET: D, manualLoading: ye } = ma({
+      ...Jt(E),
+      FINAL_CONFIG: e,
+      prepareConfig: de,
+      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: ta({
+        defaultConfig: e.value,
+        userConfig: {
+          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 }
+            }
+          }
+        }
+      })
+    }), C = i(Math.min(
+      e.value.style.chart.areas.height,
+      e.value.style.chart.areas.rowHeight
+    )), {
+      userOptionsVisible: Z,
+      setUserOptionsVisibility: Ee,
+      keepUserOptionState: He
+    } = ka({ config: e.value }), { svgRef: fe } = Aa({ config: e.value.style.chart.title }), ge = d(() => !!e.value.debug);
+    function Xe() {
+      const t = D.value || [];
+      if (!Array.isArray(t) || t.length === 0) {
+        Me({ componentName: "VueUiRidgeline", type: "dataset", debug: ge.value }), ye.value = !0;
+        return;
+      }
+      if (t.forEach((o, a) => {
+        ut({
+          datasetObject: o,
+          requiredAttributes: ["name", "datapoints"]
+        }).forEach((s) => {
+          U.value = !1, Me({
+            componentName: "VueUiRidgeline",
+            type: "datasetSerieAttribute",
+            property: s,
+            index: a,
+            debug: ge.value
+          });
+        }), Array.isArray(o.datapoints) && o.datapoints.length && o.datapoints.forEach((s, l) => {
+          ut({
+            datasetObject: s,
+            requiredAttributes: ["name", "values"]
+          }).forEach((c) => {
+            U.value = !1, Me({
+              componentName: "VueUiRidgeline",
+              type: "datasetSerieAttribute",
+              property: `datapoint.${c}`,
+              index: `${a}-${l}`,
+              debug: ge.value
+            });
+          });
+        });
+      }), Ct.value = t.length, C.value = Math.min(
+        e.value.style.chart.areas.height,
+        e.value.style.chart.areas.rowHeight
+      ), ha(E.dataset) || (ye.value = e.value.loading), e.value.responsive) {
+        const o = it(() => {
+          const { width: a, height: s } = ga({
+            chart: $.value,
+            title: e.value.style.chart.title.text ? Oe.value : null,
+            legend: e.value.style.chart.legend.show ? ze.value : null,
+            source: De.value,
+            noTitle: Ie.value,
+            padding: e.value.style.chart.padding
+          });
+          requestAnimationFrame(() => {
+            Ne.value = a, C.value = t.length ? s / t.length : 0, Re.value = s - 12;
+          });
+        });
+        P.value && (z.value && P.value.unobserve(z.value), P.value.disconnect()), P.value = new ResizeObserver(o), z.value = $.value?.parentNode || null, z.value && P.value.observe(z.value);
+      }
+    }
+    st(() => {
+      P.value && (z.value && P.value.unobserve(z.value), P.value.disconnect());
+    });
+    const { isPrinting: Be, isImaging: Ue, generatePdf: Ve, generateImage: We } = ba({
+      elementId: `vue-ui-ridgeline_${A.value}`,
+      fileName: e.value.style.chart.title.text || "vue-ui-ridgeline",
+      options: e.value.userOptions.print
+    }), wt = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), $t = d(() => aa(e.value.customPalette)), S = i({
+      showTable: e.value.table.show
+    });
+    Q(
+      () => D.value,
+      async (t) => {
+        Array.isArray(t) && t.length && (Z.value = !e.value.userOptions.showOnChartHover, await we(), Xe(), ie.value += 1, ce.value += 1, S.value.showTable = e.value.table.show);
+      },
+      { deep: !0, immediate: !0 }
+    ), Q(() => E.dataset, (t) => {
+      Array.isArray(t) && t.length > 0 && (ye.value = !1);
+    }, { deep: !0 }), Q(
+      () => W.value,
+      async (t) => {
+        t || (await we(), Xe());
+      },
+      { immediate: !0 }
+    ), Q(
+      () => E.config,
+      () => {
+        e.value = de(D.value || null), Z.value = !e.value.userOptions.showOnChartHover, C.value = Math.min(e.value.style.chart.areas.height, e.value.style.chart.areas.rowHeight), S.value.showTable = e.value.table.show, ie.value += 1, ce.value += 1;
+      },
+      { deep: !0 }
+    );
+    const me = d(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
+    function Ge(t) {
+      L.value.includes(t) ? L.value = L.value.filter((o) => o !== t) : L.value.push(t), ue("selectLegend", B.value);
+    }
+    const M = d(() => U.value ? (D.value || []).map((t) => ({
+      ...t,
+      labelLen: zt(t.name, e.value.style.chart.yAxis.labels.fontSize),
+      uid: Se(),
+      datapoints: t.datapoints.map((o, a) => {
+        const s = o.color ? la(o.color) : $t.value[a] || se[a] || se[a % se.length], l = nt(o.name);
+        return { ...o, color: s, id: l };
+      })
+    })) : []), Ye = d(() => e.value.style.chart.padding.top + C.value * (D.value || []).length + C.value * me.value + e.value.style.chart.padding.bottom), g = d(() => {
+      const t = e.value.style.chart.padding;
+      return {
+        width: Ne.value,
+        height: Ye.value,
+        padding: t
+      };
+    }), _t = d(() => g.value.width), Tt = d(() => g.value.height), pe = i(0), Pt = it((t) => {
+      pe.value = t;
+    }, 100);
+    Qt((t) => {
+      const o = he.value;
+      if (!o) return;
+      const a = new ResizeObserver((s) => {
+        Pt(s[0].contentRect.height);
+      });
+      a.observe(o), t(() => a.disconnect());
+    }), st(() => {
+      pe.value = 0;
+    });
+    const b = d(() => ({
+      fullHeight: g.value.height + pe.value,
+      top: g.value.padding.top,
+      left: g.value.padding.left,
+      right: g.value.width - g.value.padding.right,
+      bottom: g.value.height - e.value.style.chart.padding.bottom,
+      width: g.value.width - (g.value.padding.left + g.value.padding.right)
+    })), G = d(() => Math.max(...M.value.flatMap((t) => t.datapoints.map((o) => o.values.length)))), Y = d(() => xa({
+      values: e.value.style.chart.xAxis.labels.values,
+      maxDatapoints: G.value,
+      formatter: e.value.style.chart.xAxis.labels.datetimeFormatter,
+      start: 0,
+      end: e.value.style.chart.xAxis.labels.values.length
+    })), X = d(() => {
+      const t = Math.max(...M.value.map((l) => l.labelLen)), o = g.value.padding.left + t + 16 + e.value.style.chart.yAxis.labels.offsetX, a = (b.value.width - o) / G.value, s = [];
+      for (let l = 0; l < G.value; l += 1)
+        s.push({
+          selectorX: o + a * l,
+          x: o + a * l - a / 2,
+          y: b.value.top,
+          label: e.value.style.chart.xAxis.labels.values[l] ? Y.value[l].text : "",
+          index: l,
+          width: a,
+          height: Ye.value
+        });
+      return s;
+    });
+    function be(t) {
+      return M.value.map((o) => o.datapoints.map((a) => ({
+        dp: a,
+        selected: a.values[t.index]
+      })));
+    }
+    function St(t) {
+      h.value = t;
+      const o = be(t);
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: o, seriesIndex: t.index });
+    }
+    function Mt(t) {
+      h.value = null;
+      const o = be(t);
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: o, seriesIndex: t.index });
+    }
+    function Lt(t) {
+      const o = be(t);
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: o, seriesIndex: t.index }), ue("selectX", o);
+    }
+    function Ot(t, o) {
+      return t.length * o / 2 + o;
+    }
+    function je(t, o, a) {
+      const s = Ot(o, a);
+      return t + s > b.value.right;
+    }
+    function zt(t, o, a = "sans-serif") {
+      const l = document.createElement("canvas").getContext("2d"), c = typeof o == "number" ? `${o}px` : o;
+      return l.font = `${c} ${a}`, l.measureText(t).width;
+    }
+    const B = d(() => {
+      C.value;
+      const t = Math.max(...M.value.map((x) => x.labelLen)), o = Math.max(...M.value.flatMap((x) => x.datapoints.flatMap((q) => q.values))), a = Math.min(...M.value.flatMap((x) => x.datapoints.flatMap((q) => q.values))), s = g.value.padding.left + t + 16 + e.value.style.chart.yAxis.labels.offsetX, l = (b.value.width - s) / G.value, c = Math.abs(Math.min(a, 0)), _ = o + c;
+      function et(x) {
+        return isNaN(x / _) ? 0 : x / _;
+      }
+      return M.value.map((x, q) => {
+        const tt = b.value.top + C.value * q, F = b.value.top + tt + C.value * me.value * (1 - et(c));
+        return {
+          ...x,
+          label: {
+            x: s - e.value.style.chart.yAxis.labels.fontSize,
+            y: F
+          },
+          datapoints: x.datapoints.map((K) => {
+            const N = K.values.map((J, Gt) => {
+              const Yt = isNaN(J) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(J) ? 0 : J || 0, jt = s + l * Gt, qt = b.value.top + tt + C.value * me.value * (1 - et(Yt + c)), Kt = J === Math.max(...K.values);
+              return {
+                x: jt,
+                y: qt,
+                value: J,
+                isMaxPoint: Kt,
+                zero: F
+              };
+            }), Bt = `${oa(N, F, !1, !1)}`, Ut = `M ${s},${F} ${rt(N)} ${N.at(-1).x},${F}`, Vt = `M ${s},${F} ${N.at(-1).x},${F}`, at = `M ${sa(N)}`, lt = `M ${rt(N)}`, Wt = na(
+              e.value.style.chart.areas.smooth ? at : lt
+            );
+            return {
+              ...K,
+              uid: Se(),
+              plots: N,
+              smoothPath: Bt,
+              straightPath: Ut,
+              zeroPath: Vt,
+              pathLength: Wt,
+              smoothPathRidge: at,
+              straightPathRidge: lt
+            };
+          }).filter((K) => !L.value.includes(K.id))
+        };
+      });
+    }), L = i([]);
+    function Dt(t) {
+      const o = /* @__PURE__ */ new Map();
+      return t.forEach((a) => {
+        a.datapoints.forEach((s, l) => {
+          const c = nt(s.name);
+          o.has(c) || o.set(c, {
+            id: c,
+            name: s.name,
+            color: s.color,
+            shape: "circle",
+            segregate: () => Ge(c),
+            isSegregated: L.value.includes(c),
+            opacity: L.value.includes(c) ? 0.5 : 1
+          });
+        });
+      }), Array.from(o.values());
+    }
+    const xe = d(() => Dt(M.value)), It = 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" : ""
+    })), I = i(!1);
+    function qe(t) {
+      I.value = t, Fe.value += 1;
+    }
+    const Ke = i({}), Je = i([]);
+    function Ft(t) {
+      ue("selectDatapoint", t), e.value.style.chart.dialog.show && (Je.value = t.datapoints.map((o) => ({
+        name: o.name,
+        color: o.color,
+        type: "line",
+        useArea: !0,
+        smooth: e.value.style.chart.areas.smooth,
+        series: o.values
+      })), H.value = t, Ke.value = fa({
+        ...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
+          }
+        }
+      }), ve.value && ve.value.open());
+    }
+    const ke = i(null);
+    function Nt(t) {
+      ke.value = t;
+    }
+    function Rt() {
+      ke.value = null;
+    }
+    const ee = i(!1);
+    function Ae() {
+      ee.value = !ee.value;
+    }
+    function Qe() {
+      S.value.showTable = !S.value.showTable;
+    }
+    const Ze = d(() => ({ body: B.value.flatMap((a) => a.datapoints.flatMap((s) => ({
+      ...s,
+      rowName: `${a.name}: ${s.name}`
+    }))).map((a) => [
+      {
+        name: a.rowName,
+        color: a.color
+      },
+      ...a.values
+    ]) })), te = d(() => {
+      const t = [
+        e.value.table.columnNames.series,
+        ...Y.value.map((s) => s.text)
+      ], o = {
+        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,
+          ...Y.value.map((s) => s.text)
+        ],
+        head: t,
+        body: Ze.value.body,
+        config: o
+      };
+    });
+    function Ce(t = null) {
+      we(() => {
+        const o = [
+          [e.value.table.columnNames.series, ...Y.map((l) => [l.text])],
+          ...Ze.value.body.map((l, c) => [l[0].name, ...l.slice(1)])
+        ], a = [
+          [e.value.style.chart.title.text],
+          [e.value.style.chart.title.subtitle.text]
+        ].concat(o), s = da(a);
+        t ? t(s) : ya({
+          csvContent: s,
+          title: e.value.style.chart.title.text || "vue-ui-ridgeline"
+        });
+      });
+    }
+    function Et() {
+      return B.value;
+    }
+    async function Ht({ scale: t = 2 } = {}) {
+      if (!$.value) return;
+      const { width: o, height: a } = $.value.getBoundingClientRect(), s = o / a, { imageUri: l, base64: c } = await Ta({ domElement: $.value, base64: !0, img: !0, scale: t });
+      return {
+        imageUri: l,
+        base64: c,
+        title: e.value.style.chart.title.text,
+        width: o,
+        height: a,
+        aspectRatio: s
+      };
+    }
+    const Xt = d(() => ({ min: 0, max: G.value }));
+    Ca({
+      timeLabelsEls: he,
+      timeLabels: Y,
+      slicer: Xt,
+      configRef: e,
+      rotationPath: ["style", "chart", "xAxis", "labels", "rotation"],
+      autoRotatePath: ["style", "chart", "xAxis", "labels", "autoRotate", "enable"],
+      isAutoSize: !1,
+      width: _t,
+      height: Tt,
+      targetClass: ".vue-ui-ridgeline-x-axis-label",
+      angle: e.value.style.chart.xAxis.labels.autoRotate.angle
+    });
+    const j = d(() => {
+      const t = e.value.table.useDialog && !e.value.table.show, o = S.value.showTable;
+      return {
+        component: t ? Le : gt,
+        title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
+        props: t ? {
+          backgroundColor: e.value.table.th.backgroundColor,
+          color: e.value.table.th.color,
+          headerColor: e.value.table.th.color,
+          headerBg: e.value.table.th.backgroundColor,
+          isFullscreen: I.value,
+          fullscreenParent: $.value,
+          forcedWidth: Math.min(800, window.innerWidth * 0.8)
+        } : {
+          hideDetails: !0,
+          config: {
+            open: o,
+            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
+            }
+          }
+        }
+      };
+    });
+    return Q(() => S.value.showTable, (t) => {
+      e.value.table.show || (t && e.value.table.useDialog && V.value ? V.value.open() : "close" in V.value && V.value.close());
+    }), ht({
+      getData: Et,
+      getImage: Ht,
+      generateImage: We,
+      generatePdf: Ve,
+      generateCsv: Ce,
+      toggleAnnotator: Ae,
+      toggleTable: Qe,
+      toggleFullscreen: qe
+    }), (t, o) => (n(), r("div", {
+      ref_key: "ridgelineChart",
+      ref: $,
+      class: ae(`vue-ui-ridgeline ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      id: `vue-ui-ridgeline_${A.value}`,
+      style: w({
+        fontFamily: e.value.style.fontFamily,
+        width: "100%",
+        textAlign: "center",
+        background: e.value.style.chart.backgroundColor,
+        height: e.value.responsive ? "100%" : void 0
+      }),
+      onMouseenter: o[5] || (o[5] = () => u(Ee)(!0)),
+      onMouseleave: o[6] || (o[6] = () => u(Ee)(!1))
+    }, [
+      e.value.userOptions.buttons.annotator && u(fe) ? (n(), T(u(pt), {
+        key: 0,
+        color: e.value.style.chart.color,
+        backgroundColor: e.value.style.chart.backgroundColor,
+        active: ee.value,
+        svgRef: u(fe),
+        onClose: Ae
+      }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : v("", !0),
+      p(t.$slots, "userConfig", {}, void 0, !0),
+      wt.value ? (n(), r("div", {
+        key: 1,
+        ref_key: "noTitle",
+        ref: Ie,
+        class: "vue-data-ui-no-title-space",
+        style: "height:36px; width: 100%;background:transparent"
+      }, null, 512)) : v("", !0),
+      e.value.style.chart.title.text ? (n(), r("div", {
+        key: 2,
+        ref_key: "chartTitle",
+        ref: Oe,
+        style: "width:100%;background:transparent;padding-bottom:24px"
+      }, [
+        (n(), T($a, {
+          key: `title_${ie.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)) : v("", !0),
+      e.value.userOptions.show && U.value && (u(He) || u(Z)) ? (n(), T(u(bt), {
+        ref: "details",
+        key: `user_option_${Fe.value}`,
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        isPrinting: u(Be),
+        isImaging: u(Ue),
+        uid: A.value,
+        hasTooltip: !1,
+        callbacks: e.value.userOptions.callbacks,
+        hasPdf: e.value.userOptions.buttons.pdf,
+        hasImg: e.value.userOptions.buttons.img,
+        hasXls: e.value.userOptions.buttons.csv,
+        hasTable: e.value.userOptions.buttons.table,
+        hasLabel: !1,
+        hasFullscreen: e.value.userOptions.buttons.fullscreen,
+        isFullscreen: I.value,
+        printScale: e.value.userOptions.print.scale,
+        chartElement: $.value,
+        position: e.value.userOptions.position,
+        isTooltip: !1,
+        titles: { ...e.value.userOptions.buttonTitles },
+        hasAnnotator: e.value.userOptions.buttons.annotator,
+        isAnnotation: ee.value,
+        style: w({
+          visibility: u(He) ? u(Z) ? "visible" : "hidden" : "visible"
+        }),
+        onToggleFullscreen: qe,
+        onGeneratePdf: u(Ve),
+        onGenerateCsv: Ce,
+        onGenerateImage: u(We),
+        onToggleTable: Qe,
+        onToggleAnnotator: Ae
+      }, $e({ _: 2 }, [
+        t.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: f(({ isOpen: a, color: s }) => [
+            p(t.$slots, "menuIcon", le(oe({ isOpen: a, color: s })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        t.$slots.optionTooltip ? {
+          name: "optionTooltip",
+          fn: f(() => [
+            p(t.$slots, "optionTooltip", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        t.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: f(() => [
+            p(t.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        t.$slots.optionCsv ? {
+          name: "optionCsv",
+          fn: f(() => [
+            p(t.$slots, "optionCsv", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
+        t.$slots.optionImg ? {
+          name: "optionImg",
+          fn: f(() => [
+            p(t.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
+        t.$slots.optionTable ? {
+          name: "optionTable",
+          fn: f(() => [
+            p(t.$slots, "optionTable", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
+        t.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: f(({ toggleFullscreen: a, isFullscreen: s }) => [
+            p(t.$slots, "optionFullscreen", le(oe({ toggleFullscreen: a, isFullscreen: s })), void 0, !0)
+          ]),
+          key: "6"
+        } : void 0,
+        t.$slots.optionAnnotator ? {
+          name: "optionAnnotator",
+          fn: f(({ toggleAnnotator: a, isAnnotator: s }) => [
+            p(t.$slots, "optionAnnotator", le(oe({ toggleAnnotator: a, isAnnotator: s })), void 0, !0)
+          ]),
+          key: "7"
+        } : void 0
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "callbacks", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "printScale", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "style", "onGeneratePdf", "onGenerateImage"])) : v("", !0),
+      (n(), r("svg", {
+        ref_key: "svgRef",
+        ref: fe,
+        xmlns: u(ra),
+        class: ae({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
+        viewBox: `0 0 ${g.value.width <= 0 ? 10 : g.value.width} ${b.value.fullHeight <= 0 ? 10 : b.value.fullHeight}`,
+        style: w(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};${e.value.responsive ? `height: ${Re.value}px; width: 100%;` : ""}`)
+      }, [
+        _e(u(xt)),
+        y("defs", null, [
+          (n(!0), r(m, null, k(xe.value, (a, s) => (n(), r("linearGradient", {
+            id: `gradient-${a.id}-${A.value}`,
+            x1: "50%",
+            y1: "0%",
+            x2: "50%",
+            y2: "100%"
+          }, [
+            y("stop", {
+              offset: "0%",
+              "stop-color": a.color,
+              "stop-opacity": "1"
+            }, null, 8, Oa),
+            y("stop", {
+              offset: "30%",
+              "stop-color": a.color,
+              "stop-opacity": "0.7"
+            }, null, 8, za),
+            y("stop", {
+              offset: "70%",
+              "stop-color": a.color,
+              "stop-opacity": "0.3"
+            }, null, 8, Da),
+            y("stop", {
+              offset: "100%",
+              "stop-color": a.color,
+              "stop-opacity": "0.1"
+            }, null, 8, Ia)
+          ], 8, La))), 256)),
+          (n(!0), r(m, null, k(B.value, (a, s) => (n(), r(m, null, [
+            (n(!0), r(m, null, k(a.datapoints, (l, c) => (n(), r("linearGradient", {
+              key: `grad${l.id}`,
+              id: `gradient-single-${A.value}-${l.uid}`,
+              x1: "50%",
+              y1: "0%",
+              x2: "50%",
+              y2: "100%"
+            }, [
+              y("stop", {
+                offset: "0%",
+                "stop-color": l.color,
+                "stop-opacity": "1"
+              }, null, 8, Na),
+              y("stop", {
+                offset: "30%",
+                "stop-color": l.color,
+                "stop-opacity": "0.7"
+              }, null, 8, Ra),
+              y("stop", {
+                offset: "70%",
+                "stop-color": l.color,
+                "stop-opacity": "0.3"
+              }, null, 8, Ea),
+              y("stop", {
+                offset: "100%",
+                "stop-color": l.color,
+                "stop-opacity": "0.1"
+              }, null, 8, Ha)
+            ], 8, Fa))), 128))
+          ], 64))), 256))
+        ]),
+        (n(!0), r(m, null, k(B.value, (a, s) => (n(), r("g", {
+          key: `ds-${s}`
+        }, [
+          (n(!0), r(m, null, k(a.datapoints, (l, c) => (n(), r("g", {
+            key: l.id
+          }, [
+            t.$slots.pattern ? (n(), r("g", Xa, [
+              y("defs", null, [
+                p(t.$slots, "pattern", Te({ ref_for: !0 }, { datapointIndex: s, seriesIndex: c, patternId: `pattern_${A.value}_${l.uid}` }), void 0, !0)
+              ])
+            ])) : v("", !0),
+            y("path", {
+              fill: t.$slots.pattern ? `url(#pattern_${A.value}_${l.uid})` : e.value.style.chart.backgroundColor,
+              stroke: "none",
+              "stroke-linecap": "round",
+              d: e.value.style.chart.areas.smooth ? l.smoothPath : l.straightPath,
+              style: w({
+                opacity: e.value.style.chart.areas.opacity
+              })
+            }, null, 12, Ba),
+            y("path", {
+              fill: "none",
+              stroke: e.value.style.chart.areas.stroke.useSerieColor ? l.color : e.value.style.chart.areas.stroke.color,
+              "stroke-width": e.value.style.chart.areas.strokeWidth,
+              d: e.value.style.chart.areas.smooth ? l.smoothPathRidge : l.straightPathRidge,
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              class: ae({ "vue-ui-ridgeline-animate": e.value.useCssAnimation && !u(W) }),
+              style: w({
+                strokeDasharray: l.pathLength,
+                strokeDashoffset: e.value.useCssAnimation ? l.pathLength : 0
+              })
+            }, null, 14, Ua),
+            y("path", {
+              fill: e.value.style.chart.areas.useGradient ? e.value.style.chart.areas.useCommonColor ? `url(#gradient-${l.id}-${A.value})` : `url(#gradient-single-${A.value}-${l.uid})` : l.color,
+              stroke: "none",
+              d: e.value.style.chart.areas.smooth ? l.smoothPath : l.straightPath,
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              class: ae({ "vue-ui-ridgeline-animate": e.value.useCssAnimation && !u(W) }),
+              style: w({
+                strokeDasharray: l.pathLength,
+                strokeDashoffset: e.value.useCssAnimation ? l.pathLength : 0
+              })
+            }, null, 14, Va),
+            e.value.style.chart.zeroLine.show ? (n(), r("path", {
+              key: 1,
+              stroke: e.value.style.chart.zeroLine.useSerieColor ? l.color : e.value.style.chart.zeroLine.stroke,
+              "stroke-dasharray": e.value.style.chart.zeroLine.strokeDasharray,
+              "stroke-width": e.value.style.chart.zeroLine.strokeWidth,
+              d: l.zeroPath,
+              "stroke-linecap": "round"
+            }, null, 8, Wa)) : v("", !0),
+            e.value.style.chart.areas.maxPoint.show && l.plots.length > 1 ? (n(!0), r(m, { key: 2 }, k(l.plots, (_) => (n(), r(m, null, [
+              _.isMaxPoint ? (n(), r("line", {
+                key: 0,
+                x1: _.x,
+                y1: _.y,
+                x2: _.x,
+                y2: _.zero,
+                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? u(ua)(l.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, Ga)) : v("", !0)
+            ], 64))), 256)) : v("", !0),
+            l.plots.length === 1 ? (n(), r("circle", {
+              key: 3,
+              cx: l.plots[0].x,
+              cy: l.plots[0].y,
+              stroke: e.value.style.chart.selector.dot.stroke,
+              "stroke-width": e.value.style.chart.selector.dot.strokeWidth,
+              r: e.value.style.chart.selector.dot.radius,
+              fill: e.value.style.chart.selector.dot.useDatapointColor ? l.color : e.value.style.chart.selector.dot.fill,
+              style: {
+                pointerEvents: "none"
+              }
+            }, null, 8, Ya)) : v("", !0)
+          ]))), 128)),
+          y("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: w({
+              cursor: e.value.style.chart.dialog.show ? "pointer" : "default"
+            }),
+            "text-decoration": e.value.style.chart.dialog.show && (ke.value === s || H.value && a.uid === H.value.uid) ? "underline" : "",
+            onMouseenter: (l) => Nt(s),
+            onMouseleave: Rt,
+            onClick: (l) => Ft(a)
+          }, R(a.name), 45, ja)
+        ]))), 128)),
+        e.value.style.chart.xAxis.labels.values.length ? (n(), r("g", {
+          key: 0,
+          ref_key: "timeLabelsEls",
+          ref: he
+        }, [
+          (n(!0), r(m, null, k(X.value, (a, s) => p(t.$slots, "time-label", Te({ ref_for: !0 }, {
+            show: a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || a && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (s === 0 || s === X.value.length - 1) || a && h.value && h.value.index === s || a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(X.value.length / e.value.style.chart.xAxis.labels.modulo) === 0,
+            fontSize: e.value.style.chart.xAxis.labels.fontSize,
+            content: 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}, ${b.value.top + a.height + e.value.style.chart.xAxis.labels.offsetY}), rotate(${e.value.style.chart.xAxis.labels.rotation})`,
+            x: a.selectorX,
+            y: b.value.bottom + e.value.style.chart.xAxis.labels.offsetY
+          }), () => [
+            a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || a && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (s === 0 || s === X.value.length - 1) || a && h.value && h.value.index === s || a && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && s % Math.floor(X.value.length / e.value.style.chart.xAxis.labels.modulo) === 0 ? (n(), r("g", qa, [
+              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}, ${b.value.bottom + e.value.style.chart.xAxis.labels.offsetY}), rotate(${e.value.style.chart.xAxis.labels.rotation})`,
+                "text-anchor": e.value.style.chart.xAxis.labels.rotation > 0 ? "start" : e.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
+                style: w({
+                  opacity: h.value ? h.value.index === s ? 1 : 0.2 : 1
+                }),
+                innerHTML: u(ia)({
+                  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, Ja)) : (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}, ${b.value.bottom + e.value.style.chart.xAxis.labels.offsetY}), rotate(${e.value.style.chart.xAxis.labels.rotation})`,
+                "text-anchor": e.value.style.chart.xAxis.labels.rotation > 0 ? "start" : e.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
+                style: w({
+                  opacity: h.value ? h.value.index === s ? 1 : 0.2 : 1
+                })
+              }, R(a.label), 13, Ka))
+            ])) : v("", !0)
+          ], !0)), 256))
+        ], 512)) : v("", !0),
+        y("g", null, [
+          (n(!0), r(m, null, k(X.value, (a, s) => (n(), r("rect", {
+            x: a.x,
+            y: a.y,
+            width: a.width < 0 ? 0.1 : a.width,
+            height: a.height < 0 ? 0.1 : a.height,
+            fill: "transparent",
+            onMouseenter: (l) => St(a),
+            onMouseleave: (l) => Mt(a),
+            onClick: () => Lt(a)
+          }, null, 40, Qa))), 256)),
+          e.value.style.chart.selector.show && h.value ? (n(), r("line", {
+            key: 0,
+            x1: h.value.selectorX,
+            x2: h.value.selectorX,
+            y1: h.value.y,
+            y2: h.value.y + h.value.height - C.value / 2,
+            stroke: e.value.style.chart.selector.stroke,
+            "stroke-width": e.value.style.chart.selector.strokeWidth,
+            "stroke-dasharray": e.value.style.chart.selector.strokeDasharray,
+            "stroke-linecap": "round",
+            style: { pointerEvents: "none" }
+          }, null, 8, Za)) : v("", !0),
+          h.value ? (n(!0), r(m, { key: 1 }, k(B.value, (a) => (n(), r(m, null, [
+            (n(!0), r(m, null, k(a.datapoints, (s) => (n(), r(m, null, [
+              (n(!0), r(m, null, k(s.plots, (l, c) => (n(), r(m, null, [
+                h.value && h.value.index === c ? (n(), r("circle", {
+                  key: 0,
+                  cx: l.x,
+                  cy: l.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, el)) : v("", !0),
+                h.value && h.value.index === c ? (n(), r("text", {
+                  key: 1,
+                  x: je(
+                    l.x,
+                    u(ne)(
+                      e.value.style.chart.selector.labels.formatter,
+                      l.value,
+                      u(re)({
+                        p: e.value.style.chart.xAxis.labels.prefix,
+                        v: l.value,
+                        s: e.value.style.chart.xAxis.labels.suffix,
+                        r: e.value.style.chart.selector.labels.rounding
+                      })
+                    ),
+                    e.value.style.chart.selector.labels.fontSize
+                  ) ? l.x - e.value.style.chart.selector.labels.fontSize / 2 : l.x + e.value.style.chart.selector.labels.fontSize / 2,
+                  y: l.y + e.value.style.chart.selector.labels.fontSize / 3,
+                  "text-anchor": je(
+                    l.x,
+                    u(ne)(
+                      e.value.style.chart.selector.labels.formatter,
+                      l.value,
+                      u(re)({
+                        p: e.value.style.chart.xAxis.labels.prefix,
+                        v: l.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"
+                  }
+                }, R(u(ne)(
+                  e.value.style.chart.selector.labels.formatter,
+                  l.value,
+                  u(re)({
+                    p: e.value.style.chart.xAxis.labels.prefix,
+                    v: l.value,
+                    s: e.value.style.chart.xAxis.labels.suffix,
+                    r: e.value.style.chart.selector.labels.rounding
+                  })
+                )), 9, tl)) : v("", !0)
+              ], 64))), 256))
+            ], 64))), 256))
+          ], 64))), 256)) : v("", !0)
+        ]),
+        p(t.$slots, "svg", { svg: g.value }, void 0, !0)
+      ], 14, Ma)),
+      t.$slots.watermark ? (n(), r("div", al, [
+        p(t.$slots, "watermark", le(oe({ isPrinting: u(Be) || u(Ue) })), void 0, !0)
+      ])) : v("", !0),
+      y("div", {
+        ref_key: "chartLegend",
+        ref: ze
+      }, [
+        e.value.style.chart.legend.show ? (n(), T(wa, {
+          key: `legend_${ce.value}`,
+          legendSet: xe.value,
+          config: It.value,
+          onClickMarker: o[0] || (o[0] = ({ legend: a }) => Ge(a.id))
+        }, $e({
+          item: f(({ legend: a }) => [
+            u(W) ? v("", !0) : (n(), r("div", {
+              key: 0,
+              style: w(`opacity:${L.value.includes(a.id) ? 0.5 : 1}`),
+              onClick: (s) => a.segregate()
+            }, R(a.name), 13, ll))
+          ]),
+          _: 2
+        }, [
+          t.$slots.pattern ? {
+            name: "legend-pattern",
+            fn: f(({ legend: a, index: s }) => [
+              _e(_a, {
+                shape: a.shape,
+                radius: 30,
+                stroke: "none",
+                plot: { x: 30, y: 30 },
+                fill: `url(#pattern_${A.value}_${s})`
+              }, null, 8, ["shape", "fill"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["legendSet", "config"])) : v("", !0),
+        p(t.$slots, "legend", { legend: xe.value }, void 0, !0)
+      ], 512),
+      t.$slots.source ? (n(), r("div", {
+        key: 5,
+        ref_key: "source",
+        ref: De,
+        dir: "auto"
+      }, [
+        p(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : v("", !0),
+      U.value ? (n(), T(Zt(j.value.component), Te({ key: 6 }, j.value.props, {
+        ref_key: "tableUnit",
+        ref: V,
+        onClose: o[3] || (o[3] = (a) => S.value.showTable = !1)
+      }), $e({
+        content: f(() => [
+          (n(), T(u(mt), {
+            key: `table_${At.value}`,
+            colNames: te.value.colNames,
+            head: te.value.head,
+            body: te.value.body,
+            config: te.value.config,
+            title: e.value.table.useDialog ? "" : j.value.title,
+            withCloseButton: !e.value.table.useDialog,
+            onClose: o[2] || (o[2] = (a) => S.value.showTable = !1)
+          }, {
+            th: f(({ th: a }) => [
+              y("div", { innerHTML: a }, null, 8, ol)
+            ]),
+            td: f(({ td: a }) => [
+              Pe(R(a.name ? a.name : u(ne)(
+                e.value.style.chart.selector.labels.formatter,
+                a,
+                u(re)({
+                  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"]))
+        ]),
+        _: 2
+      }, [
+        e.value.table.useDialog ? {
+          name: "title",
+          fn: f(() => [
+            Pe(R(j.value.title), 1)
+          ]),
+          key: "0"
+        } : void 0,
+        e.value.table.useDialog ? {
+          name: "actions",
+          fn: f(() => [
+            y("button", {
+              tabindex: "0",
+              class: "vue-ui-user-options-button",
+              onClick: o[1] || (o[1] = (a) => Ce(e.value.userOptions.callbacks.csv))
+            }, [
+              _e(u(ft), {
+                name: "excel",
+                stroke: j.value.props.color
+              }, null, 8, ["stroke"])
+            ])
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040)) : v("", !0),
+      e.value.style.chart.dialog.show ? (n(), T(u(Le), {
+        key: 7,
+        ref_key: "dialog",
+        ref: ve,
+        onClose: o[4] || (o[4] = (a) => H.value = null),
+        backgroundColor: e.value.style.chart.dialog.backgroundColor,
+        color: e.value.style.chart.dialog.color,
+        headerBg: e.value.style.chart.dialog.header.backgroundColor,
+        headerColor: e.value.style.chart.dialog.header.color,
+        isFullscreen: I.value,
+        fullscreenParent: $.value,
+        withPadding: ""
+      }, {
+        title: f(() => [
+          Pe(R(H.value.name), 1)
+        ]),
+        content: f(() => [
+          H.value ? (n(), T(u(yt), {
+            key: 0,
+            config: Ke.value,
+            dataset: Je.value
+          }, null, 8, ["config", "dataset"])) : v("", !0)
+        ]),
+        _: 1
+      }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : v("", !0),
+      u(W) ? (n(), T(pa, { key: 8 })) : v("", !0)
+    ], 46, Sa));
+  }
+}, kl = /* @__PURE__ */ Pa(sl, [["__scopeId", "data-v-2b0f164a"]]);
+export {
+  kl as default
+};