vue-data-ui 3.10.0 → 3.10.2

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

@@ -0,0 +1,1306 @@
+import { defineAsyncComponent as S, computed as c, ref as u, shallowRef as uo, toRefs as mt, onBeforeUnmount as co, watch as oe, nextTick as De, watchEffect as pt, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as F, normalizeClass as ne, createBlock as _, createCommentVNode as v, renderSlot as C, createElementVNode as f, withCtx as d, normalizeProps as B, guardReactiveProps as E, createSlots as $e, createVNode as _e, Fragment as A, renderList as p, mergeProps as Be, toDisplayString as V, resolveDynamicComponent as kt, createTextVNode as Ee } from "vue";
+import { c as Te, t as xt, k as wt, m as Ft, j as ie, at as ho, V as Dt, C as vo, A as $t, ah as _t, X as Bt, x as Et, $ as Tt, a as ue, d as ce, i as Lt, g as Le, l as Co, o as St, v as zt, r as Ot, aa as Mt } from "./lib-CVHM9FhP.js";
+import { t as go, u as Pt } from "./useResponsive-DfdjqQps.js";
+import { u as Nt, a as Se } from "./useNestedProp-Ckf_2P_V.js";
+import { u as Rt, B as It } from "./BaseScanner-BMpwQAfz.js";
+import { u as Vt } from "./usePrinter-1NmjuP-i.js";
+import { u as Ht } from "./useSvgExport-ByUukOZt.js";
+import { u as Xt } from "./useTimeLabels-DKoynYae.js";
+import { u as Ut } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as jt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Gt } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Wt } from "./useTimeLabelCollider-CIsgDrl9.js";
+import Yt from "./Legend-DN5UJOBH.js";
+import qt from "./Title-NgeRXqRA.js";
+import { _ as Jt } from "./Shape-PzdCMGsP.js";
+import Kt from "./img-6fNF_rG0.js";
+import { _ as Qt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const fo = { userOptions: { show: !1 }, style: { chart: { dialog: { xyChart: { chart: { userOptions: { show: !1 }, legend: { show: !1 } } } } } } }, bo = { userOptions: { show: !1 }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, areas: { stroke: { color: "#1A1A1A" } }, dialog: { backgroundColor: "#1A1A1A", color: "#CCCCCC", header: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, xyChart: { chart: { userOptions: { show: !1 }, backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, timeTag: { backgroundColor: "#2A2A2A", color: "#CCCCCC", circleMarker: { color: "#2A2A2A" } }, grid: { stroke: "#5A5A5A", showVerticalLines: !1, labels: { color: "#CCCCCC", xAxisLabels: { color: "#CCCCCC" }, xAxis: { showBaseline: !1 } } }, legend: { show: !1, color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } }, bar: { border: { stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" }, serieName: { color: "#CCCCCC" } }, line: { labels: { color: "#CCCCCC" } }, plot: { labels: { color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" }, selector: { stroke: "#CCCCCC", dot: { fill: "#CCCCCC", stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" } }, xAxis: { labels: { color: "#CCCCCC" } }, yAxis: { labels: { color: "#CCCCCC" } }, zeroLine: { stroke: "#5A5A5A" } } } }, Ao = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, areas: { stroke: { color: "#1A1A1A" } }, dialog: { backgroundColor: "#1A1A1A", color: "#CCCCCC", header: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, xyChart: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, timeTag: { backgroundColor: "#2A2A2A", color: "#CCCCCC", circleMarker: { color: "#2A2A2A" } }, grid: { stroke: "#5A5A5A", showVerticalLines: !1, labels: { color: "#CCCCCC", xAxisLabels: { color: "#CCCCCC" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } }, bar: { border: { stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" }, serieName: { color: "#CCCCCC" } }, line: { labels: { color: "#CCCCCC" } }, plot: { labels: { color: "#CCCCCC" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, selector: { stroke: "#CCCCCC", dot: { fill: "#CCCCCC", stroke: "#1A1A1A" }, labels: { color: "#CCCCCC" } }, xAxis: { labels: { color: "#CCCCCC" } }, yAxis: { labels: { color: "#CCCCCC" } }, zeroLine: { stroke: "#5A5A5A" } } } }, yo = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", title: { color: "#424242", subtitle: { color: "#757575" } }, areas: { stroke: { color: "#8F837A" } }, dialog: { backgroundColor: "#FFF8E1", color: "#424242", header: { backgroundColor: "#FFF8E1", color: "#424242" }, xyChart: { chart: { backgroundColor: "#FFF8E1", color: "#424242", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#424242", indicatorColor: "#FF8A65" } }, highlighter: { color: "#424242" }, timeTag: { backgroundColor: "#424242", color: "#FFF8E1", circleMarker: { color: "#424242" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#424242", xAxisLabels: { color: "#424242" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#FFF8E1" }, labels: { color: "#424242" }, serieName: { color: "#424242" } }, line: { labels: { color: "#424242" } }, plot: { labels: { color: "#424242" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, selector: { stroke: "#FF8A65", dot: { fill: "#424242", stroke: "#FFF8E1" }, labels: { color: "#424242" } }, xAxis: { labels: { color: "#424242" } }, yAxis: { labels: { color: "#424242" } }, zeroLine: { stroke: "#5D4037" } } } }, mo = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, areas: { stroke: { color: "#8F837A" } }, dialog: { backgroundColor: "#1E1E1E", color: "#BDBDBD", header: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, xyChart: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", zoom: { color: "#5D4037", highlightColor: "#FF8A65", minimap: { selectedColor: "#FF8A65", lineColor: "#FF6B6B", indicatorColor: "#FF8A65" } }, highlighter: { color: "#FFF8E1" }, timeTag: { backgroundColor: "#5D4037", color: "#FFF8E1", circleMarker: { color: "#5D4037" } }, grid: { stroke: "#5D4037", showVerticalLines: !1, labels: { color: "#BDBDBD", xAxisLabels: { color: "#BDBDBD" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } }, bar: { borderRadius: 2, border: { stroke: "#1E1E1E" }, labels: { color: "#BDBDBD" }, serieName: { color: "#BDBDBD" } }, line: { labels: { color: "#BDBDBD" } }, plot: { labels: { color: "#BDBDBD" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, selector: { stroke: "#FF8A65", dot: { fill: "#424242", stroke: "#1E1E1E" }, labels: { color: "#BDBDBD" } }, xAxis: { labels: { color: "#BDBDBD" } }, yAxis: { labels: { color: "#BDBDBD" } }, zeroLine: { stroke: "#5D4037" } } } }, po = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, areas: { stroke: { color: "#66CC66" } }, dialog: { backgroundColor: "#1A1A1A", color: "#99AA99", header: { backgroundColor: "#1A1A1A", color: "#99AA99" }, xyChart: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, timeTag: { backgroundColor: "#1A1A1A", color: "#66CC66", circleMarker: { color: "#66CC66" } }, grid: { stroke: "#5F6A5F", showVerticalLines: !1, labels: { color: "#99AA99", xAxisLabels: { color: "#99AA99" }, xAxis: { showBaseline: !1 } } }, legend: { color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } }, bar: { borderRadius: 0, border: { stroke: "#66CC66" }, labels: { color: "#AACCAA" }, serieName: { color: "#99CC99" } }, line: { labels: { color: "#AACCAA" } }, plot: { labels: { color: "#AACCAA" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, selector: { stroke: "#99AA99", dot: { fill: "#4A4A4A", stroke: "#1A1A1A" }, labels: { color: "#99AA99" } }, xAxis: { labels: { color: "#99AA99" } }, yAxis: { labels: { color: "#99AA99" } }, zeroLine: { stroke: "#2A2A2A" } } } }, ko = { table: { th: { backgroundColor: "#fbfafa", color: "#8A9892" }, td: { backgroundColor: "#fbfafa", color: "#8A9892" } }, style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, areas: { stroke: { color: "#8F837A" } }, dialog: { backgroundColor: "#fbfafa", color: "#8A9892", header: { backgroundColor: "#fbfafa", color: "#8A9892" }, xyChart: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, timeTag: { backgroundColor: "#fbfafa", color: "#8A9892", circleMarker: { color: "#8A9892" } }, grid: { stroke: "transparent", labels: { show: !1, color: "#99AA99", xAxisLabels: { show: !1, color: "#99AA99" }, zeroLine: { show: !1 }, yAxis: { showBaseline: !1 } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, bar: { borderRadius: 4, border: { stroke: "#D7E0D2" }, labels: { color: "#8F837A" }, serieName: { color: "#858480" } }, line: { labels: { color: "#8F837A" } }, plot: { labels: { color: "#8F837A" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } } }, legend: { backgroundColor: "#fbfafa", color: "#8A9892" }, selector: { stroke: "#8F837A", dot: { fill: "#8F837A", stroke: "#fbfafa" }, labels: { color: "#8F837A" } }, xAxis: { labels: { color: "#8F837A" } }, yAxis: { labels: { color: "#8F837A" } }, zeroLine: { stroke: "#8F837A" } } } }, xo = { table: { th: { backgroundColor: "#fbfafa", color: "#8A9892" }, td: { backgroundColor: "#fbfafa", color: "#8A9892" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", title: { color: "#50606C", subtitle: { color: "#718890" } }, areas: { stroke: { color: "#829C98" } }, dialog: { backgroundColor: "#f6f6fb", color: "#50606C", header: { backgroundColor: "#f6f6fb", color: "#50606C" }, xyChart: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, timeTag: { backgroundColor: "#f6f6fb", color: "#50606C", circleMarker: { color: "#50606C" } }, grid: { stroke: "#829C98", showVerticalLines: !0, showHorizontalLines: !0, labels: { color: "#50606C", xAxisLabels: { color: "#50606C" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, bar: { borderRadius: 2, border: { stroke: "#404C4D" }, labels: { color: "#50606C" }, serieName: { color: "#61747E" } }, line: { labels: { color: "#50606C" } }, plot: { labels: { color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } } }, legend: { backgroundColor: "#f6f6fb", color: "#50606C" }, selector: { stroke: "#7DA9B5", dot: { fill: "#7DA9B5", stroke: "#f6f6fb" }, labels: { color: "#50606C" } }, xAxis: { labels: { color: "#50606C" } }, yAxis: { labels: { color: "#50606C" } }, zeroLine: { stroke: "#829C98" } } } }, wo = {
+  default: {},
+  minimal: fo,
+  minimalDark: bo,
+  dark: Ao,
+  celebration: yo,
+  celebrationNight: mo,
+  hack: po,
+  zen: ko,
+  concrete: xo
+}, Yl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  celebration: yo,
+  celebrationNight: mo,
+  concrete: xo,
+  dark: Ao,
+  default: wo,
+  hack: po,
+  minimal: fo,
+  minimalDark: bo,
+  zen: ko
+}, Symbol.toStringTag, { value: "Module" })), Zt = ["id"], el = ["xmlns", "viewBox"], ol = ["id"], tl = ["stop-color"], ll = ["stop-color"], al = ["stop-color"], rl = ["stop-color"], sl = ["id"], nl = ["stop-color"], il = ["stop-color"], ul = ["stop-color"], cl = ["stop-color"], dl = { key: 0 }, hl = ["fill", "d"], vl = ["stroke", "stroke-width", "d"], Cl = ["fill", "d"], gl = ["stroke", "stroke-dasharray", "stroke-width", "d"], fl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], bl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Al = ["x", "y", "font-size", "font-weight", "fill", "text-decoration", "onMouseenter", "onClick"], yl = { key: 0 }, ml = ["font-size", "fill", "font-weight", "transform", "text-anchor"], pl = ["font-size", "fill", "font-weight", "transform", "text-anchor", "innerHTML"], kl = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], xl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], wl = ["cx", "cy", "stroke", "stroke-width", "r", "fill"], Fl = ["x", "y", "text-anchor", "font-size", "fill"], Dl = {
+  key: 4,
+  class: "vue-data-ui-watermark"
+}, $l = ["onClick"], _l = ["innerHTML"], Bl = {
+  __name: "vue-ui-ridgeline",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  emits: ["selectLegend", "selectDatapoint", "selectX"],
+  setup(Fo, { expose: Do, emit: $o }) {
+    const _o = S(() => import("./vue-ui-xy-spqKboQb.js").then((o) => o.a)), Bo = S(() => import("./BaseIcon-4uOct8re.js")), Eo = S(() => import("./vue-ui-accordion-DFKaB_05.js")), To = S(() => import("./DataTable-DyoDzNNY.js")), Lo = S(() => import("./PenAndPaper-LTuSTmWE.js")), So = S(() => import("./UserOptions-CX7Xsusk.js")), zo = S(() => import("./PackageVersion-CQxJyGQr.js")), ze = S(() => import("./BaseDraggableDialog-BQYfVNu8.js")), { vue_ui_ridgeline: Oo } = Nt(), { isThemeValid: Mo, warnInvalidTheme: Po } = Ut(), z = Fo, G = c({
+      get() {
+        return Array.isArray(M.value) && M.value.length > 0;
+      },
+      set(o) {
+        return o;
+      }
+    }), de = $o, D = u(null), Oe = u(null), Me = u(null), T = uo(null), O = uo(null), Pe = u(null), Ne = u(null), he = u(0), No = u(0), ve = u(0), k = u(Te()), Re = u(0), Ro = u(0), Ie = u(512), g = u(null), H = u(null), Ce = u(null), Ve = u(0), ge = u(null), W = u(null), fe = u(null);
+    function be() {
+      const o = Se({
+        userConfig: z.config,
+        defaultConfig: Oo
+      }), l = o.theme;
+      if (!l) return o;
+      if (!Mo.value(o))
+        return Po(o), o;
+      const t = Se({
+        userConfig: wo[l] || z.config,
+        defaultConfig: o
+      }), r = Se({
+        userConfig: z.config,
+        defaultConfig: t
+      });
+      return {
+        ...r,
+        customPalette: r.customPalette.length ? r.customPalette : Lt[l] || ie
+      };
+    }
+    const e = u(be()), { loading: Y, FINAL_DATASET: M, manualLoading: Ae } = Rt({
+      ...mt(z),
+      FINAL_CONFIG: e,
+      prepareConfig: be,
+      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: xt({
+        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 }
+            }
+          }
+        }
+      })
+    }), x = u(Math.min(
+      e.value.style.chart.areas.height,
+      e.value.style.chart.areas.rowHeight
+    )), {
+      userOptionsVisible: te,
+      setUserOptionsVisibility: He,
+      keepUserOptionState: Xe
+    } = jt({ config: e.value }), { svgRef: le } = Gt({ config: e.value.style.chart.title }), ye = c(() => !!e.value.debug);
+    function Ue() {
+      const o = M.value || [];
+      if (!Array.isArray(o) || o.length === 0) {
+        Le({ componentName: "VueUiRidgeline", type: "dataset", debug: ye.value }), Ae.value = !0;
+        return;
+      }
+      if (o.forEach((l, t) => {
+        Co({
+          datasetObject: l,
+          requiredAttributes: ["name", "datapoints"]
+        }).forEach((r) => {
+          G.value = !1, Le({
+            componentName: "VueUiRidgeline",
+            type: "datasetSerieAttribute",
+            property: r,
+            index: t,
+            debug: ye.value
+          });
+        }), Array.isArray(l.datapoints) && l.datapoints.length && l.datapoints.forEach((r, a) => {
+          Co({
+            datasetObject: r,
+            requiredAttributes: ["name", "values"]
+          }).forEach((h) => {
+            G.value = !1, Le({
+              componentName: "VueUiRidgeline",
+              type: "datasetSerieAttribute",
+              property: `datapoint.${h}`,
+              index: `${t}-${a}`,
+              debug: ye.value
+            });
+          });
+        });
+      }), Ro.value = o.length, x.value = Math.min(
+        e.value.style.chart.areas.height,
+        e.value.style.chart.areas.rowHeight
+      ), St(z.dataset) || (Ae.value = e.value.loading), e.value.responsive) {
+        const l = go(() => {
+          const { width: t, height: r } = Pt({
+            chart: D.value,
+            title: e.value.style.chart.title.text ? Oe.value : null,
+            legend: e.value.style.chart.legend.show ? Me.value : null,
+            source: Pe.value,
+            noTitle: Ne.value,
+            padding: e.value.style.chart.padding
+          });
+          requestAnimationFrame(() => {
+            Ie.value = t, x.value = o.length ? r / o.length : 0, Ve.value = r - 12;
+          });
+        });
+        T.value && (O.value && T.value.unobserve(O.value), T.value.disconnect()), T.value = new ResizeObserver(l), O.value = D.value?.parentNode || null, O.value && T.value.observe(O.value);
+      }
+    }
+    co(() => {
+      T.value && (O.value && T.value.unobserve(O.value), T.value.disconnect());
+    });
+    const { isPrinting: je, isImaging: Ge, generatePdf: We, generateImage: Ye } = Vt({
+      elementId: `vue-ui-ridgeline_${k.value}`,
+      fileName: e.value.style.chart.title.text || "vue-ui-ridgeline",
+      options: e.value.userOptions.print
+    }), Io = c(() => e.value.userOptions.show && !e.value.style.chart.title.text), Vo = c(() => wt(e.value.customPalette)), P = u({
+      showTable: e.value.table.show
+    });
+    oe(
+      () => M.value,
+      async (o) => {
+        Array.isArray(o) && o.length && (te.value = !e.value.userOptions.showOnChartHover, await De(), Ue(), he.value += 1, ve.value += 1, P.value.showTable = e.value.table.show);
+      },
+      { deep: !0, immediate: !0 }
+    ), oe(() => z.dataset, (o) => {
+      Array.isArray(o) && o.length > 0 && (Ae.value = !1);
+    }, { deep: !0 }), oe(
+      () => Y.value,
+      async (o) => {
+        o || (await De(), Ue());
+      },
+      { immediate: !0 }
+    ), oe(
+      () => z.config,
+      () => {
+        e.value = be(M.value || null), te.value = !e.value.userOptions.showOnChartHover, x.value = Math.min(e.value.style.chart.areas.height, e.value.style.chart.areas.rowHeight), P.value.showTable = e.value.table.show, he.value += 1, ve.value += 1;
+      },
+      { deep: !0 }
+    );
+    const me = c(() => e.value.style.chart.areas.height / e.value.style.chart.areas.rowHeight);
+    function ae(o) {
+      w.value.includes(o) ? w.value = w.value.filter((l) => l !== o) : w.value.push(o), de("selectLegend", U.value);
+    }
+    function qe(o) {
+      if (!j.value.length)
+        return e.value.debug && console.warn("VueUiRidgeline - There are no series to show."), null;
+      const l = j.value.find((t) => t.name === o);
+      return l || (e.value.debug && console.warn(`VueUiRidgeline - Series name not found "${o}"`), null);
+    }
+    function Ho(o) {
+      const l = qe(o);
+      l !== null && w.value.includes(l.id) && ae(l.id);
+    }
+    function Xo(o) {
+      const l = qe(o);
+      l !== null && (w.value.includes(l.id) || ae(l.id));
+    }
+    const L = c(() => G.value ? (M.value || []).map((o) => ({
+      ...o,
+      labelLen: Ko(o.name, e.value.style.chart.yAxis.labels.fontSize),
+      uid: Te(),
+      datapoints: o.datapoints.map((l, t) => {
+        const r = l.color ? Ft(l.color) : Vo.value[t] || ie[t] || ie[t % ie.length], a = ho(l.name);
+        return { ...l, color: r, id: a };
+      })
+    })) : []), Je = c(() => e.value.style.chart.padding.top + x.value * (M.value || []).length + x.value * me.value + e.value.style.chart.padding.bottom), b = c(() => {
+      const o = e.value.style.chart.padding;
+      return {
+        width: Ie.value,
+        height: Je.value,
+        padding: o
+      };
+    }), Uo = c(() => b.value.width), jo = c(() => b.value.height), pe = u(0), Go = go((o) => {
+      pe.value = o;
+    }, 100);
+    pt((o) => {
+      const l = ge.value;
+      if (!l) return;
+      const t = new ResizeObserver((r) => {
+        Go(r[0].contentRect.height);
+      });
+      t.observe(l), o(() => t.disconnect());
+    }), co(() => {
+      pe.value = 0;
+    });
+    const y = c(() => ({
+      fullHeight: b.value.height + pe.value,
+      top: b.value.padding.top,
+      left: b.value.padding.left,
+      right: b.value.width - b.value.padding.right,
+      bottom: b.value.height - e.value.style.chart.padding.bottom,
+      width: b.value.width - (b.value.padding.left + b.value.padding.right)
+    })), q = c(() => Math.max(...L.value.flatMap((o) => o.datapoints.map((l) => l.values.length)))), J = c(() => Xt({
+      values: e.value.style.chart.xAxis.labels.values,
+      maxDatapoints: q.value,
+      formatter: e.value.style.chart.xAxis.labels.datetimeFormatter,
+      start: 0,
+      end: e.value.style.chart.xAxis.labels.values.length
+    })), X = c(() => {
+      const o = Math.max(...L.value.map((a) => a.labelLen)), l = b.value.padding.left + o + 16 + e.value.style.chart.yAxis.labels.offsetX, t = (y.value.width - l) / q.value, r = [];
+      for (let a = 0; a < q.value; a += 1)
+        r.push({
+          selectorX: l + t * a,
+          x: l + t * a - t / 2,
+          y: y.value.top,
+          label: e.value.style.chart.xAxis.labels.values[a] ? J.value[a].text : "",
+          index: a,
+          width: t,
+          height: Je.value
+        });
+      return r;
+    });
+    function ke(o) {
+      return L.value.map((l) => l.datapoints.map((t) => ({
+        dp: t,
+        selected: t.values[o.index]
+      })));
+    }
+    function Wo(o) {
+      g.value = o;
+      const l = ke(o);
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: o.index });
+    }
+    function Yo(o) {
+      g.value = null;
+      const l = ke(o);
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: o.index });
+    }
+    function qo(o) {
+      const l = ke(o);
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: o.index }), de("selectX", l);
+    }
+    function Jo(o, l) {
+      return o.length * l / 2 + l;
+    }
+    function Ke(o, l, t) {
+      const r = Jo(l, t);
+      return o + r > y.value.right;
+    }
+    function Ko(o, l, t = "sans-serif") {
+      const a = document.createElement("canvas").getContext("2d"), h = typeof l == "number" ? `${l}px` : l;
+      return a.font = `${h} ${t}`, a.measureText(o).width;
+    }
+    const U = c(() => {
+      x.value;
+      const o = Math.max(...L.value.map((m) => m.labelLen)), l = Math.max(...L.value.flatMap((m) => m.datapoints.flatMap((Q) => Q.values))), t = Math.min(...L.value.flatMap((m) => m.datapoints.flatMap((Q) => Q.values))), r = b.value.padding.left + o + 16 + e.value.style.chart.yAxis.labels.offsetX, a = (y.value.width - r) / q.value, h = Math.abs(Math.min(t, 0)), $ = l + h;
+      function ro(m) {
+        return isNaN(m / $) ? 0 : m / $;
+      }
+      return L.value.map((m, Q) => {
+        const so = y.value.top + x.value * Q, R = y.value.top + so + x.value * me.value * (1 - ro(h));
+        return {
+          ...m,
+          label: {
+            x: r - e.value.style.chart.yAxis.labels.fontSize,
+            y: R
+          },
+          datapoints: m.datapoints.map((Z) => {
+            const I = Z.values.map((ee, gt) => {
+              const ft = isNaN(ee) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(ee) ? 0 : ee || 0, bt = r + a * gt, At = y.value.top + so + x.value * me.value * (1 - ro(ft + h)), yt = ee === Math.max(...Z.values);
+              return {
+                x: bt,
+                y: At,
+                value: ee,
+                isMaxPoint: yt,
+                zero: R
+              };
+            }), dt = `${Dt(I, R, !1, !1)}`, ht = `M ${r},${R} ${vo(I)} ${I.at(-1).x},${R}`, vt = `M ${r},${R} ${I.at(-1).x},${R}`, no = `M ${$t(I)}`, io = `M ${vo(I)}`, Ct = _t(
+              e.value.style.chart.areas.smooth ? no : io
+            );
+            return {
+              ...Z,
+              uid: Te(),
+              plots: I,
+              smoothPath: dt,
+              straightPath: ht,
+              zeroPath: vt,
+              pathLength: Ct,
+              smoothPathRidge: no,
+              straightPathRidge: io
+            };
+          }).filter((Z) => !w.value.includes(Z.id))
+        };
+      });
+    }), w = u([]);
+    function Qo(o) {
+      const l = /* @__PURE__ */ new Map();
+      return o.forEach((t) => {
+        t.datapoints.forEach((r, a) => {
+          const h = ho(r.name);
+          l.has(h) || l.set(h, {
+            id: h,
+            name: r.name,
+            color: r.color,
+            shape: "circle",
+            segregate: () => ae(h),
+            isSegregated: w.value.includes(h),
+            opacity: w.value.includes(h) ? 0.5 : 1
+          });
+        });
+      }), Array.from(l.values());
+    }
+    const j = c(() => Qo(L.value)), Zo = c(() => ({
+      cy: "donut-div-legend",
+      backgroundColor: e.value.style.chart.legend.backgroundColor,
+      color: e.value.style.chart.legend.color,
+      fontSize: e.value.style.chart.legend.fontSize,
+      paddingBottom: 12,
+      fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
+    })), N = u(!1);
+    function Qe(o) {
+      N.value = o, Re.value += 1;
+    }
+    const Ze = u({}), eo = u([]);
+    function et(o) {
+      de("selectDatapoint", o), e.value.style.chart.dialog.show && (eo.value = o.datapoints.map((l) => ({
+        name: l.name,
+        color: l.color,
+        type: "line",
+        useArea: !0,
+        smooth: e.value.style.chart.areas.smooth,
+        series: l.values
+      })), H.value = o, Ze.value = Mt({
+        ...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
+          }
+        }
+      }), Ce.value && Ce.value.open());
+    }
+    const xe = u(null);
+    function ot(o) {
+      xe.value = o;
+    }
+    function tt() {
+      xe.value = null;
+    }
+    const re = u(!1);
+    function we() {
+      re.value = !re.value;
+    }
+    function oo() {
+      P.value.showTable = !P.value.showTable;
+    }
+    const to = c(() => ({ body: U.value.flatMap((t) => t.datapoints.flatMap((r) => ({
+      ...r,
+      rowName: `${t.name}: ${r.name}`
+    }))).map((t) => [
+      {
+        name: t.rowName,
+        color: t.color
+      },
+      ...t.values
+    ]) })), se = c(() => {
+      const o = [
+        e.value.table.columnNames.series,
+        ...J.value.map((r) => r.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((r) => r.text)
+        ],
+        head: o,
+        body: to.value.body,
+        config: l
+      };
+    });
+    function Fe(o = null) {
+      De(() => {
+        const l = [
+          [e.value.table.columnNames.series, ...J.map((a) => [a.text])],
+          ...to.value.body.map((a, h) => [a[0].name, ...a.slice(1)])
+        ], t = [
+          [e.value.style.chart.title.text],
+          [e.value.style.chart.title.subtitle.text]
+        ].concat(l), r = zt(t);
+        o ? o(r) : Ot({
+          csvContent: r,
+          title: e.value.style.chart.title.text || "vue-ui-ridgeline"
+        });
+      });
+    }
+    function lt() {
+      return U.value;
+    }
+    async function at({ scale: o = 2 } = {}) {
+      if (!D.value) return;
+      const { width: l, height: t } = D.value.getBoundingClientRect(), r = l / t, { imageUri: a, base64: h } = await Kt({ domElement: D.value, base64: !0, img: !0, scale: o });
+      return {
+        imageUri: a,
+        base64: h,
+        title: e.value.style.chart.title.text,
+        width: l,
+        height: t,
+        aspectRatio: r
+      };
+    }
+    const rt = c(() => ({ min: 0, max: q.value }));
+    Wt({
+      timeLabelsEls: ge,
+      timeLabels: J,
+      slicer: rt,
+      configRef: e,
+      rotationPath: ["style", "chart", "xAxis", "labels", "rotation"],
+      autoRotatePath: ["style", "chart", "xAxis", "labels", "autoRotate", "enable"],
+      isAutoSize: !1,
+      width: Uo,
+      height: jo,
+      targetClass: ".vue-ui-ridgeline-x-axis-label",
+      angle: e.value.style.chart.xAxis.labels.autoRotate.angle
+    });
+    const K = c(() => {
+      const o = e.value.table.useDialog && !e.value.table.show, l = P.value.showTable;
+      return {
+        component: o ? ze : Eo,
+        title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
+        props: o ? {
+          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: N.value,
+          fullscreenParent: D.value,
+          forcedWidth: Math.min(800, window.innerWidth * 0.8)
+        } : {
+          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
+            }
+          }
+        }
+      };
+    });
+    oe(() => P.value.showTable, (o) => {
+      e.value.table.show || (o && e.value.table.useDialog && W.value ? W.value.open() : "close" in W.value && W.value.close());
+    });
+    function lo() {
+      P.value.showTable = !1, fe.value && fe.value.setTableIconState(!1);
+    }
+    const st = c(() => e.value.style.chart.backgroundColor), nt = c(() => ({
+      ...e.value.style.chart.legend,
+      position: "bottom"
+    })), it = c(() => e.value.style.chart.title), { exportSvg: ut, getSvg: ct } = Ht({
+      svg: le,
+      title: it,
+      legend: nt,
+      legendItems: j,
+      backgroundColor: st
+    });
+    async function ao({ isCb: o }) {
+      if (o) {
+        const { blob: l, url: t, text: r, dataUrl: a } = await ct();
+        e.value.userOptions.callbacks.svg({ blob: l, url: t, text: r, dataUrl: a });
+      } else
+        ut();
+    }
+    return Do({
+      getData: lt,
+      getImage: at,
+      generateImage: Ye,
+      generateSvg: ao,
+      generatePdf: We,
+      generateCsv: Fe,
+      hideSeries: Xo,
+      showSeries: Ho,
+      toggleAnnotator: we,
+      toggleTable: oo,
+      toggleFullscreen: Qe
+    }), (o, l) => (s(), n("div", {
+      ref_key: "ridgelineChart",
+      ref: D,
+      class: ne(`vue-data-ui-component vue-ui-ridgeline ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      id: `vue-ui-ridgeline_${k.value}`,
+      style: F({
+        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] = () => i(He)(!0)),
+      onMouseleave: l[4] || (l[4] = () => i(He)(!1))
+    }, [
+      e.value.userOptions.buttons.annotator && i(le) ? (s(), _(i(Lo), {
+        key: 0,
+        color: e.value.style.chart.color,
+        backgroundColor: e.value.style.chart.backgroundColor,
+        active: re.value,
+        svgRef: i(le),
+        onClose: we
+      }, {
+        "annotator-action-close": d(() => [
+          C(o.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": d(({ color: t }) => [
+          C(o.$slots, "annotator-action-color", B(E({ color: t })), void 0, !0)
+        ]),
+        "annotator-action-draw": d(({ mode: t }) => [
+          C(o.$slots, "annotator-action-draw", B(E({ mode: t })), void 0, !0)
+        ]),
+        "annotator-action-undo": d(({ disabled: t }) => [
+          C(o.$slots, "annotator-action-undo", B(E({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-redo": d(({ disabled: t }) => [
+          C(o.$slots, "annotator-action-redo", B(E({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-delete": d(({ disabled: t }) => [
+          C(o.$slots, "annotator-action-delete", B(E({ disabled: t })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["color", "backgroundColor", "active", "svgRef"])) : v("", !0),
+      C(o.$slots, "userConfig", {}, void 0, !0),
+      Io.value ? (s(), n("div", {
+        key: 1,
+        ref_key: "noTitle",
+        ref: Ne,
+        class: "vue-data-ui-no-title-space",
+        style: "height:36px; width: 100%;background:transparent"
+      }, null, 512)) : v("", !0),
+      e.value.style.chart.title.text ? (s(), n("div", {
+        key: 2,
+        ref_key: "chartTitle",
+        ref: Oe,
+        style: "width:100%;background:transparent;padding-bottom:24px"
+      }, [
+        (s(), _(qt, {
+          key: `title_${he.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 && G.value && (i(Xe) || i(te)) ? (s(), _(i(So), {
+        ref_key: "userOptionsRef",
+        ref: fe,
+        key: `user_option_${Re.value}`,
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        isPrinting: i(je),
+        isImaging: i(Ge),
+        uid: k.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,
+        isFullscreen: N.value,
+        printScale: e.value.userOptions.print.scale,
+        chartElement: D.value,
+        position: e.value.userOptions.position,
+        isTooltip: !1,
+        titles: { ...e.value.userOptions.buttonTitles },
+        hasAnnotator: e.value.userOptions.buttons.annotator,
+        isAnnotation: re.value,
+        tableDialog: e.value.table.useDialog,
+        style: F({ visibility: i(Xe) ? i(te) ? "visible" : "hidden" : "visible" }),
+        onToggleFullscreen: Qe,
+        onGeneratePdf: i(We),
+        onGenerateCsv: Fe,
+        onGenerateImage: i(Ye),
+        onGenerateSvg: ao,
+        onToggleTable: oo,
+        onToggleAnnotator: we
+      }, $e({ _: 2 }, [
+        o.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: d(({ isOpen: t, color: r }) => [
+            C(o.$slots, "menuIcon", B(E({ isOpen: t, color: r })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        o.$slots.optionTooltip ? {
+          name: "optionTooltip",
+          fn: d(() => [
+            C(o.$slots, "optionTooltip", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        o.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: d(() => [
+            C(o.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        o.$slots.optionCsv ? {
+          name: "optionCsv",
+          fn: d(() => [
+            C(o.$slots, "optionCsv", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
+        o.$slots.optionImg ? {
+          name: "optionImg",
+          fn: d(() => [
+            C(o.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
+        o.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: d(() => [
+            C(o.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
+        o.$slots.optionTable ? {
+          name: "optionTable",
+          fn: d(() => [
+            C(o.$slots, "optionTable", {}, void 0, !0)
+          ]),
+          key: "6"
+        } : void 0,
+        o.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: d(({ toggleFullscreen: t, isFullscreen: r }) => [
+            C(o.$slots, "optionFullscreen", B(E({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
+          ]),
+          key: "7"
+        } : void 0,
+        o.$slots.optionAnnotator ? {
+          name: "optionAnnotator",
+          fn: d(({ toggleAnnotator: t, isAnnotator: r }) => [
+            C(o.$slots, "optionAnnotator", B(E({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
+          ]),
+          key: "8"
+        } : void 0
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "callbacks", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "printScale", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "tableDialog", "style", "onGeneratePdf", "onGenerateImage"])) : v("", !0),
+      (s(), n("svg", {
+        ref_key: "svgRef",
+        ref: le,
+        xmlns: i(Bt),
+        class: ne({ "vue-data-ui-fullscreen--on": N.value, "vue-data-ui-fulscreen--off": !N.value }),
+        viewBox: `0 0 ${b.value.width <= 0 ? 10 : b.value.width} ${y.value.fullHeight <= 0 ? 10 : y.value.fullHeight}`,
+        style: F(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color};${e.value.responsive ? `height: ${Ve.value}px; width: 100%;` : ""}`)
+      }, [
+        _e(i(zo)),
+        f("defs", null, [
+          (s(!0), n(A, null, p(j.value, (t, r) => (s(), n("linearGradient", {
+            id: `gradient-${t.id}-${k.value}`,
+            x1: "50%",
+            y1: "0%",
+            x2: "50%",
+            y2: "100%"
+          }, [
+            f("stop", {
+              offset: "0%",
+              "stop-color": t.color,
+              "stop-opacity": "1"
+            }, null, 8, tl),
+            f("stop", {
+              offset: "30%",
+              "stop-color": t.color,
+              "stop-opacity": "0.7"
+            }, null, 8, ll),
+            f("stop", {
+              offset: "70%",
+              "stop-color": t.color,
+              "stop-opacity": "0.3"
+            }, null, 8, al),
+            f("stop", {
+              offset: "100%",
+              "stop-color": t.color,
+              "stop-opacity": "0.1"
+            }, null, 8, rl)
+          ], 8, ol))), 256)),
+          (s(!0), n(A, null, p(U.value, (t, r) => (s(), n(A, null, [
+            (s(!0), n(A, null, p(t.datapoints, (a, h) => (s(), n("linearGradient", {
+              key: `grad${a.id}`,
+              id: `gradient-single-${k.value}-${a.uid}`,
+              x1: "50%",
+              y1: "0%",
+              x2: "50%",
+              y2: "100%"
+            }, [
+              f("stop", {
+                offset: "0%",
+                "stop-color": a.color,
+                "stop-opacity": "1"
+              }, null, 8, nl),
+              f("stop", {
+                offset: "30%",
+                "stop-color": a.color,
+                "stop-opacity": "0.7"
+              }, null, 8, il),
+              f("stop", {
+                offset: "70%",
+                "stop-color": a.color,
+                "stop-opacity": "0.3"
+              }, null, 8, ul),
+              f("stop", {
+                offset: "100%",
+                "stop-color": a.color,
+                "stop-opacity": "0.1"
+              }, null, 8, cl)
+            ], 8, sl))), 128))
+          ], 64))), 256))
+        ]),
+        (s(!0), n(A, null, p(U.value, (t, r) => (s(), n("g", {
+          key: `ds-${r}`
+        }, [
+          (s(!0), n(A, null, p(t.datapoints, (a, h) => (s(), n("g", {
+            key: a.id
+          }, [
+            o.$slots.pattern ? (s(), n("g", dl, [
+              f("defs", null, [
+                C(o.$slots, "pattern", Be({ ref_for: !0 }, { datapointIndex: r, seriesIndex: h, patternId: `pattern_${k.value}_${a.uid}` }), void 0, !0)
+              ])
+            ])) : v("", !0),
+            f("path", {
+              fill: o.$slots.pattern ? `url(#pattern_${k.value}_${a.uid})` : e.value.style.chart.backgroundColor,
+              stroke: "none",
+              "stroke-linecap": "round",
+              d: e.value.style.chart.areas.smooth ? a.smoothPath : a.straightPath,
+              style: F({
+                opacity: e.value.style.chart.areas.opacity
+              })
+            }, null, 12, hl),
+            f("path", {
+              fill: "none",
+              stroke: e.value.style.chart.areas.stroke.useSerieColor ? a.color : e.value.style.chart.areas.stroke.color,
+              "stroke-width": e.value.style.chart.areas.strokeWidth,
+              d: e.value.style.chart.areas.smooth ? a.smoothPathRidge : a.straightPathRidge,
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              class: ne({ "vue-ui-ridgeline-animate": e.value.useCssAnimation && !i(Y) }),
+              style: F({
+                strokeDasharray: a.pathLength,
+                strokeDashoffset: e.value.useCssAnimation ? a.pathLength : 0
+              })
+            }, null, 14, vl),
+            f("path", {
+              fill: e.value.style.chart.areas.useGradient ? e.value.style.chart.areas.useCommonColor ? `url(#gradient-${a.id}-${k.value})` : `url(#gradient-single-${k.value}-${a.uid})` : a.color,
+              stroke: "none",
+              d: e.value.style.chart.areas.smooth ? a.smoothPath : a.straightPath,
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              class: ne({ "vue-ui-ridgeline-animate": e.value.useCssAnimation && !i(Y) }),
+              style: F({
+                strokeDasharray: a.pathLength,
+                strokeDashoffset: e.value.useCssAnimation ? a.pathLength : 0
+              })
+            }, null, 14, Cl),
+            e.value.style.chart.zeroLine.show ? (s(), n("path", {
+              key: 1,
+              stroke: e.value.style.chart.zeroLine.useSerieColor ? a.color : e.value.style.chart.zeroLine.stroke,
+              "stroke-dasharray": e.value.style.chart.zeroLine.strokeDasharray,
+              "stroke-width": e.value.style.chart.zeroLine.strokeWidth,
+              d: a.zeroPath,
+              "stroke-linecap": "round"
+            }, null, 8, gl)) : v("", !0),
+            e.value.style.chart.areas.maxPoint.show && a.plots.length > 1 ? (s(!0), n(A, { key: 2 }, p(a.plots, ($) => (s(), n(A, null, [
+              $.isMaxPoint ? (s(), n("line", {
+                key: 0,
+                x1: $.x,
+                y1: $.y,
+                x2: $.x,
+                y2: $.zero,
+                stroke: e.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? i(Et)(a.color) : e.value.style.chart.areas.maxPoint.stroke,
+                "stroke-width": e.value.style.chart.areas.maxPoint.strokeWidth,
+                "stroke-linecap": "round",
+                "stroke-dasharray": e.value.style.chart.areas.maxPoint.strokeDasharray
+              }, null, 8, fl)) : v("", !0)
+            ], 64))), 256)) : v("", !0),
+            a.plots.length === 1 ? (s(), n("circle", {
+              key: 3,
+              cx: a.plots[0].x,
+              cy: a.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 ? a.color : e.value.style.chart.selector.dot.fill,
+              style: {
+                pointerEvents: "none"
+              }
+            }, null, 8, bl)) : v("", !0)
+          ]))), 128)),
+          f("text", {
+            x: t.label.x,
+            y: t.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: F({
+              cursor: e.value.style.chart.dialog.show ? "pointer" : "default"
+            }),
+            "text-decoration": e.value.style.chart.dialog.show && (xe.value === r || H.value && t.uid === H.value.uid) ? "underline" : "",
+            onMouseenter: (a) => ot(r),
+            onMouseleave: tt,
+            onClick: (a) => et(t)
+          }, V(t.name), 45, Al)
+        ]))), 128)),
+        e.value.style.chart.xAxis.labels.values.length ? (s(), n("g", {
+          key: 0,
+          ref_key: "timeLabelsEls",
+          ref: ge
+        }, [
+          (s(!0), n(A, null, p(X.value, (t, r) => C(o.$slots, "time-label", Be({ ref_for: !0 }, {
+            show: t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || t && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (r === 0 || r === X.value.length - 1) || t && g.value && g.value.index === r || t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && r % Math.floor(X.value.length / e.value.style.chart.xAxis.labels.modulo) === 0,
+            fontSize: e.value.style.chart.xAxis.labels.fontSize,
+            content: t.label,
+            textAnchor: e.value.style.chart.xAxis.labels.rotation > 0 ? "start" : e.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
+            fill: e.value.style.chart.xAxis.labels.color,
+            transform: `translate(${t.selectorX}, ${y.value.top + t.height + e.value.style.chart.xAxis.labels.offsetY}), rotate(${e.value.style.chart.xAxis.labels.rotation})`,
+            x: t.selectorX,
+            y: y.value.bottom + e.value.style.chart.xAxis.labels.offsetY
+          }), () => [
+            t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !e.value.style.chart.xAxis.labels.showOnlyAtModulo || t && e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (r === 0 || r === X.value.length - 1) || t && g.value && g.value.index === r || t && !e.value.style.chart.xAxis.labels.showOnlyFirstAndLast && e.value.style.chart.xAxis.labels.showOnlyAtModulo && r % Math.floor(X.value.length / e.value.style.chart.xAxis.labels.modulo) === 0 ? (s(), n("g", yl, [
+              String(t.label).includes(`
+`) ? (s(), n("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(${t.selectorX}, ${y.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: F({
+                  opacity: g.value ? g.value.index === r ? 1 : 0.2 : 1
+                }),
+                innerHTML: i(Tt)({
+                  content: String(t.label),
+                  fontSize: e.value.style.chart.xAxis.labels.fontSize,
+                  fill: e.value.style.chart.xAxis.labels.color,
+                  x: 0,
+                  y: 0
+                })
+              }, null, 12, pl)) : (s(), n("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(${t.selectorX}, ${y.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: F({
+                  opacity: g.value ? g.value.index === r ? 1 : 0.2 : 1
+                })
+              }, V(t.label), 13, ml))
+            ])) : v("", !0)
+          ], !0)), 256))
+        ], 512)) : v("", !0),
+        f("g", null, [
+          (s(!0), n(A, null, p(X.value, (t, r) => (s(), n("rect", {
+            x: t.x,
+            y: t.y,
+            width: t.width < 0 ? 0.1 : t.width,
+            height: t.height < 0 ? 0.1 : t.height,
+            fill: "transparent",
+            onMouseenter: (a) => Wo(t),
+            onMouseleave: (a) => Yo(t),
+            onClick: () => qo(t)
+          }, null, 40, kl))), 256)),
+          e.value.style.chart.selector.show && g.value ? (s(), n("line", {
+            key: 0,
+            x1: g.value.selectorX,
+            x2: g.value.selectorX,
+            y1: g.value.y,
+            y2: g.value.y + g.value.height - x.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, xl)) : v("", !0),
+          g.value ? (s(!0), n(A, { key: 1 }, p(U.value, (t) => (s(), n(A, null, [
+            (s(!0), n(A, null, p(t.datapoints, (r) => (s(), n(A, null, [
+              (s(!0), n(A, null, p(r.plots, (a, h) => (s(), n(A, null, [
+                g.value && g.value.index === h ? (s(), n("circle", {
+                  key: 0,
+                  cx: a.x,
+                  cy: a.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 ? r.color : e.value.style.chart.selector.dot.fill,
+                  style: {
+                    pointerEvents: "none"
+                  }
+                }, null, 8, wl)) : v("", !0),
+                g.value && g.value.index === h ? (s(), n("text", {
+                  key: 1,
+                  x: Ke(
+                    a.x,
+                    i(ue)(
+                      e.value.style.chart.selector.labels.formatter,
+                      a.value,
+                      i(ce)({
+                        p: e.value.style.chart.xAxis.labels.prefix,
+                        v: a.value,
+                        s: e.value.style.chart.xAxis.labels.suffix,
+                        r: e.value.style.chart.selector.labels.rounding
+                      })
+                    ),
+                    e.value.style.chart.selector.labels.fontSize
+                  ) ? a.x - e.value.style.chart.selector.labels.fontSize / 2 : a.x + e.value.style.chart.selector.labels.fontSize / 2,
+                  y: a.y + e.value.style.chart.selector.labels.fontSize / 3,
+                  "text-anchor": Ke(
+                    a.x,
+                    i(ue)(
+                      e.value.style.chart.selector.labels.formatter,
+                      a.value,
+                      i(ce)({
+                        p: e.value.style.chart.xAxis.labels.prefix,
+                        v: a.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"
+                  }
+                }, V(i(ue)(
+                  e.value.style.chart.selector.labels.formatter,
+                  a.value,
+                  i(ce)({
+                    p: e.value.style.chart.xAxis.labels.prefix,
+                    v: a.value,
+                    s: e.value.style.chart.xAxis.labels.suffix,
+                    r: e.value.style.chart.selector.labels.rounding
+                  })
+                )), 9, Fl)) : v("", !0)
+              ], 64))), 256))
+            ], 64))), 256))
+          ], 64))), 256)) : v("", !0)
+        ]),
+        C(o.$slots, "svg", { svg: b.value }, void 0, !0)
+      ], 14, el)),
+      o.$slots.watermark ? (s(), n("div", Dl, [
+        C(o.$slots, "watermark", B(E({ isPrinting: i(je) || i(Ge) })), void 0, !0)
+      ])) : v("", !0),
+      f("div", {
+        ref_key: "chartLegend",
+        ref: Me
+      }, [
+        e.value.style.chart.legend.show ? (s(), _(Yt, {
+          key: `legend_${ve.value}`,
+          legendSet: j.value,
+          config: Zo.value,
+          onClickMarker: l[0] || (l[0] = ({ legend: t }) => ae(t.id))
+        }, $e({
+          item: d(({ legend: t }) => [
+            i(Y) ? v("", !0) : (s(), n("div", {
+              key: 0,
+              style: F(`opacity:${w.value.includes(t.id) ? 0.5 : 1}`),
+              onClick: (r) => t.segregate()
+            }, V(t.name), 13, $l))
+          ]),
+          _: 2
+        }, [
+          o.$slots.pattern ? {
+            name: "legend-pattern",
+            fn: d(({ legend: t, index: r }) => [
+              _e(Jt, {
+                shape: t.shape,
+                radius: 30,
+                stroke: "none",
+                plot: { x: 30, y: 30 },
+                fill: `url(#pattern_${k.value}_${r})`
+              }, null, 8, ["shape", "fill"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["legendSet", "config"])) : v("", !0),
+        C(o.$slots, "legend", { legend: j.value }, void 0, !0)
+      ], 512),
+      o.$slots.source ? (s(), n("div", {
+        key: 5,
+        ref_key: "source",
+        ref: Pe,
+        dir: "auto"
+      }, [
+        C(o.$slots, "source", {}, void 0, !0)
+      ], 512)) : v("", !0),
+      G.value && e.value.userOptions.buttons.table ? (s(), _(kt(K.value.component), Be({ key: 6 }, K.value.props, {
+        ref_key: "tableUnit",
+        ref: W,
+        onClose: lo
+      }), $e({
+        content: d(() => [
+          (s(), _(i(To), {
+            key: `table_${No.value}`,
+            colNames: se.value.colNames,
+            head: se.value.head,
+            body: se.value.body,
+            config: se.value.config,
+            title: e.value.table.useDialog ? "" : K.value.title,
+            withCloseButton: !e.value.table.useDialog,
+            onClose: lo
+          }, {
+            th: d(({ th: t }) => [
+              f("div", { innerHTML: t }, null, 8, _l)
+            ]),
+            td: d(({ td: t }) => [
+              Ee(V(t.name ? t.name : i(ue)(
+                e.value.style.chart.selector.labels.formatter,
+                t,
+                i(ce)({
+                  p: e.value.style.chart.xAxis.labels.prefix,
+                  v: t,
+                  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: d(() => [
+            Ee(V(K.value.title), 1)
+          ]),
+          key: "0"
+        } : void 0,
+        e.value.table.useDialog ? {
+          name: "actions",
+          fn: d(() => [
+            f("button", {
+              tabindex: "0",
+              class: "vue-ui-user-options-button",
+              onClick: l[1] || (l[1] = (t) => Fe(e.value.userOptions.callbacks.csv))
+            }, [
+              _e(i(Bo), {
+                name: "excel",
+                stroke: K.value.props.color
+              }, null, 8, ["stroke"])
+            ])
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040)) : v("", !0),
+      e.value.style.chart.dialog.show ? (s(), _(i(ze), {
+        key: 7,
+        ref_key: "dialog",
+        ref: Ce,
+        onClose: l[2] || (l[2] = (t) => 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: N.value,
+        fullscreenParent: D.value,
+        withPadding: ""
+      }, {
+        title: d(() => [
+          Ee(V(H.value.name), 1)
+        ]),
+        content: d(() => [
+          H.value ? (s(), _(i(_o), {
+            key: 0,
+            config: Ze.value,
+            dataset: eo.value
+          }, null, 8, ["config", "dataset"])) : v("", !0)
+        ]),
+        _: 1
+      }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : v("", !0),
+      i(Y) ? (s(), _(It, { key: 8 })) : v("", !0)
+    ], 46, Zt));
+  }
+}, El = /* @__PURE__ */ Qt(Bl, [["__scopeId", "data-v-e547ab5e"]]), ql = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: El
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Yl as a,
+  ql as b,
+  El as v
+};