vue-data-ui 3.0.0-next.6 → 3.0.0-next.60

package/dist/{vue-ui-skeleton-C7maR60-.js → vue-ui-skeleton-FanSnKr8.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 { u as F, R as B, X as u, s as v, _ as O } from "./index-BQcLOx39.js";
-import { u as V } from "./useNestedProp-DefBVltl.js";
-import y from "./PackageVersion-BsKpz6KS.js";
+import { u as F, R as B, X as u, s as v, _ as O } from "./index-BLtc1AIS.js";
+import { u as V } from "./useNestedProp-DExlTpuj.js";
+import y from "./PackageVersion-5S8ajCUS.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"], u1 = ["stroke"], c1 = ["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"], ul = ["stroke", "fill"], cl = ["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"], u0 = ["stroke"], c0 = ["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"], ut = ["stroke", "stroke-width"], ct = ["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"], ue = ["x", "y", "fill"], ce = ["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-DzCCn5Oc.js → vue-ui-smiley-CWA0Y6wM.js}

@@ -1,12 +1,12 @@
 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 d, createElementVNode as l, toDisplayString as c, unref as o, withKeys as z, normalizeClass as M, createTextVNode as S, createStaticVNode as $ } from "vue";
-import { u as P, o as q, e as J, i as x, f as b, X as f, w as k } from "./index-BQcLOx39.js";
-import { u as Q } from "./useNestedProp-DefBVltl.js";
+import { u as P, o as q, f as J, k as x, i as b, X as f, x as m } from "./index-BLtc1AIS.js";
+import { u as Q } from "./useNestedProp-DExlTpuj.js";
 import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Z = {
   key: 0,
   class: "vue-ui-rating-title",
   style: { width: "100%" }
-}, tt = ["xmlns", "stroke"], et = { id: "vueUiSmiley0" }, lt = ["stop-color"], ot = ["stop-color"], at = ["fill"], st = ["stroke"], it = ["xmlns", "viewBox", "stroke"], nt = { id: "vueUiSmiley0" }, rt = ["stop-color"], dt = ["stop-color"], ut = ["fill"], vt = ["viewBox", "stroke"], pt = ["xmlns", "stroke"], yt = { id: "vueUiSmiley1" }, ft = ["stop-color"], ht = ["stop-color"], ct = ["fill"], gt = ["xmlns", "stroke"], mt = ["xmlns", "viewBox", "stroke"], kt = { id: "vueUiSmiley1" }, xt = ["stop-color"], bt = ["stop-color"], $t = ["fill"], wt = ["viewBox", "stroke"], zt = ["xmlns", "stroke"], Mt = { id: "vueUiSmiley2" }, St = ["stop-color"], _t = ["stop-color"], Rt = ["fill"], Ct = ["xmlns", "stroke"], Bt = ["xmlns", "viewBox", "stroke"], jt = { id: "vueUiSmiley2" }, Ht = ["stop-color"], Ut = ["stop-color"], Gt = ["fill"], Vt = ["xmlns", "viewBox", "stroke"], At = ["xmlns", "stroke"], Xt = { id: "vueUiSmiley3" }, Yt = ["stop-color"], Nt = ["stop-color"], Ft = ["fill"], It = ["xmlns", "stroke"], Kt = ["xmlns", "viewBox", "stroke"], Ot = { id: "vueUiSmiley3" }, Lt = ["stop-color"], Dt = ["stop-color"], Et = ["fill"], Tt = ["xmlns", "viewBox", "stroke"], Pt = ["xmlns", "stroke"], qt = { id: "vueUiSmiley4" }, Jt = ["stop-color"], Qt = ["stop-color"], Wt = ["fill"], Zt = ["xmlns", "stroke"], te = ["xmlns", "viewBox", "stroke"], ee = { id: "vueUiSmiley4" }, le = ["stop-color"], oe = ["stop-color"], ae = ["fill"], se = ["xmlns", "viewBox", "stroke"], ie = {
+}, tt = ["xmlns", "stroke"], et = { id: "vueUiSmiley0" }, lt = ["stop-color"], ot = ["stop-color"], at = ["fill"], st = ["stroke"], it = ["xmlns", "viewBox", "stroke"], nt = { id: "vueUiSmiley0" }, rt = ["stop-color"], dt = ["stop-color"], ut = ["fill"], vt = ["viewBox", "stroke"], pt = ["xmlns", "stroke"], yt = { id: "vueUiSmiley1" }, ft = ["stop-color"], ht = ["stop-color"], ct = ["fill"], gt = ["xmlns", "stroke"], kt = ["xmlns", "viewBox", "stroke"], mt = { id: "vueUiSmiley1" }, xt = ["stop-color"], bt = ["stop-color"], $t = ["fill"], wt = ["viewBox", "stroke"], zt = ["xmlns", "stroke"], Mt = { id: "vueUiSmiley2" }, St = ["stop-color"], _t = ["stop-color"], Rt = ["fill"], Ct = ["xmlns", "stroke"], Bt = ["xmlns", "viewBox", "stroke"], jt = { id: "vueUiSmiley2" }, Ht = ["stop-color"], Ut = ["stop-color"], Gt = ["fill"], Vt = ["xmlns", "viewBox", "stroke"], At = ["xmlns", "stroke"], Xt = { id: "vueUiSmiley3" }, Yt = ["stop-color"], Nt = ["stop-color"], Ft = ["fill"], It = ["xmlns", "stroke"], Kt = ["xmlns", "viewBox", "stroke"], Ot = { id: "vueUiSmiley3" }, Lt = ["stop-color"], Dt = ["stop-color"], Et = ["fill"], Tt = ["xmlns", "viewBox", "stroke"], Pt = ["xmlns", "stroke"], qt = { id: "vueUiSmiley4" }, Jt = ["stop-color"], Qt = ["stop-color"], Wt = ["fill"], Zt = ["xmlns", "stroke"], te = ["xmlns", "viewBox", "stroke"], ee = { id: "vueUiSmiley4" }, le = ["stop-color"], oe = ["stop-color"], ae = ["fill"], se = ["xmlns", "viewBox", "stroke"], ie = {
   __name: "vue-ui-smiley",
   props: {
     config: {
@@ -71,7 +71,7 @@ const Z = {
           return e * n;
       }
     }
-    function m(r) {
+    function k(r) {
       y.value || (p.value = r, F("rate", r));
     }
     function O() {
@@ -139,8 +139,8 @@ const Z = {
             position:relative`),
           onMouseenter: e[0] || (e[0] = (n) => v.value = 0),
           onMouseleave: e[1] || (e[1] = (n) => v.value = void 0),
-          onClick: e[2] || (e[2] = (n) => m(1)),
-          onKeyup: e[3] || (e[3] = z((n) => m(1), ["enter"]))
+          onClick: e[2] || (e[2] = (n) => k(1)),
+          onKeyup: e[3] || (e[3] = z((n) => k(1), ["enter"]))
         }, [
           t.value.style.tooltip.show && w.value && y.value ? (i(), s("div", {
             key: 0,
@@ -186,7 +186,7 @@ const Z = {
               l("radialGradient", et, [
                 l("stop", {
                   offset: "0%",
-                  "stop-color": o(k)(t.value.style.colors.active[0], 0.05)
+                  "stop-color": o(m)(t.value.style.colors.active[0], 0.05)
                 }, null, 8, lt),
                 l("stop", {
                   offset: "100%",
@@ -233,7 +233,7 @@ const Z = {
               l("radialGradient", nt, [
                 l("stop", {
                   offset: "0%",
-                  "stop-color": o(k)(t.value.style.colors.activeReadonly[0], 0.05)
+                  "stop-color": o(m)(t.value.style.colors.activeReadonly[0], 0.05)
                 }, null, 8, rt),
                 l("stop", {
                   offset: "100%",
@@ -272,8 +272,8 @@ const Z = {
           style: a(`cursor:${t.value.readonly ? "default" : "pointer"};height:${t.value.style.itemSize}px;aspect-ratio:1/1;position:relative`),
           onMouseenter: e[4] || (e[4] = (n) => v.value = 1),
           onMouseleave: e[5] || (e[5] = (n) => v.value = void 0),
-          onClick: e[6] || (e[6] = (n) => m(2)),
-          onKeyup: e[7] || (e[7] = z((n) => m(2), ["enter"]))
+          onClick: e[6] || (e[6] = (n) => k(2)),
+          onKeyup: e[7] || (e[7] = z((n) => k(2), ["enter"]))
         }, [
           t.value.style.tooltip.show && w.value && y.value ? (i(), s("div", {
             key: 0,
@@ -319,7 +319,7 @@ const Z = {
               l("radialGradient", yt, [
                 l("stop", {
                   offset: "0%",
-                  "stop-color": o(k)(t.value.style.colors.active[1], 0.05)
+                  "stop-color": o(m)(t.value.style.colors.active[1], 0.05)
                 }, null, 8, ft),
                 l("stop", {
                   offset: "100%",
@@ -364,10 +364,10 @@ const Z = {
             "stroke-linejoin": "round"
           }, [
             l("defs", null, [
-              l("radialGradient", kt, [
+              l("radialGradient", mt, [
                 l("stop", {
                   offset: "0%",
-                  "stop-color": o(k)(t.value.style.colors.activeReadonly[1], 0.05)
+                  "stop-color": o(m)(t.value.style.colors.activeReadonly[1], 0.05)
                 }, null, 8, xt),
                 l("stop", {
                   offset: "100%",
@@ -385,7 +385,7 @@ const Z = {
               "stroke-width": "0",
               fill: t.value.style.icons.useGradient ? "url(#vueUiSmiley1)" : t.value.style.colors.activeReadonly[1]
             }, null, 8, $t)
-          ], 8, mt)) : d("", !0),
+          ], 8, kt)) : d("", !0),
           !t.value.style.icons.filled && y.value ? (i(), s("svg", {
             key: 4,
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
@@ -406,8 +406,8 @@ const Z = {
           style: a(`cursor:${t.value.readonly ? "default" : "pointer"};height:${t.value.style.itemSize}px;aspect-ratio:1/1;position:relative`),
           onMouseenter: e[8] || (e[8] = (n) => v.value = 2),
           onMouseleave: e[9] || (e[9] = (n) => v.value = void 0),
-          onClick: e[10] || (e[10] = (n) => m(3)),
-          onKeyup: e[11] || (e[11] = z((n) => m(3), ["enter"]))
+          onClick: e[10] || (e[10] = (n) => k(3)),
+          onKeyup: e[11] || (e[11] = z((n) => k(3), ["enter"]))
         }, [
           t.value.style.tooltip.show && w.value && y.value ? (i(), s("div", {
             key: 0,
@@ -453,7 +453,7 @@ const Z = {
               l("radialGradient", Mt, [
                 l("stop", {
                   offset: "0%",
-                  "stop-color": o(k)(t.value.style.colors.activeReadonly[2], 0.05)
+                  "stop-color": o(m)(t.value.style.colors.activeReadonly[2], 0.05)
                 }, null, 8, St),
                 l("stop", {
                   offset: "100%",
@@ -513,7 +513,7 @@ const Z = {
               l("radialGradient", jt, [
                 l("stop", {
                   offset: "0%",
-                  "stop-color": o(k)(t.value.style.colors.activeReadonly[2], 0.05)
+                  "stop-color": o(m)(t.value.style.colors.activeReadonly[2], 0.05)
                 }, null, 8, Ht),
                 l("stop", {
                   offset: "100%",
@@ -555,8 +555,8 @@ const Z = {
           style: a(`cursor:${t.value.readonly ? "default" : "pointer"};height:${t.value.style.itemSize}px;aspect-ratio:1/1;position:relative`),
           onMouseenter: e[12] || (e[12] = (n) => v.value = 3),
           onMouseleave: e[13] || (e[13] = (n) => v.value = void 0),
-          onClick: e[14] || (e[14] = (n) => m(4)),
-          onKeyup: e[15] || (e[15] = z((n) => m(4), ["enter"]))
+          onClick: e[14] || (e[14] = (n) => k(4)),
+          onKeyup: e[15] || (e[15] = z((n) => k(4), ["enter"]))
         }, [
           t.value.style.tooltip.show && w.value && y.value ? (i(), s("div", {
             key: 0,
@@ -602,7 +602,7 @@ const Z = {
               l("radialGradient", Xt, [
                 l("stop", {
                   offset: "0%",
-                  "stop-color": o(k)(t.value.style.colors.activeReadonly[3], 0.95)
+                  "stop-color": o(m)(t.value.style.colors.activeReadonly[3], 0.95)
                 }, null, 8, Yt),
                 l("stop", {
                   offset: "100%",
@@ -655,7 +655,7 @@ const Z = {
               l("radialGradient", Ot, [
                 l("stop", {
                   offset: "0%",
-                  "stop-color": o(k)(t.value.style.colors.activeReadonly[3], 0.95)
+                  "stop-color": o(m)(t.value.style.colors.activeReadonly[3], 0.95)
                 }, null, 8, Lt),
                 l("stop", {
                   offset: "100%",
@@ -690,8 +690,8 @@ const Z = {
           style: a(`cursor:${t.value.readonly ? "default" : "pointer"};height:${t.value.style.itemSize}px;aspect-ratio:1/1;position:relative`),
           onMouseenter: e[16] || (e[16] = (n) => v.value = 4),
           onMouseleave: e[17] || (e[17] = (n) => v.value = void 0),
-          onClick: e[18] || (e[18] = (n) => m(5)),
-          onKeyup: e[19] || (e[19] = z((n) => m(5), ["enter"]))
+          onClick: e[18] || (e[18] = (n) => k(5)),
+          onKeyup: e[19] || (e[19] = z((n) => k(5), ["enter"]))
         }, [
           t.value.style.tooltip.show && w.value && y.value ? (i(), s("div", {
             key: 0,
@@ -737,7 +737,7 @@ const Z = {
               l("radialGradient", qt, [
                 l("stop", {
                   offset: "0%",
-                  "stop-color": o(k)(t.value.style.colors.activeReadonly[4], 0.9)
+                  "stop-color": o(m)(t.value.style.colors.activeReadonly[4], 0.9)
                 }, null, 8, Jt),
                 l("stop", {
                   offset: "100%",
@@ -790,7 +790,7 @@ const Z = {
               l("radialGradient", ee, [
                 l("stop", {
                   offset: "0%",
-                  "stop-color": o(k)(t.value.style.colors.activeReadonly[4], 0.9)
+                  "stop-color": o(m)(t.value.style.colors.activeReadonly[4], 0.9)
                 }, null, 8, le),
                 l("stop", {
                   offset: "100%",

package/dist/{vue-ui-spark-trend-Db-Fnp8C.js → vue-ui-spark-trend-EiEzMoPj.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as M, computed as s, ref as k, watch as D, onMounted as ee, createElementBlock as r, openBlock as o, normalizeStyle as te, createBlock as L, createCommentVNode as i, unref as u, createVNode as ae, createElementVNode as _, renderSlot as O, toDisplayString as G } from "vue";
-import { u as le, c as ne, a as oe, a5 as I, o as se, e as ue, v as c, a6 as re, X as ie, s as F, V as U, f as P, i as de } from "./index-BQcLOx39.js";
-import { u as q } from "./useNestedProp-DefBVltl.js";
+import { u as le, c as ne, b as oe, a5 as I, o as se, f as ue, h as c, a6 as re, X as ie, s as F, V as U, i as P, k as de } from "./index-BLtc1AIS.js";
+import { u as q } from "./useNestedProp-DExlTpuj.js";
 import { _ as ve } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const he = ["id"], ce = ["xmlns", "viewBox"], ye = ["width", "height"], fe = ["id"], pe = ["stop-color"], ge = ["stop-color"], me = { key: 1 }, ke = ["d", "fill"], _e = ["d", "fill"], be = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], we = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], xe = ["height", "width", "x"], Ce = { style: { width: "100%" } }, Le = ["x", "y", "fill", "font-size", "font-weight"], $e = ["stroke", "cx", "cy", "fill"], Ne = ["x", "y", "font-size", "fill", "font-weight"], Te = {
   key: 2,
@@ -23,7 +23,7 @@ const he = ["id"], ce = ["xmlns", "viewBox"], ye = ["width", "height"], fe = ["i
     }
   },
   setup(W) {
-    const $ = M(() => import("./BaseIcon-BKR7AGeP.js")), X = M(() => import("./PackageVersion-BsKpz6KS.js")), Z = M(() => import("./vue-ui-skeleton-C7maR60-.js")), { vue_ui_spark_trend: R } = le(), d = W, H = s(() => !!d.dataset && d.dataset.length), b = k(ne()), e = s({
+    const $ = M(() => import("./BaseIcon-C3ljqn8J.js")), X = M(() => import("./PackageVersion-5S8ajCUS.js")), Z = M(() => import("./vue-ui-skeleton-FanSnKr8.js")), { vue_ui_spark_trend: R } = le(), d = W, H = s(() => !!d.dataset && d.dataset.length), b = k(ne()), e = s({
       get: () => j(),
       set: (t) => t
     });

package/dist/vue-ui-sparkbar-CCe0U_o0.js

@@ -0,0 +1,351 @@
+import { defineAsyncComponent as Z, useSlots as ee, onMounted as B, ref as x, toRefs as te, computed as w, watch as E, nextTick as le, createElementBlock as i, openBlock as n, normalizeStyle as d, unref as o, renderSlot as D, createCommentVNode as c, createBlock as ae, normalizeProps as oe, mergeProps as M, createElementVNode as v, toDisplayString as y, Fragment as P, renderList as se, createVNode as ne } from "vue";
+import { u as ue, c as ie, t as re, a as ve, p as C, b as de, d as ce, o as pe, f as V, g as fe, e as ye, s as I, k as _, i as A, X as ge, x as me } from "./index-BLtc1AIS.js";
+import { u as O } from "./useNestedProp-DExlTpuj.js";
+import { u as he, B as xe } from "./useLoading-Bt5Doa8m.js";
+const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["xmlns", "viewBox"], Ce = ["id"], _e = ["stop-color"], Ae = ["stop-color"], Se = ["height", "width", "fill", "rx"], $e = ["height", "width", "fill", "rx"], De = ["height", "width", "fill", "rx"], Ie = {
+  key: 2,
+  ref: "source",
+  dir: "auto"
+}, Fe = {
+  __name: "vue-ui-sparkbar",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    /**
+     * Used in VueUiRadar's tooltip exclusively
+     */
+    backgroundOpacity: {
+      type: Number,
+      default: null
+    }
+  },
+  emits: ["selectDatapoint"],
+  setup(S, { emit: j }) {
+    const U = Z(() => import("./PackageVersion-5S8ajCUS.js")), { vue_ui_sparkbar: R } = ue(), f = S, W = ee();
+    B(() => {
+      W["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
+    });
+    const L = x(ie()), e = x($()), { loading: k, FINAL_DATASET: p } = he({
+      ...te(f),
+      FINAL_CONFIG: e,
+      prepareConfig: $,
+      skeletonDataset: [
+        { name: "_", value: 21, target: 25, color: "#808080" },
+        { name: "_", value: 13, target: 25, color: "#ADADAD" },
+        { name: "_", value: 8, target: 25, color: "#DBDBDB" }
+      ],
+      skeletonConfig: re({
+        defaultConfig: e.value,
+        userConfig: {
+          style: {
+            backgroundColor: "#99999930",
+            animation: { show: !1 },
+            layout: { independant: !0 },
+            gutter: {
+              backgroundColor: "#6A6A6A",
+              opacity: 50
+            },
+            bar: {
+              gradient: {
+                underlayerColor: "#6A6A6A"
+              }
+            }
+          }
+        }
+      })
+    }), T = w(() => !!e.value.debug);
+    function $() {
+      const t = O({
+        userConfig: f.config,
+        defaultConfig: R
+      });
+      return t.theme ? {
+        ...O({
+          userConfig: de.vue_ui_sparkbar[t.theme] || f.config,
+          defaultConfig: t
+        }),
+        customPalette: ve[t.theme] || C
+      } : t;
+    }
+    E(() => f.config, (t) => {
+      e.value = $();
+    }, { deep: !0 });
+    const G = w(() => ce(e.value.customPalette)), g = x(p.value.map((t) => ({
+      ...t,
+      value: e.value.style.animation.show ? 0 : t.value || 0,
+      formatter: t.formatter || null
+    }))), z = x(null);
+    B(async () => {
+      pe(f.dataset) && V({
+        componentName: "VueUiSparkbar",
+        type: "dataset",
+        debug: T.value
+      }), N();
+    });
+    function N() {
+      if (e.value.style.animation.show) {
+        let h = function() {
+          s += l / t, s < l ? (g.value = g.value.map((u, b) => ({
+            ...u,
+            value: u.value += a[b]
+          })), z.value = requestAnimationFrame(h)) : g.value = p.value.map((u) => ({
+            ...u,
+            value: u.value || 0,
+            formatter: u.formatter || null
+          }));
+        };
+        const t = e.value.style.animation.animationFrames, a = p.value.map((u, b) => u.value / t), l = p.value.map((u) => u.value || 0).reduce((u, b) => u + b, 0);
+        let s = 0;
+        h();
+      }
+    }
+    E(() => p.value, async (t) => {
+      cancelAnimationFrame(z.value), g.value = p.value.map((a) => ({
+        ...a,
+        value: e.value.style.animation.show ? 0 : a.value || 0,
+        formatter: a.formatter || null
+      })), le(N);
+    }, { deep: !0 });
+    const r = x({
+      width: 500,
+      height: 16
+    }), q = w(() => Math.max(...p.value.map((t) => t.value))), H = w(() => (p.value.forEach((t, a) => {
+      fe({
+        datasetObject: t,
+        requiredAttributes: ["name", "value"]
+      }).forEach((l) => {
+        V({
+          componentName: "VueUiSparkbar",
+          type: "datasetSerieAttribute",
+          property: l,
+          index: a,
+          debug: T.value
+        });
+      });
+    }), g.value.map((t, a) => ({
+      ...t,
+      value: t.value || 0,
+      color: ye(t.color) || G.value[a] || C[a] || C[a % C.length]
+    }))));
+    function X(t) {
+      return t / q.value;
+    }
+    function F(t) {
+      return e.value.style.layout.independant ? t.target ? t.value / t.target : e.value.style.layout.percentage ? t.value > 100 ? 1 : t.value / 100 : e.value.style.layout.target === 0 ? 1 : t.value / e.value.style.layout.target : X(t.value);
+    }
+    function m(t) {
+      return e.value.style.layout.independant && t.target || e.value.style.layout.target;
+    }
+    const J = j;
+    function K(t, a) {
+      J("selectDatapoint", { datapoint: t, index: a }), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
+    }
+    function Q(t, a) {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a });
+    }
+    function Y(t, a) {
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
+    }
+    return (t, a) => (n(), i("div", {
+      class: "vue-ui-sparkbar",
+      style: d({
+        width: "100%",
+        position: "relative",
+        fontFamily: e.value.style.fontFamily,
+        background: f.backgroundOpacity !== null ? o(I)(e.value.style.backgroundColor, f.backgroundOpacity) : e.value.style.backgroundColor
+      })
+    }, [
+      t.$slots.title ? D(t.$slots, "title", oe(M({ key: 0 }, { title: { ...t.title, title: e.value.style.title.text, subtitle: e.value.style.title.subtitle.text } }))) : c("", !0),
+      !t.$slots.title && e.value.style.title.text ? (n(), i("div", {
+        key: 1,
+        class: "vue-ui-sparkbar-title-container",
+        style: d({
+          background: e.value.style.title.backgroundColor,
+          margin: e.value.style.title.margin,
+          textAlign: e.value.style.title.textAlign
+        })
+      }, [
+        v("div", {
+          class: "vue-ui-sparkbar-title",
+          style: d({
+            fontSize: e.value.style.title.fontSize + "px",
+            color: e.value.style.title.color,
+            fontWeight: e.value.style.title.bold ? "bold" : "normal"
+          })
+        }, y(e.value.style.title.text), 5),
+        e.value.style.title.subtitle.text ? (n(), i("div", {
+          key: 0,
+          class: "vue-ui-sparkbar-subtitle",
+          style: d({
+            fontSize: e.value.style.title.subtitle.fontSize + "px",
+            color: e.value.style.title.subtitle.color,
+            fontWeight: e.value.style.title.subtitle.bold ? "bold" : "normal"
+          })
+        }, y(e.value.style.title.subtitle.text), 5)) : c("", !0)
+      ], 4)) : c("", !0),
+      (n(!0), i(P, null, se(H.value, (l, s) => (n(), i("div", {
+        style: d(`display:flex !important;${["left", "right"].includes(e.value.style.labels.name.position) ? `flex-direction: ${e.value.style.labels.name.position === "right" ? "row-reverse" : "row"} !important` : "flex-direction:column !important"};gap:${e.value.style.gap}px !important;align-items:center;${S.dataset.length > 0 && s !== S.dataset.length - 1 ? "margin-bottom:6px" : ""}`),
+        onClick: (h) => K(l, s),
+        onMouseenter: (h) => Q(l, s),
+        onMouseleave: (h) => Y(l, s)
+      }, [
+        o(k) ? c("", !0) : D(t.$slots, "data-label", M({
+          key: 0,
+          ref_for: !0
+        }, { bar: {
+          ...l,
+          target: m(l),
+          valueLabel: o(_)(
+            l.formatter,
+            l.value,
+            o(A)({
+              p: l.prefix || "",
+              v: l.value,
+              s: l.suffix || "",
+              r: l.rounding || 0
+            }),
+            { datapoint: l, seriesIndex: s }
+          ),
+          targetLabel: o(_)(
+            l.formatter,
+            m(l),
+            o(A)({
+              p: l.prefix || "",
+              v: m(l),
+              s: l.suffix || "",
+              r: l.rounding || 0
+            }),
+            { datapoint: l, seriesIndex: s }
+          )
+        } })),
+        !t.$slots["data-label"] || o(k) ? (n(), i("div", {
+          key: 1,
+          style: d({
+            display: "flex",
+            justifyContent: ["right", "top-right"].includes(e.value.style.labels.name.position) ? "flex-end" : ["top-center"].includes(e.value.style.labels.name.position) ? "center" : "flex-start",
+            alignItems: "center",
+            width: e.value.style.labels.name.width,
+            color: e.value.style.labels.name.color,
+            fontSize: e.value.style.labels.fontSize + "px",
+            fontWeight: e.value.style.labels.name.bold ? "bold" : "normal",
+            flexWrap: "wrap"
+          })
+        }, [
+          o(k) ? (n(), i("div", {
+            key: 0,
+            class: "vue-ui-sparkbar-skeleton-name",
+            style: d({
+              width: "60px",
+              height: e.value.style.labels.fontSize + "px",
+              borderRadius: e.value.style.labels.fontSize / 4 + "px",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              marginTop: "5px"
+            })
+          }, [
+            v("div", {
+              style: d({ height: "100%", width: "40px", borderRadius: e.value.style.labels.fontSize / 4 + "px", backgroundColor: "#6A6A6A80" })
+            }, null, 4),
+            v("div", {
+              style: d({ height: "100%", width: "15px", borderRadius: e.value.style.labels.fontSize / 4 + "px", backgroundColor: "#6A6A6A80" })
+            }, null, 4)
+          ], 4)) : (n(), i(P, { key: 1 }, [
+            v("span", null, y(l.name), 1),
+            e.value.style.labels.value.show ? (n(), i("span", {
+              key: 0,
+              style: d(`font-weight:${e.value.style.labels.value.bold ? "bold" : "normal"}`)
+            }, ": " + y(o(_)(
+              l.formatter,
+              l.value,
+              o(A)({
+                p: l.prefix || "",
+                v: l.value,
+                s: l.suffix || "",
+                r: l.rounding || 0
+              }),
+              { datapoint: l, seriesIndex: s }
+            )), 5)) : c("", !0),
+            e.value.style.layout.showTargetValue ? (n(), i("span", be, y(" " + e.value.style.layout.targetValueText) + " " + y(o(_)(
+              l.formatter,
+              m(l),
+              o(A)({
+                p: l.prefix || "",
+                v: m(l),
+                s: l.suffix || "",
+                r: l.rounding || 0
+              }),
+              { datapoint: l, seriesIndex: s }
+            )), 1)) : c("", !0)
+          ], 64))
+        ], 4)) : c("", !0),
+        (n(), i("svg", {
+          xmlns: o(ge),
+          viewBox: `0 0 ${r.value.width} ${r.value.height}`,
+          width: "100%"
+        }, [
+          ne(o(U)),
+          v("defs", null, [
+            v("linearGradient", {
+              x1: "0%",
+              y1: "0%",
+              x2: "100%",
+              y2: "0%",
+              id: `sparkbar_gradient_${s}_${L.value}`
+            }, [
+              v("stop", {
+                offset: "0%",
+                "stop-color": o(I)(o(me)(l.color, 0.03), 100 - e.value.style.bar.gradient.intensity)
+              }, null, 8, _e),
+              v("stop", {
+                offset: "100%",
+                "stop-color": l.color
+              }, null, 8, Ae)
+            ], 8, Ce)
+          ]),
+          v("rect", {
+            height: r.value.height,
+            width: r.value.width,
+            x: 0,
+            y: 0,
+            fill: o(I)(e.value.style.gutter.backgroundColor, e.value.style.gutter.opacity),
+            rx: r.value.height / 2
+          }, null, 8, Se),
+          v("rect", {
+            height: r.value.height,
+            width: r.value.width * F(l),
+            x: 0,
+            y: 0,
+            fill: e.value.style.bar.gradient.underlayerColor,
+            rx: r.value.height / 2
+          }, null, 8, $e),
+          v("rect", {
+            height: r.value.height,
+            width: r.value.width * F(l),
+            x: 0,
+            y: 0,
+            fill: e.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${s}_${L.value})` : l.color,
+            rx: r.value.height / 2
+          }, null, 8, De)
+        ], 8, we))
+      ], 44, ke))), 256)),
+      t.$slots.source ? (n(), i("div", Ie, [
+        D(t.$slots, "source")
+      ], 512)) : c("", !0),
+      o(k) ? (n(), ae(xe, { key: 3 })) : c("", !0)
+    ], 4));
+  }
+};
+export {
+  Fe as default
+};

package/dist/{vue-ui-sparkgauge-DAQ4zozy.js → vue-ui-sparkgauge-Cdcirik_.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as A, computed as s, onMounted as N, ref as M, watch as S, createElementBlock as r, openBlock as n, normalizeStyle as y, createCommentVNode as v, createBlock as R, toDisplayString as g, unref as i, createVNode as U, createElementVNode as d, renderSlot as z, normalizeClass as q } from "vue";
-import { u as O } from "./useNestedProp-DefBVltl.js";
-import { u as T, o as V, e as j, g as X, c as H, a as Y, P as J, X as K, i as Q, v as m, f as W } from "./index-BQcLOx39.js";
+import { u as O } from "./useNestedProp-DExlTpuj.js";
+import { u as T, o as V, f as j, g as X, c as H, b as Y, P as J, X as K, k as Q, h as m, i as W } from "./index-BLtc1AIS.js";
 import { u as Z } from "./useChartAccessibility-9icAAmYg.js";
 const ee = ["xmlns", "viewBox"], te = ["width", "height"], ae = ["id"], le = ["stop-color"], oe = ["stop-color"], se = ["d", "stroke", "stroke-linecap"], ue = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], ne = ["x", "y", "font-size", "fill", "font-weight"], ie = {
   key: 4,
@@ -23,7 +23,7 @@ const ee = ["xmlns", "viewBox"], te = ["width", "height"], ae = ["id"], le = ["s
     }
   },
   setup(E) {
-    const F = A(() => import("./PackageVersion-BsKpz6KS.js")), B = A(() => import("./vue-ui-skeleton-C7maR60-.js")), { vue_ui_sparkgauge: D } = T(), a = E, p = s(() => !!a.dataset && Object.keys(a.dataset).length);
+    const F = A(() => import("./PackageVersion-5S8ajCUS.js")), B = A(() => import("./vue-ui-skeleton-FanSnKr8.js")), { vue_ui_sparkgauge: D } = T(), a = E, p = s(() => !!a.dataset && Object.keys(a.dataset).length);
     N(() => {
       h();
     });

package/dist/{vue-ui-sparkhistogram-CMEaO0CW.js → vue-ui-sparkhistogram-CEj9qz9m.js}

@@ -1,8 +1,8 @@
 import { useCssVars as le, computed as _, defineAsyncComponent as N, onMounted as ae, ref as D, watch as se, createElementBlock as s, openBlock as a, normalizeStyle as $, createCommentVNode as c, createBlock as V, createElementVNode as h, createTextVNode as oe, toDisplayString as p, unref as n, createVNode as ie, renderSlot as I, Fragment as f, renderList as g, normalizeClass as E } from "vue";
-import { u as ue, o as re, e as H, g as ne, c as ve, a as de, s as b, i as F, f as O, X as ce, w as z } from "./index-BQcLOx39.js";
-import { u as W } from "./useNestedProp-DefBVltl.js";
+import { u as ue, o as re, f as H, g as ne, c as ve, b as de, s as b, k as F, i as O, X as ce, x as z } from "./index-BLtc1AIS.js";
+import { u as W } from "./useNestedProp-DExlTpuj.js";
 import { u as ye } from "./useChartAccessibility-9icAAmYg.js";
-import { _ as he } from "./Shape-DK7zYTKa.js";
+import { _ as he } from "./Shape-DDSX29LV.js";
 import { _ as fe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ge = { key: 0 }, pe = { key: 1 }, be = ["xmlns", "viewBox"], me = ["width", "height"], _e = ["id"], xe = ["stop-color"], ke = ["stop-color"], we = ["id"], $e = ["stop-color"], Ce = ["stop-color"], Le = ["id"], ze = ["stop-color"], Se = ["stop-color"], Ae = { key: 1 }, Me = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Ne = { key: 2 }, De = ["x", "y", "font-size", "font-weight", "fill"], Ve = ["x", "y", "font-size", "fill"], Ie = ["x", "y", "font-size", "fill"], Ee = ["height", "width", "x", "onMouseover", "stroke", "stroke-width", "rx", "stroke-dasharray", "onClick"], He = {
   key: 2,
@@ -29,7 +29,7 @@ const ge = { key: 0 }, pe = { key: 1 }, be = ["xmlns", "viewBox"], me = ["width"
     le((l) => ({
       "2d6ebc7a": J.value
     }));
-    const j = N(() => import("./PackageVersion-BsKpz6KS.js")), R = N(() => import("./vue-ui-skeleton-C7maR60-.js")), { vue_ui_sparkhistogram: X } = ue(), d = B, S = _(() => !!d.dataset && d.dataset.length);
+    const j = N(() => import("./PackageVersion-5S8ajCUS.js")), R = N(() => import("./vue-ui-skeleton-FanSnKr8.js")), { vue_ui_sparkhistogram: X } = ue(), d = B, S = _(() => !!d.dataset && d.dataset.length);
     ae(() => {
       A();
     });