vue-data-ui 3.6.0 → 3.7.0

package/dist/vue-ui-stackbar-Dr48I48D.js

@@ -1,1832 +0,0 @@
-import { defineAsyncComponent as j, useSlots as Cl, computed as g, ref as d, onMounted as na, toRefs as Ml, watch as Me, shallowRef as ia, onBeforeUnmount as yt, watchEffect as ua, nextTick as _l, createElementBlock as n, openBlock as o, normalizeStyle as ne, normalizeClass as he, createBlock as ee, createCommentVNode as f, renderSlot as w, createElementVNode as te, createVNode as _e, unref as m, withCtx as S, normalizeProps as B, guardReactiveProps as H, createSlots as gt, Fragment as x, renderList as L, mergeProps as Te, toDisplayString as E, Teleport as Tl, resolveDynamicComponent as $l, createTextVNode as ca } from "vue";
-import { u as Al, a as va } from "./useNestedProp-CIoDlpHu.js";
-import { c as ha, t as Pl, b as Nl, p as He, O as de, e as Ol, o as da, f as ya, g as Rl, h as Il, aj as $e, n as ga, m as fa, v as Fl, X as Dl, S as Vl, r as ie, J as ba, a as ye, d as ae, M as El, $ as Ul, G as ma, P as Bl, Q as Hl, H as Xl } from "./lib-C_mNZmhD.js";
-import { t as ft, u as Yl } from "./useResponsive-DfdjqQps.js";
-import { u as Wl } from "./usePrinter-DTzqpYKF.js";
-import { u as Gl, B as ql } from "./BaseScanner-BgWxam9d.js";
-import { u as pa, a as Jl, l as Zl } from "./useTimeLabels-BGFjWgrv.js";
-import { u as Ql } from "./useSvgExport-DrjCWun4.js";
-import { u as Kl } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as jl } from "./useChartAccessibility-9icAAmYg.js";
-import { u as er } from "./useTimeLabelCollider-CIsgDrl9.js";
-import tr from "./img-BecE5qXd.js";
-import ar from "./Title-Bb1VWCtR.js";
-import { _ as lr } from "./Shape-CNXKB8O0.js";
-import { t as rr } from "./themes-DH-N_ePR.js";
-import sr from "./Legend-D9ZTJKjh.js";
-import { S as or } from "./SlicerPreview-wXjV4LWO.js";
-import { _ as nr } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ir = ["id"], ur = ["id"], cr = ["xmlns", "viewBox"], vr = ["x", "y", "width", "height"], hr = { key: 1 }, dr = ["id"], yr = ["stop-color"], gr = ["stop-color"], fr = ["stop-color"], br = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], mr = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], pr = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], xr = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], kr = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], wr = { key: 0 }, Lr = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], Sr = { key: 0 }, zr = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], Cr = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Mr = { key: 0 }, _r = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Tr = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $r = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ar = ["x", "y", "font-size", "fill", "font-weight"], Pr = ["transform", "font-size", "fill", "font-weight"], Nr = ["x", "y", "font-size", "fill", "font-weight"], Or = ["x", "y", "font-size", "font-weight", "fill"], Rr = ["x", "y", "font-size", "fill", "font-weight"], Ir = ["x", "y", "font-size", "font-weight", "fill"], Fr = ["x1", "x2", "y1", "y2", "stroke"], Dr = ["x", "y", "font-size", "font-weight", "fill"], Vr = ["x1", "x2", "y1", "y2", "stroke"], Er = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Ur = { key: 0 }, Br = { key: 1 }, Hr = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Xr = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Yr = { key: 0 }, Wr = { key: 1 }, Gr = ["font-size", "font-weight", "fill", "x", "y", "onClick"], qr = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], Jr = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Zr = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Qr = ["data-start", "data-end"], Kr = {
-  key: 3,
-  class: "vue-data-ui-watermark"
-}, jr = ["x", "y", "height", "width", "fill", "stroke"], es = ["id"], ts = ["onClick"], as = ["innerHTML"], ls = {
-  __name: "vue-ui-stackbar",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    selectedXIndex: {
-      type: Number,
-      default: void 0
-    }
-  },
-  emits: ["selectDatapoint", "selectLegend", "selectTimeLabel", "selectX"],
-  setup(Xe, { expose: xa, emit: ka }) {
-    const wa = j(() => import("./Tooltip-oWCO1HKy.js")), La = j(() => import("./BaseIcon-DLFL0M4-.js")), Sa = j(() => import("./vue-ui-accordion-SSLXLlNz.js")), za = j(() => import("./DataTable-UCyd_BQI.js")), Ca = j(() => import("./PenAndPaper-BJSMejV9.js")), Ma = j(() => import("./UserOptions-BqmUW9Kp.js")), _a = j(() => import("./PackageVersion-D_4Hr4S4.js")), Ta = j(() => import("./BaseDraggableDialog-DhKIof09.js")), { vue_ui_stackbar: $a } = Al(), Aa = Cl(), k = Xe, ge = ka, fe = g({
-      get() {
-        return !!k.dataset && k.dataset.length;
-      },
-      set(a) {
-        return a;
-      }
-    }), J = d(null), U = d(ha()), Ye = d(!1), We = d(null), Ge = d(""), P = d([]), bt = d(0), mt = d(null), pt = d(null), be = d(null), xt = d(null), me = d(!1), q = d(null), le = d(!1), kt = d(0), Pa = d(0), Na = d(0), wt = d(!1), pe = d(null), qe = d(null), Je = d(null), Ze = d(null), re = d(null), se = d(null), Oa = d(null), Qe = d(null), Ke = d(null);
-    na(() => {
-      wt.value = !0, rt();
-    });
-    const e = d(at()), { loading: xe, FINAL_DATASET: je, manualLoading: Ae } = Gl({
-      ...Ml(k),
-      FINAL_CONFIG: e,
-      prepareConfig: at,
-      callback: () => {
-        Promise.resolve().then(async () => {
-          await Ee();
-        });
-      },
-      skeletonDataset: [
-        {
-          name: "",
-          series: [2, 3, 5, 8, 13, 21],
-          color: "#BABABA"
-        },
-        {
-          name: "",
-          series: [1, 2, 3, 5, 8, 13],
-          color: "#CACACA"
-        }
-      ],
-      skeletonConfig: Pl({
-        defaultConfig: e.value,
-        userConfig: {
-          userOptions: { show: !1 },
-          useCssAnimation: !1,
-          table: { show: !1 },
-          tooltip: { show: !1 },
-          style: {
-            chart: {
-              backgroundColor: "#99999930",
-              bars: {
-                totalValues: { show: !1 },
-                dataLabels: { show: !1 }
-              },
-              grid: {
-                frame: {
-                  stroke: "#6A6A6A"
-                },
-                scale: {
-                  scaleMin: 0,
-                  scaleMax: 40
-                },
-                x: {
-                  axisColor: "#6A6A6A",
-                  linesColor: "#6A6A6A",
-                  axisName: { show: !1 },
-                  timeLabels: { show: !1 }
-                },
-                y: {
-                  axisColor: "#6A6A6A",
-                  linesColor: "#6A6A6A",
-                  axisName: { show: !1 },
-                  axisLabels: { show: !1 }
-                }
-              },
-              legend: {
-                backgroundColor: "transparent"
-              },
-              padding: {
-                left: 24,
-                right: 24,
-                bottom: 12
-              },
-              zoom: {
-                show: !1,
-                startIndex: null,
-                endIndex: null
-              }
-            }
-          }
-        }
-      })
-    }), { userOptionsVisible: et, setUserOptionsVisibility: Lt, keepUserOptionState: St } = Kl({ config: e.value }), { svgRef: tt } = jl({ config: e.value.style.chart.title });
-    function Ra() {
-      Lt(!0);
-    }
-    function Ia() {
-      Lt(!1), ge("selectX", { seriesIndex: null, datapoint: null }), q.value = null;
-    }
-    function at() {
-      const a = va({
-        userConfig: k.config,
-        defaultConfig: $a
-      });
-      let l = {};
-      return a.theme ? l = {
-        ...va({
-          userConfig: rr.vue_ui_stackbar[a.theme] || k.config,
-          defaultConfig: a
-        }),
-        customPalette: Nl[a.theme] || He
-      } : l = a, k.config && de(k.config, "style.chart.grid.scale.scaleMin") ? l.style.chart.grid.scale.scaleMin = k.config.style.chart.grid.scale.scaleMin : l.style.chart.grid.scale.scaleMin = null, k.config && de(k.config, "style.chart.grid.scale.scaleMax") ? l.style.chart.grid.scale.scaleMax = k.config.style.chart.grid.scale.scaleMax : l.style.chart.grid.scale.scaleMax = null, k.config && de(k.config, "style.chart.zoom.startIndex") ? l.style.chart.zoom.startIndex = k.config.style.chart.zoom.startIndex : l.style.chart.zoom.startIndex = null, k.config && de(k.config, "style.chart.zoom.endIndex") ? l.style.chart.zoom.endIndex = k.config.style.chart.zoom.endIndex : l.style.chart.zoom.endIndex = null, k.config && de(k.config, "style.chart.bars.dataLabels.hideUnderValue") ? l.style.chart.bars.dataLabels.hideUnderValue = k.config.style.chart.bars.dataLabels.hideUnderValue : l.style.chart.bars.dataLabels.hideUnderValue = null, k.config && de(k.config, "style.chart.bars.dataLabels.hideUnderPercentage") ? l.style.chart.bars.dataLabels.hideUnderPercentage = k.config.style.chart.bars.dataLabels.hideUnderPercentage : l.style.chart.bars.dataLabels.hideUnderPercentage = null, l;
-    }
-    const zt = g(() => e.value.style.chart.bars.dataLabels.hideUnderValue !== null), Ct = g(() => e.value.style.chart.bars.dataLabels.hideUnderPercentage !== null);
-    Me(() => k.config, (a) => {
-      xe.value || (e.value = at()), et.value = !e.value.userOptions.showOnChartHover, rt(), kt.value += 1, Pa.value += 1, Na.value += 1, $.value.dataLabels.show = e.value.style.chart.bars.dataLabels.show, $.value.showTable = e.value.table.show, $.value.showTooltip = e.value.style.chart.tooltip.show, Oe();
-    }, { deep: !0 }), Me(() => k.dataset, (a) => {
-      Array.isArray(a) && a.length > 0 && (Ae.value = !1), Rt();
-    }, { deep: !0 });
-    const $ = d({
-      dataLabels: {
-        show: e.value.style.chart.bars.dataLabels.show
-      },
-      showTable: e.value.table.show,
-      showTooltip: e.value.style.chart.tooltip.show
-    });
-    Me(e, () => {
-      $.value = {
-        dataLabels: {
-          show: e.value.style.chart.bars.dataLabels.show
-        },
-        showTable: e.value.table.show,
-        showTooltip: e.value.style.chart.tooltip.show
-      };
-    }, { immediate: !0 });
-    const { isPrinting: Mt, isImaging: _t, generatePdf: Tt, generateImage: $t } = Wl({
-      elementId: `stackbar_${U.value}`,
-      fileName: e.value.style.chart.title.text || "vue-ui-stackbar",
-      options: e.value.userOptions.print
-    }), ue = 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
-      }
-    }), Fa = g(() => Ol(e.value.customPalette)), Q = ia(null), ce = ia(null), At = d(null);
-    na(() => {
-      rt();
-    });
-    const lt = g(() => !!e.value.debug);
-    function rt() {
-      if (da(k.dataset) ? (ya({
-        componentName: "VueUiStackbar",
-        type: "dataset",
-        debug: lt.value
-      }), Ae.value = !0) : k.dataset.forEach((a, l) => {
-        Rl({
-          datasetObject: a,
-          requiredAttributes: ["name", "series"]
-        }).forEach((t) => {
-          fe.value = !1, ya({
-            componentName: "VueUiStackbar",
-            type: "datasetSerieAttribute",
-            property: t,
-            index: l,
-            debug: lt.value
-          }), Ae.value = !0;
-        });
-      }), da(k.dataset) || (Ae.value = e.value.loading), setTimeout(() => {
-        le.value = !0;
-      }, 10), e.value.responsive) {
-        const a = ft(() => {
-          le.value = !1;
-          const { width: l, height: t } = Yl({
-            chart: J.value,
-            title: e.value.style.chart.title.text ? mt.value : null,
-            legend: e.value.style.chart.legend.show ? pt.value : null,
-            slicer: e.value.style.chart.zoom.show && N.value > 6 ? be.value.$el : null,
-            source: xt.value
-          });
-          requestAnimationFrame(() => {
-            ue.value.width = l, ue.value.height = t - 12, clearTimeout(At.value), At.value = setTimeout(() => {
-              le.value = !0;
-            }, 10);
-          });
-        });
-        Q.value && (ce.value && Q.value.unobserve(ce.value), Q.value.disconnect()), Q.value = new ResizeObserver(a), ce.value = J.value.parentNode, Q.value.observe(ce.value);
-      }
-      Ee();
-    }
-    yt(() => {
-      Q.value && (ce.value && Q.value.unobserve(ce.value), Q.value.disconnect());
-    });
-    function Da() {
-      let a = 0;
-      e.value.orientation === "vertical" && re.value && (a = Array.from(re.value.querySelectorAll("text")).reduce((r, c) => {
-        const s = c.getComputedTextLength();
-        return s > r ? s : r;
-      }, 0)), e.value.orientation === "horizontal" && se.value && (a = Array.from(se.value.querySelectorAll("text")).reduce((r, c) => {
-        const s = c.getComputedTextLength();
-        return s > r ? s : r;
-      }, 0));
-      const l = Ze.value ? Ze.value.getBoundingClientRect().width : 0;
-      return a + l + (l ? 24 : 0);
-    }
-    const Pe = d(0), Ne = d(0), Va = ft((a) => {
-      Pe.value = a;
-    }, 100);
-    ua((a) => {
-      const l = e.value.orientation === "vertical" ? se.value : re.value;
-      if (!l) return;
-      const t = new ResizeObserver((r) => {
-        Va(r[0].contentRect.height);
-      });
-      t.observe(l), a(() => t.disconnect());
-    });
-    const Ea = ft((a) => {
-      Ne.value = a + e.value.style.chart.bars.totalValues.fontSize;
-    }, 100);
-    function Ua() {
-      if (e.value.orientation !== "horizontal") return 0;
-      const a = Qe.value;
-      if (!a) return 0;
-      const l = Array.from(a.querySelectorAll("text"));
-      if (!l.length) return 0;
-      let t = -1 / 0;
-      for (const c of l)
-        try {
-          const s = c.getBBox(), b = s.x + s.width;
-          b > t && (t = b);
-        } catch {
-        }
-      return Math.max(0, t - (u.value?.right ?? 0));
-    }
-    ua((a) => {
-      if (e.value.orientation !== "horizontal") return;
-      const l = Qe.value;
-      if (!l) return;
-      const t = () => {
-        const s = Ua();
-        Ea(s);
-      };
-      t();
-      const r = new ResizeObserver(t);
-      r.observe(l);
-      const c = new MutationObserver(t);
-      c.observe(l, { childList: !0, subtree: !0, characterData: !0 }), a(() => {
-        r.disconnect(), c.disconnect();
-      });
-    }), yt(() => {
-      Pe.value = 0, Ne.value = 0;
-    });
-    const Pt = g(() => {
-      let a = 0;
-      Je.value && (a = Je.value.getBBox().height);
-      let l = 0;
-      return e.value.orientation === "vertical" && se.value && (l = Pe.value), e.value.orientation === "horizontal" && re.value && (l = Pe.value), a + l;
-    }), u = g(() => {
-      const { height: a, width: l } = ue.value, { right: t } = ue.value.paddingRatio;
-      let r = e.value.style.chart.bars.totalValues.show && k.dataset && k.dataset.length > 1 ? e.value.style.chart.bars.totalValues.fontSize * 1.3 : 0, c = 0;
-      e.value.style.chart.grid.y.axisLabels.show && (c = Da());
-      const s = e.value.style.chart.padding.top + r, b = l - l * t - Ne.value, z = a - e.value.style.chart.padding.bottom - Pt.value - r, T = e.value.style.chart.padding.left + c, O = l - T - l * t - Ne.value, A = a - s - e.value.style.chart.padding.bottom - Pt.value - r;
-      return {
-        chartHeight: a,
-        chartWidth: l,
-        top: s,
-        right: b,
-        bottom: z,
-        left: T,
-        width: Math.max(0, O),
-        height: Math.max(0, A)
-      };
-    }), Ba = g(() => {
-      const { left: a, top: l, width: t, height: r } = u.value, c = v.value.start, s = v.value.end, b = Math.max(1, s - c), z = Math.max(0, Math.min(b, (D.value.start ?? c) - c)), T = Math.max(0, Math.min(b, (D.value.end ?? s) - c)), O = Math.max(0, T - z), A = {
-        fill: e.value.style.chart.zoom.preview.fill,
-        stroke: e.value.style.chart.zoom.preview.stroke,
-        "stroke-width": e.value.style.chart.zoom.preview.strokeWidth,
-        "stroke-dasharray": e.value.style.chart.zoom.preview.strokeDasharray,
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        style: {
-          pointerEvents: "none",
-          transition: "none !important",
-          animation: "none !important"
-        }
-      };
-      if (e.value.orientation === "horizontal") {
-        const F = r / b;
-        return {
-          x: a,
-          y: l + z * F,
-          width: t,
-          height: O * F,
-          ...A
-        };
-      } else {
-        const F = t / b;
-        return {
-          x: a + z * F,
-          y: l,
-          width: O * F,
-          height: r,
-          ...A
-        };
-      }
-    }), X = g(() => je.value.map((a, l) => {
-      const t = Il(a.color) || Fa.value[l] || He[l] || He[l % He.length];
-      return {
-        ...a,
-        // In distributed mode, all values are converted to positive
-        series: JSON.parse(JSON.stringify(a.series)).map((r) => e.value.style.chart.bars.distributed ? Math.abs(r) : r),
-        // Store signs to manage display of neg values in distributed mode
-        signedSeries: a.series.map((r) => r >= 0 ? 1 : -1),
-        absoluteIndex: l,
-        id: ha(),
-        color: t
-      };
-    })), N = g(() => Math.max(...X.value.filter((a) => !P.value.includes(a.id)).map((a) => a.series.length)));
-    function Ha(a) {
-      Ke.value = a;
-    }
-    const v = d({
-      start: 0,
-      end: Math.max(...je.value.map((a) => a.series.length))
-    }), D = d({ start: 0, end: Math.max(...je.value.map((a) => a.series.length)) }), Nt = g(() => e.value.style.chart.zoom.preview.enable && (D.value.start !== v.value.start || D.value.end !== v.value.end));
-    function Ot(a, l) {
-      D.value[a] = l;
-    }
-    function Oe() {
-      const a = N.value;
-      let l = Math.max(0, Math.min(v.value.start ?? 0, a - 1)), t = Math.max(l + 1, Math.min(v.value.end ?? a, a));
-      (!Number.isFinite(l) || !Number.isFinite(t) || t <= l) && (l = 0, t = a), v.value.start = l, v.value.end = t, D.value.start = l, D.value.end = t, be.value && (be.value.setStartValue(l), be.value.setEndValue(t));
-    }
-    const ke = d(null);
-    function Xa() {
-      return new Promise((a) => requestAnimationFrame(
-        () => requestAnimationFrame(() => a())
-      ));
-    }
-    yt(() => {
-      ke.value && cancelAnimationFrame(ke.value);
-    });
-    async function Rt() {
-      Ee(), await _l(), ke.value && cancelAnimationFrame(ke.value), ke.value = requestAnimationFrame(async () => {
-        await Xa(), Ee();
-      });
-    }
-    const p = g(() => {
-      let a;
-      return e.value.orientation === "vertical" ? a = u.value.width / (v.value.end - v.value.start) : a = u.value.height / (v.value.end - v.value.start), a <= 0 ? 0 : a;
-    }), we = g(() => $e(X.value.filter((a) => !P.value.includes(a.id))).slice(v.value.start, v.value.end)), oe = g(() => e.value.style.chart.zoom.minimap.show ? $e(X.value.map((a) => ({
-      ...a,
-      series: a.series.map((l) => l ?? 0)
-    })).filter((a) => !P.value.includes(a.id))) : []), Ya = g(() => e.value.style.chart.zoom.minimap.show ? [{
-      name: "",
-      series: oe.value,
-      color: "#000000",
-      isVisible: !0
-    }] : []), Wa = g(() => $e(X.value.filter((a) => !P.value.includes(a.id)).map((a) => ({
-      ...a,
-      series: a.series.map((l, t) => a.signedSeries[t] === -1 && l >= 0 ? -l : l)
-    }))).slice(v.value.start, v.value.end)), Re = g(() => {
-      const a = X.value.filter((l) => !P.value.includes(l.id));
-      return {
-        positive: $e(a.map((l) => ({
-          ...l,
-          series: l.series.slice(v.value.start, v.value.end).map((t) => t >= 0 ? t : 0)
-        }))),
-        negative: $e(a.map((l) => ({
-          ...l,
-          series: l.series.slice(v.value.start, v.value.end).map((t) => t < 0 ? t : 0)
-        })))
-      };
-    }), Y = g(() => {
-      const a = e.value.style.chart.grid.scale.scaleMax !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMax : Math.max(...Re.value.positive), l = Math.min(...Re.value.negative), t = e.value.style.chart.grid.scale.scaleMin !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMin : [-1 / 0, 1 / 0, NaN, void 0, null].includes(l) ? 0 : l, r = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? ga(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks) : fa(t > 0 ? 0 : t, a < 0 ? 0 : a, e.value.style.chart.grid.scale.ticks);
-      return r.ticks.map((c) => ({
-        zero: u.value.bottom - u.value.height * (Math.abs(r.min) / (r.max + Math.abs(r.min))),
-        y: u.value.bottom - u.value.height * ((c + Math.abs(r.min)) / (r.max + Math.abs(r.min))),
-        x: u.value.left - 8,
-        horizontal_zero: u.value.left + u.value.width * (Math.abs(r.min) / (r.max + Math.abs(r.min))),
-        horizontal_x: u.value.left + u.value.width * ((c + Math.abs(r.min)) / (r.max + Math.abs(r.min))),
-        horizontal_y: u.value.bottom - 8,
-        value: c
-      }));
-    }), I = g(() => pa({
-      values: e.value.style.chart.grid.x.timeLabels.values,
-      maxDatapoints: N.value,
-      formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
-      start: v.value.start,
-      end: v.value.end
-    })), Le = g(() => pa({
-      values: e.value.style.chart.grid.x.timeLabels.values,
-      maxDatapoints: N.value,
-      formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
-      start: 0,
-      end: N.value
-    })), Ga = g(() => {
-      const a = e.value.style.chart.grid.x.timeLabels.modulo;
-      return I.value.length ? Math.min(a, [...new Set(I.value.map((l) => l.text))].length) : a;
-    }), It = g(() => {
-      const a = e.value.style.chart.grid.x.timeLabels, l = I.value || [], t = Le.value || [], r = v.value.start ?? 0, c = q.value, s = N.value, b = l.map((T) => T?.text ?? ""), z = t.map((T) => T?.text ?? "");
-      return Fl(
-        !!a.showOnlyFirstAndLast,
-        !!a.showOnlyAtModulo,
-        Math.max(1, Ga.value || 1),
-        b,
-        z,
-        r,
-        c,
-        s
-      );
-    }), Ft = g(() => {
-      const a = e.value.style.chart.grid.x.timeLabels.datetimeFormatter, l = Jl({
-        useUTC: a.useUTC,
-        locale: Zl[a.locale] || { months: [], shortMonths: [], days: [], shortDays: [] },
-        januaryAsYear: a.januaryAsYear
-      });
-      return (t, r) => {
-        const s = e.value.style.chart.grid.x.timeLabels.values?.[t];
-        return s == null ? "" : (l.formatDate(new Date(s), r), l.formatDate(new Date(s), r));
-      };
-    }), Dt = g(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, t) => ({
-      text: Ft.value(t, e.value.style.chart.zoom.timeFormat),
-      absoluteIndex: t
-    }))), st = g(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, t) => ({
-      text: Ft.value(t, e.value.style.chart.tooltip.timeFormat),
-      absoluteIndex: t
-    }))), C = g(() => {
-      if (!fe.value && !xe.value) return [];
-      let a = Array(N.value).fill(0), l = Array(N.value).fill(0), t = Array(N.value).fill(0), r = Array(N.value).fill(0);
-      const c = Math.max(...Re.value.positive) || 0, s = Math.min(...Re.value.negative), b = [-1 / 0, 1 / 0, NaN, void 0, null].includes(s) ? 0 : s, z = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? ga(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : b > 0 ? 0 : b, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks) : fa(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : b > 0 ? 0 : b, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks), { min: T, max: O } = z, A = O + (T >= 0 ? 0 : Math.abs(T)) || 1, F = u.value.height, V = u.value.width, Ce = Y.value[0] ? Y.value[0].zero : u.value.bottom, W = Y.value[0] ? Y.value[0].horizontal_zero : u.value.left;
-      let aa = Array(oe.value.length).fill(0), la = Array(oe.value.length).fill(0);
-      return X.value.filter((ve) => !P.value.includes(ve.id)).map((ve) => {
-        const K = ve.series.slice(), ra = K.map((h, y) => aa[y]), dl = K.map((h, y) => la[y]);
-        K.forEach((h, y) => {
-          (Number(h) || 0) >= 0 ? aa[y] += Number(h) || 0 : la[y] += Math.abs(Number(h) || 0);
-        });
-        const Z = ve.series.slice(v.value.start, v.value.end), yl = ve.signedSeries.slice(v.value.start, v.value.end), gl = Z.map((h, y) => u.value.left + p.value * y + p.value * e.value.style.chart.bars.gapRatio / 4), Be = (oe.value || []).filter(Number.isFinite), vt = Be.length ? Math.max(...Be) : 0, ht = Be.length ? Math.min(...Be) : 0;
-        function sa({ minimapH: h }) {
-          const M = vt > 0, R = ht < 0;
-          if (M && R) {
-            const G = Math.max(vt, Math.abs(ht)) || 1e-9;
-            return {
-              pxPerUnit: h / 2 / G,
-              zero: h / 2
-            };
-          }
-          if (M) {
-            const G = Math.max(1e-9, vt);
-            return {
-              pxPerUnit: h / G,
-              zero: h
-            };
-          }
-          const _ = Math.max(1e-9, Math.abs(ht));
-          return {
-            pxPerUnit: h / _,
-            zero: 0
-          };
-        }
-        const fl = ({ left: h, unitW: y }) => {
-          const M = y * (e.value.style.chart.bars.gapRatio / 4);
-          return K.map((R, _) => h + y * _ + M);
-        }, bl = Z.map((h, y) => u.value.top + p.value * y + p.value * e.value.style.chart.bars.gapRatio / 4), ml = Z.map((h, y) => {
-          const M = e.value.style.chart.bars.distributed ? (h || 0) / we.value[y] : (h || 0) / A;
-          let R, _;
-          return h > 0 ? (_ = F * M, R = Ce - _ - a[y], a[y] += _) : (_ = F * M, R = Ce + t[y], t[y] += Math.abs(_)), R;
-        }), pl = ({ minimapH: h }) => {
-          if (e.value.style.chart.bars.distributed)
-            return K.map((_, G) => {
-              const dt = Math.abs(Number(_) || 0), oa = Math.abs(oe.value?.[G] || 0) || 1e-9, zl = (ra[G] + dt) / oa;
-              return h - zl * h;
-            });
-          const { pxPerUnit: y, zero: M } = sa({ minimapH: h });
-          return K.map((R, _) => {
-            const G = Number(R) || 0;
-            return G >= 0 ? M - (ra[_] + G) * y : M + dl[_] * y;
-          });
-        }, xl = Z.map((h, y) => {
-          const M = e.value.style.chart.bars.distributed ? (h || 0) / we.value[y] : (h || 0) / A;
-          let R, _;
-          return h > 0 ? (_ = V * M, R = W + l[y], l[y] += _) : (_ = V * M, R = W - Math.abs(_) - r[y], r[y] += Math.abs(_)), R;
-        }), kl = Z.map((h, y) => {
-          const M = e.value.style.chart.bars.distributed ? (h || 0) / we.value[y] : (h || 0) / A;
-          return h > 0 ? F * M : F * Math.abs(M);
-        }), wl = ({ minimapH: h }) => {
-          if (e.value.style.chart.bars.distributed)
-            return K.map((R, _) => {
-              const G = Math.abs(Number(R) || 0), dt = Math.abs(oe.value?.[_] || 0) || 1e-9;
-              return G / dt * h;
-            });
-          const { pxPerUnit: y } = sa({ minimapH: h });
-          return K.map((M) => Math.abs(Number(M) || 0) * y);
-        }, Ll = Z.map((h, y) => {
-          const M = e.value.style.chart.bars.distributed ? (h || 0) / we.value[y] : (h || 0) / A;
-          return h > 0 ? V * M : V * Math.abs(M);
-        }), Sl = Z.map((h) => Math.abs(h)).reduce((h, y) => h + y, 0);
-        return {
-          ...ve,
-          proportions: Z.map((h, y) => e.value.style.chart.bars.distributed ? (h || 0) / we.value[y] : (h || 0) / Sl),
-          series: Z,
-          signedSeries: yl,
-          x: gl,
-          y: ml,
-          height: kl,
-          horizontal_width: Ll,
-          horizontal_y: bl,
-          horizontal_x: xl,
-          xMinimap: fl,
-          yMinimap: pl,
-          heightMinimap: wl
-        };
-      });
-    }), Vt = g(() => Wa.value.map((a, l) => ({
-      value: a,
-      sign: a >= 0 ? 1 : -1
-    })));
-    function Ie(a, l, t, r, c) {
-      const s = c === -1 && a >= 0 ? -a : a;
-      return ye(
-        e.value.style.chart.bars.dataLabels.formatter,
-        s,
-        ae({
-          p: e.value.style.chart.bars.dataLabels.prefix,
-          v: s,
-          s: e.value.style.chart.bars.dataLabels.suffix,
-          r: e.value.style.chart.bars.dataLabels.rounding
-        }),
-        { datapoint: l, seriesIndex: t, datapointIndex: r }
-      );
-    }
-    function Et(a, l, t, r) {
-      return ye(
-        e.value.style.chart.bars.dataLabels.formatter,
-        a,
-        ae({
-          v: isNaN(a) ? 0 : a,
-          s: "%",
-          r: e.value.style.chart.bars.dataLabels.rounding
-        }),
-        { datapoint: l, seriesIndex: t, datapointIndex: r }
-      );
-    }
-    function Ut(a) {
-      const l = JSON.parse(JSON.stringify(C.value)).map((t) => ({
-        name: t.name,
-        value: t.series[a] === 0 ? 0 : t.series[a] || null,
-        proportion: t.proportions[a] || null,
-        color: t.color,
-        id: t.id
-      }));
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: a + v.value.start }), ge("selectDatapoint", { datapoint: l, period: I.value[a] });
-    }
-    function ot(a) {
-      return JSON.parse(JSON.stringify(C.value)).map((l) => ({
-        name: l.name,
-        absoluteIndex: l.absoluteIndex,
-        value: l.series[a] === 0 ? 0 : (l.signedSeries[a] === -1 && l.series[a] >= 0 ? -l.series[a] : l.series[a]) || null,
-        proportion: l.proportions[a] || null,
-        color: l.color,
-        id: l.id,
-        timeLabel: Le.value[a]
-      }));
-    }
-    function Bt(a) {
-      if (e.value.events.datapointLeave) {
-        const l = ot(a);
-        e.value.events.datapointLeave({ datapoint: l, seriesIndex: a + v.value.start });
-      }
-      Ye.value = null, q.value = null;
-    }
-    const qa = g(() => Array(N.value).fill(0).map((a, l) => ot(l)));
-    Me(() => k.selectedXIndex, (a) => {
-      if ([null, void 0].includes(k.selectedXIndex)) {
-        q.value = null;
-        return;
-      }
-      const l = a - v.value.start;
-      l < 0 || a >= v.value.end ? q.value = null : q.value = l ?? null;
-    }, { immediate: !0 });
-    function Ht(a) {
-      q.value = a, Ye.value = !0;
-      const l = e.value.style.chart.tooltip.customFormat, t = ot(a);
-      cl({ seriesIndex: a, datapoint: t }), e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a + v.value.start }), We.value = {
-        datapoint: t,
-        seriesIndex: a,
-        config: e.value,
-        series: C.value
-      };
-      const r = t.map((s) => Math.abs(s.value)).reduce((s, b) => s + b, 0), c = t.map((s) => ie(s.value)).reduce((s, b) => s + b, 0);
-      if (ma(l) && Xl(() => l({
-        seriesIndex: a,
-        datapoint: t,
-        series: C.value,
-        config: e.value
-      })))
-        Ge.value = l({
-          seriesIndex: a,
-          datapoint: t,
-          series: C.value,
-          config: e.value
-        });
-      else {
-        const {
-          showValue: s,
-          showTotal: b,
-          totalTranslation: z,
-          showPercentage: T,
-          borderColor: O,
-          roundingValue: A,
-          roundingPercentage: F
-        } = e.value.style.chart.tooltip;
-        let V = "";
-        (I.value[a] && I.value[a].text || st.value[a] && st.value[a].text && e.value.style.chart.tooltip.showTimeLabel) && (V += `<div style="width:100%;text-align:center;border-bottom:1px solid ${O};padding-bottom:6px;margin-bottom:3px;">${e.value.style.chart.tooltip.useDefaultTimeFormat ? I.value[a]?.text : st.value[a]?.text || Le.value[a]?.text || ""}</div>`), b && (V += `<div class="vue-data-ui-tooltip-total" style="display:flex;flex-direction:row;align-items:center;gap:4px">
-                <span>${z}:</span>
-                <span>
-                    ${ye(
-          e.value.style.chart.bars.dataLabels.formatter,
-          c,
-          ae({
-            p: e.value.style.chart.bars.dataLabels.prefix,
-            v: c,
-            s: e.value.style.chart.bars.dataLabels.suffix,
-            r: A
-          }),
-          { datapoint: { name: z, value: c } }
-        )}
-                </span>
-            </div>`);
-        const Ce = [
-          s && T ? "(" : "",
-          s && T ? ")" : ""
-        ];
-        t.reverse().forEach((W) => {
-          V += `
-                <div style="display:flex;flex-direction:row;align-items:center;gap:4px">
-                    <svg viewBox="0 0 60 60" height="14" width="14"><rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="${e.value.style.chart.bars.gradient.show ? `url(#gradient_${W.id})` : W.color}"/>${Aa.pattern ? `<rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="url(#pattern_${U.value}_${W.absoluteIndex})"/>` : ""}</svg>
-                    ${W.name}${s || T ? ":" : ""} ${s ? ye(
-            e.value.style.chart.bars.dataLabels.formatter,
-            W.value,
-            ae({
-              p: e.value.style.chart.bars.dataLabels.prefix,
-              v: W.value,
-              s: e.value.style.chart.bars.dataLabels.suffix,
-              r: A
-            })
-          ) : ""} ${Ce[0]}${T ? ae({
-            v: isNaN(W.value / r) ? 0 : Math.abs(W.value) / r * 100,
-            // Negs are absed to show relative proportion to absolute total. It's opinionated.
-            s: "%",
-            r: F
-          }) : ""}${Ce[1]}
-                </div>
-            `;
-        }), Ge.value = `<div>${V}</div>`;
-      }
-    }
-    const Ja = g(() => ue.value.width), Za = g(() => ue.value.height);
-    er({
-      timeLabelsEls: e.value.orientation === "vertical" ? se : re,
-      timeLabels: I,
-      slicer: v,
-      configRef: e,
-      rotationPath: ["style", "chart", "grid", "x", "timeLabels", "rotation"],
-      autoRotatePath: ["style", "chart", "grid", "x", "timeLabels", "autoRotate", "enable"],
-      isAutoSize: !1,
-      width: Ja,
-      height: Za,
-      rotation: e.value.style.chart.grid.x.timeLabels.autoRotate.angle
-    });
-    function Xt(a) {
-      me.value = a, bt.value += 1;
-    }
-    function Yt() {
-      $.value.showTable = !$.value.showTable;
-    }
-    function Wt() {
-      $.value.dataLabels.show = !$.value.dataLabels.show;
-    }
-    function Gt() {
-      $.value.showTooltip = !$.value.showTooltip;
-    }
-    function Qa() {
-      return C.value;
-    }
-    const qt = g(() => {
-      if (C.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
-      const a = C.value.map(({ name: t, color: r }) => ({
-        label: t,
-        color: r
-      })), l = [];
-      return I.value.forEach((t) => {
-        const r = [e.value.style.chart.grid.x.timeLabels.values[t.absoluteIndex] ? t.text : i + 1];
-        X.value.forEach((c) => {
-          r.push(Number((c.series[t.absoluteIndex] || 0).toFixed(e.value.table.td.roundingValue)));
-        }), l.push(r);
-      }), { head: a, body: l };
-    });
-    function nt(a = null) {
-      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], t = ["", ...qt.value.head.map((b) => b.label)], r = qt.value.body, c = l.concat([t]).concat(r), s = Bl(c);
-      a ? a(s) : Hl({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
-    }
-    const Fe = g(() => {
-      const a = [""].concat(C.value.map((c) => c.name)).concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>');
-      let l = [];
-      for (let c = 0; c < N.value; c += 1) {
-        const s = C.value.map((b) => b.series[c] ?? 0).reduce((b, z) => b + z, 0);
-        l.push([e.value.style.chart.grid.x.timeLabels.values.slice(v.value.start, v.value.end)[c] ? I.value[c].text : c + 1].concat(C.value.map((b) => (b.series[c] ?? 0).toFixed(e.value.table.td.roundingValue))).concat((s ?? 0).toFixed(e.value.table.td.roundingValue)));
-      }
-      const 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
-      }, r = [e.value.table.columnNames.period].concat(C.value.map((c) => c.name)).concat(e.value.table.columnNames.total);
-      return { head: a, body: l.slice(0, v.value.end - v.value.start), config: t, colNames: r };
-    });
-    function it(a) {
-      if (P.value.includes(a.id))
-        P.value = P.value.filter((l) => l !== a.id);
-      else {
-        if (P.value.length === X.value.length - 1) return;
-        P.value.push(a.id);
-      }
-      ge("selectLegend", C.value);
-    }
-    function Jt(a) {
-      if (!X.value.length)
-        return e.value.debug && console.warn("VueUiStackbar - There are no series to show."), null;
-      const l = X.value.find((t) => t.name === a);
-      return l || (e.value.debug && console.warn(`VueUiStackbar - Series name not found "${a}"`), null);
-    }
-    function Ka(a) {
-      const l = Jt(a);
-      l !== null && P.value.includes(l.id) && it({ id: l.id });
-    }
-    function ja(a) {
-      const l = Jt(a);
-      l !== null && (P.value.includes(l.id) || it({ id: l.id }));
-    }
-    const ut = g(() => X.value.map((a, l) => ({
-      ...a,
-      shape: "square"
-    })).map((a) => ({
-      ...a,
-      opacity: P.value.includes(a.id) ? 0.5 : 1,
-      segregate: () => it(a),
-      isSegregated: P.value.includes(a.id)
-    }))), el = g(() => ({
-      cy: "stackbar-legend",
-      backgroundColor: e.value.style.chart.legend.backgroundColor,
-      color: e.value.style.chart.legend.color,
-      fontSize: e.value.style.chart.legend.fontSize,
-      paddingBottom: 12,
-      fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), De = d(!1);
-    function ct() {
-      De.value = !De.value;
-    }
-    function Ve(a, l) {
-      const t = JSON.parse(JSON.stringify(C.value)).map((r) => ({
-        name: r.name,
-        value: r.series[l] === 0 ? 0 : (r.signedSeries[l] === -1 && r.series[l] >= 0 ? -r.series[l] : r.series[l]) || null,
-        proportion: r.proportions[l] || null,
-        color: r.color,
-        id: r.id
-      }));
-      ge("selectTimeLabel", {
-        datapoint: t,
-        absoluteIndex: a.absoluteIndex,
-        label: a.text
-      });
-    }
-    const tl = g(() => Math.max(...C.value.flatMap((a) => a.series)));
-    function Zt(a, l) {
-      return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Ct.value ? l * 100 >= e.value.style.chart.bars.dataLabels.hideUnderPercentage : e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? l > 0 : !0 : Ct.value ? (zt.value && lt.value && console.warn("Vue Data UI - VueUiStackbar - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case."), a > tl.value * e.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : zt.value ? Math.abs(a) >= e.value.style.chart.bars.dataLabels.hideUnderValue : e.value.style.chart.bars.dataLabels.hideEmptyValues ? a !== 0 : !0;
-    }
-    async function al({ scale: a = 2 } = {}) {
-      if (!J.value) return;
-      const { width: l, height: t } = J.value.getBoundingClientRect(), r = l / t, { imageUri: c, base64: s } = await tr({ domElement: J.value, base64: !0, img: !0, scale: a });
-      return {
-        imageUri: c,
-        base64: s,
-        title: e.value.style.chart.title.text,
-        width: l,
-        height: t,
-        aspectRatio: r
-      };
-    }
-    const Se = g(() => {
-      const a = e.value.table.useDialog && !e.value.table.show, l = $.value.showTable;
-      return {
-        component: a ? Ta : Sa,
-        title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
-        props: a ? {
-          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: me.value,
-          fullscreenParent: J.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8)
-        } : {
-          hideDetails: !0,
-          config: {
-            open: l,
-            maxHeight: 1e4,
-            body: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            },
-            head: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            }
-          }
-        }
-      };
-    });
-    Me(() => $.value.showTable, (a) => {
-      e.value.table.show || (a && e.value.table.useDialog && pe.value ? pe.value.open() : "close" in pe.value && pe.value.close());
-    });
-    function Qt() {
-      $.value.showTable = !1, qe.value && qe.value.setTableIconState(!1);
-    }
-    const ll = g(() => e.value.style.chart.backgroundColor), rl = g(() => e.value.style.chart.legend), sl = g(() => e.value.style.chart.title), { exportSvg: ol, getSvg: nl } = Ql({
-      svg: tt,
-      title: sl,
-      legend: rl,
-      legendItems: ut,
-      backgroundColor: ll
-    });
-    async function Kt({ isCb: a }) {
-      if (a) {
-        const { blob: l, url: t, text: r, dataUrl: c } = await nl();
-        e.value.userOptions.callbacks.svg({ blob: l, url: t, text: r, dataUrl: c });
-      } else
-        ol();
-    }
-    function jt(a) {
-      const l = N.value;
-      return a > l ? l : a < 0 || a < v.value.start ? e.value.style.chart.zoom.startIndex !== null ? v.value.start + 1 : 1 : a;
-    }
-    const ze = d(!1), ea = d(!1);
-    function Ee() {
-      if (!ze.value) {
-        ze.value = !0;
-        try {
-          const { startIndex: a, endIndex: l } = e.value.style.chart.zoom, t = N.value, r = a ?? 0, c = l != null ? Math.min(jt(l + 1), t) : t;
-          Ue.value = !0, v.value.start = r, v.value.end = c, D.value.start = r, D.value.end = c, Oe(), ea.value = !0;
-        } finally {
-          queueMicrotask(() => {
-            Ue.value = !1;
-          }), ze.value = !1;
-        }
-      }
-    }
-    const Ue = d(!1);
-    function il(a) {
-      ze.value || Ue.value || a !== v.value.start && (v.value.start = a, D.value.start = a, Oe());
-    }
-    function ul(a) {
-      if (ze.value || Ue.value) return;
-      const l = jt(a);
-      l !== v.value.end && (v.value.end = l, D.value.end = l, Oe());
-    }
-    function cl({ seriesIndex: a, datapoint: l }) {
-      const t = v.value.start + a;
-      ge("selectX", {
-        dataset: l,
-        index: t,
-        indexLabel: e.value.style.chart.grid.x.timeLabels.values[t]
-      });
-    }
-    function ta() {
-      return { y0: Y.value?.[0]?.zero ?? u.value.bottom };
-    }
-    function vl(a) {
-      const { y0: l } = ta(), t = e.value.style.chart.bars.totalValues, r = Math.max(2, t.fontSize * 0.3 + t.offsetY);
-      let c = 1 / 0, s = !1;
-      for (const O of C.value || []) {
-        const A = O?.series?.[a] ?? 0, F = O?.height?.[a] ?? 0, V = O?.y?.[a];
-        A > 0 && F > 0 && Number.isFinite(V) && (s = !0, V < c && (c = V));
-      }
-      const z = (s && Number.isFinite(c) ? c : l) - r;
-      return Math.min(
-        Math.max(z, 0),
-        u.value.bottom
-      );
-    }
-    function hl(a) {
-      const { x0: l } = ta(), t = Math.max(2, e.value.style.chart.bars.totalValues.fontSize * 0.3 + e.value.style.chart.bars.totalValues.offsetX);
-      let r = -1 / 0, c = !1;
-      for (const b of C.value || []) {
-        const z = b?.series?.[a] ?? 0, T = b?.horizontal_x?.[a], O = b?.horizontal_width?.[a], A = Number.isFinite(O) ? Math.max(0, O) : 0;
-        Number.isFinite(T) && z > 0 && A > 0 && (c = !0, r = Math.max(r, T + A));
-      }
-      return (c && Number.isFinite(r) ? r : l) + t;
-    }
-    return xa({
-      getData: Qa,
-      getImage: al,
-      generatePdf: Tt,
-      generateCsv: nt,
-      generateImage: $t,
-      generateSvg: Kt,
-      hideSeries: ja,
-      showSeries: Ka,
-      toggleTable: Yt,
-      toggleLabels: Wt,
-      toggleTooltip: Gt,
-      toggleAnnotator: ct,
-      toggleFullscreen: Xt
-    }), (a, l) => (o(), n("div", {
-      id: `stackbar_${U.value}`,
-      ref_key: "stackbarChart",
-      ref: J,
-      class: he({ "vue-data-ui-component": !0, "vue-ui-stackbar": !0, "vue-data-ui-wrapper-fullscreen": me.value }),
-      style: ne(`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: Ra,
-      onMouseleave: Ia
-    }, [
-      e.value.userOptions.buttons.annotator ? (o(), ee(m(Ca), {
-        key: 0,
-        svgRef: m(tt),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: De.value,
-        onClose: ct
-      }, {
-        "annotator-action-close": S(() => [
-          w(a.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": S(({ color: t }) => [
-          w(a.$slots, "annotator-action-color", B(H({ color: t })), void 0, !0)
-        ]),
-        "annotator-action-draw": S(({ mode: t }) => [
-          w(a.$slots, "annotator-action-draw", B(H({ mode: t })), void 0, !0)
-        ]),
-        "annotator-action-undo": S(({ disabled: t }) => [
-          w(a.$slots, "annotator-action-undo", B(H({ disabled: t })), void 0, !0)
-        ]),
-        "annotator-action-redo": S(({ disabled: t }) => [
-          w(a.$slots, "annotator-action-redo", B(H({ disabled: t })), void 0, !0)
-        ]),
-        "annotator-action-delete": S(({ disabled: t }) => [
-          w(a.$slots, "annotator-action-delete", B(H({ disabled: t })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
-      w(a.$slots, "userConfig", {}, void 0, !0),
-      e.value.style.chart.title.text ? (o(), n("div", {
-        key: 1,
-        ref_key: "chartTitle",
-        ref: mt,
-        style: "width:100%;background:transparent;padding-bottom:24px"
-      }, [
-        (o(), ee(ar, {
-          key: `title_${kt.value}`,
-          config: {
-            title: {
-              cy: "stackbar-title",
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              cy: "stackbar-subtitle",
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : f("", !0),
-      te("div", {
-        id: `legend-top-${U.value}`
-      }, null, 8, ur),
-      e.value.userOptions.show && fe.value && (m(St) || m(et)) ? (o(), ee(m(Ma), {
-        ref_key: "userOptionsRef",
-        ref: qe,
-        key: `user_option_${bt.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: m(Mt),
-        isImaging: m(_t),
-        uid: U.value,
-        hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
-        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: e.value.userOptions.buttons.labels,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: me.value,
-        chartElement: J.value,
-        position: e.value.userOptions.position,
-        isTooltip: $.value.showTooltip,
-        titles: { ...e.value.userOptions.buttonTitles },
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: De.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        tableDialog: e.value.table.useDialog,
-        onToggleFullscreen: Xt,
-        onGeneratePdf: m(Tt),
-        onGenerateCsv: nt,
-        onGenerateImage: m($t),
-        onGenerateSvg: Kt,
-        onToggleTable: Yt,
-        onToggleLabels: Wt,
-        onToggleTooltip: Gt,
-        onToggleAnnotator: ct,
-        style: ne({
-          visibility: m(St) ? m(et) ? "visible" : "hidden" : "visible"
-        })
-      }, gt({ _: 2 }, [
-        a.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: S(({ isOpen: t, color: r }) => [
-            w(a.$slots, "menuIcon", B(H({ isOpen: t, color: r })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        a.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: S(() => [
-            w(a.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        a.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: S(() => [
-            w(a.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        a.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: S(() => [
-            w(a.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        a.$slots.optionImg ? {
-          name: "optionImg",
-          fn: S(() => [
-            w(a.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        a.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: S(() => [
-            w(a.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        a.$slots.optionTable ? {
-          name: "optionTable",
-          fn: S(() => [
-            w(a.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        a.$slots.optionLabels ? {
-          name: "optionLabels",
-          fn: S(() => [
-            w(a.$slots, "optionLabels", {}, void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        a.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: S(({ toggleFullscreen: t, isFullscreen: r }) => [
-            w(a.$slots, "optionFullscreen", B(H({ toggleFullscreen: t, isFullscreen: r })), void 0, !0)
-          ]),
-          key: "8"
-        } : void 0,
-        a.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: S(({ toggleAnnotator: t, isAnnotator: r }) => [
-            w(a.$slots, "optionAnnotator", B(H({ toggleAnnotator: t, isAnnotator: r })), void 0, !0)
-          ]),
-          key: "9"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
-      (o(), n("svg", {
-        ref_key: "svgRef",
-        ref: tt,
-        xmlns: m(Dl),
-        viewBox: `0 0 ${u.value.chartWidth <= 0 ? 10 : u.value.chartWidth} ${u.value.chartHeight <= 0 ? 10 : u.value.chartHeight}`,
-        class: he({ "vue-data-ui-loading": m(xe) }),
-        style: ne(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
-      }, [
-        _e(m(_a)),
-        a.$slots["chart-background"] ? (o(), n("foreignObject", {
-          key: 0,
-          x: u.value.left,
-          y: u.value.top,
-          width: u.value.width <= 0 ? 10 : u.value.width,
-          height: u.value.height <= 0 ? 10 : u.value.height,
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          w(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, vr)) : f("", !0),
-        e.value.style.chart.bars.gradient.show ? (o(), n("defs", hr, [
-          (o(!0), n(x, null, L(C.value, (t, r) => (o(), n("linearGradient", {
-            id: `gradient_${t.id}`,
-            x1: "0%",
-            y1: "0%",
-            x2: "0%",
-            y2: "100%"
-          }, [
-            te("stop", {
-              offset: "0%",
-              "stop-color": t.color
-            }, null, 8, yr),
-            te("stop", {
-              offset: "61.8%",
-              "stop-color": m(Vl)(t.color, e.value.style.chart.bars.gradient.intensity / 100)
-            }, null, 8, gr),
-            te("stop", {
-              offset: "100%",
-              "stop-color": t.color
-            }, null, 8, fr)
-          ], 8, dr))), 256))
-        ])) : f("", !0),
-        e.value.style.chart.grid.frame.show ? (o(), n("rect", {
-          key: 2,
-          style: { pointerEvents: "none", transition: "none", animation: "none !important" },
-          x: Math.max(0, u.value.left),
-          y: Math.max(0, u.value.top),
-          width: Math.max(0, u.value.width),
-          height: Math.max(0, u.value.height),
-          fill: "transparent",
-          stroke: e.value.style.chart.grid.frame.stroke,
-          "stroke-width": e.value.style.chart.grid.frame.strokeWidth,
-          "stroke-linecap": e.value.style.chart.grid.frame.strokeLinecap,
-          "stroke-linejoin": e.value.style.chart.grid.frame.strokeLinejoin,
-          "stroke-dasharray": e.value.style.chart.grid.frame.strokeDasharray
-        }, null, 8, br)) : f("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (o(!0), n(x, { key: 3 }, L(Y.value, (t, r) => (o(), n("line", {
-          x1: u.value.left,
-          x2: u.value.right,
-          y1: t.y,
-          y2: t.y,
-          stroke: e.value.style.chart.grid.x.linesColor,
-          "stroke-width": e.value.style.chart.grid.x.linesThickness,
-          "stroke-dasharray": e.value.style.chart.grid.x.linesStrokeDasharray,
-          "stroke-linecap": "round"
-        }, null, 8, mr))), 256)) : f("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (o(!0), n(x, { key: 4 }, L(v.value.end - v.value.start + 1, (t, r) => (o(), n("line", {
-          x1: u.value.left,
-          x2: u.value.right,
-          y1: u.value.top + p.value * r,
-          y2: u.value.top + p.value * r,
-          stroke: e.value.style.chart.grid.x.linesColor,
-          "stroke-width": e.value.style.chart.grid.x.linesThickness,
-          "stroke-dasharray": e.value.style.chart.grid.x.linesStrokeDasharray,
-          "stroke-linecap": "round"
-        }, null, 8, pr))), 256)) : f("", !0),
-        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (o(!0), n(x, { key: 5 }, L(v.value.end - v.value.start + 1, (t, r) => (o(), n("line", {
-          x1: u.value.left + p.value * r,
-          x2: u.value.left + p.value * r,
-          y1: u.value.top,
-          y2: u.value.bottom,
-          stroke: e.value.style.chart.grid.y.linesColor,
-          "stroke-width": e.value.style.chart.grid.y.linesThickness,
-          "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
-          "stroke-linecap": "round"
-        }, null, 8, xr))), 256)) : f("", !0),
-        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "horizontal" ? (o(!0), n(x, { key: 6 }, L(Y.value, (t, r) => (o(), n("line", {
-          x1: t.horizontal_x,
-          x2: t.horizontal_x,
-          y1: u.value.top,
-          y2: u.value.bottom,
-          stroke: e.value.style.chart.grid.y.linesColor,
-          "stroke-width": e.value.style.chart.grid.y.linesThickness,
-          "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
-          "stroke-linecap": "round"
-        }, null, 8, kr))), 256)) : f("", !0),
-        (o(!0), n(x, null, L(C.value, (t, r) => (o(), n("g", null, [
-          a.$slots.pattern ? (o(), n("defs", wr, [
-            w(a.$slots, "pattern", Te({ ref_for: !0 }, { seriesIndex: t.absoluteIndex, patternId: `pattern_${U.value}_${t.absoluteIndex}` }), void 0, !0)
-          ])) : f("", !0),
-          e.value.orientation === "vertical" ? (o(), n(x, { key: 1 }, [
-            (o(!0), n(x, null, L(t.x, (c, s) => (o(), n("rect", {
-              x: c,
-              y: m(ie)(t.y[s]),
-              height: t.height[s] < 0 ? 1e-4 : t.height[s] || 0,
-              rx: e.value.style.chart.bars.borderRadius > t.height[s] / 2 ? (t.height[s] < 0 ? 0 : t.height[s]) / 2 : e.value.style.chart.bars.borderRadius,
-              width: p.value * (1 - e.value.style.chart.bars.gapRatio / 2),
-              fill: e.value.style.chart.bars.gradient.show ? `url(#gradient_${t.id})` : t.color,
-              stroke: e.value.style.chart.backgroundColor,
-              "stroke-width": e.value.style.chart.bars.strokeWidth,
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              class: he({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": le.value })
-            }, null, 10, Lr))), 256)),
-            a.$slots.pattern ? (o(), n("g", Sr, [
-              (o(!0), n(x, null, L(t.x, (c, s) => (o(), n("rect", {
-                x: c,
-                y: m(ie)(t.y[s]),
-                height: t.height[s] < 0 ? 1e-4 : t.height[s] || 0,
-                rx: e.value.style.chart.bars.borderRadius > t.height[s] / 2 ? (t.height[s] < 0 ? 0 : t.height[s]) / 2 : e.value.style.chart.bars.borderRadius,
-                width: p.value * (1 - e.value.style.chart.bars.gapRatio / 2),
-                fill: `url(#pattern_${U.value}_${t.absoluteIndex})`,
-                stroke: e.value.style.chart.backgroundColor,
-                "stroke-width": e.value.style.chart.bars.strokeWidth,
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                class: he({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": le.value })
-              }, null, 10, zr))), 256))
-            ])) : f("", !0)
-          ], 64)) : (o(), n(x, { key: 2 }, [
-            (o(!0), n(x, null, L(t.horizontal_x, (c, s) => (o(), n("rect", {
-              x: m(ie)(c, u.value.left),
-              y: t.horizontal_y[s] < 0 ? 0 : t.horizontal_y[s],
-              width: m(ie)(t.horizontal_width[s] < 0 ? 1e-4 : t.horizontal_width[s]),
-              rx: e.value.style.chart.bars.borderRadius > t.height[s] / 2 ? (t.height[s] < 0 ? 0 : t.height[s]) / 2 : e.value.style.chart.bars.borderRadius,
-              height: p.value * (1 - e.value.style.chart.bars.gapRatio / 2),
-              fill: e.value.style.chart.bars.gradient.show ? `url(#gradient_${t.id})` : t.color,
-              stroke: e.value.style.chart.backgroundColor,
-              "stroke-width": e.value.style.chart.bars.strokeWidth,
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              class: he({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": le.value })
-            }, null, 10, Cr))), 256)),
-            a.$slots.pattern ? (o(), n("g", Mr, [
-              (o(!0), n(x, null, L(t.horizontal_x, (c, s) => (o(), n("rect", {
-                x: m(ie)(c, u.value.left),
-                y: t.horizontal_y[s] < 0 ? 0 : t.horizontal_y[s],
-                width: m(ie)(t.horizontal_width[s] < 0 ? 1e-4 : t.horizontal_width[s]),
-                rx: e.value.style.chart.bars.borderRadius > t.height[s] / 2 ? (t.height[s] < 0 ? 0 : t.height[s]) / 2 : e.value.style.chart.bars.borderRadius,
-                height: p.value * (1 - e.value.style.chart.bars.gapRatio / 2),
-                fill: `url(#pattern_${U.value}_${t.absoluteIndex})`,
-                stroke: e.value.style.chart.backgroundColor,
-                "stroke-width": e.value.style.chart.bars.strokeWidth,
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                class: he({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": le.value })
-              }, null, 10, _r))), 256))
-            ])) : f("", !0)
-          ], 64))
-        ]))), 256)),
-        e.value.style.chart.grid.x.showAxis ? (o(), n("line", {
-          key: 7,
-          x1: u.value.left,
-          x2: u.value.right,
-          y1: u.value.bottom,
-          y2: u.value.bottom,
-          stroke: e.value.style.chart.grid.x.axisColor,
-          "stroke-width": e.value.style.chart.grid.x.axisThickness,
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round"
-        }, null, 8, Tr)) : f("", !0),
-        e.value.style.chart.grid.y.showAxis && !e.value.style.chart.bars.distributed ? (o(), n("line", {
-          key: 8,
-          x1: u.value.left,
-          x2: u.value.left,
-          y1: u.value.top,
-          y2: u.value.bottom,
-          stroke: e.value.style.chart.grid.y.axisColor,
-          "stroke-width": e.value.style.chart.grid.y.axisThickness,
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round"
-        }, null, 8, $r)) : f("", !0),
-        e.value.style.chart.grid.x.axisName.show && e.value.style.chart.grid.x.axisName.text ? (o(), n("text", {
-          key: 9,
-          ref_key: "xAxisLabel",
-          ref: Je,
-          x: u.value.left + u.value.width / 2,
-          y: u.value.chartHeight - 3,
-          "font-size": e.value.style.chart.grid.x.axisName.fontSize,
-          fill: e.value.style.chart.grid.x.axisName.color,
-          "font-weight": e.value.style.chart.grid.x.axisName.bold ? "bold" : "normal",
-          "text-anchor": "middle"
-        }, E(e.value.style.chart.grid.x.axisName.text), 9, Ar)) : f("", !0),
-        e.value.style.chart.grid.y.axisName.show && e.value.style.chart.grid.y.axisName.text ? (o(), n("text", {
-          key: 10,
-          ref_key: "yAxisLabel",
-          ref: Ze,
-          transform: `translate(${e.value.style.chart.grid.y.axisName.fontSize}, ${u.value.top + u.value.height / 2}) rotate(-90)`,
-          "font-size": e.value.style.chart.grid.y.axisName.fontSize,
-          fill: e.value.style.chart.grid.y.axisName.color,
-          "font-weight": e.value.style.chart.grid.y.axisName.bold ? "bold" : "normal",
-          "text-anchor": "middle"
-        }, E(e.value.style.chart.grid.y.axisName.text), 9, Pr)) : f("", !0),
-        $.value.dataLabels.show && e.value.orientation === "vertical" ? (o(), n(x, { key: 11 }, [
-          (o(!0), n(x, null, L(C.value, (t, r) => (o(), n("g", null, [
-            (o(!0), n(x, null, L(t.x, (c, s) => (o(), n(x, null, [
-              Zt(t.series[s], t.proportions[s]) ? (o(), n("text", {
-                key: 0,
-                x: c + p.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2,
-                y: t.y[s] + t.height[s] / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
-                "font-size": e.value.style.chart.bars.dataLabels.fontSize,
-                fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? m(ba)(t.color) : e.value.style.chart.bars.dataLabels.color,
-                "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
-                "text-anchor": "middle"
-              }, E(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Et(t.proportions[s] * 100, t, r, s) : Ie(t.series[s], t, r, s, t.signedSeries[s])), 9, Nr)) : f("", !0)
-            ], 64))), 256))
-          ]))), 256)),
-          e.value.style.chart.bars.totalValues.show && C.value.length > 1 ? (o(), n("g", {
-            key: 0,
-            ref_key: "sumTop",
-            ref: Oa
-          }, [
-            (o(!0), n(x, null, L(Vt.value, (t, r) => (o(), n(x, null, [
-              !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (o(), n("text", {
-                key: 0,
-                x: u.value.left + p.value * r + p.value / 2,
-                y: vl(r),
-                "text-anchor": "middle",
-                "font-size": e.value.style.chart.bars.totalValues.fontSize,
-                "font-weight": e.value.style.chart.bars.totalValues.bold ? "bold" : "normal",
-                fill: e.value.style.chart.bars.totalValues.color
-              }, E(Ie(t.value, t, r, t.sign)), 9, Or)) : f("", !0)
-            ], 64))), 256))
-          ], 512)) : f("", !0)
-        ], 64)) : f("", !0),
-        $.value.dataLabels.show && e.value.orientation === "horizontal" ? (o(), n(x, { key: 12 }, [
-          (o(!0), n(x, null, L(C.value, (t, r) => (o(), n("g", null, [
-            (o(!0), n(x, null, L(t.horizontal_x, (c, s) => (o(), n(x, null, [
-              Zt(t.series[s], t.proportions[s]) ? (o(), n("text", {
-                key: 0,
-                x: c + (t.horizontal_width[s] < 0 ? 1e-4 : t.horizontal_width[s]) / 2,
-                y: t.horizontal_y[s] + p.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
-                "font-size": e.value.style.chart.bars.dataLabels.fontSize,
-                fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? m(ba)(t.color) : e.value.style.chart.bars.dataLabels.color,
-                "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
-                "text-anchor": "middle"
-              }, E(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Et(t.proportions[s] * 100, t, r, s) : Ie(t.series[s], t, r, s, t.signedSeries[s])), 9, Rr)) : f("", !0)
-            ], 64))), 256))
-          ]))), 256)),
-          e.value.style.chart.bars.totalValues.show && C.value.length > 1 ? (o(), n("g", {
-            key: 0,
-            ref_key: "sumRight",
-            ref: Qe
-          }, [
-            (o(!0), n(x, null, L(Vt.value, (t, r) => (o(), n(x, null, [
-              !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (o(), n("text", {
-                key: 0,
-                x: hl(r),
-                y: u.value.top + p.value * r + p.value / 2 + e.value.style.chart.bars.totalValues.fontSize / 3,
-                "text-anchor": "start",
-                "font-size": e.value.style.chart.bars.totalValues.fontSize,
-                "font-weight": e.value.style.chart.bars.totalValues.bold ? "bold" : "normal",
-                fill: e.value.style.chart.bars.totalValues.color
-              }, E(Ie(t.value, t, r, t.sign)), 9, Ir)) : f("", !0)
-            ], 64))), 256))
-          ], 512)) : f("", !0)
-        ], 64)) : f("", !0),
-        e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "vertical" ? (o(), n("g", {
-          key: 13,
-          ref_key: "scaleLabels",
-          ref: re
-        }, [
-          (o(!0), n(x, null, L(Y.value, (t, r) => (o(), n("line", {
-            x1: u.value.left,
-            x2: u.value.left - 6,
-            y1: t.y,
-            y2: t.y,
-            stroke: e.value.style.chart.grid.x.axisColor,
-            "stroke-width": 1
-          }, null, 8, Fr))), 256)),
-          (o(!0), n(x, null, L(Y.value, (t, r) => (o(), n("text", {
-            x: t.x,
-            y: t.y + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
-            "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
-            "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
-            fill: e.value.style.chart.grid.y.axisLabels.color,
-            "text-anchor": "end"
-          }, E(m(ye)(
-            e.value.style.chart.grid.y.axisLabels.formatter,
-            t.value,
-            m(ae)({
-              p: e.value.style.chart.bars.dataLabels.prefix,
-              v: t.value,
-              s: e.value.style.chart.bars.dataLabels.suffix,
-              r: e.value.style.chart.grid.y.axisLabels.rounding
-            }),
-            { datapoint: t }
-          )), 9, Dr))), 256))
-        ], 512)) : f("", !0),
-        e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "horizontal" ? (o(), n("g", {
-          key: 14,
-          ref_key: "scaleLabels",
-          ref: re
-        }, [
-          (o(!0), n(x, null, L(Y.value, (t, r) => (o(), n("line", {
-            x1: t.horizontal_x,
-            x2: t.horizontal_x,
-            y1: u.value.bottom,
-            y2: u.value.bottom + 6,
-            stroke: e.value.style.chart.grid.x.axisColor,
-            "stroke-width": 1,
-            "stroke-linecap": "round"
-          }, null, 8, Vr))), 256)),
-          (o(!0), n(x, null, L(Y.value, (t, r) => (o(), n("text", {
-            class: "vue-data-ui-time-label",
-            "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
-            "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
-            fill: e.value.style.chart.grid.y.axisLabels.color,
-            "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
-            transform: `translate(${t.horizontal_x}, ${u.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`
-          }, E(m(ye)(
-            e.value.style.chart.grid.y.axisLabels.formatter,
-            t.value,
-            m(ae)({
-              p: e.value.style.chart.bars.dataLabels.prefix,
-              v: t.value,
-              s: e.value.style.chart.bars.dataLabels.suffix,
-              r: e.value.style.chart.grid.y.axisLabels.rounding
-            }),
-            { datapoint: t }
-          )), 9, Er))), 256))
-        ], 512)) : f("", !0),
-        e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "vertical" ? (o(), n("g", {
-          key: 15,
-          ref_key: "timeLabelsEls",
-          ref: se
-        }, [
-          a.$slots["time-label"] ? (o(), n("g", Ur, [
-            (o(!0), n(x, null, L(It.value, (t, r) => (o(), n("g", null, [
-              w(a.$slots, "time-label", Te({ ref_for: !0 }, {
-                x: u.value.left + p.value * r + p.value / 2,
-                y: u.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY,
-                fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
-                fill: e.value.style.chart.grid.x.timeLabels.color,
-                transform: `translate(${u.value.left + p.value * r + p.value / 2}, ${u.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`,
-                absoluteIndex: t.absoluteIndex,
-                content: t.text,
-                textAnchor: e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
-                show: !0
-              }), void 0, !0)
-            ]))), 256))
-          ])) : (o(), n("g", Br, [
-            (o(!0), n(x, null, L(It.value, (t, r) => (o(), n("g", null, [
-              String(t.text).includes(`
-`) ? (o(), n("text", {
-                key: r + "-multi",
-                "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
-                "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
-                fill: e.value.style.chart.grid.x.timeLabels.color,
-                transform: `
-                                    translate(
-                                    ${u.value.left + p.value * r + p.value / 2},
-                                    ${u.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}
-                                    ),
-                                    rotate(${e.value.style.chart.grid.x.timeLabels.rotation})
-                                `,
-                style: { cursor: "pointer" },
-                innerHTML: m(El)({
-                  content: String(t.text),
-                  fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
-                  fill: e.value.style.chart.grid.x.timeLabels.color,
-                  x: 0,
-                  y: 0
-                }),
-                onClick: () => Ve(t, r)
-              }, null, 8, Xr)) : (o(), n("text", {
-                class: "vue-data-ui-time-label",
-                key: r,
-                "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
-                "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
-                "font-weight": e.value.style.chart.grid.x.timeLabels.bold ? "bold" : "normal",
-                fill: e.value.style.chart.grid.x.timeLabels.color,
-                transform: `translate(${u.value.left + p.value * r + p.value / 2}, ${u.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`,
-                style: { cursor: "pointer" },
-                onClick: () => Ve(t, r)
-              }, E(t.text), 9, Hr))
-            ]))), 256))
-          ]))
-        ], 512)) : f("", !0),
-        e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "horizontal" ? (o(), n("g", {
-          key: 16,
-          ref_key: "timeLabelsEls",
-          ref: se
-        }, [
-          a.$slots["time-label"] ? (o(), n("g", Yr, [
-            (o(!0), n(x, null, L(I.value, (t, r) => (o(), n("g", null, [
-              w(a.$slots, "time-label", Te({ ref_for: !0 }, {
-                x: u.value.left - 8,
-                y: u.value.top + p.value * r + p.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
-                fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
-                fill: e.value.style.chart.grid.x.timeLabels.color,
-                transform: null,
-                absoluteIndex: t.absoluteIndex,
-                content: t.text,
-                textAnchor: "end",
-                show: !0
-              }), void 0, !0)
-            ]))), 256))
-          ])) : (o(), n("g", Wr, [
-            (o(!0), n(x, null, L(I.value, (t, r) => (o(), n("g", null, [
-              String(t.text).includes(`
-`) ? (o(), n("text", {
-                key: 1,
-                "text-anchor": "end",
-                "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
-                "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
-                fill: e.value.style.chart.grid.y.axisLabels.color,
-                x: u.value.left - 8,
-                y: u.value.top + p.value * r + p.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
-                style: { cursor: "pointer" },
-                onClick: () => Ve(t, r),
-                innerHTML: m(Ul)({
-                  content: String(t.text),
-                  fontSize: e.value.style.chart.grid.y.axisLabels.fontSize,
-                  fill: e.value.style.chart.grid.y.axisLabels.color,
-                  x: u.value.left - 8,
-                  y: 0
-                })
-              }, null, 8, qr)) : (o(), n("text", {
-                key: 0,
-                "text-anchor": "end",
-                "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
-                "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
-                fill: e.value.style.chart.grid.y.axisLabels.color,
-                x: u.value.left - 8,
-                y: u.value.top + p.value * r + p.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
-                style: {
-                  cursor: "pointer"
-                },
-                onClick: () => Ve(t, r)
-              }, E(t.text), 9, Gr))
-            ]))), 256))
-          ]))
-        ], 512)) : f("", !0),
-        $.value.showTooltip && e.value.orientation === "vertical" ? (o(!0), n(x, { key: 17 }, L(v.value.end - v.value.start, (t, r) => (o(), n("rect", {
-          x: u.value.left + r * p.value,
-          y: u.value.top,
-          width: p.value,
-          height: u.value.height < 0 ? 0 : u.value.height,
-          onClick: () => Ut(r),
-          onMouseenter: () => Ht(r),
-          onMouseleave: () => Bt(r),
-          fill: r === q.value || r === Ke.value ? e.value.style.chart.highlighter.color : "transparent",
-          style: ne({ opacity: e.value.style.chart.highlighter.opacity / 100 })
-        }, null, 44, Jr))), 256)) : f("", !0),
-        $.value.showTooltip && e.value.orientation === "horizontal" ? (o(!0), n(x, { key: 18 }, L(v.value.end - v.value.start, (t, r) => (o(), n("rect", {
-          x: u.value.left,
-          y: u.value.top + r * p.value,
-          width: u.value.width < 0 ? 0 : u.value.width,
-          height: p.value,
-          onClick: () => Ut(r),
-          onMouseenter: () => Ht(r),
-          onMouseleave: () => Bt(r),
-          fill: r === q.value || r === Ke.value ? e.value.style.chart.highlighter.color : "transparent",
-          style: ne({ opacity: e.value.style.chart.highlighter.opacity / 100 })
-        }, null, 44, Zr))), 256)) : f("", !0),
-        Nt.value ? (o(), n("rect", Te({ key: 19 }, Ba.value, {
-          "data-start": v.value.start,
-          "data-end": v.value.end
-        }), null, 16, Qr)) : f("", !0),
-        w(a.$slots, "svg", {
-          svg: {
-            drawingArea: u.value,
-            data: C.value
-          }
-        }, void 0, !0)
-      ], 14, cr)),
-      a.$slots.watermark ? (o(), n("div", Kr, [
-        w(a.$slots, "watermark", B(H({ isPrinting: m(Mt) || m(_t) })), void 0, !0)
-      ])) : f("", !0),
-      e.value.style.chart.zoom.show && N.value > 6 && fe.value && ea.value ? (o(), ee(or, {
-        key: 4,
-        ref_key: "chartSlicer",
-        ref: be,
-        allMinimaps: Ya.value,
-        background: e.value.style.chart.zoom.color,
-        borderColor: e.value.style.chart.backgroundColor,
-        customFormat: e.value.style.chart.zoom.customFormat,
-        cutNullValues: !1,
-        enableRangeHandles: e.value.style.chart.zoom.enableRangeHandles,
-        enableSelectionDrag: e.value.style.chart.zoom.enableSelectionDrag,
-        end: v.value.end,
-        focusOnDrag: e.value.style.chart.zoom.focusOnDrag,
-        focusRangeRatio: e.value.style.chart.zoom.focusRangeRatio,
-        fontSize: e.value.style.chart.zoom.fontSize,
-        immediate: !e.value.style.chart.zoom.preview.enable,
-        inputColor: e.value.style.chart.zoom.color,
-        isPreview: Nt.value,
-        labelLeft: e.value.style.chart.grid.x.timeLabels.values[v.value.start] ? I.value[0].text : "",
-        labelRight: e.value.style.chart.grid.x.timeLabels.values[v.value.end - 1] ? I.value.at(-1).text : "",
-        max: Math.max(...Xe.dataset.map((t) => t.series.length)),
-        min: 0,
-        minimap: oe.value,
-        minimapCompact: e.value.style.chart.zoom.minimap.compact,
-        minimapFrameColor: e.value.style.chart.zoom.minimap.frameColor,
-        minimapIndicatorColor: e.value.style.chart.zoom.minimap.indicatorColor,
-        minimapMerged: !1,
-        minimapSelectedColor: e.value.style.chart.zoom.minimap.selectedColor,
-        minimapSelectedColorOpacity: e.value.style.chart.zoom.minimap.selectedColorOpacity,
-        minimapSelectedIndex: q.value,
-        minimapSelectionRadius: 1,
-        preciseLabels: Dt.value.length ? Dt.value : Le.value,
-        refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : Math.max(...Xe.dataset.map((t) => t.series.length)),
-        refreshStartPoint: e.value.style.chart.zoom.startIndex !== null ? e.value.style.chart.zoom.startIndex : 0,
-        selectColor: e.value.style.chart.zoom.highlightColor,
-        selectedSeries: qa.value,
-        smoothMinimap: !1,
-        start: v.value.start,
-        textColor: e.value.style.chart.color,
-        timeLabels: Le.value,
-        usePreciseLabels: e.value.style.chart.grid.x.timeLabels.datetimeFormatter.enable && !e.value.style.chart.zoom.useDefaultFormat,
-        valueEnd: v.value.end,
-        valueStart: v.value.start,
-        verticalHandles: e.value.style.chart.zoom.minimap.verticalHandles,
-        "onUpdate:end": ul,
-        "onUpdate:start": il,
-        onTrapMouse: Ha,
-        onReset: Rt,
-        onFutureEnd: l[0] || (l[0] = (t) => Ot("end", t)),
-        onFutureStart: l[1] || (l[1] = (t) => Ot("start", t))
-      }, {
-        "reset-action": S(({ reset: t }) => [
-          w(a.$slots, "reset-action", B(H({ reset: t })), void 0, !0)
-        ]),
-        slotMap: S(({ width: t, height: r, unitW: c }) => [
-          (o(!0), n(x, null, L(C.value, (s) => (o(), n("g", {
-            key: s.id
-          }, [
-            (o(!0), n(x, null, L(s.xMinimap({ left: 0, unitW: c }), (b, z) => (o(), n("rect", {
-              key: z,
-              x: z === 0 ? b - c * (e.value.style.chart.bars.gapRatio / 4) : b - c / 2,
-              y: Math.max(0, Math.min(r, s.yMinimap({ minimapH: r })[z])),
-              height: s.heightMinimap({ minimapH: r })[z],
-              width: [0, N.value - 1].includes(z) ? c * (1 - e.value.style.chart.bars.gapRatio / 2) / 2 : c * (1 - e.value.style.chart.bars.gapRatio / 2),
-              fill: e.value.style.chart.bars.gradient.show ? `url(#gradient_${s.id})` : s.color,
-              stroke: e.value.style.chart.backgroundColor,
-              "stroke-width": 0.5,
-              rx: "0",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              style: ne({
-                opacity: z >= D.value.start && z <= D.value.end ? 1 : 0.62
-              })
-            }, null, 12, jr))), 128))
-          ]))), 128))
-        ]),
-        _: 3
-      }, 8, ["allMinimaps", "background", "borderColor", "customFormat", "enableRangeHandles", "enableSelectionDrag", "end", "focusOnDrag", "focusRangeRatio", "fontSize", "immediate", "inputColor", "isPreview", "labelLeft", "labelRight", "max", "minimap", "minimapCompact", "minimapFrameColor", "minimapIndicatorColor", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectedIndex", "preciseLabels", "refreshEndPoint", "refreshStartPoint", "selectColor", "selectedSeries", "start", "textColor", "timeLabels", "usePreciseLabels", "valueEnd", "valueStart", "verticalHandles"])) : f("", !0),
-      _e(m(wa), {
-        show: $.value.showTooltip && Ye.value,
-        backgroundColor: e.value.style.chart.tooltip.backgroundColor,
-        color: e.value.style.chart.tooltip.color,
-        fontSize: e.value.style.chart.tooltip.fontSize,
-        borderRadius: e.value.style.chart.tooltip.borderRadius,
-        borderColor: e.value.style.chart.tooltip.borderColor,
-        borderWidth: e.value.style.chart.tooltip.borderWidth,
-        backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
-        position: e.value.style.chart.tooltip.position,
-        offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: J.value,
-        content: Ge.value,
-        isFullscreen: me.value,
-        isCustom: m(ma)(e.value.style.chart.tooltip.customFormat),
-        smooth: e.value.style.chart.tooltip.smooth,
-        backdropFilter: e.value.style.chart.tooltip.backdropFilter,
-        smoothForce: e.value.style.chart.tooltip.smoothForce,
-        smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
-      }, {
-        "tooltip-before": S(() => [
-          w(a.$slots, "tooltip-before", B(H({ ...We.value })), void 0, !0)
-        ]),
-        "tooltip-after": S(() => [
-          w(a.$slots, "tooltip-after", B(H({ ...We.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      te("div", {
-        id: `legend-bottom-${U.value}`
-      }, null, 8, es),
-      wt.value ? (o(), ee(Tl, {
-        key: 5,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${U.value}` : `#legend-bottom-${U.value}`
-      }, [
-        te("div", {
-          ref_key: "chartLegend",
-          ref: pt
-        }, [
-          e.value.style.chart.legend.show ? (o(), ee(sr, {
-            key: 0,
-            legendSet: ut.value,
-            config: el.value,
-            onClickMarker: l[2] || (l[2] = ({ legend: t }) => t.segregate())
-          }, gt({
-            item: S(({ legend: t }) => [
-              m(xe) ? f("", !0) : (o(), n("div", {
-                key: 0,
-                onClick: (r) => t.segregate(),
-                style: ne(`opacity:${P.value.includes(t.id) ? 0.5 : 1}`)
-              }, E(t.name), 13, ts))
-            ]),
-            _: 2
-          }, [
-            a.$slots.pattern ? {
-              name: "legend-pattern",
-              fn: S(({ legend: t, index: r }) => [
-                _e(lr, {
-                  shape: t.shape,
-                  radius: 30,
-                  stroke: "none",
-                  plot: { x: 30, y: 30 },
-                  fill: `url(#pattern_${U.value}_${r})`
-                }, null, 8, ["shape", "fill"])
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["legendSet", "config"])) : w(a.$slots, "legend", {
-            key: 1,
-            legend: ut.value
-          }, void 0, !0)
-        ], 512)
-      ], 8, ["to"])) : f("", !0),
-      a.$slots.source ? (o(), n("div", {
-        key: 6,
-        ref_key: "source",
-        ref: xt,
-        dir: "auto"
-      }, [
-        w(a.$slots, "source", {}, void 0, !0)
-      ], 512)) : f("", !0),
-      fe.value && e.value.userOptions.buttons.table ? (o(), ee($l(Se.value.component), Te({ key: 7 }, Se.value.props, {
-        ref_key: "tableUnit",
-        ref: pe,
-        onClose: Qt
-      }), gt({
-        content: S(() => [
-          _e(m(za), {
-            colNames: Fe.value.colNames,
-            head: Fe.value.head,
-            body: Fe.value.body,
-            config: Fe.value.config,
-            title: e.value.table.useDialog ? "" : Se.value.title,
-            withCloseButton: !e.value.table.useDialog,
-            onClose: Qt
-          }, {
-            th: S(({ th: t }) => [
-              te("div", { innerHTML: t }, null, 8, as)
-            ]),
-            td: S(({ td: t }) => [
-              ca(E(isNaN(Number(t)) ? t : m(ae)({
-                p: e.value.style.chart.bars.dataLabels.prefix,
-                v: t,
-                s: e.value.style.chart.bars.dataLabels.suffix,
-                r: e.value.table.td.roundingValue
-              })), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"])
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: S(() => [
-            ca(E(Se.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: S(() => [
-            te("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: l[3] || (l[3] = (t) => nt(e.value.userOptions.callbacks.csv))
-            }, [
-              _e(m(La), {
-                name: "excel",
-                stroke: Se.value.props.color
-              }, null, 8, ["stroke"])
-            ])
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : f("", !0),
-      m(xe) ? (o(), ee(ql, { key: 8 })) : f("", !0)
-    ], 46, ir));
-  }
-}, Ls = /* @__PURE__ */ nr(ls, [["__scopeId", "data-v-dc5fe0a8"]]);
-export {
-  Ls as default
-};