vue-data-ui 3.9.12 → 3.9.13

package/dist/{vue-ui-sparkline-CGMDNQpH.js → vue-ui-sparkline-CsByZZt4.js}

@@ -1,7 +1,7 @@
-import { defineAsyncComponent as he, computed as f, ref as y, toRefs as Xe, watch as J, shallowRef as ye, onMounted as Ye, onBeforeUnmount as pe, createElementBlock as c, openBlock as n, normalizeStyle as z, renderSlot as F, createCommentVNode as h, createBlock as ge, normalizeProps as be, guardReactiveProps as me, createElementVNode as p, toDisplayString as B, unref as u, createVNode as qe, Fragment as Q, renderList as ee, withCtx as Ze, createTextVNode as Ke, nextTick as He } from "vue";
-import { c as Je, t as Qe, a0 as ke, am as te, o as xe, g as Ae, k as et, h as E, m as tt, an as at, X as lt, s as V, z as _e, B as ot, P as Ce, a as ae, d as le, ao as rt } from "./lib-W9waxHL3.js";
+import { defineAsyncComponent as he, computed as f, ref as y, toRefs as Xe, watch as Q, shallowRef as ye, onMounted as Ye, onBeforeUnmount as pe, createElementBlock as c, openBlock as n, normalizeStyle as z, renderSlot as F, createCommentVNode as h, createBlock as ge, normalizeProps as be, guardReactiveProps as me, createElementVNode as p, toDisplayString as B, unref as u, createVNode as qe, Fragment as J, renderList as ee, withCtx as Ze, createTextVNode as Ke, nextTick as He } from "vue";
+import { c as Qe, t as Je, a1 as ke, an as te, o as xe, g as Ae, l as et, h as E, n as tt, ao as at, X as lt, s as V, A as _e, C as ot, Q as Ce, a as ae, d as le, ap as rt } from "./lib-BwysEpWI.js";
 import { t as ut, u as st } from "./useResponsive-DfdjqQps.js";
-import { u as nt, a as oe } from "./useNestedProp-D-jUHecl.js";
+import { u as nt, a as oe } from "./useNestedProp--5lL-kf1.js";
 import { u as it, B as vt } from "./BaseScanner-BMpwQAfz.js";
 import { u as dt } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as ct } from "./useTimeLabels-DKoynYae.js";
@@ -58,7 +58,7 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
   },
   emits: ["hoverIndex", "selectDatapoint"],
   setup(L, { emit: De }) {
-    const Se = he(() => import("./PackageVersion-BpArR90N.js")), ze = he(() => import("./SparkTooltip-BaSHhfes.js")), { vue_ui_sparkline: Be } = nt(), { isThemeValid: Ee, warnInvalidTheme: Ve } = dt(), s = L, re = f(() => Array.isArray(s.dataset) && s.dataset.length > 0), g = y(Je()), T = y(null), ue = y(null), se = y(null), e = y(W());
+    const Se = he(() => import("./PackageVersion-D3cMhAlf.js")), ze = he(() => import("./SparkTooltip-D7iYVquk.js")), { vue_ui_sparkline: Be } = nt(), { isThemeValid: Ee, warnInvalidTheme: Ve } = dt(), s = L, re = f(() => Array.isArray(s.dataset) && s.dataset.length > 0), g = y(Qe()), T = y(null), ue = y(null), se = y(null), e = y(W());
     function Te(t) {
       return rt(t).map((a) => ({ period: "-", value: a }));
     }
@@ -72,7 +72,7 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
         });
       },
       skeletonDataset: Te(12),
-      skeletonConfig: Qe({
+      skeletonConfig: Je({
         defaultConfig: e.value,
         userConfig: {
           style: {
@@ -120,9 +120,9 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
       data: $.value,
       threshold: e.value.downsample.threshold
     }));
-    J(() => s.config, (t) => {
+    Q(() => s.config, (t) => {
       R.value || (e.value = W()), ve(), r.value.chartWidth = e.value.style.chartWidth;
-    }, { deep: !0 }), J(() => s.dataset, (t) => {
+    }, { deep: !0 }), Q(() => s.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (P.value = !1), b.value = te({
         data: $.value.map((a) => ({
           ...a,
@@ -178,7 +178,7 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
       };
       N.value = requestAnimationFrame(fe);
     }
-    J(U, () => {
+    Q(U, () => {
       X();
     }), Ye(() => {
       ve(), X();
@@ -421,7 +421,7 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
           "stroke-width": e.value.style.line.strokeWidth,
           "stroke-linecap": "round"
         }, null, 8, Ft)) : h("", !0),
-        (n(!0), c(Q, null, ee(d.value, (l, o) => (n(), c("g", null, [
+        (n(!0), c(J, null, ee(d.value, (l, o) => (n(), c("g", null, [
           I.value ? (n(), c("rect", {
             key: 0,
             x: l.x - l.width / 2,
@@ -454,7 +454,7 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
           "stroke-width": e.value.style.zeroLine.strokeWidth,
           "stroke-linecap": "round"
         }, null, 8, zt)) : h("", !0),
-        e.value.style.plot.show ? (n(!0), c(Q, { key: 5 }, ee(d.value, (l, o) => (n(), c("g", null, [
+        e.value.style.plot.show ? (n(!0), c(J, { key: 5 }, ee(d.value, (l, o) => (n(), c("g", null, [
           v.value && l.id === v.value.id || L.selectedIndex === o || u($).length === 1 ? (n(), c("circle", {
             key: 0,
             cx: l.x,
@@ -482,7 +482,7 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
           ce.value,
           u(le)({ p: e.value.style.dataLabel.prefix, v: ce.value, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue })
         )), 9, Et)) : h("", !0),
-        (n(!0), c(Q, null, ee(d.value, (l, o) => (n(), c("rect", {
+        (n(!0), c(J, null, ee(d.value, (l, o) => (n(), c("rect", {
           x: l.x - (i.value.width / (C.value + 1) > r.value.padding ? r.value.padding : i.value.width / (C.value + 1)) / 2,
           y: i.value.top - 6,
           height: i.value.height + 6,

package/dist/{vue-ui-sparkstackbar-C3vjYPrM.js → vue-ui-sparkstackbar-ByUb6nk-.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as Q, useSlots as Ie, onMounted as Z, ref as v, toRefs as Te, watch as ee, computed as F, createElementBlock as s, openBlock as r, normalizeStyle as g, createCommentVNode as h, createVNode as te, createBlock as Pe, createElementVNode as d, toDisplayString as S, unref as c, Fragment as _, renderList as D, normalizeClass as z, withCtx as oe, renderSlot as U, normalizeProps as le, guardReactiveProps as ae } from "vue";
-import { c as re, t as ze, i as Oe, p as i, l as B, j as Le, o as Ne, g as se, k as je, d as R, X as Ve, s as ne, h as ue, a as ie, x as Me } from "./lib-W9waxHL3.js";
-import { u as Ue, a as G } from "./useNestedProp-D-jUHecl.js";
+import { c as re, t as ze, i as Oe, j as i, m as B, k as Le, o as Ne, g as se, l as je, d as R, X as Ve, s as ne, h as ue, a as ie, y as Me } from "./lib-BwysEpWI.js";
+import { u as Ue, a as G } from "./useNestedProp--5lL-kf1.js";
 import { u as Re, B as Ge } from "./BaseScanner-BMpwQAfz.js";
 import { u as We } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Ye } from "./useChartAccessibility-9icAAmYg.js";
@@ -50,7 +50,7 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
   },
   emits: ["selectDatapoint"],
   setup(ye, { expose: me, emit: be }) {
-    const Ce = Q(() => import("./PackageVersion-BpArR90N.js")), ke = Q(() => import("./Tooltip-B79qvriT.js")), { vue_ui_sparkstackbar: _e } = Ue(), { isThemeValid: xe, warnInvalidTheme: we } = We(), m = ye, Ae = Ie();
+    const Ce = Q(() => import("./PackageVersion-D3cMhAlf.js")), ke = Q(() => import("./Tooltip-TDyKgLB6.js")), { vue_ui_sparkstackbar: _e } = Ue(), { isThemeValid: xe, warnInvalidTheme: we } = We(), m = ye, Ae = Ie();
     Z(() => {
       Ae["chart-background"] && console.warn("VueUiSparkStackbar does not support the #chart-background slot.");
     });

package/dist/{vue-ui-stackbar-BQiLC89h.js → vue-ui-stackbar-D7SnQvr4.js}

@@ -1,8 +1,8 @@
 import { defineAsyncComponent as j, useSlots as Pl, computed as b, ref as d, onMounted as ia, toRefs as Ol, watch as ze, shallowRef as ua, onBeforeUnmount as gt, watchEffect as ca, nextTick as El, createElementBlock as n, openBlock as s, normalizeStyle as ne, normalizeClass as ve, createBlock as ee, createCommentVNode as y, renderSlot as C, createElementVNode as te, createVNode as _e, unref as m, withCtx as L, normalizeProps as U, guardReactiveProps as H, createSlots as bt, Fragment as x, renderList as w, mergeProps as Me, toDisplayString as B, Teleport as Rl, resolveDynamicComponent as Il, createTextVNode as ha } from "vue";
-import { u as Bl, a as yt } from "./useNestedProp-D-jUHecl.js";
-import { c as va, t as Vl, i as Ul, p as He, a0 as de, j as Hl, o as da, g as ga, k as Xl, l as Yl, ap as Te, N as ba, M as ya, R as Wl, X as ql, n as Gl, P as ie, w as fa, a as ge, d as ae, _ as Jl, aq as Zl, x as ma, u as Kl, q as Ql, Z as jl } from "./lib-W9waxHL3.js";
+import { u as Bl, a as yt } from "./useNestedProp--5lL-kf1.js";
+import { c as va, t as Vl, i as Ul, j as He, a1 as de, k as Hl, o as da, g as ga, l as Xl, m as Yl, aq as Te, O as ba, N as ya, S as Wl, X as ql, q as Gl, Q as ie, x as fa, a as ge, d as ae, $ as Jl, ar as Zl, y as ma, v as Ql, r as Kl, _ as jl } from "./lib-BwysEpWI.js";
 import { t as ft, u as eo } from "./useResponsive-DfdjqQps.js";
-import { u as to } from "./usePrinter-DhoMn87n.js";
+import { u as to } from "./usePrinter-BJzHDpYF.js";
 import { u as ao, B as lo } from "./BaseScanner-BMpwQAfz.js";
 import { u as pa, a as oo, l as ro } from "./useTimeLabels-DKoynYae.js";
 import { u as so } from "./useSvgExport-ByUukOZt.js";
@@ -10,11 +10,11 @@ import { u as no } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as io } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as uo } from "./useChartAccessibility-9icAAmYg.js";
 import { u as co } from "./useTimeLabelCollider-CIsgDrl9.js";
-import ho from "./img-BJzUSmkm.js";
-import vo from "./Title-DFtCaCah.js";
-import { _ as go } from "./Shape-_iTOIp3x.js";
-import bo from "./Legend-Dxz13z4E.js";
-import { S as yo } from "./SlicerPreview-pHjYklxh.js";
+import ho from "./img-DKigoPDs.js";
+import vo from "./Title-BhURirpm.js";
+import { _ as go } from "./Shape-DAHhCEdg.js";
+import bo from "./Legend-D6z73edh.js";
+import { S as yo } from "./SlicerPreview-oV3dMuV1.js";
 import { _ as fo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const xa = { 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" }, 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" } } } } } }, ka = { 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" }, bars: { totalValues: { color: "#424242" } }, grid: { x: { axisColor: "#5D403780", axisName: { color: "#424242" }, timeLabels: { color: "#424242" } }, y: { axisColor: "#5D403780", axisName: { color: "#424242" }, axisLabels: { color: "#424242" } } } } } }, Ca = { 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" }, bars: { totalValues: { color: "#BDBDBD" } }, grid: { x: { axisColor: "#5D403740", axisName: { color: "#BDBDBD" }, timeLabels: { color: "#BDBDBD" } }, y: { axisColor: "#5D4037", axisName: { color: "#BDBDBD" }, axisLabels: { color: "#BDBDBD" } } } } } }, wa = { 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" }, bars: { totalValues: { color: "#99AA99" } }, grid: { x: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, timeLabels: { color: "#99AA99" } }, y: { axisColor: "#5F6A5F", axisName: { color: "#66CC66" }, axisLabels: { color: "#99AA99" } } } } } }, La = { 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" }, 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 } } } } } }, Aa = { 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" }, 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" } } } } } }, Sa = {
   default: {},
@@ -33,7 +33,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   default: Sa,
   hack: wa,
   zen: La
-}, Symbol.toStringTag, { value: "Module" })), mo = ["id"], po = ["id"], xo = ["xmlns", "viewBox"], ko = ["x", "y", "width", "height"], Co = { key: 1 }, wo = ["id"], Lo = ["stop-color"], Ao = ["stop-color"], So = ["stop-color"], zo = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], _o = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Mo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], To = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], $o = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fo = { key: 0 }, Do = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], No = { key: 0 }, Po = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], Oo = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Eo = { key: 0 }, Ro = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Io = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Vo = ["x", "y", "font-size", "fill", "font-weight"], Uo = ["transform", "font-size", "fill", "font-weight"], Ho = ["x", "y", "font-size", "fill", "font-weight"], Xo = ["x", "y", "font-size", "font-weight", "fill"], Yo = ["x", "y", "font-size", "fill", "font-weight"], Wo = ["x", "y", "font-size", "font-weight", "fill"], qo = ["x1", "x2", "y1", "y2", "stroke"], Go = ["x", "y", "font-size", "font-weight", "fill"], Jo = ["x1", "x2", "y1", "y2", "stroke"], Zo = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Ko = { key: 0 }, Qo = { key: 1 }, jo = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], er = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], tr = { key: 0 }, ar = { key: 1 }, lr = ["font-size", "font-weight", "fill", "x", "y", "onClick"], or = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], rr = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], sr = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], nr = ["data-start", "data-end"], ir = {
+}, Symbol.toStringTag, { value: "Module" })), mo = ["id"], po = ["id"], xo = ["xmlns", "viewBox"], ko = ["x", "y", "width", "height"], Co = { key: 1 }, wo = ["id"], Lo = ["stop-color"], Ao = ["stop-color"], So = ["stop-color"], zo = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], _o = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Mo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], To = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], $o = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Fo = { key: 0 }, Do = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], No = { key: 0 }, Po = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], Oo = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Eo = { key: 0 }, Ro = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Io = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Vo = ["x", "y", "font-size", "fill", "font-weight"], Uo = ["transform", "font-size", "fill", "font-weight"], Ho = ["x", "y", "font-size", "fill", "font-weight"], Xo = ["x", "y", "font-size", "font-weight", "fill"], Yo = ["x", "y", "font-size", "fill", "font-weight"], Wo = ["x", "y", "font-size", "font-weight", "fill"], qo = ["x1", "x2", "y1", "y2", "stroke"], Go = ["x", "y", "font-size", "font-weight", "fill"], Jo = ["x1", "x2", "y1", "y2", "stroke"], Zo = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Qo = { key: 0 }, Ko = { key: 1 }, jo = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], er = ["text-anchor", "font-size", "fill", "transform", "innerHTML", "onClick"], tr = { key: 0 }, ar = { key: 1 }, lr = ["font-size", "font-weight", "fill", "x", "y", "onClick"], or = ["font-size", "font-weight", "fill", "x", "y", "onClick", "innerHTML"], rr = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], sr = ["x", "y", "width", "height", "onClick", "onMouseenter", "onMouseleave", "fill"], nr = ["data-start", "data-end"], ir = {
   key: 3,
   class: "vue-data-ui-watermark"
 }, ur = ["x", "y", "height", "width", "fill", "stroke"], cr = ["id"], hr = ["onClick"], vr = ["innerHTML"], dr = {
@@ -58,14 +58,14 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   },
   emits: ["selectDatapoint", "selectLegend", "selectTimeLabel", "selectX"],
   setup(Xe, { expose: za, emit: _a }) {
-    const Ma = j(() => import("./Tooltip-B79qvriT.js")), Ta = j(() => import("./BaseIcon-r3_sTK1A.js")), $a = j(() => import("./vue-ui-accordion-B6BX2vhq.js")), Fa = j(() => import("./DataTable-DNeCys3I.js")), Da = j(() => import("./PenAndPaper-CsqBamFZ.js")), Na = j(() => import("./UserOptions-B-2A_KRb.js")), Pa = j(() => import("./PackageVersion-BpArR90N.js")), Oa = j(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_stackbar: Ea } = Bl(), { isThemeValid: Ra, warnInvalidTheme: Ia } = no(), Ba = Pl(), k = Xe, be = _a, ye = b({
+    const Ma = j(() => import("./Tooltip-TDyKgLB6.js")), Ta = j(() => import("./BaseIcon-4i3dd7Ty.js")), $a = j(() => import("./vue-ui-accordion-tQNKwbVi.js")), Fa = j(() => import("./DataTable-WrXCJkfE.js")), Da = j(() => import("./PenAndPaper-DxIUvoQ8.js")), Na = j(() => import("./UserOptions-CzJWRC4s.js")), Pa = j(() => import("./PackageVersion-D3cMhAlf.js")), Oa = j(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_stackbar: Ea } = Bl(), { isThemeValid: Ra, warnInvalidTheme: Ia } = no(), Ba = Pl(), k = Xe, be = _a, ye = b({
       get() {
         return !!k.dataset && k.dataset.length;
       },
       set(a) {
         return a;
       }
-    }), J = d(null), V = d(va()), Ye = d(!1), We = d(null), qe = d(""), F = d([]), mt = d(0), pt = d(null), xt = d(null), fe = d(null), kt = d(null), me = d(!1), G = d(null), le = d(!1), Ct = d(0), Va = d(0), Ua = d(0), wt = d(!1), pe = d(null), Ge = d(null), Je = d(null), Ze = d(null), oe = d(null), re = d(null), Ha = d(null), Ke = d(null), Qe = d(null);
+    }), J = d(null), V = d(va()), Ye = d(!1), We = d(null), qe = d(""), F = d([]), mt = d(0), pt = d(null), xt = d(null), fe = d(null), kt = d(null), me = d(!1), G = d(null), le = d(!1), Ct = d(0), Va = d(0), Ua = d(0), wt = d(!1), pe = d(null), Ge = d(null), Je = d(null), Ze = d(null), oe = d(null), re = d(null), Ha = d(null), Qe = d(null), Ke = d(null);
     ia(() => {
       wt.value = !0, ot();
     });
@@ -211,7 +211,7 @@ const xa = { 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
       }
-    }), Wa = b(() => Hl(e.value.customPalette)), K = ua(null), ce = ua(null), Ft = d(null);
+    }), Wa = b(() => Hl(e.value.customPalette)), Q = ua(null), ce = ua(null), Ft = d(null);
     ia(() => {
       ot();
     });
@@ -252,12 +252,12 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             }, 10);
           });
         });
-        K.value && (ce.value && K.value.unobserve(ce.value), K.value.disconnect()), K.value = new ResizeObserver(a), ce.value = J.value.parentNode, K.value.observe(ce.value);
+        Q.value && (ce.value && Q.value.unobserve(ce.value), Q.value.disconnect()), Q.value = new ResizeObserver(a), ce.value = J.value.parentNode, Q.value.observe(ce.value);
       }
       Be();
     }
     gt(() => {
-      K.value && (ce.value && K.value.unobserve(ce.value), K.value.disconnect());
+      Q.value && (ce.value && Q.value.unobserve(ce.value), Q.value.disconnect());
     });
     function qa() {
       let a = 0;
@@ -287,7 +287,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     }, 100);
     function Za() {
       if (e.value.orientation !== "horizontal") return 0;
-      const a = Ke.value;
+      const a = Qe.value;
       if (!a) return 0;
       const l = Array.from(a.querySelectorAll("text"));
       if (!l.length) return 0;
@@ -302,7 +302,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     }
     ca((a) => {
       if (e.value.orientation !== "horizontal") return;
-      const l = Ke.value;
+      const l = Qe.value;
       if (!l) return;
       const t = () => {
         const r = Za();
@@ -338,7 +338,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         width: Math.max(0, N),
         height: Math.max(0, $)
       };
-    }), Ka = b(() => {
+    }), Qa = b(() => {
       const { left: a, top: l, width: t, height: o } = u.value, c = h.value.start, r = h.value.end, f = Math.max(1, r - c), A = Math.max(0, Math.min(f, (R.value.start ?? c) - c)), M = Math.max(0, Math.min(f, (R.value.end ?? r) - c)), N = Math.max(0, M - A), $ = {
         fill: e.value.style.chart.zoom.preview.fill,
         stroke: e.value.style.chart.zoom.preview.stroke,
@@ -384,8 +384,8 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         color: t
       };
     })), D = b(() => Math.max(...X.value.filter((a) => !F.value.includes(a.id)).map((a) => a.series.length)));
-    function Qa(a) {
-      Qe.value = a;
+    function Ka(a) {
+      Ke.value = a;
     }
     const h = d({
       start: 0,
@@ -499,8 +499,8 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       const c = Math.max(...Pe.value.positive) || 0, r = Math.min(...Pe.value.negative), f = [-1 / 0, 1 / 0, NaN, void 0, null].includes(r) ? 0 : r, A = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? ba(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : f > 0 ? 0 : f, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks) : ya(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : f > 0 ? 0 : f, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : c < 0 ? 0 : c, e.value.style.chart.grid.scale.ticks), { min: M, max: N } = A, $ = N + (M >= 0 ? 0 : Math.abs(M)) || 1, E = u.value.height, I = u.value.width, Se = Y.value[0] ? Y.value[0].zero : u.value.bottom, W = Y.value[0] ? Y.value[0].horizontal_zero : u.value.left;
       let la = Array(se.value.length).fill(0), oa = Array(se.value.length).fill(0);
       return X.value.filter((he) => !F.value.includes(he.id)).map((he) => {
-        const Q = he.series.slice(), ra = Q.map((v, g) => la[g]), Cl = Q.map((v, g) => oa[g]);
-        Q.forEach((v, g) => {
+        const K = he.series.slice(), ra = K.map((v, g) => la[g]), Cl = K.map((v, g) => oa[g]);
+        K.forEach((v, g) => {
           (Number(v) || 0) >= 0 ? la[g] += Number(v) || 0 : oa[g] += Math.abs(Number(v) || 0);
         });
         const Z = he.series.slice(h.value.start, h.value.end), wl = he.signedSeries.slice(h.value.start, h.value.end), Ll = Z.map((v, g) => u.value.left + p.value * g + p.value * e.value.style.chart.bars.gapRatio / 4), Ue = (se.value || []).filter(Number.isFinite), ht = Ue.length ? Math.max(...Ue) : 0, vt = Ue.length ? Math.min(...Ue) : 0;
@@ -528,19 +528,19 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         }
         const Al = ({ left: v, unitW: g }) => {
           const z = g * (e.value.style.chart.bars.gapRatio / 4);
-          return Q.map((P, _) => v + g * _ + z);
+          return K.map((P, _) => v + g * _ + z);
         }, Sl = Z.map((v, g) => u.value.top + p.value * g + p.value * e.value.style.chart.bars.gapRatio / 4), zl = Z.map((v, g) => {
           const z = e.value.style.chart.bars.distributed ? (v || 0) / Ce.value[g] : (v || 0) / $;
           let P, _;
           return v > 0 ? (_ = E * z, P = Se - _ - a[g], a[g] += _) : (_ = E * z, P = Se + t[g], t[g] += Math.abs(_)), P;
         }), _l = ({ minimapH: v }) => {
           if (e.value.style.chart.bars.distributed)
-            return Q.map((_, q) => {
+            return K.map((_, q) => {
               const dt = Math.abs(Number(_) || 0), na = Math.abs(se.value?.[q] || 0) || 1e-9, Nl = (ra[q] + dt) / na;
               return v - Nl * v;
             });
           const { pxPerUnit: g, zero: z } = sa({ minimapH: v });
-          return Q.map((P, _) => {
+          return K.map((P, _) => {
             const q = Number(P) || 0;
             return q >= 0 ? z - (ra[_] + q) * g : z + Cl[_] * g;
           });
@@ -553,12 +553,12 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           return v > 0 ? E * z : E * Math.abs(z);
         }), $l = ({ minimapH: v }) => {
           if (e.value.style.chart.bars.distributed)
-            return Q.map((P, _) => {
+            return K.map((P, _) => {
               const q = Math.abs(Number(P) || 0), dt = Math.abs(se.value?.[_] || 0) || 1e-9;
               return q / dt * v;
             });
           const { pxPerUnit: g } = sa({ minimapH: v });
-          return Q.map((z) => Math.abs(Number(z) || 0) * g);
+          return K.map((z) => Math.abs(Number(z) || 0) * g);
         }, Fl = Z.map((v, g) => {
           const z = e.value.style.chart.bars.distributed ? (v || 0) / Ce.value[g] : (v || 0) / $;
           return v > 0 ? I * z : I * Math.abs(z);
@@ -765,8 +765,8 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       }), { head: a, body: l };
     });
     function nt(a = null) {
-      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], t = ["", ...Jt.value.head.map((f) => f.label)], o = Jt.value.body, c = l.concat([t]).concat(o), r = Kl(c);
-      a ? a(r) : Ql({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
+      const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], t = ["", ...Jt.value.head.map((f) => f.label)], o = Jt.value.body, c = l.concat([t]).concat(o), r = Ql(c);
+      a ? a(r) : Kl({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-stackbar" });
     }
     const Ee = b(() => {
       const a = [""].concat(S.value.map((c) => c.name)).concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>');
@@ -847,7 +847,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       });
     }
     const cl = b(() => Math.max(...S.value.flatMap((a) => a.series)));
-    function Kt(a, l) {
+    function Qt(a, l) {
       return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? zt.value ? l * 100 >= e.value.style.chart.bars.dataLabels.hideUnderPercentage : e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? l > 0 : !0 : zt.value ? (St.value && lt.value && console.warn("Vue Data UI - VueUiStackbar - You cannot set both dataLabels.hideUnderPercentage and dataLabels.hideUnderValue. Note that dataLabels.hideUnderPercentage takes precedence in this case."), a > cl.value * e.value.style.chart.bars.dataLabels.hideUnderPercentage / 100) : St.value ? Math.abs(a) >= e.value.style.chart.bars.dataLabels.hideUnderValue : e.value.style.chart.bars.dataLabels.hideEmptyValues ? a !== 0 : !0;
     }
     async function hl({ scale: a = 2 } = {}) {
@@ -895,7 +895,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     ze(() => T.value.showTable, (a) => {
       e.value.table.show || (a && e.value.table.useDialog && pe.value ? pe.value.open() : "close" in pe.value && pe.value.close());
     });
-    function Qt() {
+    function Kt() {
       T.value.showTable = !1, Ge.value && Ge.value.setTableIconState(!1);
     }
     const vl = b(() => e.value.style.chart.backgroundColor), dl = b(() => e.value.style.chart.legend), gl = b(() => e.value.style.chart.title), { exportSvg: bl, getSvg: yl } = so({
@@ -1365,7 +1365,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         T.value.dataLabels.show && e.value.orientation === "vertical" ? (s(), n(x, { key: 11 }, [
           (s(!0), n(x, null, w(S.value, (t, o) => (s(), n("g", null, [
             (s(!0), n(x, null, w(t.x, (c, r) => (s(), n(x, null, [
-              Kt(t.series[r], t.proportions[r]) ? (s(), n("text", {
+              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,
                 y: t.y[r] + t.height[r] / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
@@ -1397,7 +1397,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         T.value.dataLabels.show && e.value.orientation === "horizontal" ? (s(), n(x, { key: 12 }, [
           (s(!0), n(x, null, w(S.value, (t, o) => (s(), n("g", null, [
             (s(!0), n(x, null, w(t.horizontal_x, (c, r) => (s(), n(x, null, [
-              Kt(t.series[r], t.proportions[r]) ? (s(), n("text", {
+              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,
                 y: t.horizontal_y[r] + p.value * (1 - e.value.style.chart.bars.gapRatio / 2) / 2 + e.value.style.chart.bars.dataLabels.fontSize / 3,
@@ -1411,7 +1411,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           e.value.style.chart.bars.totalValues.show && S.value.length > 1 ? (s(), n("g", {
             key: 0,
             ref_key: "sumRight",
-            ref: Ke
+            ref: Qe
           }, [
             (s(!0), n(x, null, w(Bt.value, (t, o) => (s(), n(x, null, [
               !e.value.style.chart.bars.dataLabels.hideEmptyValues || t.value !== 0 ? (s(), n("text", {
@@ -1496,7 +1496,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           ref_key: "timeLabelsEls",
           ref: re
         }, [
-          a.$slots["time-label"] ? (s(), n("g", Ko, [
+          a.$slots["time-label"] ? (s(), n("g", Qo, [
             (s(!0), n(x, null, w(Et.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,
@@ -1510,7 +1510,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
                 show: !0
               }), void 0, !0)
             ]))), 256))
-          ])) : (s(), n("g", Qo, [
+          ])) : (s(), n("g", Ko, [
             (s(!0), n(x, null, w(Et.value, (t, o) => (s(), n("g", null, [
               String(t.text).includes(`
 `) ? (s(), n("text", {
@@ -1611,7 +1611,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           onClick: () => Ut(o),
           onMouseenter: () => Xt(o),
           onMouseleave: () => Ht(o),
-          fill: o === G.value || o === Qe.value ? e.value.style.chart.highlighter.color : "transparent",
+          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, rr))), 256)) : y("", !0),
         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", {
@@ -1622,10 +1622,10 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
           onClick: () => Ut(o),
           onMouseenter: () => Xt(o),
           onMouseleave: () => Ht(o),
-          fill: o === G.value || o === Qe.value ? e.value.style.chart.highlighter.color : "transparent",
+          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, sr))), 256)) : y("", !0),
-        Nt.value ? (s(), n("rect", Me({ key: 19 }, Ka.value, {
+        Nt.value ? (s(), n("rect", Me({ key: 19 }, Qa.value, {
           "data-start": h.value.start,
           "data-end": h.value.end
         }), null, 16, nr)) : y("", !0),
@@ -1685,7 +1685,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
         verticalHandles: e.value.style.chart.zoom.minimap.verticalHandles,
         "onUpdate:end": ml,
         "onUpdate:start": fl,
-        onTrapMouse: Qa,
+        onTrapMouse: Ka,
         onReset: Ot,
         onFutureEnd: l[0] || (l[0] = (t) => Pt("end", t)),
         onFutureStart: l[1] || (l[1] = (t) => Pt("start", t))
@@ -1801,7 +1801,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
       ye.value && e.value.userOptions.buttons.table ? (s(), ee(Il(Le.value.component), Me({ key: 7 }, Le.value.props, {
         ref_key: "tableUnit",
         ref: pe,
-        onClose: Qt
+        onClose: Kt
       }), bt({
         content: L(() => [
           _e(m(Fa), {
@@ -1811,7 +1811,7 @@ const xa = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
             config: Ee.value.config,
             title: e.value.table.useDialog ? "" : Le.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: Qt
+            onClose: Kt
           }, {
             th: L(({ th: t }) => [
               te("div", { innerHTML: t }, null, 8, vr)