vue-data-ui 3.13.2 → 3.13.4

package/dist/{vue-ui-stackbar-CXvQ4Bm_.js → vue-ui-stackbar-C3FQP-xJ.js}

@@ -1,5 +1,5 @@
-import { defineAsyncComponent as ee, useSlots as Rl, computed as d, ref as g, onMounted as ia, toRefs as Bl, watch as ze, shallowRef as ua, onBeforeUnmount as dt, watchEffect as ca, nextTick as Il, createElementBlock as n, openBlock as s, normalizeStyle as ne, normalizeClass as de, createBlock as Q, createCommentVNode as b, renderSlot as x, createElementVNode as te, createVNode as _e, unref as y, withCtx as k, normalizeProps as H, guardReactiveProps as X, createSlots as gt, Fragment as C, renderList as w, mergeProps as Me, toDisplayString as V, Teleport as Vl, resolveDynamicComponent as Ul, createTextVNode as ha } from "vue";
-import { u as Hl, a as bt } from "./useNestedProp-Bamwa7TH.js";
+import { defineAsyncComponent as ee, useSlots as Rl, computed as d, ref as g, onMounted as ia, toRefs as Bl, watch as ze, shallowRef as ua, onBeforeUnmount as dt, watchEffect as ca, nextTick as Il, createElementBlock as n, openBlock as s, normalizeStyle as ne, normalizeClass as de, createBlock as Q, createCommentVNode as b, renderSlot as C, createElementVNode as te, createVNode as _e, unref as y, withCtx as k, normalizeProps as H, guardReactiveProps as X, createSlots as gt, Fragment as x, renderList as w, mergeProps as Me, toDisplayString as V, Teleport as Vl, resolveDynamicComponent as Ul, createTextVNode as ha } from "vue";
+import { u as Hl, a as bt } from "./useNestedProp-DjoyBYIz.js";
 import { c as va, t as Xl, i as Yl, j as He, k as Wl, o as da, g as ga, l as ql, m as Gl, ap as Te, O as ba, N as fa, S as Jl, X as Zl, q as Ql, Q as ie, x as ya, a as ge, d as ae, $ as Kl, aq as jl, y as ma, v as eo, r as to, _ as ao } from "./lib-BrVUf7jz.js";
 import { t as ft, u as lo } from "./useResponsive-DfdjqQps.js";
 import { u as oo } from "./usePrinter-DKjCimma.js";
@@ -11,16 +11,16 @@ import { u as ho } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as vo } from "./useChartAccessibility-9icAAmYg.js";
 import { u as go } from "./useTimeLabelCollider-CIsgDrl9.js";
 import bo from "./img-BMMrBrFA.js";
-import fo from "./Title-CeMocAxM.js";
+import fo from "./Title-DPeHXmsJ.js";
 import { _ as yo } from "./Shape-CDT71WC7.js";
 import mo from "./Legend-DDvnrFfr.js";
-import { S as po } from "./SlicerPreview-BEkr4ELo.js";
-import { B as Co } from "./BaseLegendToggle-BMdGBKCs.js";
-import { _ as xo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 }, bars: { gradient: { show: !1 } }, zoom: { minimap: { show: !0 } } } } }, xa = { userOptions: { show: !1 }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { show: !0, selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" }, bars: { gradient: { show: !1 }, totalValues: { color: "#CCCCCC" } }, grid: { frame: { stroke: "#5A5A5A" }, x: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, timeLabels: { color: "#CCCCCC" } }, y: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, axisLabels: { color: "#CCCCCC" } } } } } }, ka = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, bars: { totalValues: { color: "#CCCCCC" } }, grid: { frame: { stroke: "#5A5A5A" }, x: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, timeLabels: { color: "#CCCCCC" } }, y: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, axisLabels: { color: "#CCCCCC" } } } } } }, wa = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", title: { color: "#424242", subtitle: { color: "#757575" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242", selectAllToggle: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, highlighter: { color: "#424242" }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, bars: { totalValues: { color: "#424242" } }, grid: { x: { axisColor: "#5D403780", axisName: { color: "#424242" }, timeLabels: { color: "#424242" } }, y: { axisColor: "#5D403780", axisName: { color: "#424242" }, axisLabels: { color: "#424242" } } } } } }, Aa = { table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#BDBDBD" } }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, highlighter: { color: "#FFF8E1" }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, bars: { totalValues: { color: "#BDBDBD" } }, grid: { x: { axisColor: "#5D403740", axisName: { color: "#BDBDBD" }, timeLabels: { color: "#BDBDBD" } }, y: { axisColor: "#5D4037", axisName: { color: "#BDBDBD" }, axisLabels: { color: "#BDBDBD" } } } } } }, La = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#99AA99" } }, zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, bars: { totalValues: { color: "#99AA99" } }, grid: { x: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, timeLabels: { color: "#99AA99" } }, y: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, axisLabels: { color: "#99AA99" } } } } } }, Sa = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99", selectAllToggle: { backgroundColor: "#E0CFC3", color: "#8F837A" } }, zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, bars: { borderRadius: 4, totalValues: { show: !1 }, dataLabels: { show: !1 } }, grid: { x: { showAxis: !1, axisName: { color: "#8F837A" }, timeLabels: { show: !1 } }, y: { showAxis: !1, axisName: { color: "#8F837A" }, axisLabels: { show: !1 } } } } } }, za = { table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E", selectAllToggle: { backgroundColor: "#50606C", color: "#f6f6fb" } }, zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, bars: { totalValues: { color: "#50606C" } }, grid: { x: { showHorizontalLines: !0, axisColor: "#829C98", axisName: { color: "#50606C" }, timeLabels: { color: "#61747E" } }, y: { showVerticalLines: !0, axisColor: "#829C98", axisName: { color: "#50606C" }, axisLabels: { color: "#61747E" } } } } } }, _a = {
+import { S as po } from "./SlicerPreview-BciDdnXB.js";
+import { B as xo } from "./BaseLegendToggle-BMdGBKCs.js";
+import { _ as Co } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const xa = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 }, bars: { gradient: { show: !1 } }, zoom: { minimap: { show: !0 } } } } }, Ca = { userOptions: { show: !1 }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { show: !0, selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" }, bars: { gradient: { show: !1 }, totalValues: { color: "#CCCCCC" } }, grid: { frame: { stroke: "#5A5A5A" }, x: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, timeLabels: { color: "#CCCCCC" } }, y: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, axisLabels: { color: "#CCCCCC" } } } } } }, ka = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, bars: { totalValues: { color: "#CCCCCC" } }, grid: { frame: { stroke: "#5A5A5A" }, x: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, timeLabels: { color: "#CCCCCC" } }, y: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, axisLabels: { color: "#CCCCCC" } } } } } }, wa = { table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } }, style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", title: { color: "#424242", subtitle: { color: "#757575" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242", selectAllToggle: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, highlighter: { color: "#424242" }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, bars: { totalValues: { color: "#424242" } }, grid: { x: { axisColor: "#5D403780", axisName: { color: "#424242" }, timeLabels: { color: "#424242" } }, y: { axisColor: "#5D403780", axisName: { color: "#424242" }, axisLabels: { color: "#424242" } } } } } }, Aa = { table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } }, style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#BDBDBD" } }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, highlighter: { color: "#FFF8E1" }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, bars: { totalValues: { color: "#BDBDBD" } }, grid: { x: { axisColor: "#5D403740", axisName: { color: "#BDBDBD" }, timeLabels: { color: "#BDBDBD" } }, y: { axisColor: "#5D4037", axisName: { color: "#BDBDBD" }, axisLabels: { color: "#BDBDBD" } } } } } }, La = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#99AA99" } }, zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, bars: { totalValues: { color: "#99AA99" } }, grid: { x: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, timeLabels: { color: "#99AA99" } }, y: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, axisLabels: { color: "#99AA99" } } } } } }, Sa = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99", selectAllToggle: { backgroundColor: "#E0CFC3", color: "#8F837A" } }, zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, bars: { borderRadius: 4, totalValues: { show: !1 }, dataLabels: { show: !1 } }, grid: { x: { showAxis: !1, axisName: { color: "#8F837A" }, timeLabels: { show: !1 } }, y: { showAxis: !1, axisName: { color: "#8F837A" }, axisLabels: { show: !1 } } } } } }, za = { table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E", selectAllToggle: { backgroundColor: "#50606C", color: "#f6f6fb" } }, zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, bars: { totalValues: { color: "#50606C" } }, grid: { x: { showHorizontalLines: !0, axisColor: "#829C98", axisName: { color: "#50606C" }, timeLabels: { color: "#61747E" } }, y: { showVerticalLines: !0, axisColor: "#829C98", axisName: { color: "#50606C" }, axisLabels: { color: "#61747E" } } } } } }, _a = {
   default: {},
-  minimal: Ca,
-  minimalDark: xa,
+  minimal: xa,
+  minimalDark: Ca,
   dark: ka,
   celebration: wa,
   celebrationNight: Aa,
@@ -35,8 +35,8 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
   dark: ka,
   default: _a,
   hack: La,
-  minimal: Ca,
-  minimalDark: xa,
+  minimal: xa,
+  minimalDark: Ca,
   zen: Sa
 }, Symbol.toStringTag, { value: "Module" })), ko = ["id"], wo = ["id"], Ao = ["xmlns", "viewBox"], Lo = ["x", "y", "width", "height"], So = { key: 1 }, zo = ["id"], _o = ["stop-color"], Mo = ["stop-color"], To = ["stop-color"], Fo = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], $o = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Do = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], No = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Oo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Eo = { key: 0 }, Po = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], Ro = { key: 0 }, Bo = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], Io = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Vo = { key: 0 }, Uo = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Ho = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Xo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Yo = ["x", "y", "font-size", "fill", "font-weight"], Wo = ["transform", "font-size", "fill", "font-weight"], qo = ["x", "y", "font-size", "fill", "font-weight"], Go = ["x", "y", "font-size", "font-weight", "fill"], Jo = ["x", "y", "font-size", "fill", "font-weight"], Zo = ["x", "y", "font-size", "font-weight", "fill"], Qo = ["x1", "x2", "y1", "y2", "stroke"], Ko = ["x", "y", "font-size", "font-weight", "fill"], jo = ["x1", "x2", "y1", "y2", "stroke"], er = ["font-size", "font-weight", "fill", "text-anchor", "transform"], tr = { key: 0 }, ar = { key: 1 }, lr = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], or = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], rr = { key: 0 }, sr = { key: 1 }, nr = ["font-size", "font-weight", "fill", "x", "y", "onClick"], ir = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], ur = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], cr = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], hr = ["data-start", "data-end"], vr = {
   key: 3,
@@ -63,14 +63,14 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel", "selectX"],
   setup(Xe, { expose: Ma, emit: Ta }) {
-    const Fa = ee(() => import("./Tooltip-jUEeS8VT.js")), $a = ee(() => import("./BaseIcon-CJ7mD4nD.js")), Da = ee(() => import("./vue-ui-accordion-d_mYq_ty.js")), Na = ee(() => import("./DataTable-C2E28XF-.js")), Oa = ee(() => import("./PenAndPaper-CDju85X_.js")), Ea = ee(() => import("./UserOptions-DV6hYCK6.js")), Pa = ee(() => import("./PackageVersion-CdPbb2sr.js")), Ra = ee(() => import("./BaseDraggableDialog-DC6U5583.js")), { vue_ui_stackbar: Ba } = Hl(), { isThemeValid: Ia, warnInvalidTheme: Va } = co(), Ua = Rl(), D = Xe, be = Ta, fe = d({
+    const Fa = ee(() => import("./Tooltip-jUEeS8VT.js")), $a = ee(() => import("./BaseIcon-CJ7mD4nD.js")), Da = ee(() => import("./vue-ui-accordion-DIafkLLh.js")), Na = ee(() => import("./DataTable-C2E28XF-.js")), Oa = ee(() => import("./PenAndPaper-CDju85X_.js")), Ea = ee(() => import("./UserOptions-DV6hYCK6.js")), Pa = ee(() => import("./PackageVersion-C1Ia4Osa.js")), Ra = ee(() => import("./BaseDraggableDialog-DC6U5583.js")), { vue_ui_stackbar: Ba } = Hl(), { isThemeValid: Ia, warnInvalidTheme: Va } = co(), Ua = Rl(), D = Xe, be = Ta, fe = d({
       get() {
         return !!D.dataset && D.dataset.length;
       },
       set(a) {
         return a;
       }
-    }), J = g(null), U = g(va()), Ye = g(!1), We = g(null), qe = g(""), _ = g([]), yt = g(0), mt = g(null), pt = g(null), ye = g(null), Ct = g(null), me = g(!1), G = g(null), le = g(!1), xt = g(0), Ha = g(0), Xa = g(0), kt = g(!1), pe = g(null), Ge = g(null), Je = g(null), Ze = g(null), oe = g(null), re = g(null), Ya = g(null), Qe = g(null), Ke = g(null);
+    }), J = g(null), U = g(va()), Ye = g(!1), We = g(null), qe = g(""), _ = g([]), yt = g(0), mt = g(null), pt = g(null), ye = g(null), xt = g(null), me = g(!1), G = g(null), le = g(!1), Ct = g(0), Ha = g(0), Xa = g(0), kt = g(!1), pe = g(null), Ge = g(null), Je = g(null), Ze = g(null), oe = g(null), re = g(null), Ya = g(null), Qe = g(null), Ke = g(null);
     ia(() => {
       kt.value = !0, ot();
     });
@@ -183,7 +183,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
     }
     const Lt = d(() => e.value.style.chart.bars.dataLabels.hideUnderValue != null), St = d(() => e.value.style.chart.bars.dataLabels.hideUnderPercentage != null);
     ze(() => D.config, (a) => {
-      ue.value || (e.value = at()), et.value = !e.value.userOptions.showOnChartHover, ot(), xt.value += 1, Ha.value += 1, Xa.value += 1, T.value.dataLabels.show = e.value.style.chart.bars.dataLabels.show, T.value.showTable = e.value.table.show, T.value.showTooltip = e.value.style.chart.tooltip.show, Ne();
+      ue.value || (e.value = at()), et.value = !e.value.userOptions.showOnChartHover, ot(), Ct.value += 1, Ha.value += 1, Xa.value += 1, T.value.dataLabels.show = e.value.style.chart.bars.dataLabels.show, T.value.showTable = e.value.table.show, T.value.showTooltip = e.value.style.chart.tooltip.show, Ne();
     }, { deep: !0 }), ze(() => D.dataset, (a) => {
       Array.isArray(a) && a.length > 0 && (Fe.value = !1), Ot();
     }, { deep: !0 });
@@ -249,7 +249,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             title: e.value.style.chart.title.text ? mt.value : null,
             legend: e.value.style.chart.legend.show ? pt.value : null,
             slicer: e.value.style.chart.zoom.show && $.value > 6 ? ye.value.$el : null,
-            source: Ct.value
+            source: xt.value
           });
           requestAnimationFrame(() => {
             ce.value.width = l, ce.value.height = t - 12, clearTimeout(Ft.value), Ft.value = setTimeout(() => {
@@ -407,24 +407,24 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
       let l = Math.max(0, Math.min(h.value.start ?? 0, a - 1)), t = Math.max(l + 1, Math.min(h.value.end ?? a, a));
       (!Number.isFinite(l) || !Number.isFinite(t) || t <= l) && (l = 0, t = a), h.value.start = l, h.value.end = t, B.value.start = l, B.value.end = t, ye.value && (ye.value.setStartValue(l), ye.value.setEndValue(t));
     }
-    const Ce = g(null);
+    const xe = g(null);
     function tl() {
       return new Promise((a) => requestAnimationFrame(
         () => requestAnimationFrame(() => a())
       ));
     }
     dt(() => {
-      Ce.value && cancelAnimationFrame(Ce.value);
+      xe.value && cancelAnimationFrame(xe.value);
     });
     async function Ot() {
-      Ie(), await Il(), Ce.value && cancelAnimationFrame(Ce.value), Ce.value = requestAnimationFrame(async () => {
+      Ie(), await Il(), xe.value && cancelAnimationFrame(xe.value), xe.value = requestAnimationFrame(async () => {
         await tl(), Ie();
       });
     }
     const p = d(() => {
       let a;
       return e.value.orientation === "vertical" ? a = u.value.width / (h.value.end - h.value.start) : a = u.value.height / (h.value.end - h.value.start), a <= 0 ? 0 : a;
-    }), xe = d(() => Te(R.value.filter((a) => !_.value.includes(a.id))).slice(h.value.start, h.value.end)), Et = d(() => _.value.length === R.value.length), se = d(() => e.value.style.chart.zoom.minimap.show ? Te(R.value.map((a) => ({
+    }), Ce = d(() => Te(R.value.filter((a) => !_.value.includes(a.id))).slice(h.value.start, h.value.end)), Et = d(() => _.value.length === R.value.length), se = d(() => e.value.style.chart.zoom.minimap.show ? Te(R.value.map((a) => ({
       ...a,
       series: a.series.map((l) => l ?? 0)
     })).filter((a) => Et.value ? !0 : !_.value.includes(a.id))) : []), al = d(() => e.value.style.chart.zoom.minimap.show ? [{
@@ -538,7 +538,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           const S = f * (e.value.style.chart.bars.gapRatio / 4);
           return j.map((O, z) => v + f * z + S);
         }, Ml = Z.map((v, f) => u.value.top + p.value * f + p.value * e.value.style.chart.bars.gapRatio / 4), Tl = Z.map((v, f) => {
-          const S = e.value.style.chart.bars.distributed ? (v || 0) / xe.value[f] : (v || 0) / F;
+          const S = e.value.style.chart.bars.distributed ? (v || 0) / Ce.value[f] : (v || 0) / F;
           let O, z;
           return v > 0 ? (z = P * S, O = Se - z - a[f], a[f] += z) : (z = P * S, O = Se + t[f], t[f] += Math.abs(z)), O;
         }), Fl = ({ minimapH: v }) => {
@@ -553,11 +553,11 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             return q >= 0 ? S - (ra[z] + q) * f : S + Ll[z] * f;
           });
         }, $l = Z.map((v, f) => {
-          const S = e.value.style.chart.bars.distributed ? (v || 0) / xe.value[f] : (v || 0) / F;
+          const S = e.value.style.chart.bars.distributed ? (v || 0) / Ce.value[f] : (v || 0) / F;
           let O, z;
           return v > 0 ? (z = I * S, O = W + l[f], l[f] += z) : (z = I * S, O = W - Math.abs(z) - o[f], o[f] += Math.abs(z)), O;
         }), Dl = Z.map((v, f) => {
-          const S = e.value.style.chart.bars.distributed ? (v || 0) / xe.value[f] : (v || 0) / F;
+          const S = e.value.style.chart.bars.distributed ? (v || 0) / Ce.value[f] : (v || 0) / F;
           return v > 0 ? P * S : P * Math.abs(S);
         }), Nl = ({ minimapH: v }) => {
           if (e.value.style.chart.bars.distributed)
@@ -568,12 +568,12 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           const { pxPerUnit: f } = sa({ minimapH: v });
           return j.map((S) => Math.abs(Number(S) || 0) * f);
         }, Ol = Z.map((v, f) => {
-          const S = e.value.style.chart.bars.distributed ? (v || 0) / xe.value[f] : (v || 0) / F;
+          const S = e.value.style.chart.bars.distributed ? (v || 0) / Ce.value[f] : (v || 0) / F;
           return v > 0 ? I * S : I * Math.abs(S);
         }), El = Z.map((v) => Math.abs(v)).reduce((v, f) => v + f, 0);
         return {
           ...ve,
-          proportions: Z.map((v, f) => e.value.style.chart.bars.distributed ? (v || 0) / xe.value[f] : (v || 0) / El),
+          proportions: Z.map((v, f) => e.value.style.chart.bars.distributed ? (v || 0) / Ce.value[f] : (v || 0) / El),
           series: Z,
           signedSeries: Sl,
           x: zl,
@@ -945,10 +945,10 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
       }
     }
     const Ve = g(!1);
-    function Cl(a) {
+    function xl(a) {
       Le.value || Ve.value || a !== h.value.start && (h.value.start = a, B.value.start = a, Ne());
     }
-    function xl(a) {
+    function Cl(a) {
       if (Le.value || Ve.value) return;
       const l = ea(a);
       l !== h.value.end && (h.value.end = l, B.value.end = l, Ne());
@@ -1018,26 +1018,26 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         onClose: ut
       }, {
         "annotator-action-close": k(() => [
-          x(a.$slots, "annotator-action-close", {}, void 0, !0)
+          C(a.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": k(({ color: t }) => [
-          x(a.$slots, "annotator-action-color", H(X({ color: t })), void 0, !0)
+          C(a.$slots, "annotator-action-color", H(X({ color: t })), void 0, !0)
         ]),
         "annotator-action-draw": k(({ mode: t }) => [
-          x(a.$slots, "annotator-action-draw", H(X({ mode: t })), void 0, !0)
+          C(a.$slots, "annotator-action-draw", H(X({ mode: t })), void 0, !0)
         ]),
         "annotator-action-undo": k(({ disabled: t }) => [
-          x(a.$slots, "annotator-action-undo", H(X({ disabled: t })), void 0, !0)
+          C(a.$slots, "annotator-action-undo", H(X({ disabled: t })), void 0, !0)
         ]),
         "annotator-action-redo": k(({ disabled: t }) => [
-          x(a.$slots, "annotator-action-redo", H(X({ disabled: t })), void 0, !0)
+          C(a.$slots, "annotator-action-redo", H(X({ disabled: t })), void 0, !0)
         ]),
         "annotator-action-delete": k(({ disabled: t }) => [
-          x(a.$slots, "annotator-action-delete", H(X({ disabled: t })), void 0, !0)
+          C(a.$slots, "annotator-action-delete", H(X({ disabled: t })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : b("", !0),
-      x(a.$slots, "userConfig", {}, void 0, !0),
+      C(a.$slots, "userConfig", {}, void 0, !0),
       e.value.style.chart.title.text ? (s(), n("div", {
         key: 1,
         ref_key: "chartTitle",
@@ -1045,7 +1045,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         style: "width:100%;background:transparent;padding-bottom:24px"
       }, [
         (s(), Q(fo, {
-          key: `title_${xt.value}`,
+          key: `title_${Ct.value}`,
           config: {
             title: {
               cy: "stackbar-title",
@@ -1104,70 +1104,70 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         a.$slots.menuIcon ? {
           name: "menuIcon",
           fn: k(({ isOpen: t, color: o }) => [
-            x(a.$slots, "menuIcon", H(X({ isOpen: t, color: o })), void 0, !0)
+            C(a.$slots, "menuIcon", H(X({ isOpen: t, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         a.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: k(() => [
-            x(a.$slots, "optionTooltip", {}, void 0, !0)
+            C(a.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         a.$slots.optionPdf ? {
           name: "optionPdf",
           fn: k(() => [
-            x(a.$slots, "optionPdf", {}, void 0, !0)
+            C(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionCsv ? {
           name: "optionCsv",
           fn: k(() => [
-            x(a.$slots, "optionCsv", {}, void 0, !0)
+            C(a.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
           fn: k(() => [
-            x(a.$slots, "optionImg", {}, void 0, !0)
+            C(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         a.$slots.optionSvg ? {
           name: "optionSvg",
           fn: k(() => [
-            x(a.$slots, "optionSvg", {}, void 0, !0)
+            C(a.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         a.$slots.optionTable ? {
           name: "optionTable",
           fn: k(() => [
-            x(a.$slots, "optionTable", {}, void 0, !0)
+            C(a.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         a.$slots.optionLabels ? {
           name: "optionLabels",
           fn: k(() => [
-            x(a.$slots, "optionLabels", {}, void 0, !0)
+            C(a.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "7"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: k(({ toggleFullscreen: t, isFullscreen: o }) => [
-            x(a.$slots, "optionFullscreen", H(X({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
+            C(a.$slots, "optionFullscreen", H(X({ toggleFullscreen: t, isFullscreen: o })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: k(({ toggleAnnotator: t, isAnnotator: o }) => [
-            x(a.$slots, "optionAnnotator", H(X({ toggleAnnotator: t, isAnnotator: o })), void 0, !0)
+            C(a.$slots, "optionAnnotator", H(X({ toggleAnnotator: t, isAnnotator: o })), void 0, !0)
           ]),
           key: "9"
         } : void 0
@@ -1191,10 +1191,10 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             pointerEvents: "none"
           }
         }, [
-          x(a.$slots, "chart-background", {}, void 0, !0)
+          C(a.$slots, "chart-background", {}, void 0, !0)
         ], 8, Lo)) : b("", !0),
         e.value.style.chart.bars.gradient.show ? (s(), n("defs", So, [
-          (s(!0), n(C, null, w(L.value, (t, o) => (s(), n("linearGradient", {
+          (s(!0), n(x, null, w(L.value, (t, o) => (s(), n("linearGradient", {
             id: `gradient_${t.id}`,
             x1: "0%",
             y1: "0%",
@@ -1229,7 +1229,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           "stroke-linejoin": e.value.style.chart.grid.frame.strokeLinejoin,
           "stroke-dasharray": e.value.style.chart.grid.frame.strokeDasharray
         }, null, 8, Fo)) : b("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (s(!0), n(C, { key: 3 }, w(Y.value, (t, o) => (s(), n("line", {
+        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "vertical" ? (s(!0), n(x, { key: 3 }, w(Y.value, (t, o) => (s(), n("line", {
           x1: u.value.left,
           x2: u.value.right,
           y1: t.y,
@@ -1239,7 +1239,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           "stroke-dasharray": e.value.style.chart.grid.x.linesStrokeDasharray,
           "stroke-linecap": "round"
         }, null, 8, $o))), 256)) : b("", !0),
-        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (s(!0), n(C, { key: 4 }, w(h.value.end - h.value.start + 1, (t, o) => (s(), n("line", {
+        e.value.style.chart.grid.x.showHorizontalLines && e.value.orientation === "horizontal" ? (s(!0), n(x, { key: 4 }, w(h.value.end - h.value.start + 1, (t, o) => (s(), n("line", {
           x1: u.value.left,
           x2: u.value.right,
           y1: u.value.top + p.value * o,
@@ -1249,7 +1249,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           "stroke-dasharray": e.value.style.chart.grid.x.linesStrokeDasharray,
           "stroke-linecap": "round"
         }, null, 8, Do))), 256)) : b("", !0),
-        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (s(!0), n(C, { key: 5 }, w(h.value.end - h.value.start + 1, (t, o) => (s(), n("line", {
+        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "vertical" ? (s(!0), n(x, { key: 5 }, w(h.value.end - h.value.start + 1, (t, o) => (s(), n("line", {
           x1: u.value.left + p.value * o,
           x2: u.value.left + p.value * o,
           y1: u.value.top,
@@ -1259,7 +1259,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
           "stroke-linecap": "round"
         }, null, 8, No))), 256)) : b("", !0),
-        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "horizontal" ? (s(!0), n(C, { key: 6 }, w(Y.value, (t, o) => (s(), n("line", {
+        e.value.style.chart.grid.y.showVerticalLines && e.value.orientation === "horizontal" ? (s(!0), n(x, { key: 6 }, w(Y.value, (t, o) => (s(), n("line", {
           x1: t.horizontal_x,
           x2: t.horizontal_x,
           y1: u.value.top,
@@ -1269,12 +1269,12 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           "stroke-dasharray": e.value.style.chart.grid.y.linesStrokeDasharray,
           "stroke-linecap": "round"
         }, null, 8, Oo))), 256)) : b("", !0),
-        (s(!0), n(C, null, w(L.value, (t, o) => (s(), n("g", null, [
+        (s(!0), n(x, null, w(L.value, (t, o) => (s(), n("g", null, [
           a.$slots.pattern ? (s(), n("defs", Eo, [
-            x(a.$slots, "pattern", Me({ ref_for: !0 }, { seriesIndex: t.absoluteIndex, patternId: `pattern_${U.value}_${t.absoluteIndex}` }), void 0, !0)
+            C(a.$slots, "pattern", Me({ ref_for: !0 }, { seriesIndex: t.absoluteIndex, patternId: `pattern_${U.value}_${t.absoluteIndex}` }), void 0, !0)
           ])) : b("", !0),
-          e.value.orientation === "vertical" ? (s(), n(C, { key: 1 }, [
-            (s(!0), n(C, null, w(t.x, (c, r) => (s(), n("rect", {
+          e.value.orientation === "vertical" ? (s(), n(x, { key: 1 }, [
+            (s(!0), n(x, null, w(t.x, (c, r) => (s(), n("rect", {
               x: c,
               y: y(ie)(t.y[r]),
               height: t.height[r] < 0 ? 1e-4 : t.height[r] || 0,
@@ -1288,7 +1288,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
               class: de({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": le.value })
             }, null, 10, Po))), 256)),
             a.$slots.pattern ? (s(), n("g", Ro, [
-              (s(!0), n(C, null, w(t.x, (c, r) => (s(), n("rect", {
+              (s(!0), n(x, null, w(t.x, (c, r) => (s(), n("rect", {
                 x: c,
                 y: y(ie)(t.y[r]),
                 height: t.height[r] < 0 ? 1e-4 : t.height[r] || 0,
@@ -1302,8 +1302,8 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
                 class: de({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": le.value })
               }, null, 10, Bo))), 256))
             ])) : b("", !0)
-          ], 64)) : (s(), n(C, { key: 2 }, [
-            (s(!0), n(C, null, w(t.horizontal_x, (c, r) => (s(), n("rect", {
+          ], 64)) : (s(), n(x, { key: 2 }, [
+            (s(!0), n(x, null, w(t.horizontal_x, (c, r) => (s(), n("rect", {
               x: y(ie)(c, u.value.left),
               y: t.horizontal_y[r] < 0 ? 0 : t.horizontal_y[r],
               width: y(ie)(t.horizontal_width[r] < 0 ? 1e-4 : t.horizontal_width[r]),
@@ -1317,7 +1317,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
               class: de({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": le.value })
             }, null, 10, Io))), 256)),
             a.$slots.pattern ? (s(), n("g", Vo, [
-              (s(!0), n(C, null, w(t.horizontal_x, (c, r) => (s(), n("rect", {
+              (s(!0), n(x, null, w(t.horizontal_x, (c, r) => (s(), n("rect", {
                 x: y(ie)(c, u.value.left),
                 y: t.horizontal_y[r] < 0 ? 0 : t.horizontal_y[r],
                 width: y(ie)(t.horizontal_width[r] < 0 ? 1e-4 : t.horizontal_width[r]),
@@ -1376,9 +1376,9 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           "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, Wo)) : b("", !0),
-        T.value.dataLabels.show && e.value.orientation === "vertical" ? (s(), n(C, { key: 11 }, [
-          (s(!0), n(C, null, w(L.value, (t, o) => (s(), n("g", null, [
-            (s(!0), n(C, null, w(t.x, (c, r) => (s(), n(C, null, [
+        T.value.dataLabels.show && e.value.orientation === "vertical" ? (s(), n(x, { key: 11 }, [
+          (s(!0), n(x, null, w(L.value, (t, o) => (s(), n("g", null, [
+            (s(!0), n(x, null, w(t.x, (c, r) => (s(), n(x, null, [
               Qt(t.series[r], t.proportions[r]) ? (s(), n("text", {
                 key: 0,
                 x: c + p.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2,
@@ -1395,7 +1395,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             ref_key: "sumTop",
             ref: Ya
           }, [
-            (s(!0), n(C, null, w(It.value, (t, o) => (s(), n(C, null, [
+            (s(!0), n(x, null, w(It.value, (t, o) => (s(), n(x, null, [
               !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (s(), n("text", {
                 key: 0,
                 x: u.value.left + p.value * o + p.value / 2,
@@ -1408,9 +1408,9 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             ], 64))), 256))
           ], 512)) : b("", !0)
         ], 64)) : b("", !0),
-        T.value.dataLabels.show && e.value.orientation === "horizontal" ? (s(), n(C, { key: 12 }, [
-          (s(!0), n(C, null, w(L.value, (t, o) => (s(), n("g", null, [
-            (s(!0), n(C, null, w(t.horizontal_x, (c, r) => (s(), n(C, null, [
+        T.value.dataLabels.show && e.value.orientation === "horizontal" ? (s(), n(x, { key: 12 }, [
+          (s(!0), n(x, null, w(L.value, (t, o) => (s(), n("g", null, [
+            (s(!0), n(x, null, w(t.horizontal_x, (c, r) => (s(), n(x, null, [
               Qt(t.series[r], t.proportions[r]) ? (s(), n("text", {
                 key: 0,
                 x: c + (t.horizontal_width[r] < 0 ? 1e-4 : t.horizontal_width[r]) / 2,
@@ -1427,7 +1427,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             ref_key: "sumRight",
             ref: Qe
           }, [
-            (s(!0), n(C, null, w(It.value, (t, o) => (s(), n(C, null, [
+            (s(!0), n(x, null, w(It.value, (t, o) => (s(), n(x, null, [
               !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (s(), n("text", {
                 key: 0,
                 x: Al(o),
@@ -1445,7 +1445,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           ref_key: "scaleLabels",
           ref: oe
         }, [
-          (s(!0), n(C, null, w(Y.value, (t, o) => (s(), n("line", {
+          (s(!0), n(x, null, w(Y.value, (t, o) => (s(), n("line", {
             x1: u.value.left,
             x2: u.value.left - 6,
             y1: t.y,
@@ -1453,7 +1453,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             stroke: e.value.style.chart.grid.x.axisColor,
             "stroke-width": 1
           }, null, 8, Qo))), 256)),
-          (s(!0), n(C, null, w(Y.value, (t, o) => (s(), n("text", {
+          (s(!0), n(x, null, w(Y.value, (t, o) => (s(), n("text", {
             x: t.x,
             y: t.y + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
             "font-size": e.value.style.chart.grid.y.axisLabels.fontSize,
@@ -1477,7 +1477,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           ref_key: "scaleLabels",
           ref: oe
         }, [
-          (s(!0), n(C, null, w(Y.value, (t, o) => (s(), n("line", {
+          (s(!0), n(x, null, w(Y.value, (t, o) => (s(), n("line", {
             x1: t.horizontal_x,
             x2: t.horizontal_x,
             y1: u.value.bottom,
@@ -1486,7 +1486,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             "stroke-width": 1,
             "stroke-linecap": "round"
           }, null, 8, jo))), 256)),
-          (s(!0), n(C, null, w(Y.value, (t, o) => (s(), n("text", {
+          (s(!0), n(x, null, w(Y.value, (t, o) => (s(), n("text", {
             class: "vue-data-ui-time-label",
             "font-size": e.value.style.chart.grid.x.timeLabels.fontSize,
             "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
@@ -1511,8 +1511,8 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           ref: re
         }, [
           a.$slots["time-label"] ? (s(), n("g", tr, [
-            (s(!0), n(C, null, w(Pt.value, (t, o) => (s(), n("g", null, [
-              x(a.$slots, "time-label", Me({ ref_for: !0 }, {
+            (s(!0), n(x, null, w(Pt.value, (t, o) => (s(), n("g", null, [
+              C(a.$slots, "time-label", Me({ ref_for: !0 }, {
                 x: u.value.left + p.value * o + p.value / 2,
                 y: u.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY,
                 fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
@@ -1525,7 +1525,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
               }), void 0, !0)
             ]))), 256))
           ])) : (s(), n("g", ar, [
-            (s(!0), n(C, null, w(Pt.value, (t, o) => (s(), n("g", null, [
+            (s(!0), n(x, null, w(Pt.value, (t, o) => (s(), n("g", null, [
               String(t.text).includes(`
 `) ? (s(), n("text", {
                 key: o + "-multi",
@@ -1568,8 +1568,8 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           ref: re
         }, [
           a.$slots["time-label"] ? (s(), n("g", rr, [
-            (s(!0), n(C, null, w(E.value, (t, o) => (s(), n("g", null, [
-              x(a.$slots, "time-label", Me({ ref_for: !0 }, {
+            (s(!0), n(x, null, w(E.value, (t, o) => (s(), n("g", null, [
+              C(a.$slots, "time-label", Me({ ref_for: !0 }, {
                 x: u.value.left - 8,
                 y: u.value.top + p.value * o + p.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
                 fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
@@ -1582,7 +1582,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
               }), void 0, !0)
             ]))), 256))
           ])) : (s(), n("g", sr, [
-            (s(!0), n(C, null, w(E.value, (t, o) => (s(), n("g", null, [
+            (s(!0), n(x, null, w(E.value, (t, o) => (s(), n("g", null, [
               String(t.text).includes(`
 `) ? (s(), n("text", {
                 key: 1,
@@ -1617,7 +1617,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
             ]))), 256))
           ]))
         ], 512)) : b("", !0),
-        T.value.showTooltip && e.value.orientation === "vertical" ? (s(!0), n(C, { key: 17 }, w(h.value.end - h.value.start, (t, o) => (s(), n("rect", {
+        T.value.showTooltip && e.value.orientation === "vertical" ? (s(!0), n(x, { key: 17 }, w(h.value.end - h.value.start, (t, o) => (s(), n("rect", {
           x: u.value.left + o * p.value,
           y: u.value.top,
           width: p.value,
@@ -1628,7 +1628,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           fill: o === G.value || o === Ke.value ? e.value.style.chart.highlighter.color : "transparent",
           style: ne({ opacity: e.value.style.chart.highlighter.opacity / 100 })
         }, null, 44, ur))), 256)) : b("", !0),
-        T.value.showTooltip && e.value.orientation === "horizontal" ? (s(!0), n(C, { key: 18 }, w(h.value.end - h.value.start, (t, o) => (s(), n("rect", {
+        T.value.showTooltip && e.value.orientation === "horizontal" ? (s(!0), n(x, { key: 18 }, w(h.value.end - h.value.start, (t, o) => (s(), n("rect", {
           x: u.value.left,
           y: u.value.top + o * p.value,
           width: u.value.width < 0 ? 0 : u.value.width,
@@ -1643,7 +1643,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           "data-start": h.value.start,
           "data-end": h.value.end
         }), null, 16, hr)) : b("", !0),
-        x(a.$slots, "svg", {
+        C(a.$slots, "svg", {
           svg: {
             drawingArea: u.value,
             data: L.value
@@ -1651,7 +1651,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         }, void 0, !0)
       ], 14, Ao)),
       a.$slots.watermark ? (s(), n("div", vr, [
-        x(a.$slots, "watermark", H(X({ isPrinting: y(zt) || y(_t) })), void 0, !0)
+        C(a.$slots, "watermark", H(X({ isPrinting: y(zt) || y(_t) })), void 0, !0)
       ])) : b("", !0),
       e.value.style.chart.zoom.show && fe.value && ta.value && $.value > 6 ? (s(), Q(po, {
         key: 4,
@@ -1698,21 +1698,22 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         valueEnd: h.value.end,
         valueStart: h.value.start,
         verticalHandles: e.value.style.chart.zoom.minimap.verticalHandles,
-        "onUpdate:end": xl,
-        "onUpdate:start": Cl,
+        maxWidth: e.value.style.chart.zoom.maxWidth,
+        "onUpdate:end": Cl,
+        "onUpdate:start": xl,
         onTrapMouse: el,
         onReset: Ot,
         onFutureEnd: l[0] || (l[0] = (t) => Nt("end", t)),
         onFutureStart: l[1] || (l[1] = (t) => Nt("start", t))
       }, {
         "reset-action": k(({ reset: t }) => [
-          x(a.$slots, "reset-action", H(X({ reset: t })), void 0, !0)
+          C(a.$slots, "reset-action", H(X({ reset: t })), void 0, !0)
         ]),
         slotMap: k(({ width: t, height: o, unitW: c }) => [
-          (s(!0), n(C, null, w(L.value, (r) => (s(), n("g", {
+          (s(!0), n(x, null, w(L.value, (r) => (s(), n("g", {
             key: r.id
           }, [
-            (s(!0), n(C, null, w(r.xMinimap({ left: 0, unitW: c }), (m, A) => (s(), n("rect", {
+            (s(!0), n(x, null, w(r.xMinimap({ left: 0, unitW: c }), (m, A) => (s(), n("rect", {
               key: A,
               x: A === 0 ? m - c * (e.value.style.chart.bars.gapRatio / 4) : m - c / 2,
               y: Math.max(0, Math.min(o, r.yMinimap({ minimapH: o })[A])),
@@ -1731,7 +1732,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
           ]))), 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"])) : b("", !0),
+      }, 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"])) : b("", !0),
       _e(y(Fa), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: T.value.showTooltip && Ye.value,
@@ -1754,10 +1755,10 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": k(() => [
-          x(a.$slots, "tooltip-before", H(X({ ...We.value })), void 0, !0)
+          C(a.$slots, "tooltip-before", H(X({ ...We.value })), void 0, !0)
         ]),
         "tooltip-after": k(() => [
-          x(a.$slots, "tooltip-after", H(X({ ...We.value })), void 0, !0)
+          C(a.$slots, "tooltip-after", H(X({ ...We.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"]),
@@ -1786,7 +1787,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
               }, V(t.name), 13, br))
             ]),
             legendToggle: k(() => [
-              we.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !y(ue) ? (s(), Q(Co, {
+              we.value.length > 2 && e.value.style.chart.legend.selectAllToggle.show && !y(ue) ? (s(), Q(xo, {
                 key: 0,
                 backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
                 color: e.value.style.chart.legend.selectAllToggle.color,
@@ -1810,7 +1811,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["legendSet", "config"])) : x(a.$slots, "legend", {
+          ]), 1032, ["legendSet", "config"])) : C(a.$slots, "legend", {
             key: 1,
             legend: we.value
           }, void 0, !0)
@@ -1819,10 +1820,10 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
       a.$slots.source ? (s(), n("div", {
         key: 6,
         ref_key: "source",
-        ref: Ct,
+        ref: xt,
         dir: "auto"
       }, [
-        x(a.$slots, "source", {}, void 0, !0)
+        C(a.$slots, "source", {}, void 0, !0)
       ], 512)) : b("", !0),
       fe.value && e.value.userOptions.buttons.table ? (s(), Q(Ul(Ae.value.component), Me({ key: 7 }, Ae.value.props, {
         ref_key: "tableUnit",
@@ -1882,7 +1883,7 @@ const Ca = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
       y(ue) ? (s(), Q(so, { key: 8 })) : b("", !0)
     ], 46, ko));
   }
-}, mr = /* @__PURE__ */ xo(yr, [["__scopeId", "data-v-1ce226d0"]]), Ir = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, mr = /* @__PURE__ */ Co(yr, [["__scopeId", "data-v-d33f3102"]]), Ir = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: mr
 }, Symbol.toStringTag, { value: "Module" }));