vue-data-ui 3.4.9 → 3.5.1

package/dist/{vue-ui-skeleton-DUdI2uOO.js → vue-ui-skeleton-CykXHWj-.js}

@@ -1,7 +1,7 @@
 import { ref as w, computed as g, createElementBlock as e, openBlock as o, normalizeStyle as n, normalizeClass as N, createCommentVNode as a, unref as s, createVNode as d, createElementVNode as t, Fragment as k, renderList as h, createStaticVNode as $ } from "vue";
 import { k as B, X as c, s as v, j as F } from "./lib-C_mNZmhD.js";
-import { u as O, a as V } from "./useNestedProp-BjZe1Y85.js";
-import y from "./PackageVersion-CTUqGqWV.js";
+import { u as O, a as V } from "./useNestedProp-DjGXw6S9.js";
+import y from "./PackageVersion-DQvyATVa.js";
 import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = ["d", "fill", "stroke"], Y = ["xmlns"], D = ["id"], J = ["stop-color"], K = ["stop-color"], l1 = ["stop-color"], t1 = ["stop-color"], e1 = ["fill", "stroke"], o1 = ["fill", "stroke"], s1 = ["fill", "stroke"], r1 = ["fill", "stroke"], i1 = ["fill", "stroke"], n1 = ["xmlns"], a1 = ["stroke"], c1 = ["stroke"], u1 = ["stroke"], d1 = ["fill", "stroke"], y1 = ["fill"], k1 = ["fill", "stroke"], h1 = ["fill"], v1 = ["fill", "stroke"], _1 = ["fill"], x1 = ["fill", "stroke"], p1 = ["fill"], g1 = ["fill", "stroke"], f1 = ["fill"], w1 = ["fill", "stroke"], C1 = ["fill"], m1 = ["xmlns"], b1 = ["stroke"], M1 = ["stroke"], L1 = ["stroke"], A1 = ["stroke"], $1 = ["stroke"], B1 = ["stroke"], P1 = ["stroke"], W1 = ["stroke"], j1 = ["stroke"], z1 = ["xmlns"], Z1 = ["stroke", "fill"], q1 = ["xmlns"], H1 = ["stroke", "fill"], Q1 = ["xmlns"], E1 = ["fill"], S1 = ["fill"], I1 = ["fill"], N1 = ["fill"], F1 = ["xmlns"], O1 = ["stroke"], V1 = ["fill"], X1 = ["stroke", "fill"], G1 = ["stroke", "fill"], R1 = ["fill"], T1 = ["stroke", "fill"], U1 = ["stroke", "fill"], Y1 = ["fill"], D1 = ["stroke", "fill"], J1 = ["stroke", "fill"], K1 = ["fill"], ll = ["stroke", "fill"], tl = ["stroke", "fill"], el = ["fill"], ol = ["stroke", "fill"], sl = ["stroke", "fill"], rl = ["xmlns"], il = ["stroke"], nl = ["stroke"], al = ["stroke", "fill"], cl = ["stroke", "fill"], ul = ["stroke", "fill"], dl = ["stroke", "fill"], yl = ["stroke", "fill"], kl = ["stroke", "fill"], hl = ["stroke", "fill"], vl = ["stroke", "fill"], _l = ["stroke", "fill"], xl = ["stroke", "fill"], pl = ["stroke", "fill"], gl = ["stroke", "fill"], fl = ["stroke", "fill"], wl = ["stroke", "fill"], Cl = ["stroke", "fill"], ml = ["stroke", "fill"], bl = ["stroke", "fill"], Ml = ["stroke", "fill"], Ll = ["stroke", "fill"], Al = ["stroke", "fill"], $l = ["stroke", "fill"], Bl = ["stroke", "fill"], Pl = ["stroke", "fill"], Wl = ["xmlns"], jl = ["stroke"], zl = ["xmlns"], Zl = ["stroke"], ql = ["xmlns"], Hl = ["stroke"], Ql = ["xmlns"], El = ["fill"], Sl = ["fill"], Il = ["fill"], Nl = ["fill"], Fl = ["fill"], Ol = ["fill"], Vl = ["fill"], Xl = ["fill"], Gl = ["fill"], Rl = ["fill"], Tl = ["fill"], Ul = ["fill"], Yl = ["xmlns"], Dl = ["stroke"], Jl = ["stroke"], Kl = ["stroke"], l0 = ["stroke"], t0 = ["stroke"], e0 = ["stroke"], o0 = ["xmlns"], s0 = ["stroke"], r0 = ["stroke"], i0 = ["stroke"], n0 = ["stroke"], a0 = ["stroke"], c0 = ["stroke"], u0 = ["stroke"], d0 = ["stroke"], y0 = ["stroke"], k0 = ["xmlns"], h0 = ["stroke"], v0 = ["xmlns"], _0 = ["stroke"], x0 = ["stroke"], p0 = ["stroke"], g0 = ["stroke"], f0 = ["stroke"], w0 = ["stroke"], C0 = ["stroke"], m0 = ["stroke"], b0 = ["stroke"], M0 = ["xmlns"], L0 = ["x1", "x2", "stroke"], A0 = ["xmlns"], $0 = ["x", "y", "width", "height", "fill"], B0 = ["y", "width", "height", "fill"], P0 = ["xmlns"], W0 = ["fill"], j0 = ["fill"], z0 = ["fill"], Z0 = ["xmlns"], q0 = ["x1", "x2", "y1", "y2", "stroke"], H0 = ["stroke"], Q0 = ["fill"], E0 = ["xmlns"], S0 = ["fill"], I0 = ["fill"], N0 = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], F0 = ["xmlns"], O0 = { key: 0 }, V0 = ["stroke", "stroke-width"], X0 = ["stroke", "stroke-width"], G0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], R0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], T0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], U0 = ["x", "y", "height", "width", "fill"], Y0 = ["xmlns", "viewBox"], D0 = ["x", "y", "stroke", "fill"], J0 = ["xmlns"], K0 = ["d", "stroke"], lt = ["cx", "cy", "r", "fill", "stroke"], tt = ["cx", "cy", "r", "fill", "stroke"], et = ["x", "y", "width", "fill"], ot = ["cx", "cy", "fill"], st = ["cx", "cy", "fill"], rt = ["stroke"], it = ["xmlns"], nt = ["stroke", "stroke-width"], at = ["stroke", "stroke-width"], ct = ["stroke", "stroke-width"], ut = ["fill"], dt = ["fill"], yt = ["fill"], kt = ["fill"], ht = ["fill"], vt = ["fill"], _t = ["xmlns"], xt = { key: 0 }, pt = ["stroke", "stroke-width"], gt = ["stroke", "stroke-width"], ft = ["stroke", "stroke-width"], wt = { key: 1 }, Ct = ["r", "fill"], mt = ["r", "fill"], bt = ["xmlns"], Mt = { key: 0 }, Lt = ["stroke", "stroke-width"], At = ["stroke", "stroke-width"], $t = ["fill", "rx", "x", "y", "width", "height"], Bt = ["xmlns"], Pt = ["stroke-width", "stroke"], Wt = ["stroke-width", "stroke"], jt = ["stroke-width", "stroke"], zt = ["xmlns"], Zt = ["stroke"], qt = ["stroke"], Ht = ["stroke"], Qt = ["stroke"], Et = ["fill"], St = ["stroke"], It = ["xmlns"], Nt = ["stroke", "stroke-width"], Ft = ["stroke", "stroke-width"], Ot = ["fill", "r"], Vt = ["fill", "r"], Xt = ["fill", "r"], Gt = ["fill", "r"], Rt = ["fill", "r"], Tt = ["fill", "r"], Ut = ["fill", "r"], Yt = ["fill", "r"], Dt = ["fill", "r"], Jt = ["xmlns"], Kt = ["d", "stroke", "stroke-width"], le = ["d", "stroke", "stroke-width"], te = ["d", "stroke", "stroke-width"], ee = ["d", "stroke", "stroke-width"], oe = ["stroke", "stroke-width"], se = ["stroke", "stroke-width"], re = ["stroke", "stroke-width"], ie = ["fill"], ne = ["fill"], ae = ["xmlns"], ce = ["x", "y", "fill"], ue = ["x", "y", "fill"], de = ["x", "y", "fill"], ye = ["xmlns"], ke = ["fill"], he = ["fill"], ve = ["y1", "y2", "stroke", "stroke-width"], _e = ["x1", "x2", "stroke", "stroke-width"], xe = ["xmlns", "stroke"], pe = ["fill"], ge = ["xmlns", "stroke"], fe = ["xmlns", "stroke"], we = ["fill"], Ce = ["xmlns", "stroke"], me = ["xmlns", "stroke"], be = ["fill"], Me = ["xmlns", "stroke"], Le = ["xmlns", "stroke"], Ae = ["fill"], $e = ["xmlns", "stroke"], Be = ["xmlns", "stroke"], Pe = ["fill"], We = ["xmlns", "stroke"], je = ["xmlns"], ze = ["points", "fill", "stroke", "stroke-width"], Ze = ["xmlns"], qe = { key: 0 }, He = ["stroke", "stroke-width"], Qe = ["y", "width", "fill", "rx"], Ee = {
   __name: "vue-ui-skeleton",

package/dist/{vue-ui-smiley-sGFRbn31.js → vue-ui-smiley-DnGm6qrK.js}

@@ -1,6 +1,6 @@
 import { useSlots as E, onMounted as G, ref as R, computed as _, watch as T, createElementBlock as s, openBlock as i, normalizeStyle as a, createCommentVNode as u, createElementVNode as l, toDisplayString as c, unref as o, withKeys as z, normalizeClass as M, createTextVNode as S, createStaticVNode as $ } from "vue";
 import { o as P, f as q, a as x, d as b, X as y, i as k } from "./lib-C_mNZmhD.js";
-import { u as J, a as Q } from "./useNestedProp-BjZe1Y85.js";
+import { u as J, a as Q } from "./useNestedProp-DjGXw6S9.js";
 import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Z = {
   key: 0,

package/dist/{vue-ui-spark-trend-DxpRfUJz.js → vue-ui-spark-trend-N1AsNQJA.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as ce, ref as f, toRefs as he, computed as u, watch as G, nextTick as J, onMounted as ye, createElementBlock as r, openBlock as o, normalizeStyle as pe, createCommentVNode as h, createBlock as ge, unref as i, createVNode as me, createElementVNode as z, renderSlot as K, toDisplayString as Q } from "vue";
 import { c as ke, t as be, u as Y, o as R, f as _e, x, ad as we, X as xe, s as Z, z as ee, d as te, a as $e } from "./lib-C_mNZmhD.js";
 import { t as Le, u as Ce } from "./useResponsive-DfdjqQps.js";
-import { u as Ae, a as le } from "./useNestedProp-BjZe1Y85.js";
+import { u as Ae, a as le } from "./useNestedProp-DjGXw6S9.js";
 import { u as Te, B as Ne } from "./BaseScanner-BgWxam9d.js";
 import { u as Se } from "./useFitSvgText-2crs6Fv5.js";
 import { t as ze } from "./themes-AUNCOb2G.js";
@@ -23,7 +23,7 @@ const Me = ["id"], Ie = ["xmlns", "viewBox"], je = ["width", "height"], Ee = ["i
     }
   },
   setup(ae) {
-    const ne = ce(() => import("./PackageVersion-CTUqGqWV.js")), { vue_ui_spark_trend: ue } = Ae(), m = ae, F = f(null), W = f(null), H = f(null), $ = f(null), C = f(null), A = f(!1), y = f(null), L = f(ke()), e = f(j()), { loading: _, FINAL_DATASET: M, manualLoading: I } = Te({
+    const ne = ce(() => import("./PackageVersion-DQvyATVa.js")), { vue_ui_spark_trend: ue } = Ae(), m = ae, F = f(null), W = f(null), H = f(null), $ = f(null), C = f(null), A = f(!1), y = f(null), L = f(ke()), e = f(j()), { loading: _, FINAL_DATASET: M, manualLoading: I } = Te({
       ...he(m),
       FINAL_CONFIG: e,
       prepareConfig: j,

package/dist/{vue-ui-sparkbar-B44oER5n.js → vue-ui-sparkbar-Bvsi5DTT.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as Z, useSlots as ee, onMounted as F, ref as x, toRefs as te, computed as w, watch as B, nextTick as le, createElementBlock as i, openBlock as s, normalizeStyle as d, unref as a, renderSlot as $, createCommentVNode as p, createBlock as ae, normalizeProps as oe, mergeProps as E, createElementVNode as v, toDisplayString as y, Fragment as M, renderList as ne, createVNode as se } from "vue";
 import { c as ue, t as ie, b as re, p as _, e as ve, o as ce, f as P, g as de, h as pe, s as D, a as C, d as A, X as fe, i as ye } from "./lib-C_mNZmhD.js";
-import { u as ge, a as V } from "./useNestedProp-BjZe1Y85.js";
+import { u as ge, a as V } from "./useNestedProp-DjGXw6S9.js";
 import { t as me } from "./themes-AUNCOb2G.js";
 import { u as he, B as xe } from "./BaseScanner-BgWxam9d.js";
 const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["xmlns", "viewBox"], _e = ["id"], Ce = ["stop-color"], Ae = ["stop-color"], Se = ["height", "width", "fill", "rx"], $e = ["height", "width", "fill", "rx"], De = ["height", "width", "fill", "rx"], Ie = {
@@ -32,7 +32,7 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
   },
   emits: ["selectDatapoint"],
   setup(O, { emit: j }) {
-    const U = Z(() => import("./PackageVersion-CTUqGqWV.js")), { vue_ui_sparkbar: R } = ge(), f = O, W = ee();
+    const U = Z(() => import("./PackageVersion-DQvyATVa.js")), { vue_ui_sparkbar: R } = ge(), f = O, W = ee();
     F(() => {
       W["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
     });

package/dist/{vue-ui-sparkgauge-ix12NZ7M.js → vue-ui-sparkgauge-DyJmWCWT.js}

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as T, ref as b, toRefs as U, onMounted as N, computed as s, watch as M, createElementBlock as r, openBlock as u, normalizeStyle as g, createCommentVNode as d, createBlock as P, toDisplayString as k, unref as i, createVNode as q, createElementVNode as m, renderSlot as F, normalizeClass as V } from "vue";
-import { u as X, a as B } from "./useNestedProp-BjZe1Y85.js";
+import { u as X, a as B } from "./useNestedProp-DjGXw6S9.js";
 import { c as Y, t as H, o as J, f as E, g as K, ae as Q, X as W, a as Z, x, d as ee } from "./lib-C_mNZmhD.js";
 import { u as te, B as ae } from "./BaseScanner-BgWxam9d.js";
 import { u as le } from "./useChartAccessibility-9icAAmYg.js";
@@ -25,7 +25,7 @@ const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["s
     }
   },
   setup(D) {
-    const O = T(() => import("./PackageVersion-CTUqGqWV.js")), { vue_ui_sparkgauge: j } = X(), c = D, _ = b(Y()), e = b(p()), { loading: h, FINAL_DATASET: v } = te({
+    const O = T(() => import("./PackageVersion-DQvyATVa.js")), { vue_ui_sparkgauge: j } = X(), c = D, _ = b(Y()), e = b(p()), { loading: h, FINAL_DATASET: v } = te({
       ...U(c),
       FINAL_CONFIG: e,
       prepareConfig: p,

package/dist/{vue-ui-sparkhistogram-Cs-QDYBR.js → vue-ui-sparkhistogram-5eKrkmSb.js}

@@ -1,14 +1,14 @@
-import { useCssVars as pe, computed as k, defineAsyncComponent as me, ref as y, toRefs as be, onMounted as U, watch as X, nextTick as j, createElementBlock as s, openBlock as a, normalizeStyle as S, createCommentVNode as c, createBlock as G, createElementVNode as g, createTextVNode as _e, toDisplayString as p, unref as n, createVNode as xe, renderSlot as q, Fragment as d, renderList as h, normalizeClass as Y } from "vue";
-import { c as ke, t as Ce, o as Ae, f as P, g as we, s as m, a as J, d as K, X as $e, i as D } from "./lib-C_mNZmhD.js";
-import { t as Le, u as ze } from "./useResponsive-DfdjqQps.js";
-import { u as Se, a as Q } from "./useNestedProp-BjZe1Y85.js";
+import { useCssVars as be, computed as x, defineAsyncComponent as pe, ref as h, toRefs as me, onMounted as X, watch as j, nextTick as G, createElementBlock as s, openBlock as a, normalizeStyle as M, createCommentVNode as d, createBlock as q, createElementVNode as g, createTextVNode as _e, toDisplayString as b, unref as n, createVNode as ke, renderSlot as Y, Fragment as y, renderList as f, normalizeClass as P } from "vue";
+import { c as xe, t as Ce, o as Ae, f as J, g as we, s as p, a as K, d as Q, X as Le, i as H } from "./lib-C_mNZmhD.js";
+import { t as $e, u as ze } from "./useResponsive-DfdjqQps.js";
+import { u as Se, a as Z } from "./useNestedProp-DjGXw6S9.js";
 import { u as Me, B as Fe } from "./BaseScanner-BgWxam9d.js";
 import { u as Ie } from "./useFitSvgText-2crs6Fv5.js";
 import { u as Te } from "./useChartAccessibility-9icAAmYg.js";
 import { _ as Ee } from "./Shape-CNXKB8O0.js";
 import { t as Ne } from "./themes-AUNCOb2G.js";
 import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width", "height"], Re = ["id"], Be = ["stop-color"], Ue = ["stop-color"], Xe = ["id"], je = ["stop-color"], Ge = ["stop-color"], qe = ["id"], Ye = ["stop-color"], Pe = ["stop-color"], Je = ["height", "width", "fill", "x", "stroke", "stroke-width", "rx", "stroke-dasharray"], Ke = { key: 1 }, Qe = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Ze = { key: 2 }, et = ["x", "y", "font-size", "font-weight", "fill"], tt = ["x", "y", "font-size", "fill"], lt = ["x", "y", "font-size", "fill"], at = ["height", "width", "x", "onMouseover", "onMouseleave", "onClick"], st = {
+const He = { key: 0 }, We = { key: 1 }, Ve = ["xmlns", "viewBox"], Oe = ["width", "height"], Re = ["id"], Be = ["stop-color"], Ue = ["stop-color"], Xe = ["id"], je = ["stop-color"], Ge = ["stop-color"], qe = ["id"], Ye = ["stop-color"], Pe = ["stop-color"], Je = ["height", "width", "fill", "x", "stroke", "stroke-width", "rx", "stroke-dasharray"], Ke = { key: 1 }, Qe = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Ze = { key: 2 }, et = ["x", "y", "font-size", "font-weight", "fill"], tt = ["x", "y", "font-size", "fill"], lt = ["x", "y", "font-size", "fill"], at = ["height", "width", "x", "onMouseover", "onMouseleave", "onClick"], st = {
   __name: "vue-ui-sparkhistogram",
   props: {
     config: {
@@ -25,14 +25,14 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
     }
   },
   emits: ["selectDatapoint"],
-  setup(Z, { emit: ee }) {
-    pe((l) => ({
-      v693dff61: ve.value
+  setup(ee, { emit: te }) {
+    be((l) => ({
+      v151ed470: ce.value
     }));
-    const te = me(() => import("./PackageVersion-CTUqGqWV.js")), { vue_ui_sparkhistogram: le } = Se(), b = Z, _ = y(ke()), W = y(null), V = y(null), M = y(null), C = y(null), w = y(null), e = y(T()), { loading: H, FINAL_DATASET: A } = Me({
-      ...be(b),
+    const le = pe(() => import("./PackageVersion-DQvyATVa.js")), { vue_ui_sparkhistogram: ae } = Se(), m = ee, _ = h(xe()), W = h(null), V = h(null), F = h(null), C = h(null), L = h(null), e = h(E()), { loading: O, FINAL_DATASET: A } = Me({
+      ...me(m),
       FINAL_CONFIG: e,
-      prepareConfig: T,
+      prepareConfig: E,
       skeletonDataset: [
         { value: 1, intensity: 0.2, color: "#CACACA" },
         { value: 2, intensity: 0.3, color: "#CACACA" },
@@ -57,167 +57,167 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
           }
         }
       })
-    }), F = y(e.value.style.layout.width), I = y(e.value.style.layout.height), { svgRef: O } = Te({ config: e.value.style.title });
-    function T() {
-      const l = Q({
-        userConfig: b.config,
-        defaultConfig: le
+    }), I = h(e.value.style.layout.width), T = h(e.value.style.layout.height), { svgRef: R } = Te({ config: e.value.style.title });
+    function E() {
+      const l = Z({
+        userConfig: m.config,
+        defaultConfig: ae
       });
       return l.theme ? {
-        ...Q({
-          userConfig: Ne.vue_ui_sparkhistogram[l.theme] || b.config,
+        ...Z({
+          userConfig: Ne.vue_ui_sparkhistogram[l.theme] || m.config,
           defaultConfig: l
         })
       } : l;
     }
-    U(() => {
-      B();
+    X(() => {
+      U();
     });
-    const R = k(() => !!e.value.debug);
-    function B() {
-      if (Ae(b.dataset) ? P({
+    const B = x(() => !!e.value.debug);
+    function U() {
+      if (Ae(m.dataset) ? J({
         componentName: "VueUiSparkHistogram",
         type: "dataset",
-        debug: R.value
-      }) : b.dataset.forEach((l, o) => {
+        debug: B.value
+      }) : m.dataset.forEach((l, i) => {
         we({
           datasetObject: l,
           requiredAttributes: ["value"]
         }).forEach((t) => {
-          P({
+          J({
             componentName: "VueUiSparkHistogram",
             type: "datasetSerieAttribute",
             property: t,
-            index: o,
-            debug: R.value
+            index: i,
+            debug: B.value
           });
         });
       }), e.value.responsive) {
-        const l = Le(() => {
-          const { width: o, height: t } = ze({
-            chart: M.value,
+        const l = $e(() => {
+          const { width: i, height: t } = ze({
+            chart: F.value,
             title: e.value.style.title.text ? V.value : null,
             source: W.value
-          });
+          }), o = e.value.style.labels.timeLabel.show ? e.value.style.labels.timeLabel.fontSize * 2 : 0, c = e.value.style.labels.valueLabel.show ? e.value.style.labels.valueLabel.fontSize * 2 : 0;
           requestAnimationFrame(() => {
-            F.value = Math.max(10, o), I.value = Math.max(10, t - 12);
+            I.value = Math.max(10, i), T.value = Math.max(10, t - 12 - o - c);
           });
         });
-        C.value && (w.value && C.value.unobserve(w.value), C.value.disconnect()), C.value = new ResizeObserver(l), w.value = M.value.parentNode, C.value.observe(w.value);
+        C.value && (L.value && C.value.unobserve(L.value), C.value.disconnect()), C.value = new ResizeObserver(l), L.value = F.value.parentNode, C.value.observe(L.value);
       }
     }
-    X(() => b.config, (l) => {
-      e.value = T(), B();
+    j(() => m.config, (l) => {
+      e.value = E(), U();
     }, { deep: !0 });
-    const v = k(() => {
-      const l = I.value, o = F.value, t = e.value.style.layout.padding.top, i = l - e.value.style.layout.padding.bottom, f = e.value.style.layout.padding.left, $ = o - e.value.style.layout.padding.right, L = t + (l - t - e.value.style.layout.padding.bottom) / 2, E = l - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom, z = o - e.value.style.layout.padding.left - e.value.style.layout.padding.right;
+    const v = x(() => {
+      const l = e.value.style.labels.timeLabel.show ? e.value.style.labels.timeLabel.fontSize * 2 : 0, i = e.value.style.labels.valueLabel.show ? e.value.style.labels.valueLabel.fontSize * 2 : 0, t = T.value + l + i, o = I.value, c = e.value.style.layout.padding.top, $ = t - e.value.style.layout.padding.bottom, z = e.value.style.layout.padding.left, N = o - e.value.style.layout.padding.right, S = c + (t - c - e.value.style.layout.padding.bottom) / 2, D = t - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - l - i, w = o - e.value.style.layout.padding.left - e.value.style.layout.padding.right;
       return {
-        bottom: i,
-        centerY: L,
-        drawingHeight: E,
-        drawingWidth: z,
-        height: l,
-        left: f,
-        right: $,
-        top: t,
+        bottom: $,
+        centerY: S,
+        drawingHeight: D,
+        drawingWidth: w,
+        height: t,
+        left: z,
+        right: N,
+        top: c,
         width: o
       };
-    }), ae = k(() => Math.max(...A.value.map((l) => Math.abs(l.value || 0))));
-    function se(l) {
-      return Math.abs(l) / ae.value;
+    }), se = x(() => Math.max(...A.value.map((l) => Math.abs(l.value || 0))));
+    function oe(l) {
+      return Math.abs(l) / se.value;
     }
-    const u = k(() => A.value.map((l, o) => {
-      const t = se(l.value || 0), i = v.value.drawingHeight * t, f = v.value.drawingWidth / A.value.length, $ = f * (e.value.style.bars.gap / 100), L = f - $, E = v.value.centerY - i / 2, z = v.value.left + ($ / 2 + o * f), de = v.value.left + o * f, N = typeof l.intensity > "u" ? 100 : Math.round(l.intensity * 100), ye = l.color ? l.color : l.value >= 0 ? m(e.value.style.bars.colors.positive, N) : m(e.value.style.bars.colors.negative, N), he = l.color ? l.color : l.value >= 0 ? e.value.style.bars.colors.positive : e.value.style.bars.colors.negative, fe = l.color ? `url(#gradient_datapoint_${o}_${_.value})` : l.value >= 0 ? `url(#gradient_positive_${o}_${_.value})` : `url(#gradient_negative_${o}_${_.value})`, ge = z + L / 2;
+    const u = x(() => A.value.map((l, i) => {
+      const t = oe(l.value || 0), o = v.value.drawingHeight * t, c = v.value.drawingWidth / A.value.length, $ = c * (e.value.style.bars.gap / 100), z = c - $, N = v.value.centerY - o / 2, S = v.value.left + ($ / 2 + i * c), D = v.value.left + i * c, w = typeof l.intensity > "u" ? 100 : Math.round(l.intensity * 100), ye = l.color ? l.color : l.value >= 0 ? p(e.value.style.bars.colors.positive, w) : p(e.value.style.bars.colors.negative, w), he = l.color ? l.color : l.value >= 0 ? e.value.style.bars.colors.positive : e.value.style.bars.colors.negative, fe = l.color ? `url(#gradient_datapoint_${i}_${_.value})` : l.value >= 0 ? `url(#gradient_positive_${i}_${_.value})` : `url(#gradient_negative_${i}_${_.value})`, ge = S + z / 2;
       return {
         ...l,
         color: ye,
         gradient: fe,
-        height: i,
-        intensity: N,
+        height: o,
+        intensity: w,
         proportion: t,
         stroke: he,
         textAnchor: ge,
-        trapX: de,
-        unitWidth: f,
-        width: L,
-        x: z,
-        y: E
+        trapX: D,
+        unitWidth: c,
+        width: z,
+        x: S,
+        y: N
       };
     }));
-    function oe(l, o) {
-      return J(
+    function ie(l, i) {
+      return K(
         e.value.style.labels.value.formatter,
         l.value,
-        K({
+        Q({
           p: e.value.style.labels.value.prefix,
           v: l.value,
           s: e.value.style.labels.value.suffix,
           r: e.value.style.labels.value.rounding
         }),
-        { datapoint: l, seriesIndex: o }
+        { datapoint: l, seriesIndex: i }
       );
     }
-    const r = y(null), ie = ee;
-    function ue(l, o) {
-      ie("selectDatapoint", { datapoint: l, index: o }), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: o });
+    const r = h(null), ue = te;
+    function ne(l, i) {
+      ue("selectDatapoint", { datapoint: l, index: i }), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: i });
     }
-    function ne(l, o) {
-      r.value = o, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: o });
+    function re(l, i) {
+      r.value = i, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: i });
     }
-    function re(l, o) {
-      r.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: o });
+    function ve(l, i) {
+      r.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: i });
     }
-    const ve = k(() => `${e.value.style.animation.speedMs}ms`), ce = k(() => v.value.drawingWidth / A.value.length * 0.9), { fitText: x } = Ie({
-      svgRef: O,
-      unitWidth: ce
+    const ce = x(() => `${e.value.style.animation.speedMs}ms`), de = x(() => v.value.drawingWidth / A.value.length * 0.9), { fitText: k } = Ie({
+      svgRef: R,
+      unitWidth: de
     });
-    return U(async () => {
-      await j(), x(".vue-ui-sparkhistogram-top-label", e.value.style.labels.value.minFontSize), x(".vue-ui-sparkhistogram-bottom-label", e.value.style.labels.valueLabel.minFontSize), x(".vue-ui-sparkhistogram-time-label", e.value.style.labels.timeLabel.minFontSize);
-    }), X([F, I, () => A.value], async () => {
-      await j(), x(".vue-ui-sparkhistogram-top-label", e.value.style.labels.value.minFontSize), x(".vue-ui-sparkhistogram-bottom-label", e.value.style.labels.valueLabel.minFontSize), x(".vue-ui-sparkhistogram-time-label", e.value.style.labels.timeLabel.minFontSize);
-    }), (l, o) => (a(), s("div", {
+    return X(async () => {
+      await G(), k(".vue-ui-sparkhistogram-top-label", e.value.style.labels.value.minFontSize), k(".vue-ui-sparkhistogram-bottom-label", e.value.style.labels.valueLabel.minFontSize), k(".vue-ui-sparkhistogram-time-label", e.value.style.labels.timeLabel.minFontSize);
+    }), j([I, T, () => A.value], async () => {
+      await G(), k(".vue-ui-sparkhistogram-top-label", e.value.style.labels.value.minFontSize), k(".vue-ui-sparkhistogram-bottom-label", e.value.style.labels.valueLabel.minFontSize), k(".vue-ui-sparkhistogram-time-label", e.value.style.labels.timeLabel.minFontSize);
+    }), (l, i) => (a(), s("div", {
       class: "vue-data-ui-component vue-ui-spark-histogram",
       ref_key: "histogramChart",
-      ref: M,
-      style: S(`width:100%;background:${e.value.style.backgroundColor};font-family:${e.value.style.fontFamily}`),
-      onMouseleave: o[0] || (o[0] = (t) => r.value = null)
+      ref: F,
+      style: M(`width:100%;background:${e.value.style.backgroundColor};font-family:${e.value.style.fontFamily}`),
+      onMouseleave: i[0] || (i[0] = (t) => r.value = null)
     }, [
       e.value.style.title.text ? (a(), s("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: V,
-        style: S(`width:calc(100% - 12px);background:transparent;margin:0 auto;margin:${e.value.style.title.margin};padding: 0 6px;text-align:${e.value.style.title.textAlign}`)
+        style: M(`width:calc(100% - 12px);background:transparent;margin:0 auto;margin:${e.value.style.title.margin};padding: 0 6px;text-align:${e.value.style.title.textAlign}`)
       }, [
         g("div", {
-          style: S(`font-size:${e.value.style.title.fontSize}px;color:${e.value.style.title.color};font-weight:${e.value.style.title.bold ? "bold" : "normal"}`)
+          style: M(`font-size:${e.value.style.title.fontSize}px;color:${e.value.style.title.color};font-weight:${e.value.style.title.bold ? "bold" : "normal"}`)
         }, [
-          _e(p(e.value.style.title.text) + " ", 1),
-          r.value !== null ? (a(), s("span", We, "- " + p(u.value[r.value].timeLabel || "") + " " + p(n(J)(
+          _e(b(e.value.style.title.text) + " ", 1),
+          r.value !== null ? (a(), s("span", He, "- " + b(u.value[r.value].timeLabel || "") + " " + b(n(K)(
             e.value.style.labels.value.formatter,
             u.value[r.value].value,
-            n(K)({
+            n(Q)({
               p: e.value.style.labels.value.prefix,
               v: u.value[r.value].value,
               s: e.value.style.labels.value.suffix,
               r: e.value.style.labels.value.rounding
             }),
             { datapoint: u.value[r.value], seriesIndex: r.value }
-          )), 1)) : c("", !0),
-          ![void 0, null].includes(r.value) && ![null, void 0].includes(u.value[r.value].valueLabel) ? (a(), s("span", Ve, "(" + p(u.value[r.value].valueLabel || 0) + ")", 1)) : c("", !0)
+          )), 1)) : d("", !0),
+          ![void 0, null].includes(r.value) && ![null, void 0].includes(u.value[r.value].valueLabel) ? (a(), s("span", We, b(` (${u.value[r.value].valueLabel || 0})`), 1)) : d("", !0)
         ], 4),
         e.value.style.title.subtitle.text ? (a(), s("div", {
           key: 0,
-          style: S(`font-size:${e.value.style.title.subtitle.fontSize}px;color:${e.value.style.title.subtitle.color};font-weight:${e.value.style.title.subtitle.bold ? "bold" : "normal"}`)
-        }, p(e.value.style.title.subtitle.text), 5)) : c("", !0)
-      ], 4)) : c("", !0),
+          style: M(`font-size:${e.value.style.title.subtitle.fontSize}px;color:${e.value.style.title.subtitle.color};font-weight:${e.value.style.title.subtitle.bold ? "bold" : "normal"}`)
+        }, b(e.value.style.title.subtitle.text), 5)) : d("", !0)
+      ], 4)) : d("", !0),
       (a(), s("svg", {
         ref_key: "svgRef",
-        ref: O,
-        xmlns: n($e),
+        ref: R,
+        xmlns: n(Le),
         viewBox: `0 0 ${v.value.width} ${v.value.height}`,
         style: { overflow: "visible" }
       }, [
-        xe(n(te)),
+        ke(n(le)),
         l.$slots["chart-background"] ? (a(), s("foreignObject", {
           key: 0,
           x: 0,
@@ -228,11 +228,11 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
             pointerEvents: "none"
           }
         }, [
-          q(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Oe)) : c("", !0),
+          Y(l.$slots, "chart-background", {}, void 0, !0)
+        ], 8, Oe)) : d("", !0),
         g("defs", null, [
-          (a(!0), s(d, null, h(u.value, (t, i) => (a(), s("radialGradient", {
-            id: `gradient_positive_${i}_${_.value}`,
+          (a(!0), s(y, null, f(u.value, (t, o) => (a(), s("radialGradient", {
+            id: `gradient_positive_${o}_${_.value}`,
             cy: "50%",
             cx: "50%",
             r: "50%",
@@ -241,15 +241,15 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
           }, [
             g("stop", {
               offset: "0%",
-              "stop-color": n(m)(n(D)(e.value.style.bars.colors.positive, 0.05), t.intensity)
+              "stop-color": n(p)(n(H)(e.value.style.bars.colors.positive, 0.05), t.intensity)
             }, null, 8, Be),
             g("stop", {
               offset: "100%",
-              "stop-color": n(m)(e.value.style.bars.colors.positive, t.intensity)
+              "stop-color": n(p)(e.value.style.bars.colors.positive, t.intensity)
             }, null, 8, Ue)
           ], 8, Re))), 256)),
-          (a(!0), s(d, null, h(u.value, (t, i) => (a(), s("radialGradient", {
-            id: `gradient_negative_${i}_${_.value}`,
+          (a(!0), s(y, null, f(u.value, (t, o) => (a(), s("radialGradient", {
+            id: `gradient_negative_${o}_${_.value}`,
             cy: "50%",
             cx: "50%",
             r: "50%",
@@ -258,15 +258,15 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
           }, [
             g("stop", {
               offset: "0%",
-              "stop-color": n(m)(n(D)(e.value.style.bars.colors.negative, 0.05), t.intensity)
+              "stop-color": n(p)(n(H)(e.value.style.bars.colors.negative, 0.05), t.intensity)
             }, null, 8, je),
             g("stop", {
               offset: "100%",
-              "stop-color": n(m)(e.value.style.bars.colors.negative, t.intensity)
+              "stop-color": n(p)(e.value.style.bars.colors.negative, t.intensity)
             }, null, 8, Ge)
           ], 8, Xe))), 256)),
-          (a(!0), s(d, null, h(u.value, (t, i) => (a(), s("radialGradient", {
-            id: `gradient_datapoint_${i}_${_.value}`,
+          (a(!0), s(y, null, f(u.value, (t, o) => (a(), s("radialGradient", {
+            id: `gradient_datapoint_${o}_${_.value}`,
             cy: "50%",
             cx: "50%",
             r: "50%",
@@ -275,16 +275,16 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
           }, [
             g("stop", {
               offset: "0%",
-              "stop-color": n(m)(n(D)(t.color, 0.05), t.intensity)
+              "stop-color": n(p)(n(H)(t.color, 0.05), t.intensity)
             }, null, 8, Ye),
             g("stop", {
               offset: "100%",
-              "stop-color": n(m)(t.color, t.intensity)
+              "stop-color": n(p)(t.color, t.intensity)
             }, null, 8, Pe)
           ], 8, qe))), 256))
         ]),
-        (a(!0), s(d, null, h(u.value, (t, i) => (a(), s("g", null, [
-          r.value !== null && r.value === i ? (a(), s("rect", {
+        (a(!0), s(y, null, f(u.value, (t, o) => (a(), s("g", null, [
+          r.value !== null && r.value === o ? (a(), s("rect", {
             key: 0,
             height: v.value.height,
             width: t.unitWidth,
@@ -295,10 +295,10 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
             "stroke-width": e.value.style.selector.strokeWidth,
             rx: e.value.style.selector.borderRadius,
             "stroke-dasharray": e.value.style.selector.strokeDasharray
-          }, null, 8, Je)) : c("", !0)
+          }, null, 8, Je)) : d("", !0)
         ]))), 256)),
         !e.value.style.bars.shape || e.value.style.bars.shape === "square" ? (a(), s("g", Ke, [
-          (a(!0), s(d, null, h(u.value, (t, i) => (a(), s("rect", {
+          (a(!0), s(y, null, f(u.value, (t, o) => (a(), s("rect", {
             x: t.x,
             y: t.y,
             height: t.height,
@@ -307,29 +307,32 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
             stroke: t.stroke,
             "stroke-width": e.value.style.bars.strokeWidth,
             rx: `${e.value.style.bars.borderRadius * t.proportion / 12}%`,
-            class: Y({ "vue-ui-sparkhistogram-shape": e.value.style.animation.show })
+            class: P({ "vue-ui-sparkhistogram-shape": e.value.style.animation.show })
           }, null, 10, Qe))), 256))
         ])) : (a(), s("g", Ze, [
-          (a(!0), s(d, null, h(u.value, (t, i) => (a(), G(Ee, {
+          (a(!0), s(y, null, f(u.value, (t, o) => (a(), q(Ee, {
             plot: { x: t.x + t.width / 2, y: t.y + t.height / 2 },
             color: e.value.style.bars.colors.gradient.show ? t.gradient : t.color,
             shape: e.value.style.bars.shape,
             radius: Math.min(t.height * 0.4, t.width * 0.4),
-            class: Y({ "vue-ui-sparkhistogram-shape": e.value.style.animation.show })
+            class: P({ "vue-ui-sparkhistogram-shape": e.value.style.animation.show })
           }, null, 8, ["plot", "color", "shape", "radius", "class"]))), 256))
         ])),
-        n(H) ? c("", !0) : (a(), s(d, { key: 3 }, [
-          (a(!0), s(d, null, h(u.value, (t, i) => (a(), s("text", {
-            class: "vue-ui-sparkhistogram-top-label",
-            "text-anchor": "middle",
-            x: t.textAnchor,
-            y: t.y - e.value.style.labels.value.fontSize / 3 + e.value.style.labels.value.offsetY,
-            "font-size": e.value.style.labels.value.fontSize,
-            "font-weight": e.value.style.labels.value.bold ? "bold" : "normal",
-            fill: e.value.style.labels.value.color
-          }, p(oe(t, i)), 9, et))), 256)),
-          (a(!0), s(d, null, h(u.value, (t, i) => (a(), s("g", null, [
-            t.valueLabel ? (a(), s("text", {
+        n(O) ? d("", !0) : (a(), s(y, { key: 3 }, [
+          (a(!0), s(y, null, f(u.value, (t, o) => (a(), s("g", null, [
+            e.value.style.labels.value.show ? (a(), s("text", {
+              key: 0,
+              class: "vue-ui-sparkhistogram-top-label",
+              "text-anchor": "middle",
+              x: t.textAnchor,
+              y: t.y - e.value.style.labels.value.fontSize / 3 + e.value.style.labels.value.offsetY,
+              "font-size": e.value.style.labels.value.fontSize,
+              "font-weight": e.value.style.labels.value.bold ? "bold" : "normal",
+              fill: e.value.style.labels.value.color
+            }, b(ie(t, o)), 9, et)) : d("", !0)
+          ]))), 256)),
+          (a(!0), s(y, null, f(u.value, (t, o) => (a(), s("g", null, [
+            t.valueLabel && e.value.style.labels.valueLabel.show ? (a(), s("text", {
               key: 0,
               class: "vue-ui-sparkhistogram-bottom-label",
               x: t.textAnchor,
@@ -337,45 +340,45 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
               "font-size": e.value.style.labels.valueLabel.fontSize,
               "text-anchor": "middle",
               fill: e.value.style.labels.valueLabel.color
-            }, p(t.valueLabel), 9, tt)) : c("", !0)
+            }, b(t.valueLabel), 9, tt)) : d("", !0)
           ]))), 256)),
-          (a(!0), s(d, null, h(u.value, (t, i) => (a(), s("g", null, [
-            t.timeLabel ? (a(), s("text", {
+          (a(!0), s(y, null, f(u.value, (t, o) => (a(), s("g", null, [
+            t.timeLabel && e.value.style.labels.timeLabel.show ? (a(), s("text", {
               key: 0,
               class: "vue-ui-sparkhistogram-time-label",
               x: t.textAnchor,
-              y: v.value.height - e.value.style.labels.timeLabel.fontSize / 2,
+              y: v.value.height,
               "font-size": e.value.style.labels.timeLabel.fontSize,
               fill: e.value.style.labels.timeLabel.color,
               "text-anchor": "middle"
-            }, p(t.timeLabel), 9, lt)) : c("", !0)
+            }, b(t.timeLabel), 9, lt)) : d("", !0)
           ]))), 256))
         ], 64)),
-        (a(!0), s(d, null, h(u.value, (t, i) => (a(), s("g", null, [
+        (a(!0), s(y, null, f(u.value, (t, o) => (a(), s("g", null, [
           g("rect", {
             height: v.value.height,
             width: t.unitWidth,
             fill: "transparent",
             x: t.trapX,
             y: 0,
-            onMouseover: (f) => ne(t, i),
-            onMouseleave: (f) => re(t, i),
-            onClick: () => ue(t, i)
+            onMouseover: (c) => re(t, o),
+            onMouseleave: (c) => ve(t, o),
+            onClick: () => ne(t, o)
           }, null, 40, at)
         ]))), 256))
-      ], 8, He)),
+      ], 8, Ve)),
       l.$slots.source ? (a(), s("div", {
         key: 1,
         ref_key: "source",
         ref: W,
         dir: "auto"
       }, [
-        q(l.$slots, "source", {}, void 0, !0)
-      ], 512)) : c("", !0),
-      n(H) ? (a(), G(Fe, { key: 2 })) : c("", !0)
+        Y(l.$slots, "source", {}, void 0, !0)
+      ], 512)) : d("", !0),
+      n(O) ? (a(), q(Fe, { key: 2 })) : d("", !0)
     ], 36));
   }
-}, ft = /* @__PURE__ */ De(st, [["__scopeId", "data-v-df871618"]]);
+}, ft = /* @__PURE__ */ De(st, [["__scopeId", "data-v-7f6b6b54"]]);
 export {
   ft as default
 };

package/dist/{vue-ui-sparkline-Cb8ZmyUq.js → vue-ui-sparkline-ChKAzlVq.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as he, computed as h, ref as y, toRefs as Pe, watch as J, shallowRef as fe, onMounted as Re, onBeforeUnmount as ye, createElementBlock as c, openBlock as n, normalizeStyle as D, renderSlot as S, createCommentVNode as f, createBlock as pe, normalizeProps as ge, guardReactiveProps as me, createElementVNode as p, toDisplayString as T, unref as s, createVNode as Fe, Fragment as Q, renderList as ee, withCtx as Ee, createTextVNode as Oe, nextTick as Be } from "vue";
 import { c as Ge, t as je, O as be, af as te, o as ke, f as xe, g as Ue, i as W, L as Xe, ag as Ye, X as qe, s as P, z as _e, B as Ze, r as we, a as ae, d as le, ah as Ke } from "./lib-C_mNZmhD.js";
-import { u as He, a as Le } from "./useNestedProp-BjZe1Y85.js";
+import { u as He, a as Le } from "./useNestedProp-DjGXw6S9.js";
 import { t as Je, u as Qe } from "./useResponsive-DfdjqQps.js";
 import { u as et } from "./useChartAccessibility-9icAAmYg.js";
 import { u as tt, B as at } from "./BaseScanner-BgWxam9d.js";
@@ -41,7 +41,7 @@ const st = ["id"], nt = ["xmlns", "viewBox"], rt = ["width", "height"], it = ["i
   },
   emits: ["hoverIndex", "selectDatapoint"],
   setup($, { emit: Ae }) {
-    const $e = he(() => import("./PackageVersion-CTUqGqWV.js")), Ne = he(() => import("./SparkTooltip-BEewz-_Q.js")), { vue_ui_sparkline: Me } = He(), r = $, ue = h(() => Array.isArray(r.dataset) && r.dataset.length > 0), g = y(Ge()), R = y(null), oe = y(null), se = y(null), e = y(O());
+    const $e = he(() => import("./PackageVersion-DQvyATVa.js")), Ne = he(() => import("./SparkTooltip-BEewz-_Q.js")), { vue_ui_sparkline: Me } = He(), r = $, ue = h(() => Array.isArray(r.dataset) && r.dataset.length > 0), g = y(Ge()), R = y(null), oe = y(null), se = y(null), e = y(O());
     function Ce(t) {
       return Ke(t).map((a) => ({ period: "-", value: a }));
     }