vue-data-ui 3.7.16 → 3.8.0

package/dist/{vue-ui-spark-trend-DZWSf9JB.js → vue-ui-spark-trend-D1Zt5np6.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as _e, ref as c, toRefs as we, computed as u, watch as G, nextTick as K, onMounted as Le, createElementBlock as r, openBlock as s, normalizeStyle as Ae, createCommentVNode as h, createBlock as xe, unref as i, createVNode as $e, createElementVNode as z, renderSlot as Q, toDisplayString as Y } from "vue";
-import { c as Te, t as Se, J as ee, o as R, g as Ne, M as w, ah as ze, X as Fe, s as Z, z as te, d as le, a as Be } from "./lib-DUaaQGCv.js";
-import { t as Me, u as Ee } from "./useResponsive-DfdjqQps.js";
-import { u as De, a as P } from "./useNestedProp-CoXaJ2T6.js";
+import { c as Te, t as Se, Q as ee, o as R, g as Ne, T as w, am as ze, X as Fe, s as Z, z as te, d as le, a as Be } from "./lib-qMPkcvmh.js";
+import { t as Ee, u as Me } from "./useResponsive-DfdjqQps.js";
+import { u as De, a as P } from "./useNestedProp-DOOBu_sL.js";
 import { u as Ie, B as je } from "./BaseScanner-BgWxam9d.js";
 import { u as Oe } from "./useFitSvgText-2crs6Fv5.js";
 import { u as Ve } from "./useThemeCheck-DGJ31Vi5.js";
@@ -23,7 +23,7 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
   default: ie,
   hack: ue,
   zen: se
-}, Symbol.toStringTag, { value: "Module" })), Re = ["id"], Ze = ["xmlns", "viewBox"], Pe = ["width", "height"], Ue = ["id"], We = ["stop-color"], He = ["stop-color"], qe = { key: 1 }, Je = ["d", "fill"], Xe = ["d", "fill"], Ke = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], Qe = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], Ye = ["d"], et = ["fill", "d"], tt = ["x", "y", "width", "height"], lt = ["x", "y", "fill", "font-size", "font-weight"], at = ["stroke", "cx", "cy", "fill"], nt = ["x", "y", "font-size", "fill", "font-weight"], ot = {
+}, Symbol.toStringTag, { value: "Module" })), Re = ["id"], Ze = ["xmlns", "viewBox"], Pe = ["width", "height"], Ue = ["id"], We = ["stop-color"], He = ["stop-color"], qe = { key: 1 }, Xe = ["d", "fill"], Je = ["d", "fill"], Ke = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], Qe = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], Ye = ["d"], et = ["fill", "d"], tt = ["x", "y", "width", "height"], lt = ["x", "y", "fill", "font-size", "font-weight"], at = ["stroke", "cx", "cy", "fill"], nt = ["x", "y", "font-size", "fill", "font-weight"], ot = {
   __name: "vue-ui-spark-trend",
   props: {
     config: {
@@ -40,10 +40,10 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
     }
   },
   setup(ve) {
-    const de = _e(() => import("./PackageVersion-BW9_gimf.js")), { vue_ui_spark_trend: ce } = De(), { isThemeValid: fe, warnInvalidTheme: he } = Ve(), y = ve, F = c(null), U = c(null), W = c(null), L = c(null), x = c(null), $ = c(!1), p = c(null), A = c(Te()), e = c(E()), { loading: C, FINAL_DATASET: B, manualLoading: M } = Ie({
+    const de = _e(() => import("./PackageVersion-B9RA2_BM.js")), { vue_ui_spark_trend: ce } = De(), { isThemeValid: fe, warnInvalidTheme: he } = Ve(), y = ve, F = c(null), U = c(null), W = c(null), L = c(null), x = c(null), $ = c(!1), p = c(null), A = c(Te()), e = c(M()), { loading: C, FINAL_DATASET: B, manualLoading: E } = Ie({
       ...we(y),
       FINAL_CONFIG: e,
-      prepareConfig: E,
+      prepareConfig: M,
       skeletonDataset: [1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233],
       skeletonConfig: Se({
         defaultConfig: e.value,
@@ -60,7 +60,7 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
         }
       })
     });
-    function E() {
+    function M() {
       const t = P({
         userConfig: y.config,
         defaultConfig: ce
@@ -82,7 +82,7 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
       threshold: e.value.downsample.threshold
     }));
     G(() => y.config, (t) => {
-      e.value = E(), j.value = e.value.style.width, _.value = e.value.style.height, H();
+      e.value = M(), j.value = e.value.style.width, _.value = e.value.style.height, H();
     }, { deep: !0 });
     function D(t) {
       return t.map((l) => w(l));
@@ -98,7 +98,7 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
     }, { deep: !0, immediate: !0 }), G(
       () => JSON.stringify(y.dataset),
       () => {
-        p.value && (cancelAnimationFrame(p.value), p.value = null), M.value = R(y.dataset);
+        p.value && (cancelAnimationFrame(p.value), p.value = null), E.value = R(y.dataset);
         const t = g.value;
         k.value = e.value.style.animation.show ? Array(t.length).fill(null) : t.map((l) => Number.isFinite(l) ? l : null), I(), K(() => N(".vue-ui-sparktrend-progress-label", 6));
       },
@@ -109,8 +109,8 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
       if (!C.value && e.value.style.animation.show && e.value.style.animation.animationFrames && B.value.length > 1) {
         let b = function() {
           $.value = !0;
-          let J = performance.now(), X = J - o;
-          X > l ? (o = J - X % l, f < g.value.length ? (k.value.push(g.value[f]), f += 1, p.value = requestAnimationFrame(b)) : (cancelAnimationFrame(p.value), k.value = D(g.value), $.value = !1, N(".vue-ui-sparktrend-progress-label", 6))) : p.value = requestAnimationFrame(b);
+          let X = performance.now(), J = X - o;
+          J > l ? (o = X - J % l, f < g.value.length ? (k.value.push(g.value[f]), f += 1, p.value = requestAnimationFrame(b)) : (cancelAnimationFrame(p.value), k.value = D(g.value), $.value = !1, N(".vue-ui-sparktrend-progress-label", 6))) : p.value = requestAnimationFrame(b);
         };
         k.value = [];
         let f = 0;
@@ -126,9 +126,9 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
         componentName: "VueUiSparkTrend",
         type: "dataset",
         debug: ye.value
-      }), M.value = !0), R(y.dataset) || (M.value = !1), e.value.responsive) {
-        const t = Me(() => {
-          const { width: l, height: o } = Ee({
+      }), E.value = !0), R(y.dataset) || (E.value = !1), e.value.responsive) {
+        const t = Ee(() => {
+          const { width: l, height: o } = Me({
             chart: F.value,
             source: W.value
           });
@@ -255,12 +255,12 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
             d: `M ${a.value[0].x},${n.value.bottom} ${i(te)(a.value)} L ${a.value.at(-1).x},${n.value.bottom} Z`,
             fill: e.value.style.area.useGradient ? `url(#pill_gradient_${A.value})` : i(Z)(e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke, e.value.style.area.opacity),
             stroke: "none"
-          }, null, 8, Je)) : (s(), r("path", {
+          }, null, 8, Xe)) : (s(), r("path", {
             key: 1,
             d: `M${be.value}Z`,
             fill: e.value.style.area.useGradient ? `url(#pill_gradient_${A.value})` : i(Z)(e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke, e.value.style.area.opacity),
             stroke: "none"
-          }, null, 8, Xe))
+          }, null, 8, Je))
         ])) : h("", !0),
         e.value.style.line.smooth && a.value.length ? (s(), r("path", {
           key: 2,

package/dist/{vue-ui-sparkbar-CqH28hXO.js → vue-ui-sparkbar-CdmXCSnj.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as ue, useSlots as ie, onMounted as L, ref as b, toRefs as ce, computed as x, watch as N, nextTick as de, createElementBlock as u, openBlock as r, normalizeStyle as v, unref as o, renderSlot as D, createCommentVNode as f, createBlock as ve, normalizeProps as fe, mergeProps as P, createElementVNode as c, toDisplayString as p, Fragment as O, renderList as ge, createVNode as pe } from "vue";
-import { c as ye, t as me, i as he, p as A, j as be, o as ke, g as M, k as Ce, l as xe, s as $, a as _, d as w, X as Ae, h as _e } from "./lib-DUaaQGCv.js";
-import { u as we, a as F } from "./useNestedProp-CoXaJ2T6.js";
+import { c as ye, t as me, i as he, p as A, j as be, o as ke, g as M, k as Ce, l as xe, s as $, a as _, d as w, X as Ae, h as _e } from "./lib-qMPkcvmh.js";
+import { u as we, a as F } from "./useNestedProp-DOOBu_sL.js";
 import { u as Se, B as De } from "./BaseScanner-BgWxam9d.js";
 import { u as $e } from "./useThemeCheck-DGJ31Vi5.js";
 const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A3A3A" }, bar: { gradient: { underlayerColor: "#1A1A1A" } }, labels: { name: { color: "#CCCCCC" } }, title: { color: "#CCCCCC" } } }, V = { style: { backgroundColor: "#FFF8E1", gutter: { backgroundColor: "#ded6ca" }, bar: { gradient: { underlayerColor: "#FFF8E1" } }, labels: { name: { color: "#424242" } }, title: { color: "#424242" } } }, U = { style: { backgroundColor: "#1E1E1E", gutter: { backgroundColor: "#2E2E2E" }, bar: { gradient: { underlayerColor: "#FFF8E1" } }, labels: { name: { color: "#BDBDBD" } }, title: { color: "#BDBDBD" } } }, R = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#333333" }, bar: { gradient: { underlayerColor: "#1A1A1A" } }, labels: { name: { color: "#99CC99" } }, title: { color: "#66CC66" } } }, W = { style: { backgroundColor: "#fbfafa", gutter: { backgroundColor: "#f5f0eb" }, bar: { gradient: { underlayerColor: "#fbfafa" } }, labels: { name: { color: "#8A9892" } } } }, G = { style: { backgroundColor: "#f6f6fb", bar: { gradient: { underlayerColor: "#f6f6fb" } }, labels: { name: { color: "#50606C" } } } }, q = {
@@ -52,7 +52,7 @@ const j = { style: { backgroundColor: "#1A1A1A", gutter: { backgroundColor: "#3A
   },
   emits: ["selectDatapoint"],
   setup(H, { emit: X }) {
-    const J = ue(() => import("./PackageVersion-BW9_gimf.js")), { vue_ui_sparkbar: K } = we(), { isThemeValid: Q, warnInvalidTheme: Y } = $e(), g = H, Z = ie();
+    const J = ue(() => import("./PackageVersion-B9RA2_BM.js")), { vue_ui_sparkbar: K } = we(), { isThemeValid: Q, warnInvalidTheme: Y } = $e(), g = H, Z = ie();
     L(() => {
       Z["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
     });

package/dist/{vue-ui-sparkgauge-DT_yPxzw.js → vue-ui-sparkgauge-Dn2PQhZj.js}

@@ -1,25 +1,25 @@
-import { defineAsyncComponent as K, ref as p, toRefs as Q, onMounted as F, computed as n, watch as z, createElementBlock as i, openBlock as r, normalizeStyle as y, createCommentVNode as f, createBlock as W, toDisplayString as k, unref as u, createVNode as Z, createElementVNode as g, renderSlot as M, normalizeClass as ee } from "vue";
-import { u as te, a as C } from "./useNestedProp-CoXaJ2T6.js";
-import { c as ae, t as le, o as oe, g as N, k as se, ai as ne, X as re, a as ue, M as A, d as ie } from "./lib-DUaaQGCv.js";
+import { defineAsyncComponent as K, ref as p, toRefs as Q, onMounted as F, computed as n, watch as z, createElementBlock as i, openBlock as r, normalizeStyle as y, createCommentVNode as f, createBlock as W, toDisplayString as k, unref as u, createVNode as Z, createElementVNode as g, renderSlot as N, normalizeClass as ee } from "vue";
+import { u as te, a as C } from "./useNestedProp-DOOBu_sL.js";
+import { c as ae, t as le, o as oe, g as E, k as se, an as ne, X as re, a as ue, T as A, d as ie } from "./lib-qMPkcvmh.js";
 import { u as ce, B as ve } from "./BaseScanner-BgWxam9d.js";
 import { u as de } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as fe } from "./useChartAccessibility-9icAAmYg.js";
-const E = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLabel: { color: "#CCCCCC" }, gutter: { color: "#3A3A3A" } } }, O = { style: { background: "#FFF8E1", title: { color: "#424242" }, dataLabel: { color: "#424242" }, colors: { min: "#F57C00", max: "#D32F2F" }, gutter: { color: "#5D403740" } } }, j = { style: { background: "#1E1E1E", title: { color: "#BDBDBD" }, dataLabel: { color: "#BDBDBD" }, colors: { min: "#F57C00", max: "#D32F2F" }, gutter: { color: "#5D403740" } } }, T = { style: { background: "#1A1A1A", title: { color: "#66CC66" }, dataLabel: { color: "#AACCAA" }, colors: { min: "#334C33", max: "#33CC33" }, track: { color: "#33CC33" }, gutter: { color: "#333333" } } }, I = { style: { background: "#fbfafa", title: { color: "#8A9892" }, dataLabel: { color: "#A0AC94" }, colors: { min: "#C09E85", max: "#B9B99D" }, track: { color: "#B9B99D" }, gutter: { color: "#f5f0eb" } } }, P = { style: { background: "#f6f6fb", title: { color: "#50606C" }, dataLabel: { color: "#61747E" }, colors: { min: "#92B0AB", max: "#4A6A75" }, track: { color: "#4A6A75" }, gutter: { color: "#e1e5e8" } } }, R = {
+const M = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLabel: { color: "#CCCCCC" }, gutter: { color: "#3A3A3A" } } }, O = { style: { background: "#FFF8E1", title: { color: "#424242" }, dataLabel: { color: "#424242" }, colors: { min: "#F57C00", max: "#D32F2F" }, gutter: { color: "#5D403740" } } }, T = { style: { background: "#1E1E1E", title: { color: "#BDBDBD" }, dataLabel: { color: "#BDBDBD" }, colors: { min: "#F57C00", max: "#D32F2F" }, gutter: { color: "#5D403740" } } }, j = { style: { background: "#1A1A1A", title: { color: "#66CC66" }, dataLabel: { color: "#AACCAA" }, colors: { min: "#334C33", max: "#33CC33" }, track: { color: "#33CC33" }, gutter: { color: "#333333" } } }, I = { style: { background: "#fbfafa", title: { color: "#8A9892" }, dataLabel: { color: "#A0AC94" }, colors: { min: "#C09E85", max: "#B9B99D" }, track: { color: "#B9B99D" }, gutter: { color: "#f5f0eb" } } }, P = { style: { background: "#f6f6fb", title: { color: "#50606C" }, dataLabel: { color: "#61747E" }, colors: { min: "#92B0AB", max: "#4A6A75" }, track: { color: "#4A6A75" }, gutter: { color: "#e1e5e8" } } }, R = {
   default: {},
-  dark: E,
+  dark: M,
   celebration: O,
-  celebrationNight: j,
-  hack: T,
+  celebrationNight: T,
+  hack: j,
   zen: I,
   concrete: P
 }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   celebration: O,
-  celebrationNight: j,
+  celebrationNight: T,
   concrete: P,
-  dark: E,
+  dark: M,
   default: R,
-  hack: T,
+  hack: j,
   zen: I
 }, Symbol.toStringTag, { value: "Module" })), ge = ["xmlns", "viewBox"], me = ["width", "height"], ye = ["id"], be = ["stop-color"], he = ["stop-color"], pe = ["d", "stroke", "stroke-linecap"], ke = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], Ce = ["x", "y", "width", "height"], Ae = ["x", "y", "font-size", "fill", "font-weight"], _e = {
   key: 2,
@@ -42,7 +42,7 @@ const E = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
     }
   },
   setup(U) {
-    const G = K(() => import("./PackageVersion-BW9_gimf.js")), { vue_ui_sparkgauge: V } = te(), { isThemeValid: q, warnInvalidTheme: X } = de(), c = U, _ = p(ae()), e = p(h()), { loading: b, FINAL_DATASET: v } = ce({
+    const G = K(() => import("./PackageVersion-B9RA2_BM.js")), { vue_ui_sparkgauge: V } = te(), { isThemeValid: q, warnInvalidTheme: X } = de(), c = U, _ = p(ae()), e = p(h()), { loading: b, FINAL_DATASET: v } = ce({
       ...Q(c),
       FINAL_CONFIG: e,
       prepareConfig: h,
@@ -94,7 +94,7 @@ const E = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
     });
     const x = n(() => e.value.debug);
     function w() {
-      oe(c.dataset) ? N({
+      oe(c.dataset) ? E({
         componentName: "VueUiSparkgauge",
         type: "dataset",
         debug: x.value
@@ -102,7 +102,7 @@ const E = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
         datasetObject: c.dataset,
         requiredAttributes: ["value", "min", "max"]
       }).forEach((t) => {
-        N({
+        E({
           componentName: "VueUiSparkgauge",
           type: "datasetAttribute",
           property: t,
@@ -171,7 +171,7 @@ const E = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
             pointerEvents: "none"
           }
         }, [
-          M(t.$slots, "chart-background")
+          N(t.$slots, "chart-background")
         ], 8, me)) : f("", !0),
         g("defs", null, [
           g("linearGradient", {
@@ -244,17 +244,17 @@ const E = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
         style: y(`font-size:${e.value.style.title.fontSize}px;text-align:${e.value.style.title.textAlign};font-weight:${e.value.style.title.bold ? "bold" : "normal"};font-weight:${e.value.style.title.bold ? "bold" : "normal"};color:${e.value.style.title.color}`)
       }, k(m.value), 5)) : f("", !0),
       t.$slots.source ? (r(), i("div", _e, [
-        M(t.$slots, "source")
+        N(t.$slots, "source")
       ], 512)) : f("", !0),
       u(b) ? (r(), W(ve, { key: 3 })) : f("", !0)
     ], 4));
   }
-}, Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: xe
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   xe as _,
-  Me as a,
+  Ne as a,
   ze as v
 };

package/dist/{vue-ui-sparkhistogram-Dv9UjLCt.js → vue-ui-sparkhistogram-nrkglHJk.js}

@@ -1,12 +1,12 @@
 import { useCssVars as Le, computed as k, defineAsyncComponent as $e, ref as h, toRefs as Se, onMounted as X, watch as G, nextTick as P, createElementBlock as o, openBlock as a, normalizeStyle as F, createCommentVNode as d, createBlock as q, createElementVNode as f, createTextVNode as ze, toDisplayString as g, unref as r, createVNode as Fe, renderSlot as Y, Fragment as y, renderList as b, normalizeClass as J } from "vue";
-import { c as De, t as Be, o as Ee, g as K, k as Me, s as p, a as Q, d as Z, X as Te, h as N } from "./lib-DUaaQGCv.js";
+import { c as De, t as Be, o as Ee, g as K, k as Me, s as p, a as Q, d as Z, X as Te, h as N } from "./lib-qMPkcvmh.js";
 import { t as Ie, u as Ne } from "./useResponsive-DfdjqQps.js";
-import { u as He, a as H } from "./useNestedProp-CoXaJ2T6.js";
+import { u as He, a as H } from "./useNestedProp-DOOBu_sL.js";
 import { u as Oe, B as Ve } from "./BaseScanner-BgWxam9d.js";
 import { u as We } from "./useFitSvgText-2crs6Fv5.js";
 import { u as je } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Re } from "./useChartAccessibility-9icAAmYg.js";
-import { _ as Ue } from "./Shape-rPzC8L-O.js";
+import { _ as Ue } from "./Shape-BEGGcaL8.js";
 import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CCCCCC" }, valueLabel: { color: "#CCCCCC" }, timeLabel: { color: "#CCCCCC" } }, selector: { stroke: "#5A5A5A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, te = { style: { backgroundColor: "#FFF8E1", bars: { colors: { positive: "#D32F2F", negative: "#F57C00" } }, labels: { value: { color: "#424242" }, valueLabel: { color: "#424242" }, timeLabel: { color: "#757575" } }, selector: { stroke: "#D32F2F" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, le = { style: { backgroundColor: "#1E1E1E", bars: { colors: { positive: "#D32F2F", negative: "#F57C00" } }, labels: { value: { color: "#BDBDBD" }, valueLabel: { color: "#BDBDBD" }, timeLabel: { color: "#BDBDBD" } }, selector: { stroke: "#D32F2F" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, ae = { style: { backgroundColor: "#1A1A1A", bars: { colors: { positive: "#66CC66" } }, labels: { value: { color: "#AACCAA" }, valueLabel: { color: "#99CC99" }, timeLabel: { color: "#99AA99" } }, selector: { stroke: "#00FF00" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, oe = { style: { backgroundColor: "#fbfafa", bars: { colors: { positive: "#B9B99D", negative: "#C09E85" } }, labels: { value: { color: "#A0AC94" }, valueLabel: { color: "#A0AC94" }, timeLabel: { color: "#8A9892" } }, selector: { stroke: "#BBC4D3" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, se = { style: { backgroundColor: "#f6f6fb", bars: { colors: { positive: "#4A6A75" } }, labels: { value: { color: "#61747E" }, valueLabel: { color: "#8A9892" }, timeLabel: { color: "#50606C" } }, selector: { stroke: "#404C4D" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, ie = {
   default: {},
@@ -46,7 +46,7 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
     Le((l) => ({
       v47f58673: Ce.value
     }));
-    const ne = $e(() => import("./PackageVersion-BW9_gimf.js")), { vue_ui_sparkhistogram: ve } = He(), { isThemeValid: ce, warnInvalidTheme: de } = je(), m = ue, C = h(De()), O = h(null), V = h(null), D = h(null), A = h(null), L = h(null), e = h(M()), { loading: W, FINAL_DATASET: x } = Oe({
+    const ne = $e(() => import("./PackageVersion-B9RA2_BM.js")), { vue_ui_sparkhistogram: ve } = He(), { isThemeValid: ce, warnInvalidTheme: de } = je(), m = ue, C = h(De()), O = h(null), V = h(null), D = h(null), A = h(null), L = h(null), e = h(M()), { loading: W, FINAL_DATASET: x } = Oe({
       ...Se(m),
       FINAL_CONFIG: e,
       prepareConfig: M,

package/dist/{vue-ui-sparkline-AvAyn0Uv.js → vue-ui-sparkline-tz8fAf2C.js}

@@ -1,30 +1,30 @@
 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, W as ke, aj as te, o as xe, g as Ae, k as et, h as E, m as tt, ak as at, X as lt, s as V, z as _e, B as ot, I as Ce, a as ae, d as le, al as rt } from "./lib-DUaaQGCv.js";
+import { c as Je, t as Qe, a0 as ke, ao as te, o as xe, g as Ae, k as et, h as E, m as tt, ap as at, X as lt, s as V, z as _e, B as ot, P as Ce, a as ae, d as le, aq as rt } from "./lib-qMPkcvmh.js";
 import { t as ut, u as st } from "./useResponsive-DfdjqQps.js";
-import { u as nt, a as oe } from "./useNestedProp-CoXaJ2T6.js";
+import { u as nt, a as oe } from "./useNestedProp-DOOBu_sL.js";
 import { u as it, B as vt } from "./BaseScanner-BgWxam9d.js";
 import { u as dt } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as ct } from "./useTimeLabels-C5qMhpbe.js";
 import { u as ft } from "./useChartAccessibility-9icAAmYg.js";
 import { _ as ht } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#8A8A8A" }, dataLabel: { color: "#CCCCCC" }, title: { color: "#CCCCCC" }, tooltip: { color: "#CCCCCC", backgroundColor: "#1A1A1A", borderColor: "#5A5A5A", backgroundOpacity: 70 } } }, Le = { style: { backgroundColor: "#FFF8E1", line: { color: "#D32F2F" }, bar: { color: "#D32F2F", borderRadius: 0 }, zeroLine: { color: "#5D4037" }, plot: { stroke: "#FFF8E1" }, verticalIndicator: { color: "#FF9800" }, dataLabel: { color: "#424242" }, title: { color: "#424242" }, area: { color: "#E64A19" } } }, $e = { style: { backgroundColor: "#1E1E1E", line: { color: "#D32F2F" }, bar: { color: "#D32F2F", borderRadius: 0 }, zeroLine: { color: "#5D4037" }, plot: { stroke: "#1E1E1E" }, verticalIndicator: { color: "#B71C1C" }, dataLabel: { color: "#BDBDBD" }, title: { color: "#BDBDBD" }, area: { color: "#E64A19" } } }, Ne = { style: { backgroundColor: "#1A1A1A", line: { color: "#66CC66" }, bar: { color: "#66CC66", borderRadius: 0 }, zeroLine: { color: "#5F6A5F" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#66CC66" }, dataLabel: { color: "#AACCAA" }, title: { color: "#66CC66" }, area: { color: "#66CC66" } } }, Ie = { style: { backgroundColor: "#fbfafa", line: { color: "#B9B99D", smooth: !0 }, bar: { color: "#B9B99D", borderRadius: 3 }, zeroLine: { strokeWidth: 0 }, plot: { stroke: "#fbfafa" }, verticalIndicator: { color: "#B9B99D" }, dataLabel: { color: "#A0AC94" }, title: { color: "#8A9892" }, area: { color: "#B9B99D" } } }, Me = { style: { backgroundColor: "#f6f6fb", line: { color: "#4A6A75" }, bar: { color: "#4A6A75", borderRadius: 0 }, zeroLine: { color: "#9FA9BE" }, plot: { stroke: "#f6f6fb" }, verticalIndicator: { color: "#4A6A75" }, dataLabel: { color: "#61747E" }, title: { color: "#50606C" }, area: { color: "#4A6A75" } } }, Fe = {
+const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#8A8A8A" }, dataLabel: { color: "#CCCCCC" }, title: { color: "#CCCCCC" }, tooltip: { color: "#CCCCCC", backgroundColor: "#1A1A1A", borderColor: "#5A5A5A", backgroundOpacity: 70 } } }, Le = { style: { backgroundColor: "#FFF8E1", line: { color: "#D32F2F" }, bar: { color: "#D32F2F", borderRadius: 0 }, zeroLine: { color: "#5D4037" }, plot: { stroke: "#FFF8E1" }, verticalIndicator: { color: "#FF9800" }, dataLabel: { color: "#424242" }, title: { color: "#424242" }, area: { color: "#E64A19" } } }, $e = { style: { backgroundColor: "#1E1E1E", line: { color: "#D32F2F" }, bar: { color: "#D32F2F", borderRadius: 0 }, zeroLine: { color: "#5D4037" }, plot: { stroke: "#1E1E1E" }, verticalIndicator: { color: "#B71C1C" }, dataLabel: { color: "#BDBDBD" }, title: { color: "#BDBDBD" }, area: { color: "#E64A19" } } }, Ne = { style: { backgroundColor: "#1A1A1A", line: { color: "#66CC66" }, bar: { color: "#66CC66", borderRadius: 0 }, zeroLine: { color: "#5F6A5F" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#66CC66" }, dataLabel: { color: "#AACCAA" }, title: { color: "#66CC66" }, area: { color: "#66CC66" } } }, Me = { style: { backgroundColor: "#fbfafa", line: { color: "#B9B99D", smooth: !0 }, bar: { color: "#B9B99D", borderRadius: 3 }, zeroLine: { strokeWidth: 0 }, plot: { stroke: "#fbfafa" }, verticalIndicator: { color: "#B9B99D" }, dataLabel: { color: "#A0AC94" }, title: { color: "#8A9892" }, area: { color: "#B9B99D" } } }, Ie = { style: { backgroundColor: "#f6f6fb", line: { color: "#4A6A75" }, bar: { color: "#4A6A75", borderRadius: 0 }, zeroLine: { color: "#9FA9BE" }, plot: { stroke: "#f6f6fb" }, verticalIndicator: { color: "#4A6A75" }, dataLabel: { color: "#61747E" }, title: { color: "#50606C" }, area: { color: "#4A6A75" } } }, Fe = {
   default: {},
   dark: we,
   celebration: Le,
   celebrationNight: $e,
   hack: Ne,
-  zen: Ie,
-  concrete: Me
+  zen: Me,
+  concrete: Ie
 }, Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   celebration: Le,
   celebrationNight: $e,
-  concrete: Me,
+  concrete: Ie,
   dark: we,
   default: Fe,
   hack: Ne,
-  zen: Ie
-}, Symbol.toStringTag, { value: "Module" })), yt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], bt = ["id"], mt = ["stop-color"], kt = ["stop-color"], xt = ["id"], At = ["stop-color"], _t = ["stop-color"], Ct = ["id"], wt = ["stop-color"], Lt = ["stop-color"], $t = { key: 1 }, Nt = ["d", "fill"], It = ["d", "fill"], Mt = ["d", "stroke", "stroke-width"], Ft = ["d", "stroke", "stroke-width"], Dt = ["x", "y", "width", "height", "fill", "rx"], St = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], zt = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], Bt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Et = ["x", "y", "font-size", "font-weight", "fill"], Vt = ["x", "y", "height", "width", "onMouseenter", "onMouseleave", "onClick"], Tt = {
+  zen: Me
+}, Symbol.toStringTag, { value: "Module" })), yt = ["id"], pt = ["xmlns", "viewBox"], gt = ["width", "height"], bt = ["id"], mt = ["stop-color"], kt = ["stop-color"], xt = ["id"], At = ["stop-color"], _t = ["stop-color"], Ct = ["id"], wt = ["stop-color"], Lt = ["stop-color"], $t = { key: 1 }, Nt = ["d", "fill"], Mt = ["d", "fill"], It = ["d", "stroke", "stroke-width"], Ft = ["d", "stroke", "stroke-width"], Dt = ["x", "y", "width", "height", "fill", "rx"], St = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], zt = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], Bt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Et = ["x", "y", "font-size", "font-weight", "fill"], Vt = ["x", "y", "height", "width", "onMouseenter", "onMouseleave", "onClick"], Tt = {
   __name: "vue-ui-sparkline",
   props: {
     config: {
@@ -58,14 +58,14 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
   },
   emits: ["hoverIndex", "selectDatapoint"],
   setup(L, { emit: De }) {
-    const Se = he(() => import("./PackageVersion-BW9_gimf.js")), ze = he(() => import("./SparkTooltip-reDvtQYF.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(P());
+    const Se = he(() => import("./PackageVersion-B9RA2_BM.js")), ze = he(() => import("./SparkTooltip-BWdCP-h3.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());
     function Te(t) {
       return rt(t).map((a) => ({ period: "-", value: a }));
     }
-    const { loading: R, FINAL_DATASET: $, manualLoading: W } = it({
+    const { loading: R, FINAL_DATASET: $, manualLoading: P } = it({
       ...Xe(s),
       FINAL_CONFIG: e,
-      prepareConfig: P,
+      prepareConfig: W,
       callback: () => {
         Promise.resolve().then(async () => {
           await He(), X();
@@ -90,7 +90,7 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
         }
       })
     }), { svgRef: ne } = ft({ config: e.value.style.title });
-    function P() {
+    function W() {
       const t = oe({
         userConfig: s.config,
         defaultConfig: Be
@@ -121,9 +121,9 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
       threshold: e.value.downsample.threshold
     }));
     J(() => s.config, (t) => {
-      R.value || (e.value = P()), ve(), r.value.chartWidth = e.value.style.chartWidth;
+      R.value || (e.value = W()), ve(), r.value.chartWidth = e.value.style.chartWidth;
     }, { deep: !0 }), J(() => s.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (W.value = !1), b.value = te({
+      Array.isArray(t) && t.length > 0 && (P.value = !1), b.value = te({
         data: $.value.map((a) => ({
           ...a,
           value: [void 0].includes(a.value) ? null : a.value
@@ -191,7 +191,7 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
         componentName: "VueUiSparkline",
         type: "dataset",
         debug: ie.value
-      }), W.value = !0) : s.dataset.forEach((t, a) => {
+      }), P.value = !0) : s.dataset.forEach((t, a) => {
         et({
           datasetObject: t,
           requiredAttributes: ["period", "value"]
@@ -204,7 +204,7 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
             debug: ie.value
           });
         });
-      }), xe(s.dataset) || (W.value = e.value.loading), e.value.responsive) {
+      }), xe(s.dataset) || (P.value = e.value.loading), e.value.responsive) {
         const t = ut(() => {
           const { width: a, height: l } = st({
             chart: T.value,
@@ -237,10 +237,10 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
         width: s.showInfo && e.value.style.dataLabel.show ? r.value.chartWidth - o - a : r.value.width - r.value.padding - o - a,
         height: r.value.height - t - l
       };
-    }), q = f(() => [null, void 0].includes(e.value.style.scaleMin) ? Math.min(...b.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0)) : e.value.style.scaleMin), We = f(() => [null, void 0].includes(e.value.style.scaleMax) ? Math.max(...b.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0)) : e.value.style.scaleMax), I = f(() => {
+    }), q = f(() => [null, void 0].includes(e.value.style.scaleMin) ? Math.min(...b.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0)) : e.value.style.scaleMin), Pe = f(() => [null, void 0].includes(e.value.style.scaleMax) ? Math.max(...b.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0)) : e.value.style.scaleMax), M = f(() => {
       const t = q.value >= 0 ? 0 : q.value;
       return Math.abs(t);
-    }), de = f(() => We.value + I.value), _ = f(() => i.value.bottom - i.value.height * Z(I.value));
+    }), de = f(() => Pe.value + M.value), _ = f(() => i.value.bottom - i.value.height * Z(M.value));
     function Z(t) {
       return isNaN(t / de.value) ? 0 : t / de.value;
     }
@@ -255,15 +255,15 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
       return {
         absoluteValue: l,
         period: S.value && S.value[a] && S.value[a].text ? S.value[a].text : t.period,
-        plotValue: l + I.value,
-        toMax: Z(l + I.value),
+        plotValue: l + M.value,
+        toMax: Z(l + M.value),
         x: i.value.start + a * o,
-        y: i.value.bottom - i.value.height * Z(l + I.value),
+        y: i.value.bottom - i.value.height * Z(l + M.value),
         id: `plot_${g.value}_${a}`,
-        color: M.value ? e.value.style.bar.color : e.value.style.area.useGradient ? E(e.value.style.line.color, 0.05 * (1 - a / C.value)) : e.value.style.line.color,
+        color: I.value ? e.value.style.bar.color : e.value.style.area.useGradient ? E(e.value.style.line.color, 0.05 * (1 - a / C.value)) : e.value.style.line.color,
         width: o
       };
-    })), Pe = f(() => {
+    })), We = f(() => {
       const t = { x: d.value[0].x || 0, y: (r.value.height || 0) - 6 }, a = { x: d.value[d.value.length - 1].x || 0, y: (r.value.height || 0) - 6 }, l = [];
       return d.value.forEach((o) => {
         l.push(`${o.x || 0},${o.y || 0} `);
@@ -297,7 +297,7 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
           median: null,
           trend: null
         };
-    }), ce = f(() => re.value ? e.value.style.dataLabel.valueType === "latest" ? k.value.latest : e.value.style.dataLabel.valueType === "sum" ? k.value.sum : e.value.style.dataLabel.valueType === "average" ? k.value.average : 0 : 0), M = f(() => e.value.type && e.value.type === "bar");
+    }), ce = f(() => re.value ? e.value.style.dataLabel.valueType === "latest" ? k.value.latest : e.value.style.dataLabel.valueType === "sum" ? k.value.sum : e.value.style.dataLabel.valueType === "average" ? k.value.average : 0 : 0), I = f(() => e.value.type && e.value.type === "bar");
     function Ge(t, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a }), Y("selectDatapoint", { datapoint: t, index: a });
     }
@@ -394,26 +394,26 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
             }, null, 8, Lt)
           ], 8, Ct)
         ]),
-        e.value.style.area.show && !M.value && d.value[0] && d.value.length > 1 ? (n(), c("g", $t, [
+        e.value.style.area.show && !I.value && d.value[0] && d.value.length > 1 ? (n(), c("g", $t, [
           e.value.style.line.smooth ? (n(), c("path", {
             key: 0,
             d: `M ${d.value[0].x},${i.value.bottom} ${u(_e)(d.value)} L ${d.value.at(-1).x},${i.value.bottom} Z`,
             fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${g.value})` : u(V)(e.value.style.area.color, e.value.style.area.opacity)
           }, null, 8, Nt)) : (n(), c("path", {
             key: 1,
-            d: `M${Pe.value}Z`,
+            d: `M${We.value}Z`,
             fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${g.value})` : u(V)(e.value.style.area.color, e.value.style.area.opacity)
-          }, null, 8, It))
+          }, null, 8, Mt))
         ])) : h("", !0),
-        e.value.style.line.smooth && !M.value ? (n(), c("path", {
+        e.value.style.line.smooth && !I.value ? (n(), c("path", {
           key: 2,
           d: `M ${u(_e)(d.value) || "0,0"}`,
           stroke: e.value.style.line.color,
           fill: "none",
           "stroke-width": e.value.style.line.strokeWidth,
           "stroke-linecap": "round"
-        }, null, 8, Mt)) : h("", !0),
-        !e.value.style.line.smooth && !M.value ? (n(), c("path", {
+        }, null, 8, It)) : h("", !0),
+        !e.value.style.line.smooth && !I.value ? (n(), c("path", {
           key: 3,
           d: `M ${u(ot)(d.value) || "0,0"}`,
           stroke: e.value.style.line.color,
@@ -422,7 +422,7 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
           "stroke-linecap": "round"
         }, null, 8, Ft)) : h("", !0),
         (n(!0), c(Q, null, ee(d.value, (l, o) => (n(), c("g", null, [
-          M.value ? (n(), c("rect", {
+          I.value ? (n(), c("rect", {
             key: 0,
             x: l.x - l.width / 2,
             y: isNaN(l.absoluteValue > 0 ? l.y : _.value) ? 0 : l.absoluteValue > 0 ? l.y : _.value,

package/dist/{vue-ui-sparkstackbar-X_VGCj6T.js → vue-ui-sparkstackbar-BQPSsF5Q.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-DUaaQGCv.js";
-import { u as Ue, a as G } from "./useNestedProp-CoXaJ2T6.js";
+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-qMPkcvmh.js";
+import { u as Ue, a as G } from "./useNestedProp-DOOBu_sL.js";
 import { u as Re, B as Ge } from "./BaseScanner-BgWxam9d.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-BW9_gimf.js")), ke = Q(() => import("./Tooltip-De7i-i20.js")), { vue_ui_sparkstackbar: _e } = Ue(), { isThemeValid: xe, warnInvalidTheme: we } = We(), m = ye, Ae = Ie();
+    const Ce = Q(() => import("./PackageVersion-B9RA2_BM.js")), ke = Q(() => import("./Tooltip-OHx7yHlS.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-DQP8yEJM.js → vue-ui-stackbar-DMO3YIQp.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-CoXaJ2T6.js";
-import { c as va, t as Vl, i as Ul, p as He, W as de, j as Hl, o as da, g as ga, k as Xl, l as Yl, am as Te, G as ba, F as ya, K as Wl, X as ql, n as Gl, I as ie, w as fa, a as ge, d as ae, U as Jl, a3 as Zl, x as ma, u as Kl, q as Ql, R as jl } from "./lib-DUaaQGCv.js";
+import { u as Bl, a as yt } from "./useNestedProp-DOOBu_sL.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, ar 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, a8 as Zl, x as ma, u as Kl, q as Ql, Z as jl } from "./lib-qMPkcvmh.js";
 import { t as ft, u as eo } from "./useResponsive-DfdjqQps.js";
-import { u as to } from "./usePrinter-BdVu83IN.js";
+import { u as to } from "./usePrinter-CjGh4mFJ.js";
 import { u as ao, B as lo } from "./BaseScanner-BgWxam9d.js";
 import { u as pa, a as oo, l as ro } from "./useTimeLabels-C5qMhpbe.js";
 import { u as so } from "./useSvgExport-DrjCWun4.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-BYzbY8TZ.js";
-import vo from "./Title-CM2dM0rQ.js";
-import { _ as go } from "./Shape-rPzC8L-O.js";
-import bo from "./Legend-DSyOOSJ1.js";
-import { S as yo } from "./SlicerPreview-BWl4UOqy.js";
+import ho from "./img-CwrkWkkl.js";
+import vo from "./Title-CgkWUXeV.js";
+import { _ as go } from "./Shape-BEGGcaL8.js";
+import bo from "./Legend-Djkw4FGq.js";
+import { S as yo } from "./SlicerPreview-Bk-h_ANq.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: {},
@@ -58,7 +58,7 @@ 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-De7i-i20.js")), Ta = j(() => import("./BaseIcon--wNsuYtd.js")), $a = j(() => import("./vue-ui-accordion-WOXCCkiC.js")), Fa = j(() => import("./DataTable-DRZJOlJB.js")), Da = j(() => import("./PenAndPaper-CMmG5Mka.js")), Na = j(() => import("./UserOptions-5GYBcJJU.js")), Pa = j(() => import("./PackageVersion-BW9_gimf.js")), Oa = j(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_stackbar: Ea } = Bl(), { isThemeValid: Ra, warnInvalidTheme: Ia } = no(), Ba = Pl(), k = Xe, be = _a, ye = b({
+    const Ma = j(() => import("./Tooltip-OHx7yHlS.js")), Ta = j(() => import("./BaseIcon-CALhpING.js")), $a = j(() => import("./vue-ui-accordion-BWfQ8Imt.js")), Fa = j(() => import("./DataTable-Ca1twcf7.js")), Da = j(() => import("./PenAndPaper-DscVdZ1u.js")), Na = j(() => import("./UserOptions-ChRXLqps.js")), Pa = j(() => import("./PackageVersion-B9RA2_BM.js")), Oa = j(() => import("./BaseDraggableDialog-BYwNgX3M.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;
       },