vue-data-ui 3.9.21 → 3.10.0

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

@@ -0,0 +1,1002 @@
+import { defineAsyncComponent as F, computed as y, ref as d, toRefs as Rt, onMounted as Nt, watch as Z, shallowRef as Re, onBeforeUnmount as Ne, watchEffect as Vt, 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 Wt, createTextVNode as Ue } from "vue";
+import { c as Xe, t as Ut, i as Xt, j as te, k as jt, o as je, g as Ye, l as Yt, m as Ge, a as Gt, d as qt, x as qe, E as W, A as Jt, C as Kt, S as Qt, X as Zt, $ as me, v as el, r as tl } from "./lib-2iaAPQ_c.js";
+import { t as Je, u as ll } from "./useResponsive-DfdjqQps.js";
+import { u as al, a as pe } from "./useNestedProp-BCt4DMkT.js";
+import { u as ol, B as nl } from "./BaseScanner-BMpwQAfz.js";
+import { u as sl } from "./usePrinter-ChVMpU2f.js";
+import { u as ul } from "./useThemeCheck-DGJ31Vi5.js";
+import { u as rl } from "./useTimeLabels-DKoynYae.js";
+import { u as il } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as cl } from "./useChartAccessibility-9icAAmYg.js";
+import { u as vl } from "./useTimeLabelCollider-CIsgDrl9.js";
+import hl from "./Title-B5L2jweB.js";
+import dl from "./BaseDraggableDialog-O2XSymlZ.js";
+import { u as fl } from "./useSvgExport-ByUukOZt.js";
+import { _ as yl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ke = { 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" } } } } }, Qe = { 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" } } } } }, Ze = { 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" } } } } }, et = { 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" } } } } }, tt = { 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" } } } } }, lt = { 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" } } } } }, at = {
+  default: {},
+  dark: Ke,
+  celebration: Qe,
+  celebrationNight: Ze,
+  hack: et,
+  zen: tt,
+  concrete: lt
+}, Jl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  celebration: Qe,
+  celebrationNight: Ze,
+  concrete: lt,
+  dark: Ke,
+  default: at,
+  hack: et,
+  zen: tt
+}, Symbol.toStringTag, { value: "Module" })), bl = ["id"], ml = ["xmlns", "viewBox"], pl = ["x", "y", "width", "height"], gl = ["d", "stroke", "stroke-width", "onMouseenter"], Cl = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], kl = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], Al = ["x", "y", "fill", "font-size"], Ll = ["onMouseenter", "onMouseleave", "onClick"], wl = ["x", "y", "fill", "font-size"], xl = ["x", "y", "fill", "font-size", "font--weight", "innerHTML", "onMouseenter", "onMouseleave", "onClick"], $l = ["x", "y", "fill", "font-size", "font--weight", "innerHTML", "onMouseenter", "onMouseleave", "onClick"], Sl = { key: 0 }, Tl = { key: 1 }, Ml = ["text-anchor", "font-size", "font-weight", "fill", "transform"], zl = ["text-anchor", "font-size", "fill", "transform", "innerHTML"], El = {
+  key: 4,
+  class: "vue-data-ui-watermark"
+}, Dl = ["innerHTML"], Il = {
+  __name: "vue-ui-bump",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  setup(ot, { expose: nt }) {
+    const st = F(() => import("./BaseIcon-B9bGT7HU.js")), ut = F(() => import("./vue-ui-accordion-CAXPDm31.js")), rt = F(() => import("./DataTable-DEwh__D8.js")), it = F(() => import("./PenAndPaper-CulSakut.js")), ct = F(() => import("./UserOptions-5pXc4J-c.js")), vt = F(() => import("./PackageVersion-C-JOGZBL.js")), { vue_ui_bump: ht } = al(), { isThemeValid: dt, warnInvalidTheme: ft } = ul(), A = ot, 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), ae = d(!1), Le = d(0), yt = d(0), _ = d(null), oe = d(null), we = d(!1), ne = d(null), se = d(null), j = d(null), f = d(null), e = d(ue()), { loading: Y, FINAL_DATASET: bt, manualLoading: G } = ol({
+      ...Rt(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: Ut({
+        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
+                }
+              }
+            }
+          }
+        }
+      })
+    });
+    Nt(Ie);
+    function ue() {
+      const l = pe({
+        userConfig: A.config,
+        defaultConfig: ht
+      });
+      let a = {};
+      const t = l.theme;
+      if (t)
+        if (!dt.value(l))
+          ft(l), a = l;
+        else {
+          const o = pe({
+            userConfig: at[t] || A.config,
+            defaultConfig: l
+          });
+          a = {
+            ...pe({
+              userConfig: A.config,
+              defaultConfig: o
+            }),
+            customPalette: l.customPalette.length ? l.customPalette : Xt[t] || te
+          };
+        }
+      else
+        a = l;
+      return a;
+    }
+    const { userOptionsVisible: re, setUserOptionsVisibility: xe, keepUserOptionState: $e } = il({ config: e.value }), { svgRef: ie } = cl({ config: e.value.style.chart.title });
+    function mt() {
+      we.value = !0, xe(!0);
+    }
+    function pt() {
+      xe(!1), we.value = !1;
+    }
+    const E = d({
+      showTable: e.value.table.show
+    });
+    Z(e, () => {
+      E.value = {
+        showTable: e.value.table.show
+      };
+    }, { immediate: !0 }), Z(() => A.config, (l) => {
+      Y.value || (e.value = ue()), re.value = !e.value.userOptions.showOnChartHover, Ie(), Le.value += 1, yt.value += 1, E.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 } = sl({
+      elementId: `bump_${le.value}`,
+      fileName: e.value.style.chart.title.text || "vue-ui-bump",
+      options: e.value.userOptions.print
+    }), gt = 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
+      }
+    }), Ct = y(() => jt(e.value.customPalette)), M = Re(null), O = Re(null), Ee = d(null), De = y(() => !!e.value.debug);
+    function Ie() {
+      if (je(A.dataset) ? (Ye({
+        componentName: "VueUiBump",
+        type: "dataset",
+        debug: De.value
+      }), G.value = !0) : A.dataset.forEach((l, a) => {
+        Yt({
+          datasetObject: l,
+          requiredAttributes: ["name", "values"]
+        }).forEach((t) => {
+          U.value = !1, Ye({
+            componentName: "VueUiBump",
+            type: "datasetSerieAttribute",
+            property: t,
+            index: a,
+            debug: De.value
+          }), G.value = !0;
+        });
+      }), je(A.dataset) || (G.value = e.value.loading), setTimeout(() => {
+        ae.value = !0;
+      }, 10), e.value.responsive) {
+        const l = Je(() => {
+          ae.value = !1;
+          const { width: a, height: t } = ll({
+            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 = a, w.value.height = t - 12, clearTimeout(Ee.value), Ee.value = setTimeout(() => {
+              ae.value = !0;
+            }, 10);
+          });
+        });
+        M.value && (O.value && M.value.unobserve(O.value), M.value.disconnect()), M.value = new ResizeObserver(l), O.value = T.value.parentNode, M.value.observe(O.value);
+      }
+    }
+    Ne(() => {
+      M.value && (O.value && M.value.unobserve(O.value), M.value.disconnect());
+    });
+    const q = y(() => bt.value.map((l, a) => {
+      const t = Ge(l.color) || Ct.value[a] || te[a] || te[a % te.length];
+      return {
+        ...l,
+        absoluteIndex: a,
+        id: Xe(),
+        color: t
+      };
+    })), D = y(() => Math.max(...q.value.map((l) => l.values.length)));
+    function kt(l) {
+      const a = l.map(() => Array(D.value).fill(null));
+      for (let t = 0; t < D.value; t += 1) {
+        const o = l.map((n, i) => ({
+          seriesIndex: i,
+          value: n.values?.[t],
+          previousPosition: t > 0 ? a[i][t - 1] : i
+        })).filter((n) => Number.isFinite(n.value));
+        o.sort((n, i) => i.value !== n.value ? i.value - n.value : n.previousPosition - i.previousPosition);
+        for (let n = 0; n < o.length; n += 1) {
+          const i = o[n];
+          a[i.seriesIndex][t] = n;
+        }
+      }
+      return a;
+    }
+    function At() {
+      let l = 0;
+      return ne.value && (l = Array.from(ne.value.querySelectorAll("tspan")).reduce((t, o) => {
+        const n = o.getComputedTextLength();
+        return n > t ? n : t;
+      }, 0)), l;
+    }
+    function Lt() {
+      let l = 0;
+      return se.value && (l = Array.from(se.value.querySelectorAll("tspan")).reduce((t, o) => {
+        const n = o.getComputedTextLength();
+        return n > t ? n : t;
+      }, 0)), l;
+    }
+    const ce = d(0), wt = Je((l) => {
+      ce.value = l;
+    }, 100);
+    Vt((l) => {
+      const a = j.value;
+      if (!a) return;
+      const t = new ResizeObserver((o) => {
+        wt(o[0].contentRect.height);
+      });
+      t.observe(a), l(() => t.disconnect());
+    }), Ne(() => {
+      ce.value = 0;
+    });
+    const xt = y(() => {
+      let l = 0;
+      return j.value && (l = ce.value), l;
+    }), s = y(() => {
+      const { height: l, width: a } = w.value, { right: t, left: o } = w.value.paddingRatio;
+      let n = At(), i = Lt();
+      const r = e.value.style.chart.padding.top, v = a - a * t - i, m = a * o + n, C = a - a * t - a * o - n - i, P = l - r - e.value.style.chart.padding.bottom - xt.value, fe = r + P, _t = r + P, Bt = Math.max(0, l), Ht = Math.max(0, a);
+      return {
+        chartHeight: _t,
+        chartWidth: Ht,
+        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) / D.value,
+        svgHeight: Bt
+      };
+    }), z = y(() => {
+      if (!U.value && !Y.value) return [];
+      const l = kt(q.value);
+      return q.value.map((a, t) => ({
+        ...a,
+        positions: l[t]
+      })).map((a) => {
+        const t = a.positions.map((i, r) => {
+          const v = Gt(
+            e.value.style.chart.layout.plots.labels.formatter,
+            a.values[r],
+            qt({
+              p: e.value.style.chart.layout.plots.labels.prefix,
+              v: a.values[r],
+              s: e.value.style.chart.layout.plots.labels.suffix,
+              r: e.value.style.chart.layout.plots.labels.rounding
+            })
+          );
+          return {
+            name: a.name,
+            id: a.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: a.values[r],
+            displayValue: v,
+            rank: a.positions[r] + 1,
+            color: a.color,
+            labelColor: e.value.style.chart.layout.plots.labels.color === "auto" ? qe(a.color) : Ge(e.value.style.chart.layout.plots.labels.color) ?? qe(a.color)
+          };
+        }), o = t.filter((i) => W(i.value)), n = e.value.style.chart.layout.lines.smooth ? Jt(o) : Kt(o);
+        return {
+          ...a,
+          coordinates: t,
+          path: n
+        };
+      });
+    });
+    function Oe(l, a, t, o) {
+      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 + a && (m.y = v.y + a);
+      }
+      const i = n.length - 1;
+      if (i >= 0 && n[i].y > o) {
+        n[i].y = o;
+        for (let r = i - 1; r >= 0; r -= 1) {
+          const v = n[r + 1], m = n[r];
+          m.y > v.y - a && (m.y = v.y - a);
+        }
+      }
+      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 = [], a = [];
+      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];
+        a.push({ ...P });
+      });
+      const t = e.value.style.chart.layout.nameLabels.fontSize, o = t * 1.4, n = s.value.top + t, i = s.value.bottom - t, r = Oe(
+        a,
+        o,
+        n,
+        i
+      );
+      return {
+        left: Oe(
+          l,
+          o,
+          n,
+          i
+        ),
+        right: r
+      };
+    });
+    function $t(l) {
+      const a = e.value.style.chart.layout.plots.labels.fontSize * 0.4, t = l.displayValue, o = 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 = o + a * 2, r = n + a * 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(() => rl({
+      values: e.value.style.chart.layout.timeLabels.values,
+      maxDatapoints: D.value,
+      formatter: e.value.style.chart.layout.timeLabels.datetimeFormatter,
+      start: 0,
+      end: D.value
+    })), St = y(() => {
+      const l = e.value.style.chart.layout.timeLabels.modulo;
+      return B.value.length ? Math.min(l, [...new Set(B.value.map((a) => a.text))].length) : l;
+    }), J = y(() => {
+      const l = e.value.style.chart.layout.timeLabels, a = B.value || [], t = B.value || [], o = 0, n = null, i = D.value, r = a.map((m) => m?.text ?? ""), v = t.map((m) => m?.text ?? "");
+      return Qt(
+        !!l.showOnlyFirstAndLast,
+        !!l.showOnlyAtModulo,
+        Math.max(1, St.value || 1),
+        r,
+        v,
+        o,
+        n,
+        i
+      );
+    }), Tt = y(() => w.value.width), Mt = y(() => w.value.height), zt = y(() => ({
+      start: 0,
+      end: D.value
+    }));
+    vl({
+      timeLabelsEls: j,
+      timeLabels: B,
+      slicer: zt,
+      configRef: e,
+      rotationPath: ["style", "chart", "layout", "timeLabels", "rotation"],
+      autoRotatePath: ["style", "chart", "layout", "timeLabels", "autoRotate", "enable"],
+      isAutoSize: !1,
+      width: Tt,
+      height: Mt,
+      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() {
+      E.value.showTable = !E.value.showTable;
+    }
+    Z(() => E.value.showTable, (l) => {
+      e.value.table.show || (l && e.value.table.useDialog && _.value ? _.value.open() : "close" in _.value && _.value.close());
+    });
+    function Be() {
+      E.value.showTable = !1, oe.value && oe.value.setTableIconState(!1);
+    }
+    function Et() {
+      return z.value;
+    }
+    function he(l = null) {
+      const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], t = ["", ...J.value.map((v) => v?.text ?? "")], o = 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 = a.concat([[e.value.table.columnNames.values]]).concat([t]).concat(o).concat([[""], [e.value.table.columnNames.ranking], [t]]).concat(n), r = el(i);
+      l ? l(r) : tl({ 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, a = E.value.showTable;
+      return {
+        component: l ? dl : ut,
+        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: a,
+            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)), a = 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
+      }, o = [e.value.table.columnNames.series];
+      return { head: l, body: a, config: t, colNames: o };
+    }), Dt = y(() => e.value.style.chart.backgroundColor), It = y(() => e.value.style.chart.title), { exportSvg: Ot, getSvg: Pt } = fl({
+      svg: ie,
+      title: It,
+      legend: null,
+      legendItems: null,
+      backgroundColor: Dt
+    });
+    async function He({ isCb: l }) {
+      if (l) {
+        const { blob: a, url: t, text: o, dataUrl: n } = await Pt();
+        e.value.userOptions.callbacks.svg({ blob: a, url: t, text: o, dataUrl: n });
+      } else
+        Ot();
+    }
+    async function Ft({ scale: l = 2 } = {}) {
+      if (!T.value) return;
+      const { width: a, height: t } = T.value.getBoundingClientRect(), o = a / 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: a,
+        height: t,
+        aspectRatio: o
+      };
+    }
+    function I(l, a) {
+      f.value = a.id, e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: l,
+        seriesIndex: l?.pointIndex ?? null
+      });
+    }
+    function R(l, a) {
+      f.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({
+        datapoint: l,
+        seriesIndex: l?.pointIndex ?? null
+      });
+    }
+    function de(l, a) {
+      e.value.events.datapointClick && e.value.events.datapointClick({
+        datapoint: l,
+        seriesIndex: l?.pointIndex ?? null
+      });
+    }
+    return nt({
+      getData: Et,
+      getImage: Ft,
+      generatePdf: Me,
+      generateCsv: he,
+      generateImage: ze,
+      generateSvg: He,
+      toggleTable: _e,
+      toggleAnnotator: ve,
+      toggleFullscreen: Fe
+    }), (l, a) => (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: mt,
+      onMouseleave: pt
+    }, [
+      e.value.userOptions.buttons.annotator ? (u(), N(h(it), {
+        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),
+      gt.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(hl, {
+          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(ct), {
+        ref_key: "userOptionsRef",
+        ref: oe,
+        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: o }) => [
+            b(l.$slots, "menuIcon", x($({ isOpen: t, color: o })), 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: o }) => [
+            b(l.$slots, "optionFullscreen", x($({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
+          ]),
+          key: "6"
+        } : void 0,
+        l.$slots.optionAnnotator ? {
+          name: "optionAnnotator",
+          fn: p(({ toggleAnnotator: t, isAnnotator: o }) => [
+            b(l.$slots, "optionAnnotator", x($({ toggleAnnotator: t, isAnnotator: o })), 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(Zt),
+        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(vt)),
+        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, pl)) : 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: (o) => f.value = t.id,
+            onMouseleave: a[0] || (a[0] = (o) => f.value = null)
+          }, null, 44, gl),
+          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: (o) => I(t, t),
+            onMouseleave: (o) => R(t),
+            onClick: (o) => de(t)
+          }, null, 44, Cl)
+        ], 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, (o, n) => (u(), c("circle", {
+            class: "transition-opacity",
+            cx: o.x,
+            cy: o.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) => I({ ...o, pointIndex: n }, t),
+            onMouseleave: (i) => R({ ...o, pointIndex: n }),
+            onClick: (i) => I({ ...o, pointIndex: n }, t)
+          }, null, 44, kl))), 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, (o) => (u(), c("text", {
+            class: "transition-opacity",
+            x: o.x,
+            y: o.y + e.value.style.chart.layout.plots.labels.fontSize / 3,
+            fill: o.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(o.rank), 13, Al))), 256)) : g("", !0),
+          e.value.style.chart.layout.plots.labels.displayedValue === "value" ? (u(!0), c(k, { key: 2 }, S(t.coordinates, (o) => (u(), c(k, null, [
+            h(W)(o.value) ? (u(), c("rect", be({
+              key: 0,
+              class: "transition-opacity"
+            }, { ref_for: !0 }, $t(o), {
+              style: {
+                opacity: f.value == null || f.value === t.id ? 1 : 0.1
+              },
+              onMouseenter: (n) => I({ ...l.point, pointIndex: l.i }, t),
+              onMouseleave: (n) => R({ ...l.point, pointIndex: l.i }),
+              onClick: (n) => I({ ...l.point, pointIndex: l.i }, t)
+            }), null, 16, Ll)) : g("", !0),
+            h(W)(o.value) && e.value.style.chart.layout.plots.labels.show ? (u(), c("text", {
+              key: 1,
+              class: "transition-opacity",
+              x: o.x,
+              y: o.y + e.value.style.chart.layout.plots.labels.fontSize / 3,
+              fill: o.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(o.displayValue), 13, wl)) : 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, o) => (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) => I(t, t),
+            onMouseleave: (n) => R(t),
+            onClick: (n) => de(t)
+          }, null, 44, xl))), 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, o) => (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) => I(t, t),
+            onMouseleave: (n) => R(t),
+            onClick: (n) => de(t)
+          }, null, 44, $l))), 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", Sl, [
+            (u(!0), c(k, null, S(J.value, (t, o) => (u(), c("g", null, [
+              b(l.$slots, "time-label", be({ ref_for: !0 }, {
+                x: s.value.unitW * o + 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 * o + 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", Tl, [
+            (u(!0), c(k, null, S(J.value, (t, o) => (u(), c("g", null, [
+              String(t.text).includes(`
+`) ? (u(), c("text", {
+                key: o + "-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 * o + 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, zl)) : (u(), c("text", {
+                class: "vue-data-ui-time-label",
+                key: o,
+                "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 * o + 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, Ml))
+            ]))), 256))
+          ]))
+        ], 512)) : g("", !0),
+        b(l.$slots, "svg", {
+          svg: {
+            drawingArea: s.value,
+            data: z.value
+          }
+        }, void 0, !0)
+      ], 14, ml)),
+      l.$slots.watermark ? (u(), c("div", El, [
+        b(l.$slots, "watermark", x($({ isPrinting: h(Se) || h(Te) })), void 0, !0)
+      ])) : g("", !0),
+      U.value && e.value.userOptions.buttons.table ? (u(), N(Wt(H.value.component), be({ key: 5 }, H.value.props, {
+        ref_key: "tableUnit",
+        ref: _,
+        onClose: Be
+      }), We({
+        content: p(() => [
+          ye(h(rt), {
+            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, Dl)
+            ]),
+            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: a[1] || (a[1] = (t) => he(e.value.userOptions.callbacks.csv))
+            }, [
+              ye(h(st), {
+                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(nl, { key: 7 })) : g("", !0)
+    ], 46, bl));
+  }
+}, Ol = /* @__PURE__ */ yl(Il, [["__scopeId", "data-v-94c30780"]]), Kl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ol
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Jl as a,
+  Kl as b,
+  Ol as v
+};