vue-data-ui 3.4.9 → 3.5.1

package/dist/vue-ui-stackbar-1IwvUYBO.js

@@ -0,0 +1,1827 @@
+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 u, 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 H, guardReactiveProps as X, 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-DjGXw6S9.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-isbiM8i8.js";
+import { _ as lr } from "./Shape-CNXKB8O0.js";
+import { t as rr } from "./themes-AUNCOb2G.js";
+import sr from "./Legend-G6GMcdAc.js";
+import { S as or } from "./SlicerPreview-ij72TAs6.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-BmMbm4d0.js")), Sa = j(() => import("./vue-ui-accordion-CqhVCfc2.js")), za = j(() => import("./DataTable-BT7VF2ua.js")), Ca = j(() => import("./PenAndPaper-SZQIAgkg.js")), Ma = j(() => import("./UserOptions-CGnQt6Fd.js")), _a = j(() => import("./PackageVersion-DQvyATVa.js")), Ta = j(() => import("./BaseDraggableDialog-ymf2sfB8.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: {
+                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 - (n.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;
+    }), n = 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 } = n.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
+        };
+      }
+    }), Y = 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(...Y.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 = n.value.width / (v.value.end - v.value.start) : a = n.value.height / (v.value.end - v.value.start), a <= 0 ? 0 : a;
+    }), we = g(() => $e(Y.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(Y.value.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(Y.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 = Y.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)
+        })))
+      };
+    }), B = 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: n.value.bottom - n.value.height * (Math.abs(r.min) / (r.max + Math.abs(r.min))),
+        y: n.value.bottom - n.value.height * ((c + Math.abs(r.min)) / (r.max + Math.abs(r.min))),
+        x: n.value.left - 8,
+        horizontal_zero: n.value.left + n.value.width * (Math.abs(r.min) / (r.max + Math.abs(r.min))),
+        horizontal_x: n.value.left + n.value.width * ((c + Math.abs(r.min)) / (r.max + Math.abs(r.min))),
+        horizontal_y: n.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 = n.value.height, V = n.value.width, Ce = B.value[0] ? B.value[0].zero : n.value.bottom, W = B.value[0] ? B.value[0].horizontal_zero : n.value.left;
+      let aa = Array(oe.value.length).fill(0), la = Array(oe.value.length).fill(0);
+      return Y.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) => n.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) => n.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];
+        Y.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 === Y.value.length - 1) return;
+        P.value.push(a.id);
+      }
+      ge("selectLegend", C.value);
+    }
+    function Jt(a) {
+      if (!Y.value.length)
+        return e.value.debug && console.warn("VueUiStackbar - There are no series to show."), null;
+      const l = Y.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(() => Y.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() {
+      const a = B.value?.[0]?.zero ?? n.value.bottom, l = B.value?.[0]?.horizontal_zero ?? n.value.left;
+      return { y0: a, x0: l };
+    }
+    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),
+        n.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(), u("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", H(X({ color: t })), void 0, !0)
+        ]),
+        "annotator-action-draw": S(({ mode: t }) => [
+          w(a.$slots, "annotator-action-draw", H(X({ mode: t })), void 0, !0)
+        ]),
+        "annotator-action-undo": S(({ disabled: t }) => [
+          w(a.$slots, "annotator-action-undo", H(X({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-redo": S(({ disabled: t }) => [
+          w(a.$slots, "annotator-action-redo", H(X({ disabled: t })), void 0, !0)
+        ]),
+        "annotator-action-delete": S(({ disabled: t }) => [
+          w(a.$slots, "annotator-action-delete", H(X({ 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(), u("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", H(X({ 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", H(X({ 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", H(X({ 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(), u("svg", {
+        ref_key: "svgRef",
+        ref: tt,
+        xmlns: m(Dl),
+        viewBox: `0 0 ${n.value.chartWidth <= 0 ? 10 : n.value.chartWidth} ${n.value.chartHeight <= 0 ? 10 : n.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(), u("foreignObject", {
+          key: 0,
+          x: n.value.left,
+          y: n.value.top,
+          width: n.value.width <= 0 ? 10 : n.value.width,
+          height: n.value.height <= 0 ? 10 : n.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(), u("defs", hr, [
+          (o(!0), u(x, null, L(C.value, (t, r) => (o(), u("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(), u("rect", {
+          key: 2,
+          style: { pointerEvents: "none", transition: "none", animation: "none !important" },
+          x: Math.max(0, n.value.left),
+          y: Math.max(0, n.value.top),
+          width: Math.max(0, n.value.width),
+          height: Math.max(0, n.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), u(x, { key: 3 }, L(B.value, (t, r) => (o(), u("line", {
+          x1: n.value.left,
+          x2: n.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), u(x, { key: 4 }, L(v.value.end - v.value.start + 1, (t, r) => (o(), u("line", {
+          x1: n.value.left,
+          x2: n.value.right,
+          y1: n.value.top + p.value * r,
+          y2: n.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), u(x, { key: 5 }, L(v.value.end - v.value.start + 1, (t, r) => (o(), u("line", {
+          x1: n.value.left + p.value * r,
+          x2: n.value.left + p.value * r,
+          y1: n.value.top,
+          y2: n.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), u(x, { key: 6 }, L(B.value, (t, r) => (o(), u("line", {
+          x1: t.horizontal_x,
+          x2: t.horizontal_x,
+          y1: n.value.top,
+          y2: n.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), u(x, null, L(C.value, (t, r) => (o(), u("g", null, [
+          a.$slots.pattern ? (o(), u("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(), u(x, { key: 1 }, [
+            (o(!0), u(x, null, L(t.x, (c, s) => (o(), u("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(), u("g", Sr, [
+              (o(!0), u(x, null, L(t.x, (c, s) => (o(), u("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(), u(x, { key: 2 }, [
+            (o(!0), u(x, null, L(t.horizontal_x, (c, s) => (o(), u("rect", {
+              x: m(ie)(c, n.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(), u("g", Mr, [
+              (o(!0), u(x, null, L(t.horizontal_x, (c, s) => (o(), u("rect", {
+                x: m(ie)(c, n.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(), u("line", {
+          key: 7,
+          x1: n.value.left,
+          x2: n.value.right,
+          y1: n.value.bottom,
+          y2: n.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(), u("line", {
+          key: 8,
+          x1: n.value.left,
+          x2: n.value.left,
+          y1: n.value.top,
+          y2: n.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(), u("text", {
+          key: 9,
+          ref_key: "xAxisLabel",
+          ref: Je,
+          x: n.value.left + n.value.width / 2,
+          y: n.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(), u("text", {
+          key: 10,
+          ref_key: "yAxisLabel",
+          ref: Ze,
+          transform: `translate(${e.value.style.chart.grid.y.axisName.fontSize}, ${n.value.top + n.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(), u(x, { key: 11 }, [
+          (o(!0), u(x, null, L(C.value, (t, r) => (o(), u("g", null, [
+            (o(!0), u(x, null, L(t.x, (c, s) => (o(), u(x, null, [
+              Zt(t.series[s], t.proportions[s]) ? (o(), u("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(), u("g", {
+            key: 0,
+            ref_key: "sumTop",
+            ref: Oa
+          }, [
+            (o(!0), u(x, null, L(Vt.value, (t, r) => (o(), u(x, null, [
+              !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (o(), u("text", {
+                key: 0,
+                x: n.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(), u(x, { key: 12 }, [
+          (o(!0), u(x, null, L(C.value, (t, r) => (o(), u("g", null, [
+            (o(!0), u(x, null, L(t.horizontal_x, (c, s) => (o(), u(x, null, [
+              Zt(t.series[s], t.proportions[s]) ? (o(), u("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(), u("g", {
+            key: 0,
+            ref_key: "sumRight",
+            ref: Qe
+          }, [
+            (o(!0), u(x, null, L(Vt.value, (t, r) => (o(), u(x, null, [
+              !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (o(), u("text", {
+                key: 0,
+                x: hl(r),
+                y: n.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(), u("g", {
+          key: 13,
+          ref_key: "scaleLabels",
+          ref: re
+        }, [
+          (o(!0), u(x, null, L(B.value, (t, r) => (o(), u("line", {
+            x1: n.value.left,
+            x2: n.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), u(x, null, L(B.value, (t, r) => (o(), u("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(), u("g", {
+          key: 14,
+          ref_key: "scaleLabels",
+          ref: re
+        }, [
+          (o(!0), u(x, null, L(B.value, (t, r) => (o(), u("line", {
+            x1: t.horizontal_x,
+            x2: t.horizontal_x,
+            y1: n.value.bottom,
+            y2: n.value.bottom + 6,
+            stroke: e.value.style.chart.grid.x.axisColor,
+            "stroke-width": 1,
+            "stroke-linecap": "round"
+          }, null, 8, Vr))), 256)),
+          (o(!0), u(x, null, L(B.value, (t, r) => (o(), u("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}, ${n.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(), u("g", {
+          key: 15,
+          ref_key: "timeLabelsEls",
+          ref: se
+        }, [
+          a.$slots["time-label"] ? (o(), u("g", Ur, [
+            (o(!0), u(x, null, L(It.value, (t, r) => (o(), u("g", null, [
+              w(a.$slots, "time-label", Te({ ref_for: !0 }, {
+                x: n.value.left + p.value * r + p.value / 2,
+                y: n.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(${n.value.left + p.value * r + p.value / 2}, ${n.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(), u("g", Br, [
+            (o(!0), u(x, null, L(It.value, (t, r) => (o(), u("g", null, [
+              String(t.text).includes(`
+`) ? (o(), u("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(
+                                    ${n.value.left + p.value * r + p.value / 2},
+                                    ${n.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(), u("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(${n.value.left + p.value * r + p.value / 2}, ${n.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(), u("g", {
+          key: 16,
+          ref_key: "timeLabelsEls",
+          ref: se
+        }, [
+          a.$slots["time-label"] ? (o(), u("g", Yr, [
+            (o(!0), u(x, null, L(I.value, (t, r) => (o(), u("g", null, [
+              w(a.$slots, "time-label", Te({ ref_for: !0 }, {
+                x: n.value.left - 8,
+                y: n.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(), u("g", Wr, [
+            (o(!0), u(x, null, L(I.value, (t, r) => (o(), u("g", null, [
+              String(t.text).includes(`
+`) ? (o(), u("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: n.value.left - 8,
+                y: n.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: n.value.left - 8,
+                  y: 0
+                })
+              }, null, 8, qr)) : (o(), u("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: n.value.left - 8,
+                y: n.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), u(x, { key: 17 }, L(v.value.end - v.value.start, (t, r) => (o(), u("rect", {
+          x: n.value.left + r * p.value,
+          y: n.value.top,
+          width: p.value,
+          height: n.value.height < 0 ? 0 : n.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), u(x, { key: 18 }, L(v.value.end - v.value.start, (t, r) => (o(), u("rect", {
+          x: n.value.left,
+          y: n.value.top + r * p.value,
+          width: n.value.width < 0 ? 0 : n.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(), u("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: n.value,
+            data: C.value
+          }
+        }, void 0, !0)
+      ], 14, cr)),
+      a.$slots.watermark ? (o(), u("div", Kr, [
+        w(a.$slots, "watermark", H(X({ 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", H(X({ reset: t })), void 0, !0)
+        ]),
+        slotMap: S(({ width: t, height: r, unitW: c }) => [
+          (o(!0), u(x, null, L(C.value, (s) => (o(), u("g", {
+            key: s.id
+          }, [
+            (o(!0), u(x, null, L(s.xMinimap({ left: 0, unitW: c }), (b, z) => (o(), u("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", H(X({ ...We.value })), void 0, !0)
+        ]),
+        "tooltip-after": S(() => [
+          w(a.$slots, "tooltip-after", H(X({ ...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(), u("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(), u("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-1e5ecd2a"]]);
+export {
+  Ls as default
+};