vue-data-ui 3.9.22 → 3.10.1

package/dist/vue-ui-bump-Ds8aQyR-.js

@@ -0,0 +1,1006 @@
+import { defineAsyncComponent as F, computed as y, ref as d, toRefs as Vt, onMounted as Wt, watch as Z, shallowRef as Re, onBeforeUnmount as Ne, watchEffect as Ut, createElementBlock as c, openBlock as u, normalizeStyle as L, normalizeClass as Ve, createBlock as N, createCommentVNode as g, renderSlot as b, unref as h, withCtx as p, normalizeProps as x, guardReactiveProps as $, createSlots as We, createVNode as ye, Fragment as k, renderList as S, createElementVNode as ee, toDisplayString as V, mergeProps as be, resolveDynamicComponent as Xt, createTextVNode as Ue } from "vue";
+import { c as Xe, t as jt, i as Yt, j as te, k as Gt, o as je, g as Ye, l as qt, m as Ge, a as Jt, d as Kt, x as qe, E as W, A as Qt, C as Zt, S as el, X as tl, $ as me, v as ll, r as ol } from "./lib-CVHM9FhP.js";
+import { t as Je, u as al } from "./useResponsive-DfdjqQps.js";
+import { u as nl, a as pe } from "./useNestedProp-Ckf_2P_V.js";
+import { u as sl, B as ul } from "./BaseScanner-BMpwQAfz.js";
+import { u as rl } from "./usePrinter-1NmjuP-i.js";
+import { u as il } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as cl } from "./useTimeLabels-DKoynYae.js";
+import { u as vl } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as hl } from "./useChartAccessibility-9icAAmYg.js";
+import { u as dl } from "./useTimeLabelCollider-CIsgDrl9.js";
+import fl from "./Title-NgeRXqRA.js";
+import yl from "./BaseDraggableDialog-BQYfVNu8.js";
+import { u as bl } from "./useSvgExport-ByUukOZt.js";
+import { _ as ml } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ke = { userOptions: { show: !1 } }, Qe = { userOptions: { show: !1 }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { lines: { coatingColor: "#1A1A1A" }, nameLabels: { color: "#CCCCCC" }, plots: { stroke: "#1A1A1A" }, timeLabels: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } } }, Ze = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { lines: { coatingColor: "#1A1A1A" }, nameLabels: { color: "#CCCCCC" }, plots: { stroke: "#1A1A1A" }, timeLabels: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } } }, et = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { lines: { coatingColor: "#FFF8E1" }, nameLabels: { color: "#424242" }, plots: { stroke: "#FFF8E1" }, timeLabels: { color: "#424242" } }, title: { color: "#424242", subtitle: { color: "#757575" } } } } }, tt = { table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { lines: { coatingColor: "#1E1E1E" }, nameLabels: { color: "#BDBDBD" }, plots: { stroke: "#1E1E1E" }, timeLabels: { color: "#BDBDBD" } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } } }, lt = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { lines: { coatingColor: "#1A1A1A" }, nameLabels: { color: "#99AA99" }, plots: { stroke: "#1A1A1A" }, timeLabels: { color: "#99AA99" } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } } }, ot = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { lines: { coatingColor: "#fbfafa" }, nameLabels: { color: "#8A9892" }, plots: { stroke: "#fbfafa" }, timeLabels: { color: "#8A9892" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } } }, at = { table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { lines: { coatingColor: "#f6f6fb" }, nameLabels: { color: "#50606C" }, plots: { stroke: "#f6f6fb" }, timeLabels: { color: "#50606C" } }, title: { color: "#50606C", subtitle: { color: "#718890" } } } } }, nt = {
+  default: {},
+  minimal: Ke,
+  minimalDark: Qe,
+  dark: Ze,
+  celebration: et,
+  celebrationNight: tt,
+  hack: lt,
+  zen: ot,
+  concrete: at
+}, Ql = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  celebration: et,
+  celebrationNight: tt,
+  concrete: at,
+  dark: Ze,
+  default: nt,
+  hack: lt,
+  minimal: Ke,
+  minimalDark: Qe,
+  zen: ot
+}, Symbol.toStringTag, { value: "Module" })), pl = ["id"], gl = ["xmlns", "viewBox"], Cl = ["x", "y", "width", "height"], kl = ["d", "stroke", "stroke-width", "onMouseenter"], Al = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Ll = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], wl = ["x", "y", "fill", "font-size"], xl = ["onMouseenter", "onMouseleave", "onClick"], $l = ["x", "y", "fill", "font-size"], Sl = ["x", "y", "fill", "font-size", "font--weight", "innerHTML", "onMouseenter", "onMouseleave", "onClick"], Tl = ["x", "y", "fill", "font-size", "font--weight", "innerHTML", "onMouseenter", "onMouseleave", "onClick"], Ml = { key: 0 }, zl = { key: 1 }, Dl = ["text-anchor", "font-size", "font-weight", "fill", "transform"], El = ["text-anchor", "font-size", "fill", "transform", "innerHTML"], Ol = {
+  key: 4,
+  class: "vue-data-ui-watermark"
+}, Il = ["innerHTML"], Pl = {
+  __name: "vue-ui-bump",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  setup(st, { expose: ut }) {
+    const rt = F(() => import("./BaseIcon-4uOct8re.js")), it = F(() => import("./vue-ui-accordion-DFKaB_05.js")), ct = F(() => import("./DataTable-DyoDzNNY.js")), vt = F(() => import("./PenAndPaper-LTuSTmWE.js")), ht = F(() => import("./UserOptions-CX7Xsusk.js")), dt = F(() => import("./PackageVersion-D6MO5wwI.js")), { vue_ui_bump: ft } = nl(), { isThemeValid: yt, warnInvalidTheme: bt } = il(), A = st, U = y({
+      get() {
+        return !!A.dataset && A.dataset.length;
+      },
+      set(l) {
+        return l;
+      }
+    }), T = d(null), le = d(Xe()), ge = d(0), Ce = d(null), ke = d(null), Ae = d(null), X = d(!1), oe = d(!1), Le = d(0), mt = d(0), _ = d(null), ae = d(null), we = d(!1), ne = d(null), se = d(null), j = d(null), f = d(null), e = d(ue()), { loading: Y, FINAL_DATASET: pt, manualLoading: G } = sl({
+      ...Vt(A),
+      FINAL_CONFIG: e,
+      prepareConfig: ue,
+      skeletonDataset: [
+        { name: "————", values: [1, 1, 1, 2, 2, 2, 3, 3, 2, 2], color: "#4A4A4A" },
+        { name: "————", values: [2, 2, 2, 1, 3, 3, 2, 2, 3, 3], color: "#6A6A6A" },
+        { name: "————", values: [3, 3, 3, 3, 1, 1, 1, 1, 1, 1], color: "#8A8A8A" }
+      ],
+      skeletonConfig: jt({
+        defaultConfig: e.value,
+        userConfig: {
+          userOptions: { show: !1 },
+          style: {
+            chart: {
+              backgroundColor: "#99999930",
+              layout: {
+                timeLabels: { show: !1 },
+                lines: {
+                  coatingColor: "#4A4A4A"
+                },
+                plots: {
+                  stroke: "#4A4A4A",
+                  labels: {
+                    show: !1,
+                    displayedValue: "rank"
+                  }
+                },
+                nameLabels: {
+                  useSerieColor: !0
+                }
+              }
+            }
+          }
+        }
+      })
+    });
+    Wt(Oe);
+    function ue() {
+      const l = pe({
+        userConfig: A.config,
+        defaultConfig: ft
+      });
+      let o = {};
+      const t = l.theme;
+      if (t)
+        if (!yt.value(l))
+          bt(l), o = l;
+        else {
+          const a = pe({
+            userConfig: nt[t] || A.config,
+            defaultConfig: l
+          });
+          o = {
+            ...pe({
+              userConfig: A.config,
+              defaultConfig: a
+            }),
+            customPalette: l.customPalette.length ? l.customPalette : Yt[t] || te
+          };
+        }
+      else
+        o = l;
+      return o;
+    }
+    const { userOptionsVisible: re, setUserOptionsVisibility: xe, keepUserOptionState: $e } = vl({ config: e.value }), { svgRef: ie } = hl({ config: e.value.style.chart.title });
+    function gt() {
+      we.value = !0, xe(!0);
+    }
+    function Ct() {
+      xe(!1), we.value = !1;
+    }
+    const D = d({
+      showTable: e.value.table.show
+    });
+    Z(e, () => {
+      D.value = {
+        showTable: e.value.table.show
+      };
+    }, { immediate: !0 }), Z(() => A.config, (l) => {
+      Y.value || (e.value = ue()), re.value = !e.value.userOptions.showOnChartHover, Oe(), Le.value += 1, mt.value += 1, D.value.showTable = e.value.table.show, w.value.width = e.value.style.chart.width, w.value.height = e.value.style.chart.height, w.value.paddingRatio = {
+        top: e.value.style.chart.padding.top / e.value.style.chart.height,
+        right: e.value.style.chart.padding.right / e.value.style.chart.width,
+        bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
+        left: e.value.style.chart.padding.left / e.value.style.chart.width
+      };
+    }), Z(() => A.dataset, (l) => {
+      Array.isArray(l) && l.length > 0 && (G.value = !1);
+    }, { deep: !0 });
+    const { isPrinting: Se, isImaging: Te, generatePdf: Me, generateImage: ze } = rl({
+      elementId: `bump_${le.value}`,
+      fileName: e.value.style.chart.title.text || "vue-ui-bump",
+      options: e.value.userOptions.print
+    }), kt = y(() => e.value.userOptions.show && !e.value.style.chart.title.text), w = d({
+      width: e.value.style.chart.width,
+      height: e.value.style.chart.height,
+      paddingRatio: {
+        top: e.value.style.chart.padding.top / e.value.style.chart.height,
+        right: e.value.style.chart.padding.right / e.value.style.chart.width,
+        bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
+        left: e.value.style.chart.padding.left / e.value.style.chart.width
+      }
+    }), At = y(() => Gt(e.value.customPalette)), M = Re(null), I = Re(null), De = d(null), Ee = y(() => !!e.value.debug);
+    function Oe() {
+      if (je(A.dataset) ? (Ye({
+        componentName: "VueUiBump",
+        type: "dataset",
+        debug: Ee.value
+      }), G.value = !0) : A.dataset.forEach((l, o) => {
+        qt({
+          datasetObject: l,
+          requiredAttributes: ["name", "values"]
+        }).forEach((t) => {
+          U.value = !1, Ye({
+            componentName: "VueUiBump",
+            type: "datasetSerieAttribute",
+            property: t,
+            index: o,
+            debug: Ee.value
+          }), G.value = !0;
+        });
+      }), je(A.dataset) || (G.value = e.value.loading), setTimeout(() => {
+        oe.value = !0;
+      }, 10), e.value.responsive) {
+        const l = Je(() => {
+          oe.value = !1;
+          const { width: o, height: t } = al({
+            chart: T.value,
+            noTitle: ke.value,
+            title: e.value.style.chart.title.text ? Ce.value : null,
+            legend: null,
+            slicer: null,
+            source: Ae.value
+          });
+          requestAnimationFrame(() => {
+            w.value.width = o, w.value.height = t - 12, clearTimeout(De.value), De.value = setTimeout(() => {
+              oe.value = !0;
+            }, 10);
+          });
+        });
+        M.value && (I.value && M.value.unobserve(I.value), M.value.disconnect()), M.value = new ResizeObserver(l), I.value = T.value.parentNode, M.value.observe(I.value);
+      }
+    }
+    Ne(() => {
+      M.value && (I.value && M.value.unobserve(I.value), M.value.disconnect());
+    });
+    const q = y(() => pt.value.map((l, o) => {
+      const t = Ge(l.color) || At.value[o] || te[o] || te[o % te.length];
+      return {
+        ...l,
+        absoluteIndex: o,
+        id: Xe(),
+        color: t
+      };
+    })), E = y(() => Math.max(...q.value.map((l) => l.values.length)));
+    function Lt(l) {
+      const o = l.map(() => Array(E.value).fill(null));
+      for (let t = 0; t < E.value; t += 1) {
+        const a = l.map((n, i) => ({
+          seriesIndex: i,
+          value: n.values?.[t],
+          previousPosition: t > 0 ? o[i][t - 1] : i
+        })).filter((n) => Number.isFinite(n.value));
+        a.sort((n, i) => i.value !== n.value ? i.value - n.value : n.previousPosition - i.previousPosition);
+        for (let n = 0; n < a.length; n += 1) {
+          const i = a[n];
+          o[i.seriesIndex][t] = n;
+        }
+      }
+      return o;
+    }
+    function wt() {
+      let l = 0;
+      return ne.value && (l = Array.from(ne.value.querySelectorAll("tspan")).reduce((t, a) => {
+        const n = a.getComputedTextLength();
+        return n > t ? n : t;
+      }, 0)), l;
+    }
+    function xt() {
+      let l = 0;
+      return se.value && (l = Array.from(se.value.querySelectorAll("tspan")).reduce((t, a) => {
+        const n = a.getComputedTextLength();
+        return n > t ? n : t;
+      }, 0)), l;
+    }
+    const ce = d(0), $t = Je((l) => {
+      ce.value = l;
+    }, 100);
+    Ut((l) => {
+      const o = j.value;
+      if (!o) return;
+      const t = new ResizeObserver((a) => {
+        $t(a[0].contentRect.height);
+      });
+      t.observe(o), l(() => t.disconnect());
+    }), Ne(() => {
+      ce.value = 0;
+    });
+    const St = y(() => {
+      let l = 0;
+      return j.value && (l = ce.value), l;
+    }), s = y(() => {
+      const { height: l, width: o } = w.value, { right: t, left: a } = w.value.paddingRatio;
+      let n = wt(), i = xt();
+      const r = e.value.style.chart.padding.top, v = o - o * t - i, m = o * a + n, C = o - o * t - o * a - n - i, P = l - r - e.value.style.chart.padding.bottom - St.value, fe = r + P, Ht = r + P, Rt = Math.max(0, l), Nt = Math.max(0, o);
+      return {
+        chartHeight: Ht,
+        chartWidth: Nt,
+        top: r,
+        right: Math.max(0, v),
+        bottom: Math.max(0, fe),
+        left: Math.max(0, m),
+        width: Math.max(0, C),
+        height: Math.max(0, P),
+        unitH: Math.max(0, P) / q.value.length,
+        unitW: Math.max(0, C) / E.value,
+        svgHeight: Rt
+      };
+    }), z = y(() => {
+      if (!U.value && !Y.value) return [];
+      const l = Lt(q.value);
+      return q.value.map((o, t) => ({
+        ...o,
+        positions: l[t]
+      })).map((o) => {
+        const t = o.positions.map((i, r) => {
+          const v = Jt(
+            e.value.style.chart.layout.plots.labels.formatter,
+            o.values[r],
+            Kt({
+              p: e.value.style.chart.layout.plots.labels.prefix,
+              v: o.values[r],
+              s: e.value.style.chart.layout.plots.labels.suffix,
+              r: e.value.style.chart.layout.plots.labels.rounding
+            })
+          );
+          return {
+            name: o.name,
+            id: o.id,
+            x: s.value.left + r * s.value.unitW + s.value.unitW / 2,
+            y: s.value.top + i * s.value.unitH + s.value.unitH / 2,
+            value: o.values[r],
+            displayValue: v,
+            rank: o.positions[r] + 1,
+            color: o.color,
+            labelColor: e.value.style.chart.layout.plots.labels.color === "auto" ? qe(o.color) : Ge(e.value.style.chart.layout.plots.labels.color) ?? qe(o.color)
+          };
+        }), a = t.filter((i) => W(i.value)), n = e.value.style.chart.layout.lines.smooth ? Qt(a) : Zt(a);
+        return {
+          ...o,
+          coordinates: t,
+          path: n
+        };
+      });
+    });
+    function Ie(l, o, t, a) {
+      const n = l.toSorted((r, v) => r.y - v.y);
+      for (let r = 1; r < n.length; r += 1) {
+        const v = n[r - 1], m = n[r];
+        m.y < v.y + o && (m.y = v.y + o);
+      }
+      const i = n.length - 1;
+      if (i >= 0 && n[i].y > a) {
+        n[i].y = a;
+        for (let r = i - 1; r >= 0; r -= 1) {
+          const v = n[r + 1], m = n[r];
+          m.y > v.y - o && (m.y = v.y - o);
+        }
+      }
+      if (n.length && n[0].y < t) {
+        const r = t - n[0].y;
+        for (let v = 0; v < n.length; v += 1)
+          n[v].y += r;
+      }
+      return n;
+    }
+    const Pe = y(() => {
+      const l = [], o = [];
+      z.value.forEach((m) => {
+        const C = m.coordinates.filter((fe) => Number.isFinite(fe.rank));
+        if (!C.length) return;
+        l.push({ ...C[0] });
+        const P = C[C.length - 1];
+        o.push({ ...P });
+      });
+      const t = e.value.style.chart.layout.nameLabels.fontSize, a = t * 1.4, n = s.value.top + t, i = s.value.bottom - t, r = Ie(
+        o,
+        a,
+        n,
+        i
+      );
+      return {
+        left: Ie(
+          l,
+          a,
+          n,
+          i
+        ),
+        right: r
+      };
+    });
+    function Tt(l) {
+      const o = e.value.style.chart.layout.plots.labels.fontSize * 0.4, t = l.displayValue, a = t.length * (e.value.style.chart.layout.plots.labels.fontSize * (t.length === 1 ? 1 : 0.6)), n = e.value.style.chart.layout.plots.labels.fontSize, i = a + o * 2, r = n + o * 2, v = l.x - i / 2, m = l.y - r / 2, C = e.value.style.chart.layout.plots.strokeWidth;
+      return {
+        x: v - C / 2,
+        y: m - C / 2,
+        width: i + C,
+        height: r + C,
+        fill: l.color,
+        stroke: e.value.style.chart.layout.plots.stroke,
+        "stroke-width": C,
+        rx: r / 2
+      };
+    }
+    const B = y(() => cl({
+      values: e.value.style.chart.layout.timeLabels.values,
+      maxDatapoints: E.value,
+      formatter: e.value.style.chart.layout.timeLabels.datetimeFormatter,
+      start: 0,
+      end: E.value
+    })), Mt = y(() => {
+      const l = e.value.style.chart.layout.timeLabels.modulo;
+      return B.value.length ? Math.min(l, [...new Set(B.value.map((o) => o.text))].length) : l;
+    }), J = y(() => {
+      const l = e.value.style.chart.layout.timeLabels, o = B.value || [], t = B.value || [], a = 0, n = null, i = E.value, r = o.map((m) => m?.text ?? ""), v = t.map((m) => m?.text ?? "");
+      return el(
+        !!l.showOnlyFirstAndLast,
+        !!l.showOnlyAtModulo,
+        Math.max(1, Mt.value || 1),
+        r,
+        v,
+        a,
+        n,
+        i
+      );
+    }), zt = y(() => w.value.width), Dt = y(() => w.value.height), Et = y(() => ({
+      start: 0,
+      end: E.value
+    }));
+    dl({
+      timeLabelsEls: j,
+      timeLabels: B,
+      slicer: Et,
+      configRef: e,
+      rotationPath: ["style", "chart", "layout", "timeLabels", "rotation"],
+      autoRotatePath: ["style", "chart", "layout", "timeLabels", "autoRotate", "enable"],
+      isAutoSize: !1,
+      width: zt,
+      height: Dt,
+      rotation: e.value.style.chart.layout.timeLabels.autoRotate.angle
+    });
+    const K = d(!1);
+    function ve() {
+      K.value = !K.value;
+    }
+    function Fe(l) {
+      X.value = l, ge.value += 1;
+    }
+    function _e() {
+      D.value.showTable = !D.value.showTable;
+    }
+    Z(() => D.value.showTable, (l) => {
+      e.value.table.show || (l && e.value.table.useDialog && _.value ? _.value.open() : "close" in _.value && _.value.close());
+    });
+    function Be() {
+      D.value.showTable = !1, ae.value && ae.value.setTableIconState(!1);
+    }
+    function Ot() {
+      return z.value;
+    }
+    function he(l = null) {
+      const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], t = ["", ...J.value.map((v) => v?.text ?? "")], a = z.value.map((v) => [
+        v.name,
+        ...v.coordinates.map((m) => `${m.displayValue}`)
+      ]), n = z.value.map((v) => [
+        v.name,
+        ...v.coordinates.map((m) => `${m.rank}`)
+      ]), i = o.concat([[e.value.table.columnNames.values]]).concat([t]).concat(a).concat([[""], [e.value.table.columnNames.ranking], [t]]).concat(n), r = ll(i);
+      l ? l(r) : ol({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-bump" });
+    }
+    const H = y(() => {
+      const l = e.value.table.useDialog && !e.value.table.show, o = D.value.showTable;
+      return {
+        component: l ? yl : it,
+        title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
+        props: l ? {
+          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: X.value,
+          fullscreenParent: T.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
+            }
+          }
+        }
+      };
+    }), Q = y(() => {
+      const l = [""].concat(J.value.map((n) => n.text)), o = z.value.map((n, i) => [
+        n.name,
+        ...n.coordinates.map((r) => `${r.displayValue} (${r.rank})`)
+      ]), t = {
+        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
+      }, a = [e.value.table.columnNames.series];
+      return { head: l, body: o, config: t, colNames: a };
+    }), It = y(() => e.value.style.chart.backgroundColor), Pt = y(() => e.value.style.chart.title), { exportSvg: Ft, getSvg: _t } = bl({
+      svg: ie,
+      title: Pt,
+      legend: null,
+      legendItems: null,
+      backgroundColor: It
+    });
+    async function He({ isCb: l }) {
+      if (l) {
+        const { blob: o, url: t, text: a, dataUrl: n } = await _t();
+        e.value.userOptions.callbacks.svg({ blob: o, url: t, text: a, dataUrl: n });
+      } else
+        Ft();
+    }
+    async function Bt({ scale: l = 2 } = {}) {
+      if (!T.value) return;
+      const { width: o, height: t } = T.value.getBoundingClientRect(), a = o / t, { imageUri: n, base64: i } = await img({ domElement: T.value, base64: !0, img: !0, scale: l });
+      return {
+        imageUri: n,
+        base64: i,
+        title: e.value.style.chart.title.text,
+        width: o,
+        height: t,
+        aspectRatio: a
+      };
+    }
+    function O(l, o) {
+      f.value = o.id, e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: l,
+        seriesIndex: l?.pointIndex ?? null
+      });
+    }
+    function R(l, o) {
+      f.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({
+        datapoint: l,
+        seriesIndex: l?.pointIndex ?? null
+      });
+    }
+    function de(l, o) {
+      e.value.events.datapointClick && e.value.events.datapointClick({
+        datapoint: l,
+        seriesIndex: l?.pointIndex ?? null
+      });
+    }
+    return ut({
+      getData: Ot,
+      getImage: Bt,
+      generatePdf: Me,
+      generateCsv: he,
+      generateImage: ze,
+      generateSvg: He,
+      toggleTable: _e,
+      toggleAnnotator: ve,
+      toggleFullscreen: Fe
+    }), (l, o) => (u(), c("div", {
+      id: `bump_${le.value}`,
+      ref_key: "bumpChart",
+      ref: T,
+      class: Ve({ "vue-data-ui-component": !0, "vue-ui-bump": !0, "vue-data-ui-wrapper-fullscreen": X.value }),
+      style: L(`background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color};font-family:${e.value.style.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
+      onMouseenter: gt,
+      onMouseleave: Ct
+    }, [
+      e.value.userOptions.buttons.annotator ? (u(), N(h(vt), {
+        key: 0,
+        svgRef: h(ie),
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        active: K.value,
+        onClose: ve
+      }, {
+        "annotator-action-close": p(() => [
+          b(l.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": p(({ color: t }) => [
+          b(l.$slots, "annotator-action-color", x($({ color: t })), void 0, !0)
+        ]),
+        "annotator-action-draw": p(({ mode: t }) => [
+          b(l.$slots, "annotator-action-draw", x($({ mode: t })), void 0, !0)
+        ]),
+        "annotator-action-undo": p(({ disabled: t }) => [
+          b(l.$slots, "annotator-action-undo", x($({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-redo": p(({ disabled: t }) => [
+          b(l.$slots, "annotator-action-redo", x($({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-delete": p(({ disabled: t }) => [
+          b(l.$slots, "annotator-action-delete", x($({ disabled: t })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
+      b(l.$slots, "userConfig", {}, void 0, !0),
+      kt.value ? (u(), c("div", {
+        key: 1,
+        ref_key: "noTitle",
+        ref: ke,
+        class: "vue-data-ui-no-title-space",
+        style: "height:36px; width: 100%;background:transparent"
+      }, null, 512)) : g("", !0),
+      e.value.style.chart.title.text ? (u(), c("div", {
+        key: 2,
+        ref_key: "chartTitle",
+        ref: Ce,
+        style: "width:100%;background:transparent;"
+      }, [
+        (u(), N(fl, {
+          key: `title_${Le.value}`,
+          config: {
+            title: {
+              cy: "bump-title",
+              ...e.value.style.chart.title
+            },
+            subtitle: {
+              cy: "bump-subtitle",
+              ...e.value.style.chart.title.subtitle
+            }
+          }
+        }, null, 8, ["config"]))
+      ], 512)) : g("", !0),
+      e.value.userOptions.show && U.value && (h($e) || h(re)) ? (u(), N(h(ht), {
+        ref_key: "userOptionsRef",
+        ref: ae,
+        key: `user_option_${ge.value}`,
+        backgroundColor: e.value.style.chart.backgroundColor,
+        color: e.value.style.chart.color,
+        isPrinting: h(Se),
+        isImaging: h(Te),
+        uid: le.value,
+        hasTooltip: !1,
+        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,
+        isFullcreen: X.value,
+        chartElement: T.value,
+        position: e.value.userOptions.position,
+        titles: { ...e.value.userOptions.buttonTitles },
+        hasAnnotator: e.value.userOptions.buttons.annotator,
+        isAnnotation: K.value,
+        callbacks: e.value.userOptions.callbacks,
+        printScale: e.value.userOptions.print.scale,
+        tableDialog: e.value.table.useDialog,
+        onToggleFullscreen: Fe,
+        onGeneratePdf: h(Me),
+        onGenerateCsv: he,
+        onGenerateImage: h(ze),
+        onGenerateSvg: He,
+        onToggleTable: _e,
+        onToggleAnnotator: ve,
+        style: L({
+          visibility: h($e) ? h(re) ? "visible" : "hidden" : "visible"
+        })
+      }, We({ _: 2 }, [
+        l.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: p(({ isOpen: t, color: a }) => [
+            b(l.$slots, "menuIcon", x($({ isOpen: t, color: a })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        l.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: p(() => [
+            b(l.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        l.$slots.optionCsv ? {
+          name: "optionCsv",
+          fn: p(() => [
+            b(l.$slots, "optionCsv", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        l.$slots.optionImg ? {
+          name: "optionImg",
+          fn: p(() => [
+            b(l.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
+        l.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: p(() => [
+            b(l.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
+        l.$slots.optionTable ? {
+          name: "optionTable",
+          fn: p(() => [
+            b(l.$slots, "optionTable", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
+        l.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: p(({ toggleFullscreen: t, isFullscreen: a }) => [
+            b(l.$slots, "optionFullscreen", x($({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
+          ]),
+          key: "6"
+        } : void 0,
+        l.$slots.optionAnnotator ? {
+          name: "optionAnnotator",
+          fn: p(({ toggleAnnotator: t, isAnnotator: a }) => [
+            b(l.$slots, "optionAnnotator", x($({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
+          ]),
+          key: "7"
+        } : void 0
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullcreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0),
+      (u(), c("svg", {
+        ref_key: "svgRef",
+        ref: ie,
+        xmlns: h(tl),
+        viewBox: `0 0 ${s.value.chartWidth <= 0 ? 10 : s.value.chartWidth} ${s.value.svgHeight <= 0 ? 10 : s.value.svgHeight}`,
+        class: Ve({ "vue-data-ui-loading": h(Y), "no-transition": !e.value.useCssAnimation, "with-transition": e.value.useCssAnimation }),
+        style: L(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`),
+        role: "img",
+        "aria-live": "polite",
+        preserveAspectRatio: "xMidYMid"
+      }, [
+        ye(h(dt)),
+        l.$slots["chart-background"] ? (u(), c("foreignObject", {
+          key: 0,
+          x: s.value.left,
+          y: s.value.top,
+          width: s.value.width <= 0 ? 10 : s.value.width,
+          height: s.value.height <= 0 ? 10 : s.value.height,
+          style: {
+            pointerEvents: "none"
+          }
+        }, [
+          b(l.$slots, "chart-background", {}, void 0, !0)
+        ], 8, Cl)) : g("", !0),
+        (u(!0), c(k, null, S(z.value, (t) => (u(), c(k, null, [
+          ee("path", {
+            class: "transition-opacity",
+            d: `M${t.path}`,
+            stroke: e.value.style.chart.layout.lines.coatingColor,
+            "stroke-width": e.value.style.chart.layout.lines.strokeWidth + 2,
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            fill: "none",
+            style: L({
+              opacity: f.value == null || f.value === t.id ? 1 : 0.1
+            }),
+            onMouseenter: (a) => f.value = t.id,
+            onMouseleave: o[0] || (o[0] = (a) => f.value = null)
+          }, null, 44, kl),
+          ee("path", {
+            class: "transition-opacity",
+            d: `M${t.path}`,
+            stroke: t.color,
+            "stroke-width": e.value.style.chart.layout.lines.strokeWidth,
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            fill: "none",
+            style: L({
+              opacity: f.value == null || f.value === t.id ? 1 : 0.1
+            }),
+            onMouseenter: (a) => O(t, t),
+            onMouseleave: (a) => R(t),
+            onClick: (a) => de(t)
+          }, null, 44, Al)
+        ], 64))), 256)),
+        (u(!0), c(k, null, S(z.value, (t) => (u(), c(k, null, [
+          e.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (u(!0), c(k, { key: 0 }, S(t.coordinates, (a, n) => (u(), c("circle", {
+            class: "transition-opacity",
+            cx: a.x,
+            cy: a.y,
+            r: e.value.style.chart.layout.plots.radius,
+            fill: t.color,
+            stroke: e.value.style.chart.layout.plots.stroke,
+            "stroke-width": e.value.style.chart.layout.plots.strokeWidth,
+            style: L({
+              opacity: f.value == null || f.value === t.id ? 1 : 0.1
+            }),
+            onMouseenter: (i) => O({ ...a, pointIndex: n }, t),
+            onMouseleave: (i) => R({ ...a, pointIndex: n }),
+            onClick: (i) => O({ ...a, pointIndex: n }, t)
+          }, null, 44, Ll))), 256)) : g("", !0),
+          e.value.style.chart.layout.plots.labels.show && e.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (u(!0), c(k, { key: 1 }, S(t.coordinates, (a) => (u(), c("text", {
+            class: "transition-opacity",
+            x: a.x,
+            y: a.y + e.value.style.chart.layout.plots.labels.fontSize / 3,
+            fill: a.labelColor,
+            "font-size": e.value.style.chart.layout.plots.labels.fontSize,
+            "text-anchor": "middle",
+            style: L({
+              userSelect: "none",
+              pointerEvents: "none",
+              opacity: f.value == null || f.value === t.id ? 1 : 0.1
+            })
+          }, V(a.rank), 13, wl))), 256)) : g("", !0),
+          e.value.style.chart.layout.plots.labels.displayedValue === "value" ? (u(!0), c(k, { key: 2 }, S(t.coordinates, (a) => (u(), c(k, null, [
+            h(W)(a.value) ? (u(), c("rect", be({
+              key: 0,
+              class: "transition-opacity"
+            }, { ref_for: !0 }, Tt(a), {
+              style: {
+                opacity: f.value == null || f.value === t.id ? 1 : 0.1
+              },
+              onMouseenter: (n) => O({ ...l.point, pointIndex: l.i }, t),
+              onMouseleave: (n) => R({ ...l.point, pointIndex: l.i }),
+              onClick: (n) => O({ ...l.point, pointIndex: l.i }, t)
+            }), null, 16, xl)) : g("", !0),
+            h(W)(a.value) && e.value.style.chart.layout.plots.labels.show ? (u(), c("text", {
+              key: 1,
+              class: "transition-opacity",
+              x: a.x,
+              y: a.y + e.value.style.chart.layout.plots.labels.fontSize / 3,
+              fill: a.labelColor,
+              "font-size": e.value.style.chart.layout.plots.labels.fontSize,
+              "text-anchor": "middle",
+              style: L({
+                userSelect: "none",
+                pointerEvents: "none",
+                opacity: f.value == null || f.value === t.id ? 1 : 0.1
+              })
+            }, V(a.displayValue), 13, $l)) : g("", !0)
+          ], 64))), 256)) : g("", !0)
+        ], 64))), 256)),
+        e.value.style.chart.layout.nameLabels.leftLabels.show ? (u(), c("g", {
+          key: 1,
+          ref_key: "labelsLeft",
+          ref: ne
+        }, [
+          (u(!0), c(k, null, S(Pe.value.left.filter((t) => h(W)(t.value)), (t, a) => (u(), c("text", {
+            class: "transition-opacity",
+            x: s.value.left,
+            y: t.y + e.value.style.chart.layout.nameLabels.fontSize / 3,
+            fill: e.value.style.chart.layout.nameLabels.useSerieColor ? t.color : e.value.style.chart.layout.nameLabels.color,
+            "font-size": e.value.style.chart.layout.nameLabels.fontSize,
+            "font--weight": e.value.style.chart.layout.nameLabels.bold ? "bold" : "normal",
+            "text-anchor": "end",
+            innerHTML: h(me)({
+              content: t.name,
+              fontSize: e.value.style.chart.layout.nameLabels.fontSize,
+              fill: e.value.style.chart.layout.nameLabels.useSerieColor ? t.color : e.value.style.chart.layout.nameLabels.color,
+              x: s.value.left - e.value.style.chart.layout.nameLabels.offsetX,
+              y: t.y + e.value.style.chart.layout.nameLabels.fontSize / 3,
+              translateY: !0
+            }),
+            style: L({
+              opacity: f.value == null || f.value === t.id ? 1 : 0.1
+            }),
+            onMouseenter: (n) => O(t, t),
+            onMouseleave: (n) => R(t),
+            onClick: (n) => de(t)
+          }, null, 44, Sl))), 256))
+        ], 512)) : g("", !0),
+        e.value.style.chart.layout.nameLabels.rightLabels.show ? (u(), c("g", {
+          key: 2,
+          ref_key: "labelsRight",
+          ref: se
+        }, [
+          (u(!0), c(k, null, S(Pe.value.right.filter((t) => h(W)(t.value)), (t, a) => (u(), c("text", {
+            class: "transition-opacity",
+            x: s.value.right,
+            y: t.y + e.value.style.chart.layout.nameLabels.fontSize / 3,
+            fill: e.value.style.chart.layout.nameLabels.useSerieColor ? t.color : e.value.style.chart.layout.nameLabels.color,
+            "font-size": e.value.style.chart.layout.nameLabels.fontSize,
+            "font--weight": e.value.style.chart.layout.nameLabels.bold ? "bold" : "normal",
+            "text-anchor": "start",
+            innerHTML: h(me)({
+              content: t.name,
+              fontSize: e.value.style.chart.layout.nameLabels.fontSize,
+              fill: e.value.style.chart.layout.nameLabels.useSerieColor ? t.color : e.value.style.chart.layout.nameLabels.color,
+              x: s.value.right + e.value.style.chart.layout.nameLabels.offsetX,
+              y: t.y + e.value.style.chart.layout.nameLabels.fontSize / 3,
+              translateY: !0
+            }),
+            style: L({
+              opacity: f.value == null || f.value === t.id ? 1 : 0.1
+            }),
+            onMouseenter: (n) => O(t, t),
+            onMouseleave: (n) => R(t),
+            onClick: (n) => de(t)
+          }, null, 44, Tl))), 256))
+        ], 512)) : g("", !0),
+        e.value.style.chart.layout.timeLabels.show ? (u(), c("g", {
+          key: 3,
+          ref_key: "timeLabelsEls",
+          ref: j
+        }, [
+          l.$slots["time-label"] ? (u(), c("g", Ml, [
+            (u(!0), c(k, null, S(J.value, (t, a) => (u(), c("g", null, [
+              b(l.$slots, "time-label", be({ ref_for: !0 }, {
+                x: s.value.unitW * a + s.value.unitW / 2 + s.value.left,
+                y: s.value.chartHeight + e.value.style.chart.layout.timeLabels.offsetY,
+                fontSize: e.value.style.chart.layout.timeLabels.fontSize,
+                fill: e.value.style.chart.layout.timeLabels.color,
+                transform: `translate(${s.value.unitW * a + s.value.unitW / 2 + s.value.left}, ${s.value.chartHeight + e.value.style.chart.layout.timeLabels.offsetY}), rotate(${e.value.style.chart.layout.timeLabels.rotation})`,
+                absoluteIndex: t.absoluteIndex,
+                content: t.text,
+                textAnchor: e.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : e.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
+                show: !0
+              }), void 0, !0)
+            ]))), 256))
+          ])) : (u(), c("g", zl, [
+            (u(!0), c(k, null, S(J.value, (t, a) => (u(), c("g", null, [
+              String(t.text).includes(`
+`) ? (u(), c("text", {
+                key: a + "-multi",
+                "text-anchor": e.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : e.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
+                "font-size": e.value.style.chart.layout.timeLabels.fontSize,
+                fill: e.value.style.chart.layout.timeLabels.color,
+                transform: `
+                                    translate(
+                                    ${s.value.unitW * a + s.value.unitW / 2 + s.value.left},
+                                    ${s.value.chartHeight + e.value.style.chart.layout.timeLabels.fontSize * 1.3 + e.value.style.chart.layout.timeLabels.offsetY}
+                                    ),
+                                    rotate(${e.value.style.chart.layout.timeLabels.rotation})
+                                `,
+                innerHTML: h(me)({
+                  content: String(t.text),
+                  fontSize: e.value.style.chart.layout.timeLabels.fontSize,
+                  fill: e.value.style.chart.layout.timeLabels.color,
+                  x: 0,
+                  y: 0
+                })
+              }, null, 8, El)) : (u(), c("text", {
+                class: "vue-data-ui-time-label",
+                key: a,
+                "text-anchor": e.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : e.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
+                "font-size": e.value.style.chart.layout.timeLabels.fontSize,
+                "font-weight": e.value.style.chart.layout.timeLabels.bold ? "bold" : "normal",
+                fill: e.value.style.chart.layout.timeLabels.color,
+                transform: `translate(${s.value.unitW * a + s.value.unitW / 2 + s.value.left}, ${s.value.chartHeight + e.value.style.chart.layout.timeLabels.offsetY}), rotate(${e.value.style.chart.layout.timeLabels.rotation})`
+              }, V(t.text), 9, Dl))
+            ]))), 256))
+          ]))
+        ], 512)) : g("", !0),
+        b(l.$slots, "svg", {
+          svg: {
+            drawingArea: s.value,
+            data: z.value
+          }
+        }, void 0, !0)
+      ], 14, gl)),
+      l.$slots.watermark ? (u(), c("div", Ol, [
+        b(l.$slots, "watermark", x($({ isPrinting: h(Se) || h(Te) })), void 0, !0)
+      ])) : g("", !0),
+      U.value && e.value.userOptions.buttons.table ? (u(), N(Xt(H.value.component), be({ key: 5 }, H.value.props, {
+        ref_key: "tableUnit",
+        ref: _,
+        onClose: Be
+      }), We({
+        content: p(() => [
+          ye(h(ct), {
+            colNames: Q.value.colNames,
+            head: Q.value.head,
+            body: Q.value.body,
+            config: Q.value.config,
+            title: e.value.table.useDialog ? "" : H.value.title,
+            withCloseButton: !e.value.table.useDialog,
+            onClose: Be
+          }, {
+            th: p(({ th: t }) => [
+              ee("div", { innerHTML: t }, null, 8, Il)
+            ]),
+            td: p(({ td: t }) => [
+              Ue(V(t), 1)
+            ]),
+            _: 1
+          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"])
+        ]),
+        _: 2
+      }, [
+        e.value.table.useDialog ? {
+          name: "title",
+          fn: p(() => [
+            Ue(V(H.value.title), 1)
+          ]),
+          key: "0"
+        } : void 0,
+        e.value.table.useDialog ? {
+          name: "actions",
+          fn: p(() => [
+            ee("button", {
+              tabindex: "0",
+              class: "vue-ui-user-options-button",
+              onClick: o[1] || (o[1] = (t) => he(e.value.userOptions.callbacks.csv))
+            }, [
+              ye(h(rt), {
+                name: "excel",
+                stroke: H.value.props.color
+              }, null, 8, ["stroke"])
+            ])
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040)) : g("", !0),
+      l.$slots.source ? (u(), c("div", {
+        key: 6,
+        ref_key: "source",
+        ref: Ae,
+        dir: "auto"
+      }, [
+        b(l.$slots, "source", {}, void 0, !0)
+      ], 512)) : g("", !0),
+      h(Y) ? (u(), N(ul, { key: 7 })) : g("", !0)
+    ], 46, pl));
+  }
+}, Fl = /* @__PURE__ */ ml(Pl, [["__scopeId", "data-v-94c30780"]]), Zl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Fl
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Ql as a,
+  Zl as b,
+  Fl as v
+};