vue-data-ui 3.9.12 → 3.9.13

package/dist/{vue-ui-stackline-DPV5Amgq.js → vue-ui-stackline-BnRxf3k_.js}

@@ -1,22 +1,22 @@
-import { defineAsyncComponent as ye, useSlots as Ul, computed as m, ref as y, onMounted as Wl, toRefs as Xl, watch as Le, shallowRef as La, onBeforeUnmount as Nt, watchEffect as ql, nextTick as Gl, createElementBlock as h, openBlock as i, normalizeStyle as Te, normalizeClass as Ta, createBlock as ie, createCommentVNode as w, renderSlot as _, createElementVNode as ue, createVNode as Ue, unref as M, withCtx as D, normalizeProps as ee, guardReactiveProps as te, createSlots as Ft, Fragment as E, renderList as W, mergeProps as lt, toDisplayString as de, Teleport as jl, resolveDynamicComponent as Zl, createTextVNode as Na } from "vue";
-import { c as Fa, t as Jl, i as Kl, p as ot, j as Ql, o as _a, g as Da, k as eo, l as to, ap as We, N as st, M as rt, R as ao, z as pe, B as be, O as lo, x as oo, Z as so, a as Xe, d as ke, P as qe, X as ro, n as no, s as io, T as za, u as uo, q as co, b as ho, e as Ge } from "./lib-W9waxHL3.js";
+import { defineAsyncComponent as ye, useSlots as Hl, computed as m, ref as y, onMounted as Wl, toRefs as Xl, watch as Le, shallowRef as La, onBeforeUnmount as Nt, watchEffect as ql, nextTick as Gl, createElementBlock as h, openBlock as i, normalizeStyle as Te, normalizeClass as Ta, createBlock as ie, createCommentVNode as w, renderSlot as _, createElementVNode as ue, createVNode as He, unref as M, withCtx as D, normalizeProps as ee, guardReactiveProps as te, createSlots as Ft, Fragment as E, renderList as W, mergeProps as lt, toDisplayString as de, Teleport as jl, resolveDynamicComponent as Jl, createTextVNode as Na } from "vue";
+import { c as Fa, t as Zl, i as Ql, j as ot, k as Kl, o as _a, g as Da, l as eo, m as to, aq as We, O as st, N as rt, S as ao, A as pe, C as be, P as lo, y as oo, _ as so, a as Xe, d as ke, Q as qe, X as ro, q as no, s as io, U as za, v as uo, r as co, b as ho, e as Ge } from "./lib-BwysEpWI.js";
 import { t as Ea, u as vo } from "./useResponsive-DfdjqQps.js";
-import { u as mo, a as _t } from "./useNestedProp-D-jUHecl.js";
+import { u as mo, a as _t } from "./useNestedProp--5lL-kf1.js";
 import { u as Ia, a as go, l as fo } from "./useTimeLabels-DKoynYae.js";
 import { u as yo, B as po } from "./BaseScanner-BMpwQAfz.js";
-import { u as bo } from "./usePrinter-DhoMn87n.js";
+import { u as bo } from "./usePrinter-BJzHDpYF.js";
 import { u as xo } from "./useSvgExport-ByUukOZt.js";
 import { u as ko } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Co } from "./useChartAccessibility-9icAAmYg.js";
 import { u as wo } from "./useTimeLabelCollider-CIsgDrl9.js";
 import { u as Ao } from "./useUserOptionState-BIvW1Kz7.js";
-import So from "./img-BJzUSmkm.js";
-import { _ as Dt } from "./Shape-_iTOIp3x.js";
-import Mo from "./Title-DFtCaCah.js";
-import $o from "./Legend-Dxz13z4E.js";
-import { S as Lo } from "./SlicerPreview-pHjYklxh.js";
+import So from "./img-DKigoPDs.js";
+import { _ as Dt } from "./Shape-DAHhCEdg.js";
+import Mo from "./Title-BhURirpm.js";
+import $o from "./Legend-D6z73edh.js";
+import { S as Lo } from "./SlicerPreview-oV3dMuV1.js";
 import { _ as To } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Pa = { 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" }, zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, lines: { totalValues: { color: "#CCCCCC" }, dataLabels: { color: "#CCCCCC" } }, grid: { x: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, timeLabels: { color: "#CCCCCC" } }, y: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, axisLabels: { color: "#CCCCCC" } } } } } }, Oa = { 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" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, highlighter: { color: "#424242" }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, lines: { totalValues: { color: "#424242" }, dataLabels: { color: "#424242" } }, grid: { x: { axisColor: "#5D403780", axisName: { color: "#424242" }, timeLabels: { color: "#424242" } }, y: { axisColor: "#5D403780", axisName: { color: "#424242" }, axisLabels: { color: "#424242" } } } } } }, Ra = { 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" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, highlighter: { color: "#FFF8E1" }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, lines: { totalValues: { color: "#BDBDBD" }, dataLabels: { color: "#BDBDBD" } }, grid: { x: { axisColor: "#5D403740", axisName: { color: "#BDBDBD" }, timeLabels: { color: "#BDBDBD" } }, y: { axisColor: "#5D4037", axisName: { color: "#BDBDBD" }, axisLabels: { color: "#BDBDBD" } } } } } }, Ba = { 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" }, zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, lines: { totalValues: { color: "#99AA99" }, dataLabels: { color: "#99AA99" } }, grid: { x: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, timeLabels: { color: "#99AA99" } }, y: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, axisLabels: { color: "#99AA99" } } } } } }, Va = { 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" }, zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, lines: { 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 } } } } } }, Ya = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, lines: { totalValues: { color: "#50606C" }, dataLabels: { 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" } } } } } }, Ha = {
+const Pa = { 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" }, zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, lines: { totalValues: { color: "#CCCCCC" }, dataLabels: { color: "#CCCCCC" } }, grid: { x: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, timeLabels: { color: "#CCCCCC" } }, y: { axisColor: "#5A5A5A", linesColor: "#4A4A4A", axisName: { color: "#CCCCCC" }, axisLabels: { color: "#CCCCCC" } } } } } }, Oa = { 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" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, highlighter: { color: "#424242" }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, lines: { totalValues: { color: "#424242" }, dataLabels: { color: "#424242" } }, grid: { x: { axisColor: "#5D403780", axisName: { color: "#424242" }, timeLabels: { color: "#424242" } }, y: { axisColor: "#5D403780", axisName: { color: "#424242" }, axisLabels: { color: "#424242" } } } } } }, Ra = { 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" }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, highlighter: { color: "#FFF8E1" }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, lines: { totalValues: { color: "#BDBDBD" }, dataLabels: { color: "#BDBDBD" } }, grid: { x: { axisColor: "#5D403740", axisName: { color: "#BDBDBD" }, timeLabels: { color: "#BDBDBD" } }, y: { axisColor: "#5D4037", axisName: { color: "#BDBDBD" }, axisLabels: { color: "#BDBDBD" } } } } } }, Ba = { 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" }, zoom: { color: "#5F6A5F", highlightColor: "#66CC66" }, highlighter: { color: "#66CC66" }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" }, lines: { totalValues: { color: "#99AA99" }, dataLabels: { color: "#99AA99" } }, grid: { x: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, timeLabels: { color: "#99AA99" } }, y: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, axisLabels: { color: "#99AA99" } } } } } }, Va = { 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" }, zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, highlighter: { color: "#8F837A" }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, lines: { 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 } } } } } }, Ya = { table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } }, style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", title: { color: "#50606C", subtitle: { color: "#718890" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, zoom: { color: "#92B0AB", highlightColor: "#50606C" }, highlighter: { color: "#7DA9B5" }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, lines: { totalValues: { color: "#50606C" }, dataLabels: { 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" } } } } } }, Ua = {
   default: {},
   dark: Pa,
   celebration: Oa,
@@ -30,10 +30,10 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   celebrationNight: Ra,
   concrete: Ya,
   dark: Pa,
-  default: Ha,
+  default: Ua,
   hack: Ba,
   zen: Va
-}, Symbol.toStringTag, { value: "Module" })), No = ["id"], Fo = ["id"], _o = ["xmlns", "viewBox"], Do = { key: 0 }, zo = ["x", "y", "width", "height"], Eo = { key: 1 }, Io = ["id"], Po = ["stop-color"], Oo = ["stop-color"], Ro = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Bo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Vo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Yo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ho = ["x", "y", "font-size", "fill", "font-weight"], Uo = ["transform", "font-size", "fill", "font-weight"], Wo = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Xo = ["d", "fill", "opacity"], qo = ["d", "stroke", "stroke-width"], Go = ["x1", "x2", "y1", "y2", "stroke"], jo = ["x", "y", "font-size", "font-weight", "fill"], Zo = { key: 0 }, Jo = { key: 1 }, Ko = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Qo = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], es = ["x", "y", "height", "width", "fill"], ts = { key: 0 }, as = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ls = { key: 0 }, os = ["x", "y", "font-size", "fill", "font-weight"], ss = ["x", "y", "font-size", "font-weight", "fill"], rs = ["data-start", "data-end"], ns = {
+}, Symbol.toStringTag, { value: "Module" })), No = ["id"], Fo = ["id"], _o = ["xmlns", "viewBox"], Do = { key: 0 }, zo = ["x", "y", "width", "height"], Eo = { key: 1 }, Io = ["id"], Po = ["stop-color"], Oo = ["stop-color"], Ro = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Bo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Vo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Yo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Uo = ["x", "y", "font-size", "fill", "font-weight"], Ho = ["transform", "font-size", "fill", "font-weight"], Wo = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], Xo = ["d", "fill", "opacity"], qo = ["d", "stroke", "stroke-width"], Go = ["x1", "x2", "y1", "y2", "stroke"], jo = ["x", "y", "font-size", "font-weight", "fill"], Jo = { key: 0 }, Zo = { key: 1 }, Qo = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Ko = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], es = ["x", "y", "height", "width", "fill"], ts = { key: 0 }, as = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ls = { key: 0 }, os = ["x", "y", "font-size", "fill", "font-weight"], ss = ["x", "y", "font-size", "font-weight", "fill"], rs = ["data-start", "data-end"], ns = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, is = ["onClick"], us = ["id"], cs = ["innerHTML"], hs = ["innerHTML"], vs = {
@@ -57,22 +57,22 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     }
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel", "selectX"],
-  setup(nt, { expose: Ua, emit: Wa }) {
-    const Xa = ye(() => import("./Tooltip-B79qvriT.js")), qa = ye(() => import("./BaseIcon-r3_sTK1A.js")), Ga = ye(() => import("./vue-ui-accordion-B6BX2vhq.js")), ja = ye(() => import("./DataTable-DNeCys3I.js")), Za = ye(() => import("./PenAndPaper-CsqBamFZ.js")), Ja = ye(() => import("./UserOptions-B-2A_KRb.js")), Ka = ye(() => import("./PackageVersion-BpArR90N.js")), Qa = ye(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_stackline: el } = mo(), { isThemeValid: tl, warnInvalidTheme: al } = ko(), zt = Ul(), j = nt, Ne = Wa, Fe = m({
+  setup(nt, { expose: Ha, emit: Wa }) {
+    const Xa = ye(() => import("./Tooltip-TDyKgLB6.js")), qa = ye(() => import("./BaseIcon-4i3dd7Ty.js")), Ga = ye(() => import("./vue-ui-accordion-tQNKwbVi.js")), ja = ye(() => import("./DataTable-WrXCJkfE.js")), Ja = ye(() => import("./PenAndPaper-DxIUvoQ8.js")), Za = ye(() => import("./UserOptions-CzJWRC4s.js")), Qa = ye(() => import("./PackageVersion-D3cMhAlf.js")), Ka = ye(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_stackline: el } = mo(), { isThemeValid: tl, warnInvalidTheme: al } = ko(), zt = Hl(), j = nt, Ne = Wa, Fe = m({
       get() {
         return !!j.dataset && j.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), ce = y(null), K = y(Fa()), Et = y(!1), It = y(null), X = y([]), Pt = y(0), Ot = y(null), Rt = y(null), _e = y(null), Bt = y(null), Vt = y(null), De = y(!1), it = y(!1), Yt = y(0), ll = y(0), ol = y(0), Ht = y(!1), ze = y(null), ut = y(null), Ce = y(!1), ct = y(null), ht = y(null), vt = y(null), je = y(null), sl = y(null), Ee = y(null), Ie = y(!1);
+    }), ce = y(null), Q = y(Fa()), Et = y(!1), It = y(null), X = y([]), Pt = y(0), Ot = y(null), Rt = y(null), _e = y(null), Bt = y(null), Vt = y(null), De = y(!1), it = y(!1), Yt = y(0), ll = y(0), ol = y(0), Ut = y(!1), ze = y(null), ut = y(null), Ce = y(!1), ct = y(null), ht = y(null), vt = y(null), je = y(null), sl = y(null), Ee = y(null), Ie = y(!1);
     function dt() {
       Ie.value = !Ie.value;
     }
     Wl(() => {
-      Ht.value = !0, Qt();
+      Ut.value = !0, Kt();
     });
-    const e = y(ft()), { loading: he, FINAL_DATASET: mt, manualLoading: Ze } = yo({
+    const e = y(ft()), { loading: he, FINAL_DATASET: mt, manualLoading: Je } = yo({
       ...Xl(j),
       FINAL_CONFIG: e,
       prepareConfig: ft,
@@ -93,7 +93,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           color: "#CACACA"
         }
       ],
-      skeletonConfig: Jl({
+      skeletonConfig: Zl({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -145,12 +145,12 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           }
         }
       })
-    }), { userOptionsVisible: gt, setUserOptionsVisibility: Ut, keepUserOptionState: Wt } = Ao({ config: e.value }), { svgRef: we } = Co({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: gt, setUserOptionsVisibility: Ht, keepUserOptionState: Wt } = Ao({ config: e.value }), { svgRef: we } = Co({ config: e.value.style.chart.title });
     function rl() {
-      Ce.value = !0, Ut(!0);
+      Ce.value = !0, Ht(!0);
     }
     function nl() {
-      Ut(!1), Ce.value = !1;
+      Ht(!1), Ce.value = !1;
     }
     function ft() {
       const t = _t({
@@ -164,7 +164,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           al(t), l = t;
         else {
           const o = _t({
-            userConfig: Ha[a] || j.config,
+            userConfig: Ua[a] || j.config,
             defaultConfig: t
           });
           l = {
@@ -172,7 +172,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
               userConfig: j.config,
               defaultConfig: o
             }),
-            customPalette: t.customPalette.length ? t.customPalette : Kl[a] || ot
+            customPalette: t.customPalette.length ? t.customPalette : Ql[a] || ot
           };
         }
       else
@@ -181,14 +181,14 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     }
     const Xt = m(() => e.value.style.chart.lines.dataLabels.hideUnderValue !== null), qt = m(() => e.value.style.chart.lines.dataLabels.hideUnderPercentage !== null);
     Le(() => j.config, (t) => {
-      he.value || (e.value = ft()), gt.value = !e.value.userOptions.showOnChartHover, Qt(), Yt.value += 1, ll.value += 1, ol.value += 1, q.value.dataLabels.show = e.value.style.chart.lines.dataLabels.show, q.value.showTable = e.value.table.show, q.value.showTooltip = e.value.style.chart.tooltip.show, ve.value.width = e.value.style.chart.width, ve.value.height = e.value.style.chart.height, ve.value.paddingRatio = {
+      he.value || (e.value = ft()), gt.value = !e.value.userOptions.showOnChartHover, Kt(), Yt.value += 1, ll.value += 1, ol.value += 1, q.value.dataLabels.show = e.value.style.chart.lines.dataLabels.show, q.value.showTable = e.value.table.show, q.value.showTooltip = e.value.style.chart.tooltip.show, ve.value.width = e.value.style.chart.width, ve.value.height = e.value.style.chart.height, ve.value.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
-      }, Ke();
+      }, Qe();
     }, { deep: !0 }), Le(() => j.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (Ze.value = !1), la();
+      Array.isArray(t) && t.length > 0 && (Je.value = !1), la();
     }, { deep: !0 });
     const q = y({
       dataLabels: {
@@ -206,8 +206,8 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    const { isPrinting: Gt, isImaging: jt, generatePdf: Zt, generateImage: Jt } = bo({
-      elementId: `stackline_${K.value}`,
+    const { isPrinting: Gt, isImaging: jt, generatePdf: Jt, generateImage: Zt } = bo({
+      elementId: `stackline_${Q.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-stackline",
       options: e.value.userOptions.print
     }), il = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), ve = y({
@@ -219,13 +219,13 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         bottom: e.value.style.chart.padding.bottom / e.value.style.chart.height,
         left: e.value.style.chart.padding.left / e.value.style.chart.width
       }
-    }), ul = m(() => Ql(e.value.customPalette)), me = La(null), Ae = La(null), Kt = y(null), yt = m(() => !!e.value.debug);
-    function Qt() {
+    }), ul = m(() => Kl(e.value.customPalette)), me = La(null), Ae = La(null), Qt = y(null), yt = m(() => !!e.value.debug);
+    function Kt() {
       if (_a(j.dataset) ? (Da({
         componentName: "VueUiStackline",
         type: "dataset",
         debug: yt.value
-      }), Ze.value = !0) : j.dataset.forEach((t, l) => {
+      }), Je.value = !0) : j.dataset.forEach((t, l) => {
         eo({
           datasetObject: t,
           requiredAttributes: ["name", "series"]
@@ -236,9 +236,9 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             property: a,
             index: l,
             debug: yt.value
-          }), Ze.value = !0;
+          }), Je.value = !0;
         });
-      }), _a(j.dataset) || (Ze.value = e.value.loading), setTimeout(() => {
+      }), _a(j.dataset) || (Je.value = e.value.loading), setTimeout(() => {
         it.value = !0;
       }, 10), e.value.responsive) {
         const t = Ea(() => {
@@ -252,7 +252,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             source: Vt.value
           });
           requestAnimationFrame(() => {
-            ve.value.width = l, ve.value.height = a - 12, clearTimeout(Kt.value), Kt.value = setTimeout(() => {
+            ve.value.width = l, ve.value.height = a - 12, clearTimeout(Qt.value), Qt.value = setTimeout(() => {
               it.value = !0;
             }, 10);
           });
@@ -344,7 +344,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       };
     })), re = m(
       () => ae.value.filter((t) => !X.value.includes(t.id) && !t.standalone)
-    ), Je = m(
+    ), Ze = m(
       () => ae.value.filter((t) => !X.value.includes(t.id) && t.standalone)
     ), ne = m(() => Math.max(...ae.value.filter((t) => !X.value.includes(t.id)).map((t) => t.series.length)));
     function dl(t) {
@@ -361,7 +361,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     function aa(t, l) {
       le.value[t] = l;
     }
-    function Ke() {
+    function Qe() {
       const t = ne.value;
       let l = Math.max(0, Math.min(c.value.start ?? 0, t - 1)), a = Math.max(l + 1, Math.min(c.value.end ?? t, t));
       (!Number.isFinite(l) || !Number.isFinite(a) || a <= l) && (l = 0, a = t), c.value.start = l, c.value.end = a, le.value.start = l, le.value.end = a, _e.value && (_e.value.setStartValue(l), _e.value.setEndValue(a));
@@ -380,7 +380,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         await ml(), et();
       });
     }
-    const Qe = m(() => Math.max(0, v.value.width / (c.value.end - c.value.start))), oa = m(() => We(
+    const Ke = m(() => Math.max(0, v.value.width / (c.value.end - c.value.start))), oa = m(() => We(
       re.value.map((t) => ({ ...t, series: t.series.map((l) => l ?? 0) }))
     ).slice(c.value.start, c.value.end)), sa = m(() => {
       if (!e.value.style.chart.zoom.minimap.show) return [];
@@ -391,7 +391,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             series: (o.series || []).map((s) => s ?? 0)
           }))
         );
-      const t = Je.value;
+      const t = Ze.value;
       if (!t.length) return [];
       const l = Math.max(...t.map((o) => o.series.length || 0));
       return Array.from(
@@ -400,7 +400,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       );
     }), gl = m(() => {
       if (!e.value.style.chart.zoom.minimap.show) return [];
-      const t = re.value, l = Je.value, a = t.length ? [{
+      const t = re.value, l = Ze.value, a = t.length ? [{
         name: "",
         series: sa.value,
         color: "#000000",
@@ -434,7 +434,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       };
     }), Me = m(() => {
       const t = Math.max(0, c.value.end - c.value.start), l = Array(t).fill(0), a = Array(t).fill(0);
-      return Je.value.forEach((o) => {
+      return Ze.value.forEach((o) => {
         for (let s = 0; s < t; s += 1) {
           const r = o.series[c.value.start + s] ?? 0;
           r > 0 && (l[s] = Math.max(l[s], r)), r < 0 && (a[s] = Math.min(a[s], r));
@@ -477,7 +477,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         return {
           zero: g,
           y: z,
-          x: J.value.left - 8,
+          x: Z.value.left - 8,
           value: P
         };
       });
@@ -538,36 +538,36 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       return ae.value.filter((g) => !X.value.includes(g.id)).map((g) => {
         const S = [], P = [], z = [], F = new Array(s).fill(null), B = new Array(s).fill(null);
         for (let f = 0; f < s; f += 1) {
-          const $ = a + f, U = g.series?.[$], H = g.signedSeries?.[$], fe = U == null || Number.isNaN(U) ? 0 : U, $a = g.standalone ? fe / d : e.value.style.chart.lines.distributed ? fe / (oa.value[f] || 1) : fe / d;
+          const $ = a + f, H = g.series?.[$], U = g.signedSeries?.[$], fe = H == null || Number.isNaN(H) ? 0 : H, $a = g.standalone ? fe / d : e.value.style.chart.lines.distributed ? fe / (oa.value[f] || 1) : fe / d;
           if (fe >= 0) {
             const Ve = t * Math.abs($a);
             if (g.standalone)
               F[f] = l, B[f] = l - Ve;
             else {
-              const Ye = u[f], He = Ye + Ve;
-              F[f] = l - Ye, B[f] = l - He, u[f] = He;
+              const Ye = u[f], Ue = Ye + Ve;
+              F[f] = l - Ye, B[f] = l - Ue, u[f] = Ue;
             }
           } else {
             const Ve = t * Math.abs($a);
             if (g.standalone)
               F[f] = l, B[f] = l + Ve;
             else {
-              const Ye = b[f], He = Ye + Ve;
-              F[f] = l + Ye, B[f] = l + He, b[f] = He;
+              const Ye = b[f], Ue = Ye + Ve;
+              F[f] = l + Ye, B[f] = l + Ue, b[f] = Ue;
             }
           }
-          S.push(f), P.push(fe), z.push(H ?? (fe >= 0 ? 1 : -1));
+          S.push(f), P.push(fe), z.push(U ?? (fe >= 0 ? 1 : -1));
         }
-        const V = S.map((f) => ({ x: R(f), y: B[f] })), Z = V.map((f) => f.x), G = P.reduce((f, $) => f + Math.abs($ || 0), 0), Y = G === 0 ? 1 : G, O = P.map((f, $) => {
+        const V = S.map((f) => ({ x: R(f), y: B[f] })), J = V.map((f) => f.x), G = P.reduce((f, $) => f + Math.abs($ || 0), 0), Y = G === 0 ? 1 : G, O = P.map((f, $) => {
           if (e.value.style.chart.lines.distributed && !g.standalone) {
-            const U = S[$], H = oa.value[U] || 1;
-            return (f || 0) / H;
+            const H = S[$], U = oa.value[H] || 1;
+            return (f || 0) / U;
           }
           return (f || 0) / Y;
         });
         return {
           ...g,
-          x: Z,
+          x: J,
           points: V,
           baseY: S.map((f) => F[f]),
           topY: S.map((f) => B[f]),
@@ -600,7 +600,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       return xl.value.map((A) => {
         const d = A.x.length, u = Array.isArray(A.fullSeries) ? A.fullSeries : A.series, b = ({ left: Y = 0, unitW: O }) => {
           const f = u.length;
-          return !Number.isFinite(O) || O <= 0 || f <= 0 ? [] : f === 1 ? [Y + O * 0.5] : u.map(($, U) => Y + U * O);
+          return !Number.isFinite(O) || O <= 0 || f <= 0 ? [] : f === 1 ? [Y + O * 0.5] : u.map(($, H) => Y + H * O);
         }, R = ({ minimapH: Y }) => !Number.isFinite(Y) || Y <= 0 ? [] : u.map((O) => I(O || 0)), g = ({ minimapH: Y }) => {
           if (!Number.isFinite(Y) || Y <= 0) return [];
           const O = I(0);
@@ -619,17 +619,17 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             yMinimapBase: g
           };
         const S = A.x.map((Y, O) => ({ x: Y, y: A.topY[O] })), P = A.x.map((Y, O) => ({ x: Y, y: A.baseY[O] })), z = d >= 2 ? pe(S) : `M${S[0].x},${S[0].y}`, F = d >= 2 ? be(S) : `M${S[0].x},${S[0].y}`, B = d >= 2 ? `M${t(z)}` : z, V = d >= 2 ? `M${t(F)}` : F;
-        let Z = "", G = "";
+        let J = "", G = "";
         if (e.value.style.chart.lines.useArea && d >= 2) {
           const Y = pe([...P].reverse()), O = be([...P].reverse()), f = P[P.length - 1];
-          Z = `M${S[0].x},${S[0].y} ${t(z)} L${f.x},${f.y} ${t(Y)} Z`, G = `M${S[0].x},${S[0].y} ${t(F)} L${f.x},${f.y} ${t(O)} Z`;
+          J = `M${S[0].x},${S[0].y} ${t(z)} L${f.x},${f.y} ${t(Y)} Z`, G = `M${S[0].x},${S[0].y} ${t(F)} L${f.x},${f.y} ${t(O)} Z`;
         }
         return {
           ...A,
           points: S,
           smoothPath: B,
           straightPath: V,
-          smoothArea: Z,
+          smoothArea: J,
           straightArea: G,
           xMinimap: b,
           yMinimap: R,
@@ -646,7 +646,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         Re.value = !0;
         try {
           const { startIndex: t, endIndex: l } = e.value.style.chart.zoom, a = ne.value, o = t ?? 0, s = l != null ? Math.min(ca(l + 1), a) : a;
-          tt.value = !0, c.value.start = o, c.value.end = s, le.value.start = o, le.value.end = s, Ke(), ua.value = !0;
+          tt.value = !0, c.value.start = o, c.value.end = s, le.value.start = o, le.value.end = s, Qe(), ua.value = !0;
         } finally {
           queueMicrotask(() => {
             tt.value = !1;
@@ -655,14 +655,14 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       }
     }
     function kl(t) {
-      Re.value || tt.value || t !== c.value.start && (c.value.start = t, le.value.start = t, Ke());
+      Re.value || tt.value || t !== c.value.start && (c.value.start = t, le.value.start = t, Qe());
     }
     function Cl(t) {
       if (Re.value || tt.value) return;
       const l = ca(t);
-      l !== c.value.end && (c.value.end = l, le.value.end = l, Ke());
+      l !== c.value.end && (c.value.end = l, le.value.end = l, Qe());
     }
-    const J = m(() => ({
+    const Z = m(() => ({
       left: v.value.left,
       right: v.value.right,
       width: v.value.width
@@ -696,16 +696,16 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       return { x: L, y: C, ok: !0 };
     }
     let xe = 0;
-    const Q = m(() => Math.max(1, c.value.end - c.value.start)), At = m(
-      () => Q.value > 1 ? v.value.width / (Q.value - 1) : 0
+    const K = m(() => Math.max(1, c.value.end - c.value.start)), At = m(
+      () => K.value > 1 ? v.value.width / (K.value - 1) : 0
     );
     function se(t) {
-      return Q.value <= 1 ? v.value.left + v.value.width / 2 : v.value.left + t * At.value;
+      return K.value <= 1 ? v.value.left + v.value.width / 2 : v.value.left + t * At.value;
     }
     function va(t) {
-      if (Q.value <= 1)
+      if (K.value <= 1)
         return { x: v.value.left, width: v.value.width };
-      const l = t === 0 ? v.value.left : (se(t - 1) + se(t)) / 2, a = t === Q.value - 1 ? v.value.left + v.value.width : (se(t) + se(t + 1)) / 2;
+      const l = t === 0 ? v.value.left : (se(t - 1) + se(t)) / 2, a = t === K.value - 1 ? v.value.left + v.value.width : (se(t) + se(t + 1)) / 2;
       return { x: l, width: Math.max(0, a - l) };
     }
     function Sl(t) {
@@ -722,12 +722,12 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           return;
         }
         let n = 0;
-        if (Q.value > 1) {
+        if (K.value > 1) {
           const p = (l.x - a) / At.value;
           n = Math.round(p);
         } else
           n = 0;
-        n < 0 && (n = 0), n > Q.value - 1 && (n = Q.value - 1), wt.value !== n && (wt.value = n, da(!0, n));
+        n < 0 && (n = 0), n > K.value - 1 && (n = K.value - 1), wt.value !== n && (wt.value = n, da(!0, n));
       }));
     }
     function Ml(t) {
@@ -736,12 +736,12 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       const { left: a, right: o, top: s, bottom: r } = v.value;
       if (l.x < a || l.x > o || l.y < s || l.y > r) return;
       let n = 0;
-      if (Q.value > 1) {
+      if (K.value > 1) {
         const p = (l.x - a) / At.value;
         n = Math.round(p);
       } else
         n = 0;
-      n < 0 && (n = 0), n > Q.value - 1 && (n = Q.value - 1), Ma({
+      n < 0 && (n = 0), n > K.value - 1 && (n = K.value - 1), Ma({
         seriesIndex: n,
         datapoint: wa(n)
       }), $l(n);
@@ -759,7 +759,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     Le(
       () => [c.value.start, c.value.end, T.value.length],
       () => {
-        const t = Q.value;
+        const t = K.value;
         if (x.value != null) {
           if (t <= 0) {
             x.value = null;
@@ -981,7 +981,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     const Be = m(() => {
       const t = e.value.table.useDialog && !e.value.table.show, l = q.value.showTable;
       return {
-        component: t ? Qa : Ga,
+        component: t ? Ka : 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,
@@ -1056,7 +1056,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     const Aa = m(() => {
       if (e.value.style.chart.lines.distributed)
         return { min: -1, max: 1 };
-      const t = re.value, l = Je.value, a = Math.max(
+      const t = re.value, l = Ze.value, a = Math.max(
         1,
         ...[...t, ...l].map((d) => d.series?.length || 0)
       ), o = Array(a).fill(0), s = Array(a).fill(0);
@@ -1104,30 +1104,30 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         }, b = [], R = Array(r).fill(0);
         return o.forEach((g) => {
           const S = Array.isArray(g.fullSeries) ? g.fullSeries : g.series, P = new Array(r), z = new Array(r);
-          for (let H = 0; H < r; H += 1) {
-            const ge = S?.[H], fe = ge == null || Number.isNaN(ge) ? 0 : Math.abs(ge) / d[H];
-            z[H] = R[H], R[H] += fe, P[H] = R[H];
+          for (let U = 0; U < r; U += 1) {
+            const ge = S?.[U], fe = ge == null || Number.isNaN(ge) ? 0 : Math.abs(ge) / d[U];
+            z[U] = R[U], R[U] += fe, P[U] = R[U];
           }
-          const F = P.map(u), B = z.map(u), V = n.map((H, ge) => ({ x: H, y: F[ge] })), Z = n.map((H, ge) => ({ x: H, y: B[ge] })), G = pe(V), Y = pe([...Z].reverse()), O = be(V), f = be([...Z].reverse()), $ = Z[Z.length - 1];
+          const F = P.map(u), B = z.map(u), V = n.map((U, ge) => ({ x: U, y: F[ge] })), J = n.map((U, ge) => ({ x: U, y: B[ge] })), G = pe(V), Y = pe([...J].reverse()), O = be(V), f = be([...J].reverse()), $ = J[J.length - 1];
           if (e.value.style.chart.lines.useArea) {
-            const H = e.value.style.chart.lines.smooth ? `M${V[0].x},${V[0].y} ${a(G)} L${$.x},${$.y} ${a(Y)} Z` : `M${V[0].x},${V[0].y} ${a(O)} L${$.x},${$.y} ${a(f)} Z`;
+            const U = e.value.style.chart.lines.smooth ? `M${V[0].x},${V[0].y} ${a(G)} L${$.x},${$.y} ${a(Y)} Z` : `M${V[0].x},${V[0].y} ${a(O)} L${$.x},${$.y} ${a(f)} Z`;
             b.push(
-              `<path d="${H}"
-                    fill="${zt.pattern ? `url(#pattern_${K.value}_${g.absoluteIndex})` : (e.value.style.chart.lines.gradient.show, g.color)}"
+              `<path d="${U}"
+                    fill="${zt.pattern ? `url(#pattern_${Q.value}_${g.absoluteIndex})` : (e.value.style.chart.lines.gradient.show, g.color)}"
                     opacity="${e.value.style.chart.lines.areaOpacity}"
                     stroke="none" />`
             );
           }
-          const U = e.value.style.chart.lines.smooth ? `M${V[0].x},${V[0].y} ${a(G)}` : `M${V[0].x},${V[0].y} ${a(O)}`;
+          const H = e.value.style.chart.lines.smooth ? `M${V[0].x},${V[0].y} ${a(G)}` : `M${V[0].x},${V[0].y} ${a(O)}`;
           b.push(
-            `<path d="${U}"
+            `<path d="${H}"
                 fill="none"
                 stroke="${g.color}"
                 stroke-width="${e.value.style.chart.lines.strokeWidth}"
                 stroke-linecap="round" />`
           );
         }), s.length && s.forEach((g) => {
-          const S = Array.isArray(g.fullSeries) ? g.fullSeries : g.series, P = Array.from({ length: r }, (Z, G) => u(Math.abs(S?.[G] ?? 0) / d[G])), z = n.map((Z, G) => ({ x: Z, y: P[G] })), F = pe(z), B = be(z), V = e.value.style.chart.lines.smooth ? `M${z[0].x},${z[0].y} ${a(F)}` : `M${z[0].x},${z[0].y} ${a(B)}`;
+          const S = Array.isArray(g.fullSeries) ? g.fullSeries : g.series, P = Array.from({ length: r }, (J, G) => u(Math.abs(S?.[G] ?? 0) / d[G])), z = n.map((J, G) => ({ x: J, y: P[G] })), F = pe(z), B = be(z), V = e.value.style.chart.lines.smooth ? `M${z[0].x},${z[0].y} ${a(F)}` : `M${z[0].x},${z[0].y} ${a(B)}`;
           b.push(
             `<path d="${V}"
                     fill="none"
@@ -1143,15 +1143,15 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         o.forEach((b) => {
           const R = Array.isArray(b.fullSeries) ? b.fullSeries : b.series, g = new Array(r), S = new Array(r);
           for (let $ = 0; $ < r; $ += 1) {
-            const U = R?.[$] ?? 0;
-            U >= 0 ? (S[$] = d[$], d[$] += U, g[$] = d[$]) : (S[$] = u[$], u[$] += U, g[$] = u[$]);
+            const H = R?.[$] ?? 0;
+            H >= 0 ? (S[$] = d[$], d[$] += H, g[$] = d[$]) : (S[$] = u[$], u[$] += H, g[$] = u[$]);
           }
-          const P = g.map(I), z = S.map(I), F = n.map(($, U) => ({ x: $, y: P[U] })), B = n.map(($, U) => ({ x: $, y: z[U] })), V = pe(F), Z = pe([...B].reverse()), G = be(F), Y = be([...B].reverse()), O = B[B.length - 1];
+          const P = g.map(I), z = S.map(I), F = n.map(($, H) => ({ x: $, y: P[H] })), B = n.map(($, H) => ({ x: $, y: z[H] })), V = pe(F), J = pe([...B].reverse()), G = be(F), Y = be([...B].reverse()), O = B[B.length - 1];
           if (e.value.style.chart.lines.useArea) {
-            const $ = e.value.style.chart.lines.smooth ? `M${F[0].x},${F[0].y} ${a(V)} L${O.x},${O.y} ${a(Z)} Z` : `M${F[0].x},${F[0].y} ${a(G)} L${O.x},${O.y} ${a(Y)} Z`;
+            const $ = e.value.style.chart.lines.smooth ? `M${F[0].x},${F[0].y} ${a(V)} L${O.x},${O.y} ${a(J)} Z` : `M${F[0].x},${F[0].y} ${a(G)} L${O.x},${O.y} ${a(Y)} Z`;
             A.push(
               `<path d="${$}"
-                    fill="${zt.pattern ? `url(#pattern_${K.value}_${b.absoluteIndex})` : (e.value.style.chart.lines.gradient.show, b.color)}"
+                    fill="${zt.pattern ? `url(#pattern_${Q.value}_${b.absoluteIndex})` : (e.value.style.chart.lines.gradient.show, b.color)}"
                     opacity="${e.value.style.chart.lines.areaOpacity}"
                     stroke="none" />`
             );
@@ -1196,7 +1196,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         { datapoint: l, seriesIndex: a, datapointIndex: o }
       );
     }
-    function Hl(t, l, a, o) {
+    function Ul(t, l, a, o) {
       return Xe(
         e.value.style.chart.lines.dataLabels.formatter,
         t,
@@ -1216,12 +1216,12 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         indexLabel: e.value.style.chart.grid.x.timeLabels.values[a]
       });
     }
-    return Ua({
+    return Ha({
       getData: Ol,
       getImage: Pl,
-      generatePdf: Zt,
+      generatePdf: Jt,
       generateCsv: Tt,
-      generateImage: Jt,
+      generateImage: Zt,
       generateSvg: ya,
       hideSeries: Fl,
       showSeries: Nl,
@@ -1231,7 +1231,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       toggleAnnotator: dt,
       toggleFullscreen: ba
     }), (t, l) => (i(), h("div", {
-      id: `stackline_${K.value}`,
+      id: `stackline_${Q.value}`,
       ref_key: "stacklineChart",
       ref: ce,
       class: Ta({ "vue-data-ui-component": !0, "vue-ui-stackline": !0, "vue-data-ui-wrapper-fullscreen": De.value }),
@@ -1239,7 +1239,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       onMouseenter: rl,
       onMouseleave: nl
     }, [
-      e.value.userOptions.buttons.annotator ? (i(), ie(M(Za), {
+      e.value.userOptions.buttons.annotator ? (i(), ie(M(Ja), {
         key: 0,
         svgRef: M(we),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -1296,9 +1296,9 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         }, null, 8, ["config"]))
       ], 512)) : w("", !0),
       ue("div", {
-        id: `legend-top-${K.value}`
+        id: `legend-top-${Q.value}`
       }, null, 8, Fo),
-      e.value.userOptions.show && Fe.value && (M(Wt) || M(gt)) ? (i(), ie(M(Ja), {
+      e.value.userOptions.show && Fe.value && (M(Wt) || M(gt)) ? (i(), ie(M(Za), {
         ref_key: "userOptionsRef",
         ref: ut,
         key: `user_option_${Pt.value}`,
@@ -1306,7 +1306,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         color: e.value.style.chart.color,
         isPrinting: M(Gt),
         isImaging: M(jt),
-        uid: K.value,
+        uid: Q.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,
@@ -1326,9 +1326,9 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: ba,
-        onGeneratePdf: M(Zt),
+        onGeneratePdf: M(Jt),
         onGenerateCsv: Tt,
-        onGenerateImage: M(Jt),
+        onGenerateImage: M(Zt),
         onGenerateSvg: ya,
         onToggleTable: xa,
         onToggleLabels: ka,
@@ -1423,17 +1423,17 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         onMouseleave: St,
         onClick: Ml
       }, [
-        Ue(M(Ka)),
+        He(M(Qa)),
         (i(!0), h(E, null, W(re.value, (a) => (i(), h(E, null, [
           t.$slots.pattern ? (i(), h("defs", Do, [
-            _(t.$slots, "pattern", lt({ ref_for: !0 }, { seriesIndex: a.absoluteIndex, patternId: `pattern_${K.value}_${a.absoluteIndex}` }), void 0, !0)
+            _(t.$slots, "pattern", lt({ ref_for: !0 }, { seriesIndex: a.absoluteIndex, patternId: `pattern_${Q.value}_${a.absoluteIndex}` }), void 0, !0)
           ])) : w("", !0)
         ], 64))), 256)),
         t.$slots["chart-background"] ? (i(), h("foreignObject", {
           key: 0,
-          x: J.value.left,
+          x: Z.value.left,
           y: v.value.top,
-          width: J.value.width,
+          width: Z.value.width,
           height: v.value.height,
           style: {
             pointerEvents: "none"
@@ -1460,8 +1460,8 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           ], 8, Io))), 256))
         ])) : w("", !0),
         e.value.style.chart.grid.x.showHorizontalLines ? (i(!0), h(E, { key: 2 }, W($e.value, (a, o) => (i(), h("line", {
-          x1: J.value.left,
-          x2: J.value.right,
+          x1: Z.value.left,
+          x2: Z.value.right,
           y1: a.y,
           y2: a.y,
           stroke: e.value.style.chart.grid.x.linesColor,
@@ -1481,8 +1481,8 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         }, null, 8, Bo))), 256)) : w("", !0),
         e.value.style.chart.grid.x.showAxis ? (i(), h("line", {
           key: 4,
-          x1: J.value.left,
-          x2: J.value.right,
+          x1: Z.value.left,
+          x2: Z.value.right,
           y1: v.value.bottom,
           y2: v.value.bottom,
           stroke: e.value.style.chart.grid.x.axisColor,
@@ -1492,8 +1492,8 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         }, null, 8, Vo)) : w("", !0),
         e.value.style.chart.grid.y.showAxis && !e.value.style.chart.lines.distributed ? (i(), h("line", {
           key: 5,
-          x1: J.value.left,
-          x2: J.value.left,
+          x1: Z.value.left,
+          x2: Z.value.left,
           y1: v.value.top,
           y2: v.value.bottom,
           stroke: e.value.style.chart.grid.y.axisColor,
@@ -1511,7 +1511,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           fill: e.value.style.chart.grid.x.axisName.color,
           "font-weight": e.value.style.chart.grid.x.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, de(e.value.style.chart.grid.x.axisName.text), 9, Ho)) : w("", !0),
+        }, de(e.value.style.chart.grid.x.axisName.text), 9, Uo)) : w("", !0),
         e.value.style.chart.grid.y.axisName.show && e.value.style.chart.grid.y.axisName.text ? (i(), h("text", {
           key: 7,
           ref_key: "yAxisLabel",
@@ -1521,13 +1521,13 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           fill: e.value.style.chart.grid.y.axisName.color,
           "font-weight": e.value.style.chart.grid.y.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, de(e.value.style.chart.grid.y.axisName.text), 9, Uo)) : w("", !0),
+        }, de(e.value.style.chart.grid.y.axisName.text), 9, Ho)) : w("", !0),
         e.value.style.chart.grid.frame.show ? (i(), h("rect", {
           key: 8,
           style: { pointerEvents: "none", transition: "none", animation: "none !important" },
-          x: J.value.left,
+          x: Z.value.left,
           y: v.value.top,
-          width: J.value.width,
+          width: Z.value.width,
           height: v.value.height,
           fill: "transparent",
           stroke: e.value.style.chart.grid.frame.stroke,
@@ -1540,7 +1540,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           e.value.style.chart.lines.useArea && !a.standalone ? (i(), h("path", {
             key: 0,
             d: e.value.style.chart.lines.smooth ? a.smoothArea : a.straightArea,
-            fill: t.$slots.pattern ? `url(#pattern_${K.value}_${a.absoluteIndex})` : e.value.style.chart.lines.gradient.show ? `url(#gradient_${a.id})` : a.color,
+            fill: t.$slots.pattern ? `url(#pattern_${Q.value}_${a.absoluteIndex})` : e.value.style.chart.lines.gradient.show ? `url(#gradient_${a.id})` : a.color,
             opacity: e.value.style.chart.lines.areaOpacity,
             style: Te({
               transition: M(he) || !e.value.useCssAnimation ? void 0 : "all 0.3s ease-in-out"
@@ -1563,8 +1563,8 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           ref: vt
         }, [
           (i(!0), h(E, null, W($e.value, (a, o) => (i(), h("line", {
-            x1: J.value.left,
-            x2: J.value.left - 6,
+            x1: Z.value.left,
+            x2: Z.value.left - 6,
             y1: a.y,
             y2: a.y,
             stroke: e.value.style.chart.grid.x.axisColor,
@@ -1594,21 +1594,21 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           ref_key: "timeLabelsEls",
           ref: je
         }, [
-          t.$slots["time-label"] ? (i(), h("g", Zo, [
+          t.$slots["time-label"] ? (i(), h("g", Jo, [
             (i(!0), h(E, null, W(kt.value, (a, o) => (i(), h("g", null, [
               _(t.$slots, "time-label", lt({ ref_for: !0 }, {
-                x: v.value.left + Qe.value * o + Qe.value / 2,
+                x: v.value.left + Ke.value * o + Ke.value / 2,
                 y: v.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(${v.value.left + Qe.value * o + Qe.value / 2}, ${v.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})`,
+                transform: `translate(${v.value.left + Ke.value * o + Ke.value / 2}, ${v.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))
-          ])) : (i(), h("g", Jo, [
+          ])) : (i(), h("g", Zo, [
             (i(!0), h(E, null, W(kt.value, (a, o) => (i(), h("g", null, [
               String(a.text).includes(`
 `) ? (i(), h("text", {
@@ -1632,7 +1632,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                   y: 0
                 }),
                 onClick: () => ma(a, o)
-              }, null, 8, Qo)) : (i(), h("text", {
+              }, null, 8, Ko)) : (i(), h("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",
@@ -1642,7 +1642,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 transform: `translate(${se(o)}, ${v.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`,
                 style: { cursor: "pointer" },
                 onClick: () => ma(a, o)
-              }, de(a.text), 9, Ko))
+              }, de(a.text), 9, Qo))
             ]))), 256))
           ]))
         ], 512)) : w("", !0),
@@ -1717,7 +1717,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 fill: e.value.style.chart.lines.dataLabels.color,
                 "font-weight": e.value.style.chart.lines.dataLabels.bold ? "bold" : "normal",
                 "text-anchor": "middle"
-              }, de(e.value.style.chart.lines.showDistributedPercentage && e.value.style.chart.lines.distributed ? Hl(a.proportions[r] * 100, a, o, a.rel[r]) : Sa(a.series[r], a, o, a.rel[r], a.signedSeries[r])), 9, os)) : w("", !0)
+              }, de(e.value.style.chart.lines.showDistributedPercentage && e.value.style.chart.lines.distributed ? Ul(a.proportions[r] * 100, a, o, a.rel[r]) : Sa(a.series[r], a, o, a.rel[r], a.signedSeries[r])), 9, os)) : w("", !0)
             ], 64))), 128))
           ]))), 128)),
           e.value.style.chart.lines.totalValues.show && T.value.length > 1 ? (i(), h("g", {
@@ -1752,9 +1752,9 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       t.$slots.watermark ? (i(), h("div", ns, [
         _(t.$slots, "watermark", ee(te({ isPrinting: M(Gt) || M(jt) })), void 0, !0)
       ])) : w("", !0),
-      Ht.value ? (i(), ie(jl, {
+      Ut.value ? (i(), ie(jl, {
         key: 5,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${K.value}` : `#legend-bottom-${K.value}`
+        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${Q.value}` : `#legend-bottom-${Q.value}`
       }, [
         ue("div", {
           ref_key: "chartLegend",
@@ -1778,12 +1778,12 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             t.$slots.pattern ? {
               name: "legend-pattern",
               fn: D(({ legend: a, index: o }) => [
-                Ue(Dt, {
+                He(Dt, {
                   shape: a.shape,
                   radius: 30,
                   stroke: "none",
                   plot: { x: 30, y: 30 },
-                  fill: `url(#pattern_${K.value}_${o})`
+                  fill: `url(#pattern_${Q.value}_${o})`
                 }, null, 8, ["shape", "fill"])
               ]),
               key: "0"
@@ -1795,15 +1795,15 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         ], 512)
       ], 8, ["to"])) : w("", !0),
       ue("div", {
-        id: `legend-bottom-${K.value}`
+        id: `legend-bottom-${Q.value}`
       }, null, 8, us),
-      Fe.value && e.value.userOptions.buttons.table ? (i(), ie(Zl(Be.value.component), lt({ key: 6 }, Be.value.props, {
+      Fe.value && e.value.userOptions.buttons.table ? (i(), ie(Jl(Be.value.component), lt({ key: 6 }, Be.value.props, {
         ref_key: "tableUnit",
         ref: ze,
         onClose: pa
       }), Ft({
         content: D(() => [
-          Ue(M(ja), {
+          He(M(ja), {
             colNames: at.value.colNames,
             head: at.value.head,
             body: at.value.body,
@@ -1843,7 +1843,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
               class: "vue-ui-user-options-button",
               onClick: l[1] || (l[1] = (a) => Tt(e.value.userOptions.callbacks.csv))
             }, [
-              Ue(M(qa), {
+              He(M(qa), {
                 name: "excel",
                 stroke: Be.value.props.color
               }, null, 8, ["stroke"])
@@ -1913,7 +1913,7 @@ const Pa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         ]),
         _: 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"])) : w("", !0),
-      Ue(M(Xa), {
+      He(M(Xa), {
         show: q.value.showTooltip && Et.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,