vue-data-ui 3.0.0-next.54 → 3.0.0-next.56

package/dist/vue-ui-dumbbell-DmYCdaFI.js

@@ -1,1058 +0,0 @@
-import { defineAsyncComponent as V, computed as b, ref as h, toRefs as wt, watch as ye, shallowRef as Ue, onMounted as We, onBeforeUnmount as qe, watchEffect as $t, createElementBlock as i, openBlock as o, unref as c, normalizeStyle as K, normalizeClass as Ye, createBlock as O, createCommentVNode as y, createElementVNode as d, createSlots as Lt, withCtx as p, renderSlot as m, normalizeProps as Q, guardReactiveProps as ee, createVNode as Ct, withDirectives as U, Fragment as w, renderList as A, toDisplayString as x, vShow as W, createTextVNode as je, nextTick as At } from "vue";
-import { u as Nt, c as Ze, v as St, a as Xt, o as zt, e as Je, g as Mt, w as Ke, D as Tt, f as $, i as F, X as Qe, s as et, l as tt, h as lt, q as It, r as Ot } from "./index-B5FRcZLo.js";
-import { t as be, u as Ft } from "./useResponsive-DfdjqQps.js";
-import { u as Ht } from "./usePrinter-CHbm8PGD.js";
-import { u as Dt, B as Pt } from "./BaseScanner-DIK2NTdp.js";
-import { u as at } from "./useNestedProp-BwJKakXX.js";
-import { u as Et } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Gt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Rt } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Bt from "./img-Brj7vn--.js";
-import Vt from "./Title-Bnr--aA5.js";
-import Ut from "./Legend-BBaTktyQ.js";
-import { _ as Wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const qt = ["id"], Yt = ["xmlns", "viewBox"], jt = ["x", "y", "width", "height"], Zt = { key: 1 }, Jt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Kt = { key: 2 }, Qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], el = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], tl = ["transform", "font-size", "fill"], ll = ["x", "y", "font-size", "fill", "font-weight", "onMouseenter", "onMouseleave", "onClick"], al = ["x", "y", "font-size", "fill", "onMouseenter", "onMouseleave", "onClick"], sl = ["x", "y", "font-size", "fill"], nl = ["transform", "font-size", "fill", "font-weight", "text-anchor"], ol = ["d", "stroke", "stroke-width", "stroke-dasharray"], rl = ["d", "stroke", "stroke-width", "stroke-dasharray"], ul = ["x", "y", "height", "width", "fill"], il = ["transform", "fill", "font-size"], cl = ["id"], vl = ["stop-color"], dl = ["stop-color"], hl = ["stop-color"], fl = ["id"], yl = ["stop-color"], bl = ["stop-color"], gl = ["stop-color"], ml = ["id"], pl = ["stop-color"], xl = ["stop-color"], kl = ["id"], _l = ["stop-color"], wl = ["stop-color"], $l = { key: 0 }, Ll = { key: 0 }, Cl = ["d", "fill"], Al = { key: 1 }, Nl = ["x", "y", "height", "width", "fill"], Sl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Xl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], zl = { key: 7 }, Ml = ["x", "y", "fill", "font-size"], Tl = { key: 8 }, Il = ["x", "y", "fill", "font-size"], Ol = ["x", "y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Fl = {
-  key: 4,
-  class: "vue-data-ui-watermark"
-}, Hl = ["xmlns", "height", "width"], Dl = ["fill"], Pl = ["innerHTML"], El = {
-  __name: "vue-ui-dumbbell",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  emits: ["selectDatapoint"],
-  setup(st, { expose: nt, emit: Gl }) {
-    const ot = V(() => import("./vue-ui-accordion-h_xORY7m.js")), rt = V(() => import("./DataTable-D1RPxkQn.js")), ut = V(() => import("./PenAndPaper-DaQWWpgs.js")), it = V(() => import("./UserOptions-Dm91TR_d.js")), ct = V(() => import("./PackageVersion-Dvivm8-r.js")), { vue_ui_dumbbell: vt } = Nt(), N = st, q = b({
-      get() {
-        return !!N.dataset && N.dataset.length;
-      },
-      set(l) {
-        return l;
-      }
-    }), g = h(Ze()), ge = h(0), M = h(null), me = h(null), pe = h(null), xe = h(null), ke = h(null), _e = h(0), we = h(0), $e = h(0), te = h(null), le = h(null), Y = h(null), ae = h(null), T = h(null), r = h(null), I = h(!1), e = h(re()), { loading: se, FINAL_DATASET: ne, manualLoading: dt } = Dt({
-      ...wt(N),
-      FINAL_CONFIG: e,
-      prepareConfig: re,
-      skeletonDataset: [
-        { name: "_", start: 21, end: 34 },
-        { name: "_", start: 13, end: 21 },
-        { name: "_", start: 8, end: 13 },
-        { name: "_", start: 5, end: 8 },
-        { name: "_", start: 3, end: 5 }
-      ],
-      skeletonConfig: St({
-        defaultConfig: e.value,
-        userConfig: {
-          userOptions: { show: !1 },
-          table: { show: !1 },
-          useAnimation: !1,
-          style: {
-            chart: {
-              backgroundColor: "#99999930",
-              padding: {
-                top: 12,
-                right: 12,
-                bottom: 12,
-                left: 12
-              },
-              grid: {
-                horizontalGrid: { stroke: "#6A6A6A" },
-                verticalGrid: { stroke: "#6A6A6A" }
-              },
-              labels: {
-                axis: {
-                  yLabel: "",
-                  xLabel: ""
-                },
-                xAxisLabels: { show: !1 },
-                yAxisLabels: { show: !1 },
-                endLabels: { show: !1 },
-                startLabels: { show: !1 }
-              },
-              legend: {
-                backgroundColor: "transparent"
-              },
-              plots: {
-                endColor: "#969696",
-                startColor: "#DBDBDB",
-                stroke: "#6A6A6A"
-              }
-            }
-          }
-        }
-      })
-    }), { userOptionsVisible: oe, setUserOptionsVisibility: Le, keepUserOptionState: Ce } = Et({ config: e.value }), { svgRef: Ae } = Gt({ config: e.value.style.chart.title });
-    function re() {
-      const l = at({
-        userConfig: N.config,
-        defaultConfig: vt
-      });
-      return l.theme ? {
-        ...at({
-          userConfig: Xt.vue_ui_dumbbell[l.theme] || N.config,
-          defaultConfig: l
-        })
-      } : l;
-    }
-    ye(() => N.config, (l) => {
-      se.value || (e.value = re()), oe.value = !e.value.userOptions.showOnChartHover, Se(), _e.value += 1, we.value += 1, $e.value += 1, E.value = e.value.style.chart.rowHeight, G.value = e.value.style.chart.width, D.value.showTable = e.value.table.show;
-    }, { deep: !0 }), ye(() => ne.value, (l) => {
-      Array.isArray(l) && l.length > 0 && (dt.value = !1), He(), De();
-    }, { deep: !0 });
-    const S = Ue(null), H = Ue(null);
-    We(() => {
-      Se();
-    });
-    const Ne = b(() => !!e.value.debug);
-    function Se() {
-      if (zt(N.dataset) ? Je({
-        componentName: "VueUiDumbbell",
-        type: "dataset",
-        debug: Ne.value
-      }) : N.dataset.forEach((l, s) => {
-        Mt({
-          datasetObject: l,
-          requiredAttributes: ["name", "start", "end"]
-        }).forEach((t) => {
-          q.value = !1, Je({
-            componentName: "VueUiDumbbell",
-            type: "datasetSerieAttribute",
-            property: t,
-            index: s,
-            debug: Ne.value
-          });
-        });
-      }), e.value.responsive) {
-        const l = be(() => {
-          const { width: s, height: t } = Ft({
-            chart: M.value,
-            title: e.value.style.chart.title.text ? me.value : null,
-            legend: e.value.style.chart.legend.show ? pe.value : null,
-            source: xe.value,
-            noTitle: ke.value
-          }), a = e.value.style.chart.title.text ? 24 : 0, u = e.value.style.chart.legend.show ? 24 : 0;
-          requestAnimationFrame(async () => {
-            G.value = Math.max(0.1, s), E.value = Math.max(0.1, (t - (a + u)) / ne.value.length), Ve();
-          });
-        });
-        S.value && (H.value && S.value.unobserve(H.value), S.value.disconnect()), S.value = new ResizeObserver(l), H.value = M.value.parentNode, S.value.observe(H.value);
-      }
-      Ve();
-    }
-    qe(() => {
-      C.value != null && (cancelAnimationFrame(C.value), C.value = null), S.value && (H.value && S.value.unobserve(H.value), S.value.disconnect());
-    });
-    const { isPrinting: Xe, isImaging: ze, generatePdf: Me, generateImage: Te } = Ht({
-      elementId: `dumbbell_${g.value}`,
-      fileName: e.value.style.chart.title.text || "vue-ui-dumbbell",
-      options: e.value.userOptions.print
-    }), ht = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), D = h({
-      showTable: e.value.table.show
-    });
-    ye(e, () => {
-      D.value = {
-        showTable: e.value.table.show
-      };
-    }, { immediate: !0 });
-    const P = b(() => ne.value.map((l, s) => ({
-      ...l,
-      start: Ke(l.start),
-      end: Ke(l.end),
-      id: l.id ?? `${String(l.name)}__${String(l.start)}__${String(l.end)}__${Ze()}`
-    }))), Ie = b(() => {
-      const l = e.value.style.chart.grid, s = P.value.flatMap((f) => [f.start, f.end]).map((f) => Number(f)).filter((f) => Number.isFinite(f)), t = s.length ? Math.min(...s) : 0, a = s.length ? Math.max(...s) : 0, u = l.scaleMin ?? Math.min(t, 0), v = l.scaleMax ?? a;
-      return { min: u, max: v };
-    }), L = b(() => Tt(Ie.value.min, Ie.value.max, e.value.style.chart.grid.scaleSteps)), E = h(e.value.style.chart.rowHeight), G = h(e.value.style.chart.width);
-    function ft() {
-      let l = 0;
-      le.value && (l = Array.from(le.value.querySelectorAll("text")).reduce((a, u) => {
-        const v = u.getComputedTextLength();
-        return v > a ? v : a;
-      }, 0));
-      const s = te.value ? te.value.getBoundingClientRect().width : 0;
-      return l + s + (s ? 24 + e.value.style.chart.labels.axis.yLabelOffsetX : 0);
-    }
-    const ue = h(0), yt = be((l) => {
-      ue.value = l;
-    }, 100);
-    $t((l) => {
-      const s = Y.value;
-      if (!s) return;
-      const t = new ResizeObserver((a) => {
-        yt(a[0].contentRect.height);
-      });
-      t.observe(s), l(() => t.disconnect());
-    }), qe(() => {
-      ue.value = 0;
-    });
-    const Oe = b(() => {
-      I.value;
-      let l = 0;
-      ae.value && (l = ae.value.getBBox().height);
-      let s = 0;
-      return Y.value && (s = ue.value), l + s;
-    }), ie = b(() => P.value.length);
-    function Fe(l, s, t) {
-      const a = Number(l), u = Number(s.min), v = Number(s.max), f = Number(t.width);
-      if (!Number.isFinite(a) || !Number.isFinite(u) || !Number.isFinite(v) || !Number.isFinite(f))
-        return t.left;
-      const _ = v - u;
-      return _ <= 0 ? t.left : t.left + (a - u) / _ * f;
-    }
-    const n = b(() => {
-      I.value;
-      const l = ft(), s = e.value.style.chart.padding, t = e.value.style.chart.labels.axis.xLabel ? e.value.style.chart.labels.axis.xLabelOffsetY : 0, a = E.value * ie.value - Oe.value - s.top - s.bottom - t, u = a / ie.value, v = E.value * ie.value, f = G.value - l - s.left - s.right, _ = L.value.ticks.length * (f / L.value.ticks.length);
-      return {
-        left: e.value.style.chart.padding.left + l,
-        right: G.value - e.value.style.chart.padding.right,
-        top: e.value.style.chart.padding.top,
-        bottom: v - e.value.style.chart.padding.bottom - Oe.value - t,
-        width: f,
-        height: a,
-        rowHeight: u,
-        absoluteHeight: v,
-        widthPlotReference: _
-      };
-    }), X = b(() => Math.min(E.value / 2 * 0.7, e.value.style.chart.plots.radius)), R = h([]), k = b({
-      get() {
-        const l = n.value, s = L.value;
-        return R.value.map((t, a) => {
-          const u = Fe(t.start, s, l), v = Fe(t.endVal, s, l), f = u + (v - u) / 2;
-          return {
-            ...t,
-            startX: u,
-            endX: v,
-            centerX: f,
-            y: l.top + a * l.rowHeight + l.rowHeight / 2
-          };
-        });
-      },
-      set(l) {
-        R.value = l;
-      }
-    });
-    function He() {
-      R.value = P.value.map((l) => {
-        const s = Number(l.start);
-        return {
-          ...l,
-          endVal: Number.isFinite(s) ? s : 0
-        };
-      });
-    }
-    const C = h(null);
-    We(() => {
-      De();
-    });
-    function De() {
-      if (C.value != null && (cancelAnimationFrame(C.value), C.value = null), He(), !e.value.useAnimation) {
-        k.value = R.value.map((a) => {
-          const u = Number(a.end);
-          return { ...a, endVal: Number.isFinite(u) ? u : a.endVal };
-        });
-        return;
-      }
-      const l = Math.max(1, Math.min(100, e.value.animationSpeed || 100)) / 100, s = P.value.map((a) => {
-        const u = Number(a.start), v = Number(a.end), f = Number.isFinite(u) ? u : 0;
-        return (Number.isFinite(v) ? v : f) - f;
-      }), t = () => {
-        let a = !0;
-        k.value = R.value.map((u, v) => {
-          const f = Number.isFinite(Number(u.end)) ? Number(u.end) : u.endVal, _ = u.endVal + s[v] * l, J = s[v] >= 0 ? Math.min(_, f) : Math.max(_, f);
-          return J !== f && (a = !1), { ...u, endVal: J };
-        }), a ? C.value = null : C.value = requestAnimationFrame(t);
-      };
-      C.value = requestAnimationFrame(t);
-    }
-    const Pe = b(() => [
-      { name: e.value.style.chart.legend.labelStart, color: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${g.value})` : e.value.style.chart.plots.startColor },
-      { name: e.value.style.chart.legend.labelEnd, color: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${g.value})` : e.value.style.chart.plots.endColor }
-    ]), bt = b(() => ({
-      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,
-      paddingTop: 12,
-      fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), z = b(() => {
-      const l = k.value.map((t) => ({
-        name: t.name
-      })), s = k.value.map((t) => ({
-        start: t.start,
-        end: t.end
-      }));
-      return { head: l, body: s };
-    }), j = b(() => {
-      const l = [
-        e.value.table.columnNames.series,
-        e.value.table.columnNames.start,
-        e.value.table.columnNames.end,
-        e.value.table.columnNames.progression
-      ], s = z.value.head.map((u, v) => {
-        const f = $({
-          p: e.value.style.chart.labels.prefix,
-          v: z.value.body[v].start,
-          s: e.value.style.chart.labels.suffix,
-          r: e.value.table.td.roundingValue
-        }), _ = $({
-          p: e.value.style.chart.labels.prefix,
-          v: z.value.body[v].end,
-          s: e.value.style.chart.labels.suffix,
-          r: e.value.table.td.roundingValue
-        }), J = $({
-          v: 100 * (z.value.body[v].end / z.value.body[v].start - 1),
-          s: "%",
-          r: e.value.table.td.roundingPercentage
-        });
-        return [
-          { name: u.name },
-          f,
-          _,
-          J
-        ];
-      }), 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
-      };
-      return {
-        colNames: [
-          e.value.table.columnNames.series,
-          e.value.table.columnNames.start,
-          e.value.table.columnNames.end,
-          e.value.table.columnNames.progression
-        ],
-        head: l,
-        body: s,
-        config: t
-      };
-    });
-    function Ee(l = null) {
-      At(() => {
-        const s = z.value.head.map((u, v) => [[
-          u.name
-        ], [z.value.body[v].start], [z.value.body[v].end]]), t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[e.value.table.columnNames.series], [e.value.table.columnNames.start], [e.value.table.columnNames.end]]].concat(s), a = It(t);
-        l ? l(a) : Ot({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-dumbbell" });
-      });
-    }
-    const B = h(!1);
-    function Ge(l) {
-      B.value = l, ge.value += 1;
-    }
-    function gt() {
-      return P.value;
-    }
-    function Re() {
-      D.value.showTable = !D.value.showTable;
-    }
-    const Z = h(!1);
-    function ce() {
-      Z.value = !Z.value;
-    }
-    async function mt({ scale: l = 2 } = {}) {
-      if (!M.value) return;
-      const { width: s, height: t } = M.value.getBoundingClientRect(), a = s / t, { imageUri: u, base64: v } = await Bt({ domElement: M.value, base64: !0, img: !0, scale: l });
-      return {
-        imageUri: u,
-        base64: v,
-        title: e.value.style.chart.title.text,
-        width: s,
-        height: t,
-        aspectRatio: a
-      };
-    }
-    const Be = b(() => L.value.ticks), pt = b(() => ({ start: 0, end: Be.value.length }));
-    Rt({
-      timeLabelsEls: Y,
-      timeLabels: Be,
-      slicer: pt,
-      configRef: e,
-      rotationPath: ["style", "chart", "labels", "xAxisLabels", "rotation"],
-      autoRotatePath: ["style", "chart", "labels", "xAxisLabels", "autoRotate"],
-      isAutoSize: !1,
-      width: G,
-      height: E,
-      targetClass: ".vue-ui-dumbbell-scale-label"
-    });
-    function xt({
-      rowHeight: l,
-      fontSize: s,
-      showProgression: t
-    }) {
-      if (!t) return !1;
-      const a = l / 3, u = l / 1.3, v = Math.abs(u - a), f = s * 1.2;
-      return v < f;
-    }
-    const kt = /* @__PURE__ */ (() => {
-      let l = null, s = 0;
-      const t = 1;
-      return (a) => {
-        if (a === I.value) {
-          l = null, s = 0;
-          return;
-        }
-        l === null || l !== a ? (l = a, s = 1) : (s += 1, s >= t && (I.value = a, l = null, s = 0));
-      };
-    })(), Ve = be(() => {
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          const l = xt({
-            rowHeight: n.value.rowHeight,
-            fontSize: e.value.style.chart.labels.yAxisLabels.fontSize,
-            showProgression: e.value.style.chart.labels.yAxisLabels.showProgression
-          });
-          kt(l);
-        });
-      });
-    }, 100);
-    function ve({ datapoint: l, seriesIndex: s }) {
-      T.value = s, r.value = l, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: s });
-    }
-    function de({ datapoint: l, seriesIndex: s }) {
-      T.value = null, r.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s });
-    }
-    function he({ datapoint: l, seriesIndex: s }) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: s });
-    }
-    const fe = b(() => {
-      if (r.value === null) return 0;
-      const l = ![null, void 0].includes(r.value.start), s = ![null, void 0].includes(r.value.end);
-      return l && s ? Math.min(r.value.startX, r.value.endX) + Math.abs(r.value.startX - r.value.endX) / 2 : l && !s ? r.value.startX : s && !l ? r.value.endX : null;
-    }), _t = b(() => {
-      if (r.value === null) return "";
-      const l = ![null, void 0].includes(r.value.start), s = ![null, void 0].includes(r.value.end);
-      let t = "", a = "";
-      return l && (t = F(
-        e.value.style.chart.labels.formatter,
-        r.value.start,
-        $({
-          p: e.value.style.chart.labels.prefix,
-          v: r.value.start,
-          s: e.value.style.chart.labels.suffix,
-          r: e.value.style.chart.labels.startLabels.rounding
-        }),
-        { datapoint: r.value, seriesIndex: T.value }
-      )), s && (a = F(
-        e.value.style.chart.labels.formatter,
-        r.value.end,
-        $({
-          p: e.value.style.chart.labels.prefix,
-          v: r.value.end,
-          s: e.value.style.chart.labels.suffix,
-          r: e.value.style.chart.labels.startLabels.rounding
-        }),
-        { datapoint: r.value, seriesIndex: T.value }
-      )), l && s ? `${t} → ${a}` : l && !s ? t : s && !l ? a : "";
-    });
-    return nt({
-      getData: gt,
-      getImage: mt,
-      generatePdf: Me,
-      generateCsv: Ee,
-      generateImage: Te,
-      toggleTable: Re,
-      toggleAnnotator: ce,
-      toggleFullscreen: Ge
-    }), (l, s) => (o(), i("div", {
-      ref_key: "dumbbellChart",
-      ref: M,
-      class: Ye(`vue-ui-dumbbell ${B.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: K(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
-      id: `dumbbell_${g.value}`,
-      onMouseenter: s[1] || (s[1] = () => c(Le)(!0)),
-      onMouseleave: s[2] || (s[2] = () => c(Le)(!1))
-    }, [
-      e.value.userOptions.buttons.annotator ? (o(), O(c(ut), {
-        key: 0,
-        svgRef: c(Ae),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: Z.value,
-        onClose: ce
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
-      ht.value ? (o(), i("div", {
-        key: 1,
-        ref_key: "noTitle",
-        ref: ke,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : y("", !0),
-      e.value.style.chart.title.text ? (o(), i("div", {
-        key: 2,
-        ref_key: "chartTitle",
-        ref: me,
-        style: "width:100%;background:transparent;padding-bottom:24px"
-      }, [
-        (o(), O(Vt, {
-          key: `title_${_e.value}`,
-          config: {
-            title: {
-              cy: "donut-div-title",
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              cy: "donut-div-subtitle",
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : y("", !0),
-      e.value.userOptions.show && q.value && (c(Ce) || c(oe)) ? (o(), O(c(it), {
-        ref: "details",
-        key: `user_option_${ge.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: c(Xe),
-        isImaging: c(ze),
-        uid: g.value,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasImg: e.value.userOptions.buttons.img,
-        hasTable: e.value.userOptions.buttons.table,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: B.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: M.value,
-        position: e.value.userOptions.position,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: Z.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: Ge,
-        onGeneratePdf: c(Me),
-        onGenerateCsv: Ee,
-        onGenerateImage: c(Te),
-        onToggleTable: Re,
-        onToggleAnnotator: ce,
-        style: K({
-          visibility: c(Ce) ? c(oe) ? "visible" : "hidden" : "visible"
-        })
-      }, Lt({ _: 2 }, [
-        l.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: p(({ isOpen: t, color: a }) => [
-            m(l.$slots, "menuIcon", Q(ee({ isOpen: t, color: a })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        l.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: p(() => [
-            m(l.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        l.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: p(() => [
-            m(l.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        l.$slots.optionImg ? {
-          name: "optionImg",
-          fn: p(() => [
-            m(l.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        l.$slots.optionTable ? {
-          name: "optionTable",
-          fn: p(() => [
-            m(l.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        l.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: p(({ toggleFullscreen: t, isFullscreen: a }) => [
-            m(l.$slots, "optionFullscreen", Q(ee({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        l.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: p(({ toggleAnnotator: t, isAnnotator: a }) => [
-            m(l.$slots, "optionAnnotator", Q(ee({ toggleAnnotator: t, isAnnotator: a })), void 0, !0)
-          ]),
-          key: "6"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
-      (o(), i("svg", {
-        ref_key: "svgRef",
-        ref: Ae,
-        xmlns: c(Qe),
-        class: Ye({ "vue-data-ui-fullscreen--on": B.value, "vue-data-ui-fulscreen--off": !B.value }),
-        viewBox: `0 0 ${G.value} ${n.value.absoluteHeight <= 0 ? 10 : n.value.absoluteHeight}`,
-        style: K(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
-      }, [
-        Ct(c(ct)),
-        l.$slots["chart-background"] ? (o(), i("foreignObject", {
-          key: 0,
-          x: n.value.left,
-          y: n.value.top,
-          width: Math.max(0.1, n.value.width),
-          height: Math.max(0.1, n.value.height),
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          m(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, jt)) : y("", !0),
-        e.value.style.chart.grid.verticalGrid.show ? (o(), i("g", Zt, [
-          (o(!0), i(w, null, A(L.value.ticks, (t, a) => (o(), i("line", {
-            x1: n.value.left + a * n.value.width / (L.value.ticks.length - 1),
-            x2: n.value.left + a * n.value.width / (L.value.ticks.length - 1),
-            y1: n.value.top,
-            y2: n.value.bottom,
-            stroke: e.value.style.chart.grid.verticalGrid.stroke,
-            "stroke-width": e.value.style.chart.grid.verticalGrid.strokeWidth,
-            "stroke-dasharray": e.value.style.chart.grid.verticalGrid.strokeDasharray
-          }, null, 8, Jt))), 256))
-        ])) : y("", !0),
-        e.value.style.chart.grid.horizontalGrid.show ? (o(), i("g", Kt, [
-          (o(!0), i(w, null, A(P.value, (t, a) => (o(), i("line", {
-            x1: n.value.left,
-            x2: n.value.right,
-            y1: n.value.top + a * n.value.rowHeight,
-            y2: n.value.top + a * n.value.rowHeight,
-            stroke: e.value.style.chart.grid.horizontalGrid.stroke,
-            "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
-            "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
-          }, null, 8, Qt))), 256)),
-          d("line", {
-            x1: n.value.left,
-            x2: n.value.right,
-            y1: n.value.bottom,
-            y2: n.value.bottom,
-            stroke: e.value.style.chart.grid.horizontalGrid.stroke,
-            "stroke-width": e.value.style.chart.grid.horizontalGrid.strokeWidth,
-            "stroke-dasharray": e.value.style.chart.grid.horizontalGrid.strokeDasharray
-          }, null, 8, el)
-        ])) : y("", !0),
-        e.value.style.chart.labels.axis.yLabel ? (o(), i("text", {
-          key: 3,
-          ref_key: "yAxisLabel",
-          ref: te,
-          transform: `translate(${e.value.style.chart.labels.axis.fontSize}, ${n.value.absoluteHeight / 2}), rotate(-90)`,
-          "font-size": e.value.style.chart.labels.axis.fontSize,
-          fill: e.value.style.chart.labels.axis.color,
-          "text-anchor": "middle"
-        }, x(e.value.style.chart.labels.axis.yLabel), 9, tl)) : y("", !0),
-        e.value.style.chart.labels.yAxisLabels.show ? (o(), i("g", {
-          key: 4,
-          ref_key: "serieLabels",
-          ref: le
-        }, [
-          (o(!0), i(w, null, A(k.value, (t, a) => (o(), i("text", {
-            class: "vue-ui-dumbbell-serie-name",
-            key: `serieLabel_${t.id}_${a}`,
-            x: n.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
-            y: n.value.top + a * n.value.rowHeight + (!e.value.style.chart.labels.yAxisLabels.showProgression || I.value ? n.value.rowHeight / 2 : n.value.rowHeight / 3) + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
-            "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
-            fill: e.value.style.chart.labels.yAxisLabels.color,
-            "font-weight": e.value.style.chart.labels.yAxisLabels.bold ? "bold" : "normal",
-            "text-anchor": "end",
-            onMouseenter: (u) => ve({ datapoint: t, seriesIndex: a }),
-            onMouseleave: (u) => de({ datapoint: t, seriesIndex: a }),
-            onClick: (u) => he({ datapoint: t, seriesIndex: a })
-          }, x(t.name) + " " + x(I.value && e.value.style.chart.labels.yAxisLabels.showProgression ? [null, void 0].includes(t.start) || [null, void 0].includes(t.end) ? "" : `(${c(F)(
-            e.value.style.chart.labels.yAxisLabels.formatter,
-            100 * (t.end / t.start - 1),
-            c($)({
-              v: 100 * (t.end / t.start - 1),
-              s: "%",
-              r: e.value.style.chart.labels.yAxisLabels.rounding
-            }),
-            { datapoint: t }
-          )})` : ""), 41, ll))), 128)),
-          e.value.style.chart.labels.yAxisLabels.showProgression && !I.value ? (o(!0), i(w, { key: 0 }, A(k.value, (t, a) => (o(), i("text", {
-            class: "vue-ui-dumbbell-serie-value",
-            x: n.value.left - 6 + e.value.style.chart.labels.yAxisLabels.offsetX,
-            y: n.value.top + a * n.value.rowHeight + n.value.rowHeight / 1.3 + e.value.style.chart.labels.yAxisLabels.fontSize / 3,
-            "font-size": e.value.style.chart.labels.yAxisLabels.fontSize,
-            fill: e.value.style.chart.labels.yAxisLabels.color,
-            "text-anchor": "end",
-            onMouseenter: (u) => ve({ datapoint: t, seriesIndex: a }),
-            onMouseleave: (u) => de({ datapoint: t, seriesIndex: a }),
-            onClick: (u) => he({ datapoint: t, seriesIndex: a })
-          }, x([null, void 0].includes(t.start) || [null, void 0].includes(t.end) ? "" : c(F)(
-            e.value.style.chart.labels.yAxisLabels.formatter,
-            100 * (t.end / t.start - 1),
-            c($)({
-              v: 100 * (t.end / t.start - 1),
-              s: "%",
-              r: e.value.style.chart.labels.yAxisLabels.rounding
-            }),
-            { datapoint: t }
-          )), 41, al))), 256)) : y("", !0)
-        ], 512)) : y("", !0),
-        e.value.style.chart.labels.axis.xLabel ? (o(), i("text", {
-          key: 5,
-          ref_key: "xAxisLabel",
-          ref: ae,
-          x: n.value.left + n.value.width / 2,
-          y: n.value.absoluteHeight - e.value.style.chart.labels.axis.fontSize / 3,
-          "font-size": e.value.style.chart.labels.axis.fontSize,
-          fill: e.value.style.chart.labels.axis.color,
-          "text-anchor": "middle"
-        }, x(e.value.style.chart.labels.axis.xLabel), 9, sl)) : y("", !0),
-        e.value.style.chart.labels.xAxisLabels.show ? (o(), i("g", {
-          key: 6,
-          ref_key: "scaleLabels",
-          ref: Y
-        }, [
-          (o(!0), i(w, null, A(L.value.ticks, (t, a) => (o(), i("text", {
-            class: "vue-ui-dumbbell-scale-label",
-            key: `tick_${a}`,
-            transform: `translate(${n.value.left + a * (n.value.width / (L.value.ticks.length - 1))}, ${n.value.bottom + e.value.style.chart.labels.xAxisLabels.fontSize + e.value.style.chart.labels.xAxisLabels.offsetY}), rotate(${e.value.style.chart.labels.xAxisLabels.rotation})`,
-            "font-size": e.value.style.chart.labels.xAxisLabels.fontSize,
-            fill: e.value.style.chart.labels.xAxisLabels.color,
-            "font-weight": e.value.style.chart.labels.xAxisLabels.bold ? "bold" : "normal",
-            "text-anchor": e.value.style.chart.labels.xAxisLabels.rotation > 0 ? "start" : e.value.style.chart.labels.xAxisLabels.rotation < 0 ? "end" : "middle"
-          }, x(c(F)(
-            e.value.style.chart.labels.formatter,
-            t,
-            c($)({
-              p: e.value.style.chart.labels.prefix,
-              v: t,
-              s: e.value.style.chart.labels.suffix,
-              r: e.value.style.chart.labels.xAxisLabels.rounding
-            }),
-            { datapoint: t, seriesIndex: a }
-          )), 9, nl))), 128))
-        ], 512)) : y("", !0),
-        U(d("g", null, [
-          U(d("path", {
-            d: `M ${r.value ? r.value.startX : n.value.left},${n.value.top} ${r.value ? r.value.startX : n.value.left},${n.value.bottom}`,
-            stroke: r.value ? e.value.style.chart.plots.startColor : "transparent",
-            "stroke-width": e.value.style.chart.comparisonLines.strokeWidth,
-            "stroke-dasharray": e.value.style.chart.comparisonLines.strokeDasharray,
-            style: { transition: "all 0.3s ease-in-out" }
-          }, null, 8, ol), [
-            [W, r.value !== null && ![null, void 0].includes(r.value.start)]
-          ]),
-          U(d("path", {
-            d: `M ${r.value ? r.value.endX : n.value.left},${n.value.top} ${r.value ? r.value.endX : n.value.left},${n.value.bottom}`,
-            stroke: r.value ? e.value.style.chart.plots.endColor : "transparent",
-            "stroke-width": e.value.style.chart.comparisonLines.strokeWidth,
-            "stroke-dasharray": e.value.style.chart.comparisonLines.strokeDasharray,
-            style: { transition: "all 0.3s ease-in-out" }
-          }, null, 8, rl), [
-            [W, r.value !== null && ![null, void 0].includes(r.value.end)]
-          ]),
-          U(d("rect", {
-            x: r.value ? Math.min(r.value.startX, r.value.endX) : n.value.left,
-            y: n.value.top,
-            height: n.value.height,
-            width: r.value ? Math.abs(r.value.endX - r.value.startX) : 0,
-            fill: r.value ? c(et)(e.value.style.chart.comparisonLines.rectColor, e.value.style.chart.comparisonLines.rectOpacity) : "transparent",
-            style: { transition: "all 0.3s ease-in-out" }
-          }, null, 8, ul), [
-            [W, e.value.style.chart.comparisonLines.showRect && r.value !== null && ![null, void 0].includes(r.value.start) && ![null, void 0].includes(r.value.end)]
-          ]),
-          U(d("text", {
-            transform: `translate(${fe.value == null ? 0 : fe.value}, ${n.value.top - 6})`,
-            fill: e.value.style.chart.comparisonLines.labelColor,
-            "font-size": e.value.style.chart.comparisonLines.labelFontSize,
-            "text-anchor": "middle",
-            style: { transition: "all 0.3s ease-in-out" }
-          }, x(_t.value), 9, il), [
-            [W, r.value !== null && fe.value !== null && e.value.style.chart.comparisonLines.showLabel]
-          ])
-        ], 512), [
-          [W, e.value.style.chart.comparisonLines.show && T.value !== null]
-        ]),
-        d("defs", null, [
-          d("radialGradient", {
-            id: `start_grad_${g.value}`,
-            fy: "30%"
-          }, [
-            d("stop", {
-              offset: "10%",
-              "stop-color": c(tt)(e.value.style.chart.plots.startColor, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, vl),
-            d("stop", {
-              offset: "90%",
-              "stop-color": c(lt)(e.value.style.chart.plots.startColor, 0.1)
-            }, null, 8, dl),
-            d("stop", {
-              offset: "100%",
-              "stop-color": e.value.style.chart.plots.startColor
-            }, null, 8, hl)
-          ], 8, cl),
-          d("radialGradient", {
-            id: `end_grad_${g.value}`,
-            fy: "30%"
-          }, [
-            d("stop", {
-              offset: "10%",
-              "stop-color": c(tt)(e.value.style.chart.plots.endColor, e.value.style.chart.plots.gradient.intensity / 100)
-            }, null, 8, yl),
-            d("stop", {
-              offset: "90%",
-              "stop-color": c(lt)(e.value.style.chart.plots.endColor, 0.1)
-            }, null, 8, bl),
-            d("stop", {
-              offset: "100%",
-              "stop-color": e.value.style.chart.plots.endColor
-            }, null, 8, gl)
-          ], 8, fl)
-        ]),
-        (o(!0), i(w, null, A(k.value, (t, a) => (o(), i("g", {
-          key: `plot_${a}_${t.id}`
-        }, [
-          d("defs", null, [
-            d("linearGradient", {
-              id: `grad_positive_${g.value}`,
-              x1: "0%",
-              x2: "100%",
-              y1: "0%",
-              y2: "0%"
-            }, [
-              d("stop", {
-                offset: "0%",
-                "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, pl),
-              d("stop", {
-                offset: "100%",
-                "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, xl)
-            ], 8, ml),
-            d("linearGradient", {
-              id: `grad_negative_${g.value}`,
-              x1: "0%",
-              x2: "100%",
-              y1: "0%",
-              y2: "0%"
-            }, [
-              d("stop", {
-                offset: "0%",
-                "stop-color": e.value.style.chart.plots.endColor
-              }, null, 8, _l),
-              d("stop", {
-                offset: "100%",
-                "stop-color": e.value.style.chart.plots.startColor
-              }, null, 8, wl)
-            ], 8, kl)
-          ]),
-          ![void 0, null].includes(t.end) && ![void 0, null].includes(t.start) ? (o(), i("g", $l, [
-            e.value.style.chart.plots.link.type === "curved" ? (o(), i("g", Ll, [
-              d("path", {
-                d: `M 
-                                ${t.startX},${t.y + X.value / 2} 
-                                C ${t.centerX},${t.y} ${t.centerX},${t.y} 
-                                ${t.endX},${t.y + X.value / 2}
-                                L ${t.endX},${t.y - X.value / 2}
-                                C ${t.centerX},${t.y} ${t.centerX},${t.y}
-                                ${t.startX},${t.y - X.value / 2}
-                                Z
-                            `,
-                fill: t.endX > t.startX ? `url(#grad_positive_${g.value})` : `url(#grad_negative_${g.value})`
-              }, null, 8, Cl)
-            ])) : (o(), i("g", Al, [
-              d("rect", {
-                x: t.endX > t.startX ? t.startX : t.endX,
-                y: t.y - e.value.style.chart.plots.link.strokeWidth / 2,
-                height: e.value.style.chart.plots.link.strokeWidth,
-                width: Math.abs(t.endX - t.startX),
-                fill: t.endX > t.startX ? `url(#grad_positive_${g.value})` : `url(#grad_negative_${g.value})`
-              }, null, 8, Nl)
-            ]))
-          ])) : y("", !0),
-          [null, void 0].includes(t.start) ? y("", !0) : (o(), i("circle", {
-            key: 1,
-            cx: t.startX,
-            cy: t.y,
-            r: X.value,
-            fill: e.value.style.chart.plots.gradient.show ? `url(#start_grad_${g.value})` : e.value.style.chart.plots.startColor,
-            stroke: e.value.style.chart.plots.stroke,
-            "stroke-width": e.value.style.chart.plots.strokeWidth
-          }, null, 8, Sl)),
-          [null, void 0].includes(t.end) ? y("", !0) : (o(), i("circle", {
-            key: 2,
-            cx: t.endX,
-            cy: t.y,
-            r: X.value,
-            fill: e.value.style.chart.plots.gradient.show ? `url(#end_grad_${g.value})` : e.value.style.chart.plots.endColor,
-            stroke: e.value.style.chart.plots.stroke,
-            "stroke-width": e.value.style.chart.plots.strokeWidth
-          }, null, 8, Xl))
-        ]))), 128)),
-        e.value.style.chart.labels.startLabels.show ? (o(), i("g", zl, [
-          (o(!0), i(w, null, A(k.value, (t, a) => (o(), i("g", {
-            key: `start_label_${a}_${t.id}`
-          }, [
-            [null, void 0].includes(t.start) ? y("", !0) : (o(), i("text", {
-              key: 0,
-              x: t.startX,
-              y: t.y + X.value * 2 + e.value.style.chart.labels.startLabels.fontSize / 2,
-              fill: e.value.style.chart.labels.startLabels.useStartColor ? e.value.style.chart.plots.startColor : e.value.style.chart.labels.startLabels.color,
-              "font-size": e.value.style.chart.labels.startLabels.fontSize,
-              "text-anchor": "middle"
-            }, x(c(F)(
-              e.value.style.chart.labels.formatter,
-              t.start,
-              c($)({
-                p: e.value.style.chart.labels.prefix,
-                v: t.start,
-                s: e.value.style.chart.labels.suffix,
-                r: e.value.style.chart.labels.startLabels.rounding
-              }),
-              { datapoint: t, seriesIndex: a }
-            )), 9, Ml))
-          ]))), 128))
-        ])) : y("", !0),
-        e.value.style.chart.labels.endLabels.show ? (o(), i("g", Tl, [
-          (o(!0), i(w, null, A(k.value, (t, a) => (o(), i("g", {
-            key: `end_label_${a}_${t.id}`
-          }, [
-            [null, void 0].includes(t.end) ? y("", !0) : (o(), i("text", {
-              key: 0,
-              x: t.endX,
-              y: t.y - (X.value * 2 - e.value.style.chart.labels.startLabels.fontSize / 3),
-              fill: e.value.style.chart.labels.endLabels.useEndColor ? e.value.style.chart.plots.endColor : e.value.style.chart.labels.endLabels.color,
-              "font-size": e.value.style.chart.labels.endLabels.fontSize,
-              "text-anchor": "middle"
-            }, x(c(F)(
-              e.value.style.chart.labels.formatter,
-              t.end,
-              c($)({
-                p: e.value.style.chart.labels.prefix,
-                v: t.end,
-                s: e.value.style.chart.labels.suffix,
-                r: e.value.style.chart.labels.endLabels.rounding
-              }),
-              { datapoint: t, seriesIndex: a }
-            )), 9, Il))
-          ]))), 128))
-        ])) : y("", !0),
-        d("g", null, [
-          (o(!0), i(w, null, A(k.value, (t, a) => (o(), i("rect", {
-            x: n.value.left,
-            y: n.value.top + a * n.value.rowHeight,
-            width: n.value.width,
-            height: n.value.rowHeight,
-            fill: T.value !== null && T.value === a ? c(et)(e.value.style.chart.highlighter.color, e.value.style.chart.highlighter.opacity) : "transparent",
-            onMouseenter: (u) => ve({ datapoint: t, seriesIndex: a }),
-            onMouseleave: (u) => de({ datapoint: t, seriesIndex: a }),
-            onClick: (u) => he({ datapoint: t, seriesIndex: a })
-          }, null, 40, Ol))), 256))
-        ]),
-        m(l.$slots, "svg", { svg: n.value }, void 0, !0)
-      ], 14, Yt)),
-      l.$slots.watermark ? (o(), i("div", Fl, [
-        m(l.$slots, "watermark", Q(ee({ isPrinting: c(Xe) || c(ze) })), void 0, !0)
-      ])) : y("", !0),
-      d("div", {
-        ref_key: "chartLegend",
-        ref: pe
-      }, [
-        e.value.style.chart.legend.show && q.value ? (o(), O(Ut, {
-          key: `legend_${$e.value}`,
-          legendSet: Pe.value,
-          config: bt.value,
-          clickable: !1
-        }, {
-          item: p(({ legend: t }) => [
-            d("div", {
-              style: K(`display:flex;align-items:center;gap:4px;font-size:${e.value.style.chart.legend.fontSize}px`)
-            }, [
-              (o(), i("svg", {
-                xmlns: c(Qe),
-                viewBox: "0 0 20 20",
-                height: e.value.style.chart.legend.fontSize,
-                width: e.value.style.chart.legend.fontSize
-              }, [
-                d("circle", {
-                  cx: 10,
-                  cy: 10,
-                  r: 9,
-                  fill: t.color
-                }, null, 8, Dl)
-              ], 8, Hl)),
-              c(se) ? y("", !0) : (o(), i(w, { key: 0 }, [
-                je(x(t.name), 1)
-              ], 64))
-            ], 4)
-          ]),
-          _: 1
-        }, 8, ["legendSet", "config"])) : m(l.$slots, "legend", {
-          key: 1,
-          legend: Pe.value
-        }, void 0, !0)
-      ], 512),
-      l.$slots.source ? (o(), i("div", {
-        key: 5,
-        ref_key: "source",
-        ref: xe,
-        dir: "auto"
-      }, [
-        m(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : y("", !0),
-      q.value ? (o(), O(c(ot), {
-        key: 6,
-        hideDetails: "",
-        config: {
-          open: D.value.showTable,
-          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
-          }
-        }
-      }, {
-        content: p(() => [
-          (o(), O(c(rt), {
-            key: `table_${we.value}`,
-            colNames: j.value.colNames,
-            head: j.value.head,
-            body: j.value.body,
-            config: j.value.config,
-            title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: s[0] || (s[0] = (t) => D.value.showTable = !1)
-          }, {
-            th: p(({ th: t }) => [
-              d("div", {
-                innerHTML: t,
-                style: { display: "flex", "align-items": "center" }
-              }, null, 8, Pl)
-            ]),
-            td: p(({ td: t }) => [
-              je(x(t.name || t), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title"]))
-        ]),
-        _: 1
-      }, 8, ["config"])) : y("", !0),
-      c(se) ? (o(), O(Pt, { key: 7 })) : y("", !0)
-    ], 46, qt));
-  }
-}, ta = /* @__PURE__ */ Wt(El, [["__scopeId", "data-v-e5fefd77"]]);
-export {
-  ta as default
-};