vue-data-ui 3.17.13 → 3.18.1

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

@@ -1,2393 +0,0 @@
-import { defineAsyncComponent as re, useSlots as io, computed as g, ref as h, shallowRef as _t, onMounted as uo, toRefs as co, watch as Re, onBeforeUnmount as tt, watchEffect as Oe, nextTick as At, openBlock as s, createElementBlock as u, normalizeStyle as q, normalizeClass as ke, createElementVNode as Z, toDisplayString as V, createBlock as ee, createCommentVNode as f, unref as b, withCtx as C, renderSlot as L, normalizeProps as D, guardReactiveProps as E, createSlots as $t, createVNode as De, Fragment as w, renderList as S, mergeProps as Ee, Teleport as vo, resolveDynamicComponent as ho, createTextVNode as Pa } from "vue";
-import { u as yo } from "./useConfig-CG4HT3wS.js";
-import { j as Na, t as Ia, m as fo, p as at, n as go, o as Fa, q as Ra, r as mo, s as bo, ar as Ve, E as Oa, D as Da, I as po, X as xo, x as ko, G as de, W as Ea, k as we, l as ne, Z as wo, as as Lo, T as Va, a0 as Co, a1 as So, U as zo, a3 as Mo } from "./lib-DMzrGQHK.js";
-import { t as Ba, u as To } from "./useResponsive-DfdjqQps.js";
-import { u as Ua, a as Ha, b as _o } from "./useTimeLabels-Cv0tD9In.js";
-import { u as Ao } from "./usePrinter-C4t8DdQ-.js";
-import { u as $o, B as Po } from "./BaseScanner-C2j3TsSY.js";
-import { u as No } from "./useSvgExport-BTG4hVPO.js";
-import { u as Pt } from "./useNestedProp-DH0BEVVS.js";
-import { u as Io } from "./useThemeCheck-C9Ccl7U9.js";
-import { u as Fo } from "./useUserOptionState-B7Ej974k.js";
-import { u as Ro } from "./useStableElementSize-C48ZVcZQ.js";
-import { u as Oo } from "./useChartAccessibility-cp6XQtqi.js";
-import { u as Do } from "./useTimeLabelCollider-D3JeJ6Ye.js";
-import Eo from "./img-CjTQXS0U.js";
-import Vo from "./Title-BbKoiBk2.js";
-import { _ as Bo } from "./Shape-CxJ5_Rre.js";
-import Uo from "./vue_ui_stackbar-CuDC4O4b.js";
-import Ho from "./Legend-DGN5lY60.js";
-import { A as Wo } from "./A11yDataTable-BpmuNomI.js";
-import { S as Xo } from "./SlicerPreview-D_CgrN_7.js";
-import { B as Yo } from "./BaseLegendToggle-cMP8M2u0.js";
-import { _ as qo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Go = ["id"], Jo = ["id"], Ko = ["id"], Zo = { style: { position: "relative" } }, Qo = ["xmlns", "aria-describedby", "viewBox"], jo = ["x", "y", "width", "height"], es = { key: 1 }, ts = ["id"], as = ["stop-color"], ls = ["stop-color"], os = ["stop-color"], ss = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], rs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ns = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], is = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], us = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], cs = { key: 0 }, vs = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], hs = { key: 0 }, ds = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], ys = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], fs = { key: 0 }, gs = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], ms = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bs = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ps = ["x", "y", "font-size", "fill", "font-weight"], xs = ["transform", "font-size", "fill", "font-weight"], ks = ["x", "y", "font-size", "fill", "font-weight"], ws = ["x", "y", "font-size", "font-weight", "fill"], Ls = ["x", "y", "font-size", "fill", "font-weight"], Cs = ["x", "y", "font-size", "font-weight", "fill"], Ss = ["x1", "x2", "y1", "y2", "stroke"], zs = ["x", "y", "font-size", "font-weight", "fill"], Ms = ["x1", "x2", "y1", "y2", "stroke"], Ts = ["font-size", "font-weight", "fill", "text-anchor", "transform"], _s = { key: 0 }, As = { key: 1 }, $s = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Ps = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], Ns = { key: 0 }, Is = { key: 1 }, Fs = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Rs = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], Os = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Ds = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], Es = ["data-start", "data-end"], Vs = {
-  key: 0,
-  style: { position: "absolute", top: "100%", left: "0", width: "100%" },
-  "data-dom-to-png-ignore": "",
-  "aria-hidden": "true"
-}, Bs = {
-  key: 4,
-  class: "vue-data-ui-watermark"
-}, Us = ["x", "y", "height", "width", "fill", "stroke"], Hs = ["id"], Ws = ["onClick"], Xs = ["innerHTML"], Ys = {
-  __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",
-    "copyAlt"
-  ],
-  setup(lt, { expose: Wa, emit: Xa }) {
-    const Ya = re(() => import("./Tooltip-Cvt7Fi0Q.js")), qa = re(() => import("./BaseIcon-DX0hTWa-.js")), Ga = re(() => import("./vue-ui-accordion-DFtpH_16.js")), Ja = re(() => import("./DataTable-cMnb68Ik.js")), Ka = re(
-      () => import("./PenAndPaper-CJDoB5H9.js")
-    ), Za = re(
-      () => import("./UserOptions-DVduN6X7.js")
-    ), Qa = re(
-      () => import("./PackageVersion-BfrCAH6_.js")
-    ), ja = re(
-      () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), { vue_ui_stackbar: el } = yo(), { isThemeValid: tl, warnInvalidTheme: al } = Io(), ll = io(), I = lt, ae = Xa, Le = g({
-      get() {
-        return !!I.dataset && I.dataset.length;
-      },
-      set(t) {
-        return t;
-      }
-    }), Q = h(null), R = h(Na()), ye = h(!1), Be = h(null), ot = h(""), A = h([]), Nt = h(0), It = h(null), Ft = h(null), Ce = h(null), Rt = h(null), Se = h(!1), B = h(null), ie = h(!1), Ot = h(0), ol = h(0), sl = h(0), Dt = h(!1), ze = h(null), st = h(null), Ue = h(!1), He = h(!1), We = h(null), rt = h(null), ue = h(null), ce = h(null), rl = h(null), nt = h(null), Et = _t(null), Vt = h(!1), Bt = h(0), Ut = h(0), G = h(null), Ht = h({ x: 0, y: 0 }), Wt = h("pointer"), Xt = Ro({
-      elementRef: Et,
-      minimumWidth: 2,
-      minimumHeight: 2,
-      stableFramesRequired: 2,
-      once: !1,
-      onSizeAccepted: () => {
-        qt();
-      }
-    });
-    function it() {
-      Et.value = Q.value?.parentNode ?? null;
-    }
-    function Yt() {
-      return new Promise((t) => {
-        requestAnimationFrame(() => {
-          requestAnimationFrame(t);
-        });
-      });
-    }
-    async function qt() {
-      const t = ++Ut.value;
-      Vt.value = !1, await At(), await Yt(), await Yt(), t === Ut.value && (Bt.value += 1, Vt.value = !0);
-    }
-    const ut = h(null);
-    uo(() => {
-      Dt.value = !0, it(), Xt.start(), ta();
-    });
-    const e = h(ht()), X = g(
-      () => e.value.userOptions.useCursorPointer
-    ), nl = g(() => Ia({
-      defaultConfig: {
-        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
-            }
-          }
-        }
-      },
-      userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: fe, FINAL_DATASET: ct, manualLoading: Xe } = $o({
-      ...co(I),
-      FINAL_CONFIG: e,
-      prepareConfig: ht,
-      callback: () => {
-        Promise.resolve().then(async () => {
-          await Qe();
-        });
-      },
-      skeletonDataset: I.config?.skeletonDataset ?? [
-        {
-          name: "",
-          series: [2, 3, 5, 8, 13, 21],
-          color: "#BABABA"
-        },
-        {
-          name: "",
-          series: [1, 2, 3, 5, 8, 13],
-          color: "#CACACA"
-        }
-      ],
-      skeletonConfig: Ia({
-        defaultConfig: e.value,
-        userConfig: nl.value
-      })
-    }), { userOptionsVisible: vt, setUserOptionsVisibility: Gt, keepUserOptionState: Jt } = Fo({ config: e.value }), { svgRef: ge } = Oo({
-      config: e.value.style.chart.title
-    });
-    function il() {
-      Gt(!0);
-    }
-    function ul() {
-      Gt(!1), ae("selectX", { seriesIndex: null, datapoint: null }), B.value = null, G.value = null, ye.value = !1;
-    }
-    function ht() {
-      const t = Pt({
-        userConfig: I.config,
-        defaultConfig: el
-      });
-      let l = {};
-      const a = t.theme;
-      if (a)
-        if (!tl.value(t))
-          al(t), l = t;
-        else {
-          const o = Pt({
-            userConfig: Uo[a] || I.config,
-            defaultConfig: t
-          });
-          l = {
-            ...Pt({
-              userConfig: I.config,
-              defaultConfig: o
-            }),
-            customPalette: t.customPalette.length ? t.customPalette : fo[a] || at
-          };
-        }
-      else
-        l = t;
-      return l;
-    }
-    const Kt = g(() => e.value.style.chart.bars.dataLabels.hideUnderValue != null), Zt = g(() => e.value.style.chart.bars.dataLabels.hideUnderPercentage != null);
-    Re(
-      () => I.config,
-      (t) => {
-        fe.value || (e.value = ht()), vt.value = !e.value.userOptions.showOnChartHover, ta(), Ot.value += 1, ol.value += 1, sl.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, it(), Ge();
-      },
-      { deep: !0 }
-    ), Re(
-      () => I.dataset,
-      (t) => {
-        Array.isArray(t) && t.length > 0 && (Xe.value = !1), it(), sa();
-      },
-      { deep: !0 }
-    );
-    const $ = h({
-      dataLabels: {
-        show: e.value.style.chart.bars.dataLabels.show
-      },
-      showTable: e.value.table.show,
-      showTooltip: e.value.style.chart.tooltip.show
-    });
-    Re(
-      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: dt, isImaging: yt, generatePdf: Qt, generateImage: jt } = Ao({
-      elementId: `stackbar_${R.value}`,
-      fileName: e.value.style.chart.title.text || "vue-ui-stackbar",
-      options: e.value.userOptions.print
-    }), le = h({
-      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
-      }
-    }), cl = g(() => go(e.value.customPalette)), oe = _t(null), me = _t(null), ea = h(null), ft = g(() => !!e.value.debug);
-    function ta() {
-      if (Fa(I.dataset) ? (Ra({
-        componentName: "VueUiStackbar",
-        type: "dataset",
-        debug: ft.value
-      }), Xe.value = !0) : I.dataset.forEach((t, l) => {
-        mo({
-          datasetObject: t,
-          requiredAttributes: ["name", "series"]
-        }).forEach((a) => {
-          Le.value = !1, Ra({
-            componentName: "VueUiStackbar",
-            type: "datasetSerieAttribute",
-            property: a,
-            index: l,
-            debug: ft.value
-          }), Xe.value = !0;
-        });
-      }), Fa(I.dataset) || (Xe.value = e.value.loading), setTimeout(() => {
-        ie.value = !0;
-      }, 10), e.value.responsive) {
-        const t = Ba(() => {
-          ie.value = !1;
-          const { width: l, height: a } = To({
-            chart: Q.value,
-            title: e.value.style.chart.title.text ? It.value : null,
-            legend: e.value.style.chart.legend.show ? Ft.value : null,
-            slicer: e.value.style.chart.zoom.show && F.value > 6 ? Ce.value.$el : null,
-            source: Rt.value
-          });
-          requestAnimationFrame(() => {
-            le.value.width = l, le.value.height = a - 12, clearTimeout(ea.value), ea.value = setTimeout(() => {
-              ie.value = !0;
-            }, 10);
-          });
-        });
-        oe.value && (me.value && oe.value.unobserve(me.value), oe.value.disconnect()), oe.value = new ResizeObserver(t), me.value = Q.value.parentNode, oe.value.observe(me.value);
-      }
-      qt(), Qe();
-    }
-    tt(() => {
-      Xt.stop(), oe.value && (me.value && oe.value.unobserve(me.value), oe.value.disconnect());
-    });
-    function vl() {
-      let t = 0;
-      e.value.orientation === "vertical" && ue.value && (t = Array.from(
-        ue.value.querySelectorAll("text")
-      ).reduce((o, c) => {
-        const r = c.getComputedTextLength();
-        return r > o ? r : o;
-      }, 0)), e.value.orientation === "horizontal" && ce.value && (t = Array.from(
-        ce.value.querySelectorAll("text")
-      ).reduce((o, c) => {
-        const r = c.getComputedTextLength();
-        return r > o ? r : o;
-      }, 0));
-      const l = rt.value ? rt.value.getBoundingClientRect().width : 0;
-      return t + l + (l ? 24 : 0);
-    }
-    const hl = h(0), Ye = h(0), dl = Ba((t) => {
-      Ye.value = t + e.value.style.chart.bars.totalValues.fontSize;
-    }, 100);
-    function yl() {
-      if (e.value.orientation !== "horizontal") return 0;
-      const t = nt.value;
-      if (!t) return 0;
-      const l = Array.from(t.querySelectorAll("text"));
-      if (!l.length) return 0;
-      let a = -1 / 0;
-      for (const c of l)
-        try {
-          const r = c.getBBox(), d = r.x + r.width;
-          d > a && (a = d);
-        } catch {
-        }
-      return Math.max(0, a - (n.value?.right ?? 0));
-    }
-    Oe((t) => {
-      if (e.value.orientation !== "horizontal") return;
-      const l = nt.value;
-      if (!l) return;
-      const a = () => {
-        const r = yl();
-        dl(r);
-      };
-      a();
-      const o = new ResizeObserver(a);
-      o.observe(l);
-      const c = new MutationObserver(a);
-      c.observe(l, {
-        childList: !0,
-        subtree: !0,
-        characterData: !0
-      }), t(() => {
-        o.disconnect(), c.disconnect();
-      });
-    }), tt(() => {
-      hl.value = 0, Ye.value = 0;
-    });
-    const qe = h(0), Me = h(0);
-    function fl() {
-      const t = e.value.orientation === "vertical" ? ce.value : ue.value;
-      if (!t) {
-        qe.value = 0;
-        return;
-      }
-      try {
-        const l = t.getBBox();
-        qe.value = Number.isFinite(l?.height) ? l.height : 0;
-      } catch {
-        qe.value = 0;
-      }
-    }
-    function gl() {
-      Me.value && cancelAnimationFrame(Me.value), Me.value = requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          fl();
-        });
-      });
-    }
-    tt(() => {
-      Me.value && cancelAnimationFrame(Me.value);
-    });
-    const aa = g(() => {
-      let t = 0;
-      if (We.value)
-        try {
-          t = We.value.getBBox().height;
-        } catch {
-          t = 0;
-        }
-      const l = e.value.style.chart.grid.x.timeLabels.show ? qe.value : 0;
-      return t + l;
-    }), n = g(() => {
-      Bt.value;
-      const { height: t, width: l } = le.value, { right: a } = le.value.paddingRatio;
-      let o = e.value.style.chart.bars.totalValues.show && I.dataset && I.dataset.length > 1 ? e.value.style.chart.bars.totalValues.fontSize * 1.3 : 0, c = 0;
-      e.value.style.chart.grid.y.axisLabels.show && (c = vl());
-      const r = e.value.style.chart.padding.top + o, d = l - l * a - Ye.value, x = t - e.value.style.chart.padding.bottom - aa.value - o, k = e.value.style.chart.padding.left + c, M = l - k - l * a - Ye.value, P = t - r - e.value.style.chart.padding.bottom - aa.value - o;
-      return {
-        chartHeight: t,
-        chartWidth: l,
-        top: r,
-        right: d,
-        bottom: x,
-        left: k,
-        width: Math.max(0, M),
-        height: Math.max(0, P)
-      };
-    }), ml = g(() => {
-      const {
-        left: t,
-        top: l,
-        width: a,
-        height: o
-      } = n.value, c = v.value.start, r = v.value.end, d = Math.max(1, r - c), x = Math.max(
-        0,
-        Math.min(
-          d,
-          (H.value.start ?? c) - c
-        )
-      ), k = Math.max(
-        0,
-        Math.min(
-          d,
-          (H.value.end ?? r) - c
-        )
-      ), M = Math.max(0, k - x), P = {
-        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 N = o / d;
-        return {
-          x: t,
-          y: l + x * N,
-          width: a,
-          height: M * N,
-          ...P
-        };
-      } else {
-        const N = a / d;
-        return {
-          x: t + x * N,
-          y: l,
-          width: M * N,
-          height: o,
-          ...P
-        };
-      }
-    }), U = g(() => ct.value.map((t, l) => {
-      const a = bo(t.color) || cl.value[l] || at[l] || at[l % at.length];
-      return {
-        ...t,
-        // In distributed mode, all values are converted to positive
-        series: JSON.parse(JSON.stringify(t.series)).map((o) => e.value.style.chart.bars.distributed ? Math.abs(o) : o),
-        // Store signs to manage display of neg values in distributed mode
-        signedSeries: t.series.map((o) => o >= 0 ? 1 : -1),
-        absoluteIndex: l,
-        id: Na(),
-        color: a
-      };
-    })), F = g(() => {
-      const t = Math.max(
-        ...U.value.filter((l) => !A.value.includes(l.id)).map((l) => l.series.length)
-      );
-      return isFinite(t) ? t : Math.max(...U.value.map((l) => l.series.length));
-    });
-    function bl(t) {
-      ut.value = t;
-    }
-    const v = h({
-      start: 0,
-      end: Math.max(...ct.value.map((t) => t.series.length))
-    }), H = h({
-      start: 0,
-      end: Math.max(...ct.value.map((t) => t.series.length))
-    }), la = g(() => e.value.style.chart.zoom.preview.enable && (H.value.start !== v.value.start || H.value.end !== v.value.end));
-    function oa(t, l) {
-      H.value[t] = l;
-    }
-    function Ge() {
-      const t = F.value;
-      let l = Math.max(0, Math.min(v.value.start ?? 0, t - 1)), a = Math.max(l + 1, Math.min(v.value.end ?? t, t));
-      (!Number.isFinite(l) || !Number.isFinite(a) || a <= l) && (l = 0, a = t), v.value.start = l, v.value.end = a, H.value.start = l, H.value.end = a, Ce.value && (Ce.value.setStartValue(l), Ce.value.setEndValue(a));
-    }
-    const Te = h(null);
-    function pl() {
-      return new Promise(
-        (t) => requestAnimationFrame(() => requestAnimationFrame(() => t()))
-      );
-    }
-    tt(() => {
-      Te.value && cancelAnimationFrame(Te.value);
-    });
-    async function sa() {
-      Qe(), await At(), Te.value && cancelAnimationFrame(Te.value), Te.value = requestAnimationFrame(async () => {
-        await pl(), Qe();
-      });
-    }
-    const m = g(() => {
-      let t;
-      return e.value.orientation === "vertical" ? t = n.value.width / (v.value.end - v.value.start) : t = n.value.height / (v.value.end - v.value.start), t <= 0 ? 0 : t;
-    }), _e = g(() => Ve(
-      U.value.filter(
-        (t) => !A.value.includes(t.id)
-      )
-    ).slice(v.value.start, v.value.end)), gt = g(
-      () => A.value.length === U.value.length
-    ), ve = g(() => e.value.style.chart.zoom.minimap.show ? Ve(
-      U.value.map((t) => ({
-        ...t,
-        series: t.series.map((l) => l ?? 0)
-      })).filter(
-        (t) => gt.value ? !0 : !A.value.includes(t.id)
-      )
-    ) : []), xl = g(() => e.value.style.chart.zoom.minimap.show ? [
-      {
-        name: "",
-        series: ve.value,
-        color: "#000000",
-        isVisible: !0
-      }
-    ] : []), kl = g(() => Ve(
-      U.value.filter((t) => !A.value.includes(t.id)).map((t) => ({
-        ...t,
-        series: t.series.map((l, a) => t.signedSeries[a] === -1 && l >= 0 ? -l : l)
-      }))
-    ).slice(v.value.start, v.value.end)), Je = g(() => {
-      const t = U.value.filter(
-        (l) => !A.value.includes(l.id)
-      );
-      return {
-        positive: Ve(
-          t.map((l) => ({
-            ...l,
-            series: l.series.slice(v.value.start, v.value.end).map((a) => a >= 0 ? a : 0)
-          }))
-        ),
-        negative: Ve(
-          t.map((l) => ({
-            ...l,
-            series: l.series.slice(v.value.start, v.value.end).map((a) => a < 0 ? a : 0)
-          }))
-        )
-      };
-    }), Y = g(() => {
-      const t = e.value.style.chart.grid.scale.scaleMax !== null && !e.value.style.chart.bars.distributed ? e.value.style.chart.grid.scale.scaleMax : Math.max(...Je.value.positive), l = Math.min(...Je.value.negative), a = 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, o = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Oa(
-        a > 0 ? 0 : a,
-        t < 0 ? 0 : t,
-        e.value.style.chart.grid.scale.ticks
-      ) : Da(
-        a > 0 ? 0 : a,
-        t < 0 ? 0 : t,
-        e.value.style.chart.grid.scale.ticks
-      );
-      return o.ticks.map((c) => ({
-        zero: n.value.bottom - n.value.height * (Math.abs(o.min) / (o.max + Math.abs(o.min))),
-        y: n.value.bottom - n.value.height * ((c + Math.abs(o.min)) / (o.max + Math.abs(o.min))),
-        x: n.value.left - 8,
-        horizontal_zero: n.value.left + n.value.width * (Math.abs(o.min) / (o.max + Math.abs(o.min))),
-        horizontal_x: n.value.left + n.value.width * ((c + Math.abs(o.min)) / (o.max + Math.abs(o.min))),
-        horizontal_y: n.value.bottom - 8,
-        value: c
-      }));
-    }), W = h([]), be = h([]);
-    let ra = 0;
-    Oe(() => {
-      const t = ++ra;
-      (async () => {
-        const l = await Ua({
-          values: e.value.style.chart.grid.x.timeLabels.values,
-          maxDatapoints: F.value,
-          formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
-          start: v.value.start,
-          end: v.value.end
-        });
-        t === ra && (W.value = l);
-      })();
-    });
-    let na = 0;
-    Oe(() => {
-      const t = ++na;
-      (async () => {
-        const l = await Ua({
-          values: e.value.style.chart.grid.x.timeLabels.values,
-          maxDatapoints: F.value,
-          formatter: e.value.style.chart.grid.x.timeLabels.datetimeFormatter,
-          start: 0,
-          end: F.value
-        });
-        t === na && (be.value = l);
-      })();
-    });
-    const wl = g(() => {
-      const t = e.value.style.chart.grid.x.timeLabels.modulo;
-      return W.value.length ? Math.min(
-        t,
-        [...new Set(W.value.map((l) => l.text))].length
-      ) : t;
-    }), mt = g(() => {
-      const t = e.value.style.chart.grid.x.timeLabels, l = W.value || [], a = be.value || [], o = v.value.start ?? 0, c = B.value, r = F.value, d = l.map((k) => k?.text ?? ""), x = a.map((k) => k?.text ?? "");
-      return po(
-        !!t.showOnlyFirstAndLast,
-        !!t.showOnlyAtModulo,
-        Math.max(1, wl.value || 1),
-        d,
-        x,
-        o,
-        c,
-        r
-      );
-    });
-    Oe(
-      () => {
-        e.value.orientation, e.value.style.chart.grid.x.timeLabels.show, e.value.style.chart.grid.x.timeLabels.fontSize, e.value.style.chart.grid.x.timeLabels.rotation, e.value.style.chart.grid.x.timeLabels.offsetY, mt.value?.map((t) => t?.text ?? "").join("|"), Y.value?.map((t) => t?.value ?? "").join("|"), le.value.width, le.value.height, ce.value, ue.value, We.value, gl();
-      },
-      { flush: "post" }
-    );
-    const ia = h({
-      months: [],
-      shortMonths: [],
-      days: [],
-      shortDays: []
-    });
-    let ua = 0;
-    Oe(() => {
-      const t = ++ua, l = e.value.style.chart.grid.x.timeLabels.datetimeFormatter;
-      (async () => {
-        const a = await Ha(l.locale).catch(
-          () => Ha("en")
-        );
-        t === ua && (ia.value = a.data);
-      })();
-    });
-    const ca = g(() => {
-      const t = e.value.style.chart.grid.x.timeLabels.datetimeFormatter, l = _o({
-        useUTC: t.useUTC,
-        locale: ia.value,
-        januaryAsYear: t.januaryAsYear
-      });
-      return (a, o) => {
-        const r = e.value.style.chart.grid.x.timeLabels.values?.[a];
-        return r == null ? "" : l.formatDate(new Date(r), o);
-      };
-    }), va = g(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, a) => ({
-      text: ca.value(
-        a,
-        e.value.style.chart.zoom.timeFormat
-      ),
-      absoluteIndex: a
-    }))), Ll = g(() => (e.value.style.chart.grid.x.timeLabels.values || []).map((l, a) => ({
-      text: ca.value(
-        a,
-        e.value.style.chart.tooltip.timeFormat
-      ),
-      absoluteIndex: a
-    }))), z = g(() => {
-      if (!Le.value && !fe.value) return [];
-      let t = Array(F.value).fill(0), l = Array(F.value).fill(0), a = Array(F.value).fill(0), o = Array(F.value).fill(0);
-      const c = Math.max(...Je.value.positive) || 0, r = Math.min(...Je.value.negative), d = [-1 / 0, 1 / 0, NaN, void 0, null].includes(
-        r
-      ) ? 0 : r, x = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? Oa(
-        e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : d > 0 ? 0 : d,
-        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
-      ) : Da(
-        e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : d > 0 ? 0 : d,
-        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: k, max: M } = x, P = M + (k >= 0 ? 0 : Math.abs(k)) || 1, N = n.value.height, j = n.value.width, he = Y.value[0] ? Y.value[0].zero : n.value.bottom, Ie = Y.value[0] ? Y.value[0].horizontal_zero : n.value.left;
-      let Fe = Array(ve.value.length).fill(0), J = Array(ve.value.length).fill(0);
-      return U.value.filter((xe) => !A.value.includes(xe.id)).map((xe) => {
-        const se = xe.series.slice(), _a = se.map((y, p) => Fe[p]), Jl = se.map((y, p) => J[p]);
-        se.forEach((y, p) => {
-          (Number(y) || 0) >= 0 ? Fe[p] += Number(y) || 0 : J[p] += Math.abs(Number(y) || 0);
-        });
-        const te = xe.series.slice(
-          v.value.start,
-          v.value.end
-        ), Kl = xe.signedSeries.slice(
-          v.value.start,
-          v.value.end
-        ), Zl = te.map((y, p) => n.value.left + m.value * p + m.value * e.value.style.chart.bars.gapRatio / 4), et = (ve.value || []).filter(
-          Number.isFinite
-        ), zt = et.length ? Math.max(...et) : 0, Mt = et.length ? Math.min(...et) : 0;
-        function Aa({ minimapH: y }) {
-          const T = zt > 0, O = Mt < 0;
-          if (T && O) {
-            const K = Math.max(zt, Math.abs(Mt)) || 1e-9;
-            return {
-              pxPerUnit: y / 2 / K,
-              zero: y / 2
-            };
-          }
-          if (T) {
-            const K = Math.max(1e-9, zt);
-            return {
-              pxPerUnit: y / K,
-              zero: y
-            };
-          }
-          const _ = Math.max(1e-9, Math.abs(Mt));
-          return {
-            pxPerUnit: y / _,
-            zero: 0
-          };
-        }
-        const Ql = ({ left: y, unitW: p }) => {
-          const T = p * (e.value.style.chart.bars.gapRatio / 4);
-          return se.map((O, _) => y + p * _ + T);
-        }, jl = te.map((y, p) => n.value.top + m.value * p + m.value * e.value.style.chart.bars.gapRatio / 4), eo = te.map((y, p) => {
-          const T = e.value.style.chart.bars.distributed ? (y || 0) / _e.value[p] : (y || 0) / P;
-          let O, _;
-          return y > 0 ? (_ = N * T, O = he - _ - t[p], t[p] += _) : (_ = N * T, O = he + a[p], a[p] += Math.abs(_)), O;
-        }), to = ({ minimapH: y }) => {
-          if (e.value.style.chart.bars.distributed)
-            return se.map((_, K) => {
-              const Tt = Math.abs(Number(_) || 0), $a = Math.abs(ve.value?.[K] || 0) || 1e-9, no = (_a[K] + Tt) / $a;
-              return y - no * y;
-            });
-          const { pxPerUnit: p, zero: T } = Aa({ minimapH: y });
-          return se.map((O, _) => {
-            const K = Number(O) || 0;
-            return K >= 0 ? T - (_a[_] + K) * p : T + Jl[_] * p;
-          });
-        }, ao = te.map((y, p) => {
-          const T = e.value.style.chart.bars.distributed ? (y || 0) / _e.value[p] : (y || 0) / P;
-          let O, _;
-          return y > 0 ? (_ = j * T, O = Ie + l[p], l[p] += _) : (_ = j * T, O = Ie - Math.abs(_) - o[p], o[p] += Math.abs(_)), O;
-        }), lo = te.map((y, p) => {
-          const T = e.value.style.chart.bars.distributed ? (y || 0) / _e.value[p] : (y || 0) / P;
-          return y > 0 ? N * T : N * Math.abs(T);
-        }), oo = ({ minimapH: y }) => {
-          if (e.value.style.chart.bars.distributed)
-            return se.map((O, _) => {
-              const K = Math.abs(Number(O) || 0), Tt = Math.abs(ve.value?.[_] || 0) || 1e-9;
-              return K / Tt * y;
-            });
-          const { pxPerUnit: p } = Aa({ minimapH: y });
-          return se.map(
-            (T) => Math.abs(Number(T) || 0) * p
-          );
-        }, so = te.map((y, p) => {
-          const T = e.value.style.chart.bars.distributed ? (y || 0) / _e.value[p] : (y || 0) / P;
-          return y > 0 ? j * T : j * Math.abs(T);
-        }), ro = te.map((y) => Math.abs(y)).reduce((y, p) => y + p, 0);
-        return {
-          ...xe,
-          proportions: te.map((y, p) => e.value.style.chart.bars.distributed ? (y || 0) / _e.value[p] : (y || 0) / ro),
-          series: te,
-          signedSeries: Kl,
-          x: Zl,
-          y: eo,
-          height: lo,
-          horizontal_width: so,
-          horizontal_y: jl,
-          horizontal_x: ao,
-          xMinimap: Ql,
-          yMinimap: to,
-          heightMinimap: oo
-        };
-      });
-    }), ha = g(() => kl.value.map((t, l) => ({
-      value: t,
-      sign: t >= 0 ? 1 : -1
-    })));
-    function Ke(t, l, a, o, c) {
-      const r = c === -1 && t >= 0 ? -t : t;
-      return we(
-        e.value.style.chart.bars.dataLabels.formatter,
-        r,
-        ne({
-          p: e.value.style.chart.bars.dataLabels.prefix,
-          v: r,
-          s: e.value.style.chart.bars.dataLabels.suffix,
-          r: e.value.style.chart.bars.dataLabels.rounding
-        }),
-        { datapoint: l, seriesIndex: a, datapointIndex: o }
-      );
-    }
-    function da(t, l, a, o) {
-      return we(
-        e.value.style.chart.bars.dataLabels.formatter,
-        t,
-        ne({
-          v: isNaN(t) ? 0 : t,
-          s: "%",
-          r: e.value.style.chart.bars.dataLabels.rounding
-        }),
-        { datapoint: l, seriesIndex: a, datapointIndex: o }
-      );
-    }
-    function bt(t) {
-      const l = JSON.parse(JSON.stringify(z.value)).map(
-        (a) => ({
-          name: a.name,
-          value: a.series[t] === 0 ? 0 : a.series[t] || null,
-          proportion: a.proportions[t] || null,
-          color: a.color,
-          id: a.id
-        })
-      );
-      e.value.events.datapointClick && e.value.events.datapointClick({
-        datapoint: l,
-        seriesIndex: t + v.value.start
-      }), ae("selectDatapoint", { datapoint: l, period: W.value[t] });
-    }
-    function pt(t) {
-      return JSON.parse(JSON.stringify(z.value)).map((l) => ({
-        name: l.name,
-        absoluteIndex: l.absoluteIndex,
-        value: l.series[t] === 0 ? 0 : (l.signedSeries[t] === -1 && l.series[t] >= 0 ? -l.series[t] : l.series[t]) || null,
-        proportion: l.proportions[t] || null,
-        color: l.color,
-        id: l.id,
-        timeLabel: be.value[t]
-      }));
-    }
-    function ya(t) {
-      if (e.value.events.datapointLeave) {
-        const l = pt(t);
-        e.value.events.datapointLeave({
-          datapoint: l,
-          seriesIndex: t + v.value.start
-        });
-      }
-      ye.value = !1, B.value = null, G.value === t && (G.value = null);
-    }
-    const Cl = g(() => Array(F.value).fill(0).map((t, l) => pt(l)));
-    Re(
-      () => I.selectedXIndex,
-      (t) => {
-        if ([null, void 0].includes(I.selectedXIndex)) {
-          B.value = null;
-          return;
-        }
-        const l = t - v.value.start;
-        l < 0 || t >= v.value.end ? B.value = null : B.value = l ?? null;
-      },
-      { immediate: !0 }
-    );
-    function fa(t) {
-      if (!e.value.style.chart.tooltip.showTimeLabel)
-        return null;
-      const l = W.value?.[t]?.text || null, a = Ll.value?.[t]?.text || null, o = be.value?.[t]?.text || null;
-      return e.value.style.chart.tooltip.useDefaultTimeFormat ? l : a || o;
-    }
-    function xt(t, l = "pointer") {
-      if (gt.value) return;
-      Wt.value = l, G.value = t, B.value = t, ye.value = !0;
-      const a = e.value.style.chart.tooltip.customFormat, o = pt(t);
-      Ul({ seriesIndex: t, datapoint: o }), e.value.events.datapointEnter && e.value.events.datapointEnter({
-        datapoint: o,
-        seriesIndex: t + v.value.start
-      }), Be.value = {
-        timeLabel: fa(t),
-        datapoint: o,
-        seriesIndex: t,
-        config: e.value,
-        series: z.value
-      };
-      const c = o.map((d) => Math.abs(d.value)).reduce((d, x) => d + x, 0), r = o.map((d) => de(d.value)).reduce((d, x) => d + x, 0);
-      if (Va(a) && zo(
-        () => a({
-          seriesIndex: t,
-          datapoint: o,
-          series: z.value,
-          config: e.value
-        })
-      ))
-        ot.value = a({
-          seriesIndex: t,
-          datapoint: o,
-          series: z.value,
-          config: e.value
-        });
-      else {
-        const {
-          showValue: d,
-          showTotal: x,
-          totalTranslation: k,
-          showPercentage: M,
-          borderColor: P,
-          roundingValue: N,
-          roundingPercentage: j
-        } = e.value.style.chart.tooltip;
-        let he = "";
-        const Ie = fa(t);
-        Ie && (he += `<div style="width:100%;text-align:center;border-bottom:1px solid ${P};padding-bottom:6px;margin-bottom:3px;">${Ie}</div>`), x && (he += `<div class="vue-data-ui-tooltip-total" style="display:flex;flex-direction:row;align-items:center;gap:4px">
-                <span>${k}:</span>
-                <span>
-                    ${we(
-          e.value.style.chart.bars.dataLabels.formatter,
-          r,
-          ne({
-            p: e.value.style.chart.bars.dataLabels.prefix,
-            v: r,
-            s: e.value.style.chart.bars.dataLabels.suffix,
-            r: N
-          }),
-          {
-            datapoint: {
-              name: k,
-              value: r
-            }
-          }
-        )}
-                </span>
-            </div>`);
-        const Fe = [
-          d && M ? "(" : "",
-          d && M ? ")" : ""
-        ];
-        o.reverse().forEach((J) => {
-          he += `
-                <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_${J.id})` : J.color}"/>${ll.pattern ? `<rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="url(#pattern_${R.value}_${J.absoluteIndex})"/>` : ""}</svg>
-                    ${J.name}${d || M ? ":" : ""} ${d ? we(
-            e.value.style.chart.bars.dataLabels.formatter,
-            J.value,
-            ne(
-              {
-                p: e.value.style.chart.bars.dataLabels.prefix,
-                v: J.value,
-                s: e.value.style.chart.bars.dataLabels.suffix,
-                r: N
-              }
-            )
-          ) : ""} ${Fe[0]}${M ? ne({
-            v: isNaN(J.value / c) ? 0 : Math.abs(J.value) / c * 100,
-            // Negs are absed to show relative proportion to absolute total. It's opinionated.
-            s: "%",
-            r: j
-          }) : ""}${Fe[1]}
-                </div>
-            `;
-        }), ot.value = `<div>${he}</div>`;
-      }
-    }
-    const Sl = g(() => le.value.width), zl = g(() => le.value.height);
-    Do({
-      timeLabelsEls: e.value.orientation === "vertical" ? ce : ue,
-      timeLabels: W,
-      slicer: v,
-      configRef: e,
-      rotationPath: ["style", "chart", "grid", "x", "timeLabels", "rotation"],
-      autoRotatePath: [
-        "style",
-        "chart",
-        "grid",
-        "x",
-        "timeLabels",
-        "autoRotate",
-        "enable"
-      ],
-      isAutoSize: !1,
-      width: Sl,
-      height: zl,
-      rotation: e.value.style.chart.grid.x.timeLabels.autoRotate.angle
-    });
-    function ga(t) {
-      Se.value = t, Nt.value += 1;
-    }
-    function ma() {
-      $.value.showTable = !$.value.showTable;
-    }
-    function ba() {
-      $.value.dataLabels.show = !$.value.dataLabels.show;
-    }
-    function pa() {
-      $.value.showTooltip = !$.value.showTooltip;
-    }
-    function Ml() {
-      return z.value;
-    }
-    const xa = g(() => {
-      if (z.value.length === 0)
-        return { head: [], body: [], config: {}, columnNames: [] };
-      const t = z.value.map(({ name: a, color: o }) => ({
-        label: a,
-        color: o
-      })), l = [];
-      return W.value.forEach((a) => {
-        const o = [
-          e.value.style.chart.grid.x.timeLabels.values[a.absoluteIndex] ? a.text : i + 1
-        ];
-        U.value.forEach((c) => {
-          o.push(
-            Number(
-              (c.series[a.absoluteIndex] || 0).toFixed(
-                e.value.table.td.roundingValue
-              )
-            )
-          );
-        }), l.push(o);
-      }), { head: t, body: l };
-    });
-    function kt(t = null) {
-      const l = [
-        [e.value.style.chart.title.text],
-        [e.value.style.chart.title.subtitle.text],
-        [""]
-      ], a = ["", ...xa.value.head.map((d) => d.label)], o = xa.value.body, c = l.concat([a]).concat(o), r = Co(c);
-      t ? t(r) : So({
-        csvContent: r,
-        title: e.value.style.chart.title.text || "vue-ui-stackbar"
-      });
-    }
-    const pe = g(() => {
-      const t = [""].concat(z.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 < F.value; c += 1) {
-        const r = z.value.map((d) => d.series[c] ?? 0).reduce((d, x) => d + x, 0);
-        l.push(
-          [
-            e.value.style.chart.grid.x.timeLabels.values.slice(
-              v.value.start,
-              v.value.end
-            )[c] ? W.value[c]?.text : c + 1
-          ].concat(
-            z.value.map(
-              (d) => (d.series[c] ?? 0).toFixed(
-                e.value.table.td.roundingValue
-              )
-            )
-          ).concat(
-            (r ?? 0).toFixed(
-              e.value.table.td.roundingValue
-            )
-          )
-        );
-      }
-      const a = {
-        th: {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          outline: e.value.table.th.outline
-        },
-        td: {
-          backgroundColor: e.value.table.td.backgroundColor,
-          color: e.value.table.td.color,
-          outline: e.value.table.td.outline
-        },
-        breakpoint: e.value.table.responsiveBreakpoint
-      }, o = [e.value.table.columnNames.period].concat(z.value.map((c) => c.name)).concat(e.value.table.columnNames.total);
-      return {
-        head: t,
-        body: l.slice(0, v.value.end - v.value.start),
-        config: a,
-        colNames: o
-      };
-    });
-    function Tl() {
-      A.value.length ? A.value = [] : Ae.value.forEach((t) => {
-        A.value.push(t.id);
-      });
-    }
-    function wt(t) {
-      if (A.value.includes(t.id))
-        A.value = A.value.filter((l) => l !== t.id);
-      else {
-        if (A.value.length === U.value.length - 1)
-          return;
-        A.value.push(t.id);
-      }
-      ae("selectLegend", z.value);
-    }
-    function ka(t) {
-      if (!U.value.length)
-        return e.value.debug && console.warn("VueUiStackbar - There are no series to show."), null;
-      const l = U.value.find((a) => a.name === t);
-      return l || (e.value.debug && console.warn(`VueUiStackbar - Series name not found "${t}"`), null);
-    }
-    function _l(t) {
-      const l = ka(t);
-      l !== null && A.value.includes(l.id) && wt({ id: l.id });
-    }
-    function Al(t) {
-      const l = ka(t);
-      l !== null && (A.value.includes(l.id) || wt({ id: l.id }));
-    }
-    const Ae = g(() => U.value.map((t, l) => ({
-      ...t,
-      shape: "square"
-    })).map((t) => ({
-      ...t,
-      opacity: A.value.includes(t.id) ? 0.5 : 1,
-      segregate: () => wt(t),
-      isSegregated: A.value.includes(t.id)
-    }))), $l = 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" : ""
-    })), $e = h(!1);
-    function Lt() {
-      $e.value = !$e.value;
-    }
-    function Ze(t, l) {
-      const a = JSON.parse(JSON.stringify(z.value)).map(
-        (o) => ({
-          name: o.name,
-          value: o.series[l] === 0 ? 0 : (o.signedSeries[l] === -1 && o.series[l] >= 0 ? -o.series[l] : o.series[l]) || null,
-          proportion: o.proportions[l] || null,
-          color: o.color,
-          id: o.id
-        })
-      );
-      ae("selectTimeLabel", {
-        datapoint: a,
-        absoluteIndex: t.absoluteIndex,
-        label: t.text
-      });
-    }
-    const Pl = g(() => Math.max(...z.value.flatMap((t) => t.series)));
-    function wa(t, l) {
-      return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Zt.value ? l * 100 >= e.value.style.chart.bars.dataLabels.hideUnderPercentage : e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? l > 0 : !0 : Zt.value ? (Kt.value && ft.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."
-      ), t > Pl.value * e.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : Kt.value ? Math.abs(t) >= e.value.style.chart.bars.dataLabels.hideUnderValue : e.value.style.chart.bars.dataLabels.hideEmptyValues ? t !== 0 : !0;
-    }
-    async function Nl({ scale: t = 2 } = {}) {
-      if (!Q.value) return;
-      const { width: l, height: a } = Q.value.getBoundingClientRect(), o = l / a, { imageUri: c, base64: r } = await Eo({
-        domElement: Q.value,
-        base64: !0,
-        img: !0,
-        scale: t
-      });
-      return {
-        imageUri: c,
-        base64: r,
-        title: e.value.style.chart.title.text,
-        width: l,
-        height: a,
-        aspectRatio: o
-      };
-    }
-    const Pe = g(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, l = $.value.showTable;
-      return {
-        component: t ? ja : Ga,
-        title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
-        props: t ? {
-          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: Se.value,
-          fullscreenParent: Q.value,
-          forcedWidth: Math.min(800, window.innerWidth * 0.8),
-          isCursorPointer: X.value
-        } : {
-          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
-            }
-          }
-        }
-      };
-    });
-    Re(
-      () => $.value.showTable,
-      (t) => {
-        e.value.table.show || (t && e.value.table.useDialog && ze.value ? ze.value.open() : "close" in ze.value && ze.value.close());
-      }
-    );
-    function La() {
-      $.value.showTable = !1, st.value && st.value.setTableIconState(!1);
-    }
-    const Il = g(() => e.value.style.chart.backgroundColor), Fl = g(() => e.value.style.chart.legend), Rl = g(() => e.value.style.chart.title), { exportSvg: Ol, getSvg: Dl } = No({
-      svg: ge,
-      title: Rl,
-      legend: Fl,
-      legendItems: Ae,
-      backgroundColor: Il
-    });
-    async function Ca({ isCb: t }) {
-      He.value = !0, await At();
-      try {
-        if (t) {
-          const { blob: l, url: a, text: o, dataUrl: c } = await Dl();
-          await Promise.resolve(
-            e.value.userOptions.callbacks.svg({
-              blob: l,
-              url: a,
-              text: o,
-              dataUrl: c
-            })
-          );
-        } else
-          await Promise.resolve(Ol());
-      } finally {
-        He.value = !1;
-      }
-    }
-    function El(t) {
-      if (t?.stage === "start") {
-        Ue.value = !0;
-        return;
-      }
-      if (t?.stage === "end") {
-        Ue.value = !1;
-        return;
-      }
-      jt();
-    }
-    function Sa(t) {
-      const l = F.value;
-      return t > l ? l : t < 0 || t < v.value.start ? e.value.style.chart.zoom.startIndex !== null ? v.value.start + 1 : 1 : t;
-    }
-    const Ne = h(!1), za = h(!1);
-    function Qe() {
-      if (!Ne.value) {
-        Ne.value = !0;
-        try {
-          const { startIndex: t, endIndex: l } = e.value.style.chart.zoom, a = F.value, o = t ?? 0, c = l != null ? Math.min(Sa(l + 1), a) : a;
-          je.value = !0, v.value.start = o, v.value.end = c, H.value.start = o, H.value.end = c, Ge(), za.value = !0;
-        } finally {
-          queueMicrotask(() => {
-            je.value = !1;
-          }), Ne.value = !1;
-        }
-      }
-    }
-    const je = h(!1);
-    function Vl(t) {
-      Ne.value || je.value || t !== v.value.start && (v.value.start = t, H.value.start = t, Ge());
-    }
-    function Bl(t) {
-      if (Ne.value || je.value) return;
-      const l = Sa(t);
-      l !== v.value.end && (v.value.end = l, H.value.end = l, Ge());
-    }
-    function Ul({ seriesIndex: t, datapoint: l }) {
-      const a = v.value.start + t;
-      ae("selectX", {
-        dataset: l,
-        index: a,
-        indexLabel: e.value.style.chart.grid.x.timeLabels.values[a]
-      });
-    }
-    function Ma() {
-      return { y0: Y.value?.[0]?.zero ?? n.value.bottom };
-    }
-    function Hl(t) {
-      const { y0: l } = Ma(), a = e.value.style.chart.bars.totalValues, o = Math.max(2, a.fontSize * 0.3 + a.offsetY);
-      let c = 1 / 0, r = !1;
-      for (const M of z.value || []) {
-        const P = M?.series?.[t] ?? 0, N = M?.height?.[t] ?? 0, j = M?.y?.[t];
-        P > 0 && N > 0 && Number.isFinite(j) && (r = !0, j < c && (c = j));
-      }
-      const x = (r && Number.isFinite(c) ? c : l) - o;
-      return Math.min(Math.max(x, 0), n.value.bottom);
-    }
-    function Wl(t) {
-      const { x0: l } = Ma(), a = Math.max(
-        2,
-        e.value.style.chart.bars.totalValues.fontSize * 0.3 + e.value.style.chart.bars.totalValues.offsetX
-      );
-      let o = -1 / 0, c = !1;
-      for (const d of z.value || []) {
-        const x = d?.series?.[t] ?? 0, k = d?.horizontal_x?.[t], M = d?.horizontal_width?.[t], P = Number.isFinite(M) ? Math.max(0, M) : 0;
-        Number.isFinite(k) && x > 0 && P > 0 && (c = !0, o = Math.max(o, k + P));
-      }
-      return (c && Number.isFinite(o) ? o : l) + a;
-    }
-    async function Ta() {
-      if (ae("copyAlt", {
-        config: e.value,
-        dataset: z.value
-      }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn(
-          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
-        );
-        return;
-      }
-      await Promise.resolve(
-        e.value.userOptions.callbacks.altCopy({
-          config: e.value,
-          dataset: z.value
-        })
-      );
-    }
-    const Ct = h(!1);
-    function Xl() {
-      G.value = null, Ct.value = !0;
-    }
-    function Yl() {
-      G.value = null, ye.value = !1, B.value = null, ae("selectX", { seriesIndex: null, datapoint: null }), Ct.value = !1;
-    }
-    function ql(t) {
-      if (!ge.value || $e.value || document.activeElement !== ge.value || gt.value || !v.value.end && v.value.end !== 0) return;
-      const l = e.value.orientation === "vertical", a = e.value.orientation === "horizontal", o = l && t.key === "ArrowLeft" || a && t.key === "ArrowUp", c = l && t.key === "ArrowRight" || a && t.key === "ArrowDown", r = t.key === "Enter" || t.key === " ", d = t.key === "Escape";
-      if (!o && !c && !r && !d)
-        return;
-      const x = v.value.end - v.value.start;
-      if (x <= 0) return;
-      if (t.preventDefault(), t.stopPropagation(), d) {
-        G.value = null, ye.value = !1, B.value = null, ae("selectX", { seriesIndex: null, datapoint: null });
-        return;
-      }
-      if (r) {
-        if (G.value === null) return;
-        bt(G.value);
-        return;
-      }
-      let k = G.value;
-      const M = B.value, P = k !== null && k >= 0 && k < x, N = M !== null && M >= 0 && M < x;
-      P ? c ? (k += 1, k >= x && (k = 0)) : o && (k -= 1, k < 0 && (k = x - 1)) : N ? (k = c ? M + 1 : M - 1, k >= x && (k = 0), k < 0 && (k = x - 1)) : c ? k = 0 : k = x - 1, G.value = k, Gl(k), xt(k, "keyboard");
-    }
-    function Gl(t) {
-      if (!Number.isFinite(t)) return;
-      let l, a;
-      e.value.orientation === "vertical" ? (l = n.value.left + t * m.value + m.value / 2, a = n.value.top + n.value.height / 2) : (l = n.value.left + n.value.width / 2, a = n.value.top + t * m.value + m.value / 2);
-      const o = Mo(l, a, ge.value);
-      o && (Ht.value = o);
-    }
-    const St = g(() => {
-      const t = pe.value?.colNames ?? [], l = pe.value?.body ?? [];
-      return { headers: t, rows: l };
-    });
-    return Wa({
-      getData: Ml,
-      getImage: Nl,
-      generatePdf: Qt,
-      generateCsv: kt,
-      generateImage: jt,
-      generateSvg: Ca,
-      hideSeries: Al,
-      showSeries: _l,
-      toggleTable: ma,
-      toggleLabels: ba,
-      toggleTooltip: pa,
-      toggleAnnotator: Lt,
-      toggleFullscreen: ga,
-      copyAlt: Ta
-    }), (t, l) => (s(), u("div", {
-      id: `stackbar_${R.value}`,
-      ref_key: "stackbarChart",
-      ref: Q,
-      class: ke({
-        "vue-data-ui-component": !0,
-        "vue-ui-stackbar": !0,
-        "vue-data-ui-wrapper-fullscreen": Se.value
-      }),
-      style: q(`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: il,
-      onMouseleave: ul
-    }, [
-      Z("div", {
-        id: `chart-instructions-${R.value}`,
-        class: "sr-only"
-      }, [
-        Z("p", null, V(e.value.a11y.translations.keyboardNavigation), 1)
-      ], 8, Jo),
-      St.value?.rows?.length ? (s(), ee(Wo, {
-        key: 0,
-        uid: R.value,
-        head: St.value.headers,
-        body: St.value.rows,
-        notice: e.value.a11y.translations.tableAvailable,
-        caption: e.value.a11y.translations.tableCaption
-      }, null, 8, ["uid", "head", "body", "notice", "caption"])) : f("", !0),
-      e.value.userOptions.buttons.annotator ? (s(), ee(b(Ka), {
-        key: 1,
-        svgRef: b(ge),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: $e.value,
-        isCursorPointer: X.value,
-        onClose: Lt
-      }, {
-        "annotator-action-close": C(() => [
-          L(t.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": C(({ color: a }) => [
-          L(t.$slots, "annotator-action-color", D(E({ color: a })), void 0, !0)
-        ]),
-        "annotator-action-draw": C(({ mode: a }) => [
-          L(t.$slots, "annotator-action-draw", D(E({ mode: a })), void 0, !0)
-        ]),
-        "annotator-action-undo": C(({ disabled: a }) => [
-          L(t.$slots, "annotator-action-undo", D(E({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-redo": C(({ disabled: a }) => [
-          L(t.$slots, "annotator-action-redo", D(E({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-delete": C(({ disabled: a }) => [
-          L(t.$slots, "annotator-action-delete", D(E({ disabled: a })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : f("", !0),
-      L(t.$slots, "userConfig", {}, void 0, !0),
-      e.value.style.chart.title.text ? (s(), u("div", {
-        key: 2,
-        ref_key: "chartTitle",
-        ref: It,
-        style: "width:100%;background:transparent;padding-bottom:24px"
-      }, [
-        (s(), ee(Vo, {
-          key: `title_${Ot.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),
-      Z("div", {
-        id: `legend-top-${R.value}`
-      }, null, 8, Ko),
-      e.value.userOptions.show && Le.value && (b(Jt) || b(vt)) ? (s(), ee(b(Za), {
-        ref_key: "userOptionsRef",
-        ref: st,
-        key: `user_option_${Nt.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: b(dt),
-        isImaging: b(yt),
-        uid: R.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,
-        hasAltCopy: e.value.userOptions.buttons.altCopy,
-        isFullscreen: Se.value,
-        chartElement: Q.value,
-        position: e.value.userOptions.position,
-        isTooltip: $.value.showTooltip,
-        titles: { ...e.value.userOptions.buttonTitles },
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: $e.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        tableDialog: e.value.table.useDialog,
-        isCursorPointer: X.value,
-        onToggleFullscreen: ga,
-        onGeneratePdf: b(Qt),
-        onGenerateCsv: kt,
-        onGenerateImage: El,
-        onGenerateSvg: Ca,
-        onToggleTable: ma,
-        onToggleLabels: ba,
-        onToggleTooltip: pa,
-        onToggleAnnotator: Lt,
-        onCopyAlt: Ta,
-        style: q({
-          visibility: b(Jt) ? b(vt) ? "visible" : "hidden" : "visible"
-        })
-      }, $t({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: C(({ isOpen: a, color: o }) => [
-            L(t.$slots, "menuIcon", D(E({ isOpen: a, color: o })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionTooltip ? {
-          name: "optionTooltip",
-          fn: C(() => [
-            L(t.$slots, "optionTooltip", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: C(() => [
-            L(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: C(() => [
-            L(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: C(() => [
-            L(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: C(() => [
-            L(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: C(() => [
-            L(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "6"
-        } : void 0,
-        t.$slots.optionLabels ? {
-          name: "optionLabels",
-          fn: C(() => [
-            L(t.$slots, "optionLabels", {}, void 0, !0)
-          ]),
-          key: "7"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: C(({ toggleFullscreen: a, isFullscreen: o }) => [
-            L(t.$slots, "optionFullscreen", D(E({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
-          ]),
-          key: "8"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: C(({ toggleAnnotator: a, isAnnotator: o }) => [
-            L(t.$slots, "optionAnnotator", D(E({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
-          ]),
-          key: "9"
-        } : void 0,
-        t.$slots.optionAltCopy ? {
-          name: "optionAltCopy",
-          fn: C(({ altCopy: a }) => [
-            L(t.$slots, "optionAltCopy", D(E({ altCopy: a })), void 0, !0)
-          ]),
-          key: "10"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasLabel", "hasFullscreen", "hasAltCopy", "isFullscreen", "chartElement", "position", "isTooltip", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "isCursorPointer", "onGeneratePdf", "style"])) : f("", !0),
-      Z("div", Zo, [
-        (s(), u("svg", {
-          ref_key: "svgRef",
-          ref: ge,
-          xmlns: b(xo),
-          "aria-describedby": `chart-instructions-${R.value}`,
-          viewBox: `0 0 ${n.value.chartWidth <= 0 ? 10 : n.value.chartWidth} ${n.value.chartHeight <= 0 ? 10 : n.value.chartHeight}`,
-          class: ke({ "vue-data-ui-loading": b(fe) }),
-          style: q(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`),
-          tabindex: "0",
-          onFocus: Xl,
-          onBlur: Yl,
-          onKeydown: ql
-        }, [
-          De(b(Qa)),
-          t.$slots["chart-background"] ? (s(), 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"
-            }
-          }, [
-            L(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, jo)) : f("", !0),
-          e.value.style.chart.bars.gradient.show ? (s(), u("defs", es, [
-            (s(!0), u(w, null, S(z.value, (a, o) => (s(), u("linearGradient", {
-              id: `gradient_${a.id}`,
-              x1: "0%",
-              y1: "0%",
-              x2: "0%",
-              y2: "100%"
-            }, [
-              Z("stop", {
-                offset: "0%",
-                "stop-color": a.color
-              }, null, 8, as),
-              Z("stop", {
-                offset: "61.8%",
-                "stop-color": b(ko)(
-                  a.color,
-                  e.value.style.chart.bars.gradient.intensity / 100
-                )
-              }, null, 8, ls),
-              Z("stop", {
-                offset: "100%",
-                "stop-color": a.color
-              }, null, 8, os)
-            ], 8, ts))), 256))
-          ])) : f("", !0),
-          e.value.style.chart.grid.frame.show ? (s(), 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, ss)) : f("", !0),
-          e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (s(!0), u(w, { key: 3 }, S(Y.value, (a, o) => (s(), u("line", {
-            x1: n.value.left,
-            x2: n.value.right,
-            y1: a.y,
-            y2: a.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, rs))), 256)) : f("", !0),
-          e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (s(!0), u(w, { key: 4 }, S(v.value.end - v.value.start + 1, (a, o) => (s(), u("line", {
-            x1: n.value.left,
-            x2: n.value.right,
-            y1: n.value.top + m.value * o,
-            y2: n.value.top + m.value * o,
-            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, ns))), 256)) : f("", !0),
-          e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (s(!0), u(w, { key: 5 }, S(v.value.end - v.value.start + 1, (a, o) => (s(), u("line", {
-            x1: n.value.left + m.value * o,
-            x2: n.value.left + m.value * o,
-            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, is))), 256)) : f("", !0),
-          e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "horizontal" ? (s(!0), u(w, { key: 6 }, S(Y.value, (a, o) => (s(), u("line", {
-            x1: a.horizontal_x,
-            x2: a.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, us))), 256)) : f("", !0),
-          (s(!0), u(w, null, S(z.value, (a, o) => (s(), u("g", null, [
-            t.$slots.pattern ? (s(), u("defs", cs, [
-              L(t.$slots, "pattern", Ee({ ref_for: !0 }, {
-                seriesIndex: a.absoluteIndex,
-                patternId: `pattern_${R.value}_${a.absoluteIndex}`
-              }), void 0, !0)
-            ])) : f("", !0),
-            e.value.orientation === "vertical" ? (s(), u(w, { key: 1 }, [
-              (s(!0), u(w, null, S(a.x, (c, r) => (s(), u("rect", {
-                x: c,
-                y: b(de)(a.y[r]),
-                height: a.height[r] < 0 ? 1e-4 : a.height[r] || 0,
-                rx: e.value.style.chart.bars.borderRadius > a.height[r] / 2 ? (a.height[r] < 0 ? 0 : a.height[r]) / 2 : e.value.style.chart.bars.borderRadius,
-                width: m.value * (1 - e.value.style.chart.bars.gapRatio / 2),
-                fill: e.value.style.chart.bars.gradient.show ? `url(#gradient_${a.id})` : a.color,
-                stroke: e.value.style.chart.backgroundColor,
-                "stroke-width": e.value.style.chart.bars.strokeWidth,
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                class: ke({
-                  "vue-data-ui-bar-animated": e.value.useCssAnimation,
-                  "vue-data-ui-bar-transition": ie.value
-                })
-              }, null, 10, vs))), 256)),
-              t.$slots.pattern ? (s(), u("g", hs, [
-                (s(!0), u(w, null, S(a.x, (c, r) => (s(), u("rect", {
-                  x: c,
-                  y: b(de)(a.y[r]),
-                  height: a.height[r] < 0 ? 1e-4 : a.height[r] || 0,
-                  rx: e.value.style.chart.bars.borderRadius > a.height[r] / 2 ? (a.height[r] < 0 ? 0 : a.height[r]) / 2 : e.value.style.chart.bars.borderRadius,
-                  width: m.value * (1 - e.value.style.chart.bars.gapRatio / 2),
-                  fill: `url(#pattern_${R.value}_${a.absoluteIndex})`,
-                  stroke: e.value.style.chart.backgroundColor,
-                  "stroke-width": e.value.style.chart.bars.strokeWidth,
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  class: ke({
-                    "vue-data-ui-bar-animated": e.value.useCssAnimation,
-                    "vue-data-ui-bar-transition": ie.value
-                  })
-                }, null, 10, ds))), 256))
-              ])) : f("", !0)
-            ], 64)) : (s(), u(w, { key: 2 }, [
-              (s(!0), u(w, null, S(a.horizontal_x, (c, r) => (s(), u("rect", {
-                x: b(de)(c, n.value.left),
-                y: a.horizontal_y[r] < 0 ? 0 : a.horizontal_y[r],
-                width: b(de)(
-                  a.horizontal_width[r] < 0 ? 1e-4 : a.horizontal_width[r]
-                ),
-                rx: e.value.style.chart.bars.borderRadius > a.height[r] / 2 ? (a.height[r] < 0 ? 0 : a.height[r]) / 2 : e.value.style.chart.bars.borderRadius,
-                height: m.value * (1 - e.value.style.chart.bars.gapRatio / 2),
-                fill: e.value.style.chart.bars.gradient.show ? `url(#gradient_${a.id})` : a.color,
-                stroke: e.value.style.chart.backgroundColor,
-                "stroke-width": e.value.style.chart.bars.strokeWidth,
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                class: ke({
-                  "vue-data-ui-bar-animated": e.value.useCssAnimation,
-                  "vue-data-ui-bar-transition": ie.value
-                })
-              }, null, 10, ys))), 256)),
-              t.$slots.pattern ? (s(), u("g", fs, [
-                (s(!0), u(w, null, S(a.horizontal_x, (c, r) => (s(), u("rect", {
-                  x: b(de)(c, n.value.left),
-                  y: a.horizontal_y[r] < 0 ? 0 : a.horizontal_y[r],
-                  width: b(de)(
-                    a.horizontal_width[r] < 0 ? 1e-4 : a.horizontal_width[r]
-                  ),
-                  rx: e.value.style.chart.bars.borderRadius > a.height[r] / 2 ? (a.height[r] < 0 ? 0 : a.height[r]) / 2 : e.value.style.chart.bars.borderRadius,
-                  height: m.value * (1 - e.value.style.chart.bars.gapRatio / 2),
-                  fill: `url(#pattern_${R.value}_${a.absoluteIndex})`,
-                  stroke: e.value.style.chart.backgroundColor,
-                  "stroke-width": e.value.style.chart.bars.strokeWidth,
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  class: ke({
-                    "vue-data-ui-bar-animated": e.value.useCssAnimation,
-                    "vue-data-ui-bar-transition": ie.value
-                  })
-                }, null, 10, gs))), 256))
-              ])) : f("", !0)
-            ], 64))
-          ]))), 256)),
-          e.value.style.chart.grid.x.showAxis ? (s(), 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, ms)) : f("", !0),
-          e.value.style.chart.grid.y.showAxis && !e.value.style.chart.bars.distributed ? (s(), 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, bs)) : f("", !0),
-          e.value.style.chart.grid.x.axisName.show && e.value.style.chart.grid.x.axisName.text ? (s(), u("text", {
-            key: 9,
-            ref_key: "xAxisLabel",
-            ref: We,
-            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"
-          }, V(e.value.style.chart.grid.x.axisName.text), 9, ps)) : f("", !0),
-          e.value.style.chart.grid.y.axisName.show && e.value.style.chart.grid.y.axisName.text ? (s(), u("text", {
-            key: 10,
-            ref_key: "yAxisLabel",
-            ref: rt,
-            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"
-          }, V(e.value.style.chart.grid.y.axisName.text), 9, xs)) : f("", !0),
-          $.value.dataLabels.show && e.value.orientation === "vertical" ? (s(), u(w, { key: 11 }, [
-            (s(!0), u(w, null, S(z.value, (a, o) => (s(), u("g", null, [
-              (s(!0), u(w, null, S(a.x, (c, r) => (s(), u(w, null, [
-                wa(
-                  a.series[r],
-                  a.proportions[r]
-                ) ? (s(), u("text", {
-                  key: 0,
-                  x: c + m.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2,
-                  y: a.y[r] + a.height[r] / 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 ? b(Ea)(a.color) : e.value.style.chart.bars.dataLabels.color,
-                  "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
-                  "text-anchor": "middle"
-                }, V(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? da(
-                  a.proportions[r] * 100,
-                  a,
-                  o,
-                  r
-                ) : Ke(
-                  a.series[r],
-                  a,
-                  o,
-                  r,
-                  a.signedSeries[r]
-                )), 9, ks)) : f("", !0)
-              ], 64))), 256))
-            ]))), 256)),
-            e.value.style.chart.bars.totalValues.show && z.value.length > 1 ? (s(), u("g", {
-              key: 0,
-              ref_key: "sumTop",
-              ref: rl
-            }, [
-              (s(!0), u(w, null, S(ha.value, (a, o) => (s(), u(w, null, [
-                !e.value.style.chart.bars.dataLabels.hideEmptyValues || a.value !== 0 ? (s(), u("text", {
-                  key: 0,
-                  x: n.value.left + m.value * o + m.value / 2,
-                  y: Hl(o),
-                  "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
-                }, V(Ke(
-                  a.value,
-                  a,
-                  o,
-                  a.sign
-                )), 9, ws)) : f("", !0)
-              ], 64))), 256))
-            ], 512)) : f("", !0)
-          ], 64)) : f("", !0),
-          $.value.dataLabels.show && e.value.orientation === "horizontal" ? (s(), u(w, { key: 12 }, [
-            (s(!0), u(w, null, S(z.value, (a, o) => (s(), u("g", null, [
-              (s(!0), u(w, null, S(a.horizontal_x, (c, r) => (s(), u(w, null, [
-                wa(
-                  a.series[r],
-                  a.proportions[r]
-                ) ? (s(), u("text", {
-                  key: 0,
-                  x: c + (a.horizontal_width[r] < 0 ? 1e-4 : a.horizontal_width[r]) / 2,
-                  y: a.horizontal_y[r] + m.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 ? b(Ea)(a.color) : e.value.style.chart.bars.dataLabels.color,
-                  "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
-                  "text-anchor": "middle"
-                }, V(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? da(
-                  a.proportions[r] * 100,
-                  a,
-                  o,
-                  r
-                ) : Ke(
-                  a.series[r],
-                  a,
-                  o,
-                  r,
-                  a.signedSeries[r]
-                )), 9, Ls)) : f("", !0)
-              ], 64))), 256))
-            ]))), 256)),
-            e.value.style.chart.bars.totalValues.show && z.value.length > 1 ? (s(), u("g", {
-              key: 0,
-              ref_key: "sumRight",
-              ref: nt
-            }, [
-              (s(!0), u(w, null, S(ha.value, (a, o) => (s(), u(w, null, [
-                !e.value.style.chart.bars.dataLabels.hideEmptyValues || a.value !== 0 ? (s(), u("text", {
-                  key: 0,
-                  x: Wl(o),
-                  y: n.value.top + m.value * o + m.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
-                }, V(Ke(
-                  a.value,
-                  a,
-                  o,
-                  a.sign
-                )), 9, Cs)) : 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" ? (s(), u("g", {
-            key: 13,
-            ref_key: "scaleLabels",
-            ref: ue
-          }, [
-            (s(!0), u(w, null, S(Y.value, (a, o) => (s(), u("line", {
-              x1: n.value.left,
-              x2: n.value.left - 6,
-              y1: a.y,
-              y2: a.y,
-              stroke: e.value.style.chart.grid.x.axisColor,
-              "stroke-width": 1
-            }, null, 8, Ss))), 256)),
-            (s(!0), u(w, null, S(Y.value, (a, o) => (s(), u("text", {
-              x: a.x,
-              y: a.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"
-            }, V(b(we)(
-              e.value.style.chart.grid.y.axisLabels.formatter,
-              a.value,
-              b(ne)({
-                p: e.value.style.chart.bars.dataLabels.prefix,
-                v: a.value,
-                s: e.value.style.chart.bars.dataLabels.suffix,
-                r: e.value.style.chart.grid.y.axisLabels.rounding
-              }),
-              { datapoint: a }
-            )), 9, zs))), 256))
-          ], 512)) : f("", !0),
-          e.value.style.chart.grid.y.axisLabels.show && !e.value.style.chart.bars.distributed && e.value.orientation === "horizontal" ? (s(), u("g", {
-            key: 14,
-            ref_key: "scaleLabels",
-            ref: ue
-          }, [
-            (s(!0), u(w, null, S(Y.value, (a, o) => (s(), u("line", {
-              x1: a.horizontal_x,
-              x2: a.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, Ms))), 256)),
-            (s(!0), u(w, null, S(Y.value, (a, o) => (s(), 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(${a.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})`
-            }, V(b(we)(
-              e.value.style.chart.grid.y.axisLabels.formatter,
-              a.value,
-              b(ne)({
-                p: e.value.style.chart.bars.dataLabels.prefix,
-                v: a.value,
-                s: e.value.style.chart.bars.dataLabels.suffix,
-                r: e.value.style.chart.grid.y.axisLabels.rounding
-              }),
-              { datapoint: a }
-            )), 9, Ts))), 256))
-          ], 512)) : f("", !0),
-          e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "vertical" ? (s(), u("g", {
-            key: 15,
-            ref_key: "timeLabelsEls",
-            ref: ce
-          }, [
-            t.$slots["time-label"] ? (s(), u("g", _s, [
-              (s(!0), u(w, null, S(mt.value, (a, o) => (s(), u("g", null, [
-                L(t.$slots, "time-label", Ee({ ref_for: !0 }, {
-                  x: n.value.left + m.value * o + m.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 + m.value * o + m.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: a.absoluteIndex,
-                  content: a.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))
-            ])) : (s(), u("g", As, [
-              (s(!0), u(w, null, S(mt.value, (a, o) => (s(), u("g", null, [
-                String(a.text).includes(`
-`) ? (s(), u("text", {
-                  key: o + "-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 + m.value * o + m.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: q({
-                    cursor: X.value ? "pointer" : "default"
-                  }),
-                  innerHTML: b(wo)({
-                    content: String(a.text),
-                    fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
-                    fill: e.value.style.chart.grid.x.timeLabels.color,
-                    x: 0,
-                    y: 0
-                  }),
-                  onClick: () => Ze(a, o)
-                }, null, 12, Ps)) : (s(), u("text", {
-                  class: "vue-data-ui-time-label",
-                  key: o,
-                  "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 + m.value * o + m.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: q({
-                    cursor: X.value ? "pointer" : "default"
-                  }),
-                  onClick: () => Ze(a, o)
-                }, V(a.text), 13, $s))
-              ]))), 256))
-            ]))
-          ], 512)) : f("", !0),
-          e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "horizontal" ? (s(), u("g", {
-            key: 16,
-            ref_key: "timeLabelsEls",
-            ref: ce
-          }, [
-            t.$slots["time-label"] ? (s(), u("g", Ns, [
-              (s(!0), u(w, null, S(W.value, (a, o) => (s(), u("g", null, [
-                L(t.$slots, "time-label", Ee({ ref_for: !0 }, {
-                  x: n.value.left - 8,
-                  y: n.value.top + m.value * o + m.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: a.absoluteIndex,
-                  content: a.text,
-                  textAnchor: "end",
-                  show: !0
-                }), void 0, !0)
-              ]))), 256))
-            ])) : (s(), u("g", Is, [
-              (s(!0), u(w, null, S(W.value, (a, o) => (s(), u("g", null, [
-                String(a.text).includes(`
-`) ? (s(), 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 + m.value * o + m.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
-                  style: q({
-                    cursor: X.value ? "pointer" : "default"
-                  }),
-                  onClick: () => Ze(a, o),
-                  innerHTML: b(Lo)({
-                    content: String(a.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, 12, Rs)) : (s(), 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 + m.value * o + m.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
-                  style: q({
-                    cursor: X.value ? "pointer" : "default"
-                  }),
-                  onClick: () => Ze(a, o)
-                }, V(a.text), 13, Fs))
-              ]))), 256))
-            ]))
-          ], 512)) : f("", !0),
-          $.value.showTooltip && e.value.orientation === "vertical" ? (s(!0), u(w, { key: 17 }, S(v.value.end - v.value.start, (a, o) => (s(), u("rect", {
-            x: n.value.left + o * m.value,
-            y: n.value.top,
-            width: m.value,
-            height: n.value.height < 0 ? 0 : n.value.height,
-            onClick: () => bt(o),
-            onMouseenter: () => xt(o, "pointer"),
-            onMouseleave: () => ya(o),
-            fill: o === B.value || o === ut.value ? e.value.style.chart.highlighter.color : "transparent",
-            style: q({
-              opacity: e.value.style.chart.highlighter.opacity / 100
-            })
-          }, null, 44, Os))), 256)) : f("", !0),
-          $.value.showTooltip && e.value.orientation === "horizontal" ? (s(!0), u(w, { key: 18 }, S(v.value.end - v.value.start, (a, o) => (s(), u("rect", {
-            x: n.value.left,
-            y: n.value.top + o * m.value,
-            width: n.value.width < 0 ? 0 : n.value.width,
-            height: m.value,
-            onClick: () => bt(o),
-            onMouseenter: () => xt(o, "pointer"),
-            onMouseleave: () => ya(o),
-            fill: o === B.value || o === ut.value ? e.value.style.chart.highlighter.color : "transparent",
-            style: q({
-              opacity: e.value.style.chart.highlighter.opacity / 100
-            })
-          }, null, 44, Ds))), 256)) : f("", !0),
-          la.value ? (s(), u("rect", Ee({ key: 19 }, ml.value, {
-            "data-start": v.value.start,
-            "data-end": v.value.end
-          }), null, 16, Es)) : f("", !0),
-          L(t.$slots, "svg", {
-            svg: {
-              drawingArea: n.value,
-              data: z.value,
-              isPrintingImg: b(dt) | b(yt) | Ue.value,
-              isPrintingSvg: He.value
-            }
-          }, void 0, !0)
-        ], 46, Qo)),
-        t.$slots.hint ? (s(), u("div", Vs, [
-          L(t.$slots, "hint", D(E({
-            hint: e.value.a11y.translations.keyboardNavigation,
-            isVisible: Ct.value
-          })), void 0, !0)
-        ])) : f("", !0)
-      ]),
-      t.$slots.watermark ? (s(), u("div", Bs, [
-        L(t.$slots, "watermark", D(E({
-          isPrinting: b(dt) || b(yt) || Ue.value || He.value
-        })), void 0, !0)
-      ])) : f("", !0),
-      e.value.style.chart.zoom.show && Le.value && za.value && F.value > 6 ? (s(), ee(Xo, {
-        key: 5,
-        ref_key: "chartSlicer",
-        ref: Ce,
-        allMinimaps: xl.value,
-        background: e.value.style.chart.zoom.color,
-        borderColor: e.value.style.chart.backgroundColor,
-        customFormat: e.value.style.chart.zoom.customFormat,
-        cutNullValues: !1,
-        forceZeroCenter: !0,
-        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: la.value,
-        labelLeft: e.value.style.chart.grid.x.timeLabels.values[v.value.start] ? W.value?.[0]?.text ?? "" : "",
-        labelRight: e.value.style.chart.grid.x.timeLabels.values[v.value.end - 1] ? W.value?.at(-1)?.text ?? "" : "",
-        max: Math.max(...lt.dataset.map((a) => a.series.length)),
-        min: 0,
-        minimap: ve.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: B.value,
-        minimapSelectionRadius: 1,
-        preciseLabels: va.value.length ? va.value : be.value,
-        refreshEndPoint: e.value.style.chart.zoom.endIndex !== null ? e.value.style.chart.zoom.endIndex + 1 : Math.max(...lt.dataset.map((a) => a.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: Cl.value,
-        smoothMinimap: !1,
-        start: v.value.start,
-        textColor: e.value.style.chart.color,
-        timeLabels: be.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,
-        maxWidth: e.value.style.chart.zoom.maxWidth,
-        isCursorPointer: X.value,
-        additionalMinimapHeight: e.value.style.chart.zoom.minimap.additionalHeight,
-        handleType: e.value.style.chart.zoom.minimap.handleType,
-        handleIconColor: e.value.style.chart.zoom.minimap.handleIconColor,
-        handleBorderWidth: e.value.style.chart.zoom.minimap.handleBorderWidth,
-        handleBorderColor: e.value.style.chart.zoom.minimap.handleBorderColor,
-        handleFill: e.value.style.chart.zoom.minimap.handleFill,
-        handleWidth: e.value.style.chart.zoom.minimap.handleWidth,
-        "onUpdate:end": Bl,
-        "onUpdate:start": Vl,
-        onTrapMouse: bl,
-        onReset: sa,
-        onFutureEnd: l[0] || (l[0] = (a) => oa("end", a)),
-        onFutureStart: l[1] || (l[1] = (a) => oa("start", a))
-      }, {
-        "reset-action": C(({ reset: a }) => [
-          L(t.$slots, "reset-action", D(E({ reset: a })), void 0, !0)
-        ]),
-        slotMap: C(({ width: a, height: o, unitW: c }) => [
-          (s(!0), u(w, null, S(z.value, (r) => (s(), u("g", {
-            key: r.id
-          }, [
-            (s(!0), u(w, null, S(r.xMinimap({ left: 0, unitW: c }), (d, x) => (s(), u("rect", {
-              key: x,
-              x: x === 0 ? d - c * (e.value.style.chart.bars.gapRatio / 4) : d - c / 2,
-              y: Math.max(
-                0,
-                Math.min(
-                  o,
-                  r.yMinimap({ minimapH: o })[x]
-                )
-              ),
-              height: r.heightMinimap({ minimapH: o })[x],
-              width: [0, F.value - 1].includes(x) ? 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_${r.id})` : r.color,
-              stroke: e.value.style.chart.backgroundColor,
-              "stroke-width": 0.5,
-              rx: "0",
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              style: q({
-                opacity: x >= H.value.start && x <= H.value.end ? 1 : 0.62
-              })
-            }, null, 12, Us))), 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", "maxWidth", "isCursorPointer", "additionalMinimapHeight", "handleType", "handleIconColor", "handleBorderWidth", "handleBorderColor", "handleFill", "handleWidth"])) : f("", !0),
-      De(b(Ya), {
-        teleportTo: e.value.style.chart.tooltip.teleportTo,
-        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: Q.value,
-        content: ot.value,
-        isFullscreen: Se.value,
-        isCustom: b(Va)(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,
-        isA11yMode: Wt.value === "keyboard",
-        a11yPosition: Ht.value
-      }, {
-        "tooltip-before": C(() => [
-          L(t.$slots, "tooltip-before", D(E({ ...Be.value })), void 0, !0)
-        ]),
-        tooltip: C(() => [
-          L(t.$slots, "tooltip", D(E({ ...Be.value })), void 0, !0)
-        ]),
-        "tooltip-after": C(() => [
-          L(t.$slots, "tooltip-after", D(E({ ...Be.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold", "isA11yMode", "a11yPosition"]),
-      Z("div", {
-        id: `legend-bottom-${R.value}`
-      }, null, 8, Hs),
-      Dt.value && (e.value.style.chart.legend.show || t.$slots.legend) ? (s(), ee(vo, {
-        key: 6,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${R.value}` : `#legend-bottom-${R.value}`
-      }, [
-        Z("div", {
-          ref_key: "chartLegend",
-          ref: Ft
-        }, [
-          L(t.$slots, "legend", { legend: Ae.value }, () => [
-            e.value.style.chart.legend.show ? (s(), ee(Ho, {
-              key: 0,
-              legendSet: Ae.value,
-              config: $l.value,
-              isCursorPointer: X.value,
-              onClickMarker: l[2] || (l[2] = ({ legend: a }) => a.segregate())
-            }, $t({
-              item: C(({ legend: a }) => [
-                b(fe) ? f("", !0) : (s(), u("div", {
-                  key: 0,
-                  onClick: (o) => a.segregate(),
-                  style: q(`opacity:${A.value.includes(a.id) ? 0.5 : 1}`)
-                }, V(a.name), 13, Ws))
-              ]),
-              legendToggle: C(() => [
-                Ae.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !b(fe) ? (s(), ee(Yo, {
-                  key: 0,
-                  backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
-                  color: e.value.style.chart.legend.selectAllToggle.color,
-                  fontSize: e.value.style.chart.legend.fontSize,
-                  checked: A.value.length > 0,
-                  isCursorPointer: X.value,
-                  onToggle: Tl
-                }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : f("", !0)
-              ]),
-              _: 2
-            }, [
-              t.$slots.pattern ? {
-                name: "legend-pattern",
-                fn: C(({ legend: a, index: o }) => [
-                  De(Bo, {
-                    shape: a.shape,
-                    radius: 30,
-                    stroke: "none",
-                    plot: { x: 30, y: 30 },
-                    fill: `url(#pattern_${R.value}_${o})`
-                  }, null, 8, ["shape", "fill"])
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["legendSet", "config", "isCursorPointer"])) : f("", !0)
-          ], !0)
-        ], 512)
-      ], 8, ["to"])) : f("", !0),
-      t.$slots.source ? (s(), u("div", {
-        key: 7,
-        ref_key: "source",
-        ref: Rt,
-        dir: "auto"
-      }, [
-        L(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : f("", !0),
-      Le.value && e.value.userOptions.buttons.table ? (s(), ee(ho(Pe.value.component), Ee({ key: 8 }, Pe.value.props, {
-        ref_key: "tableUnit",
-        ref: ze,
-        onClose: La
-      }), $t({
-        content: C(() => [
-          De(b(Ja), {
-            colNames: pe.value.colNames,
-            head: pe.value.head,
-            body: pe.value.body,
-            config: pe.value.config,
-            title: e.value.table.useDialog ? "" : Pe.value.title,
-            withCloseButton: !e.value.table.useDialog,
-            isCursorPointer: X.value,
-            onClose: La
-          }, {
-            th: C(({ th: a }) => [
-              Z("div", { innerHTML: a }, null, 8, Xs)
-            ]),
-            td: C(({ td: a }) => [
-              Pa(V(isNaN(Number(a)) ? a : b(ne)({
-                p: e.value.style.chart.bars.dataLabels.prefix,
-                v: a,
-                s: e.value.style.chart.bars.dataLabels.suffix,
-                r: e.value.table.td.roundingValue
-              })), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton", "isCursorPointer"])
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: C(() => [
-            Pa(V(Pe.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: C(() => [
-            Z("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: l[3] || (l[3] = (a) => kt(e.value.userOptions.callbacks.csv)),
-              style: q({ cursor: X.value ? "pointer" : "default" })
-            }, [
-              De(b(qa), {
-                name: "fileCsv",
-                stroke: Pe.value.props.color
-              }, null, 8, ["stroke"])
-            ], 4)
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : f("", !0),
-      L(t.$slots, "skeleton", {}, () => [
-        b(fe) ? (s(), ee(Po, { key: 0 })) : f("", !0)
-      ], !0)
-    ], 46, Go));
-  }
-}, mr = /* @__PURE__ */ qo(Ys, [["__scopeId", "data-v-21cfcc10"]]);
-export {
-  mr as default
-};