vue-data-ui 3.1.17 → 3.1.19-next.0

package/dist/{vue-ui-skeleton-fqG3bKSz.js → vue-ui-skeleton-FtA6-6zz.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-Lg17rmB1.js";
-import { u as V } from "./useNestedProp-DpwLJMsW.js";
-import y from "./PackageVersion-D1HToLlZ.js";
+import { k as B, X as u, s as v, j as F } from "./lib-p5pfHmOX.js";
+import { u as O, a as V } from "./useNestedProp-DF7e2h1z.js";
+import y from "./PackageVersion-DRpg18lg.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",
@@ -14,7 +14,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
     }
   },
   setup(P) {
-    const { vue_ui_skeleton: W } = F(), j = P, f = w(`vue-ui-skeleton-${Math.random()}`), l = g(() => V({
+    const { vue_ui_skeleton: W } = O(), j = P, f = w(`vue-ui-skeleton-${Math.random()}`), l = g(() => V({
       userConfig: j.config,
       defaultConfig: W
     })), z = g(() => l.value.style.animated), c = g(() => l.value.type), Z = w([60, 50, 55, 36, 40, 25, 26, 12]), q = g(() => B({
@@ -2410,7 +2410,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
         }, [
           d(y),
           (o(), e(k, null, h(5, (r, i) => t("polygon", {
-            points: s(O)({
+            points: s(F)({
               plot: { x: 10 + i * 20, y: 15 },
               radius: 6
             }),

package/dist/{vue-ui-smiley-D4bvSF9S.js → vue-ui-smiley-YRRY-yQp.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, f as J, k as x, i as b, X as f, x as m } from "./index-Lg17rmB1.js";
-import { u as Q } from "./useNestedProp-DpwLJMsW.js";
+import { o as P, f as q, a as x, d as b, X as f, i as k } from "./lib-p5pfHmOX.js";
+import { u as J, a as Q } from "./useNestedProp-DF7e2h1z.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"], 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 = {
+}, 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 = {
   __name: "vue-ui-smiley",
   props: {
     config: {
@@ -24,14 +24,14 @@ const Z = {
   },
   emits: ["rate"],
   setup(V, { expose: A, emit: X }) {
-    const { vue_ui_smiley: Y } = P(), u = V, N = E();
+    const { vue_ui_smiley: Y } = J(), u = V, N = E();
     G(() => {
       N["chart-background"] && console.warn("VueUiSmiley does not support the #chart-background slot.");
     }), G(() => {
       C();
     });
     function C() {
-      (!Object.hasOwn(u.dataset, "rating") || q(u.dataset)) && J({
+      (!Object.hasOwn(u.dataset, "rating") || P(u.dataset)) && q({
         componentName: "VueUiSmiley",
         type: "datasetAttribute",
         property: "rating"
@@ -71,7 +71,7 @@ const Z = {
           return e * n;
       }
     }
-    function k(r) {
+    function m(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) => k(1)),
-          onKeyup: e[3] || (e[3] = z((n) => k(1), ["enter"]))
+          onClick: e[2] || (e[2] = (n) => m(1)),
+          onKeyup: e[3] || (e[3] = z((n) => m(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(m)(t.value.style.colors.active[0], 0.05)
+                  "stop-color": o(k)(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(m)(t.value.style.colors.activeReadonly[0], 0.05)
+                  "stop-color": o(k)(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) => k(2)),
-          onKeyup: e[7] || (e[7] = z((n) => k(2), ["enter"]))
+          onClick: e[6] || (e[6] = (n) => m(2)),
+          onKeyup: e[7] || (e[7] = z((n) => m(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(m)(t.value.style.colors.active[1], 0.05)
+                  "stop-color": o(k)(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", mt, [
+              l("radialGradient", kt, [
                 l("stop", {
                   offset: "0%",
-                  "stop-color": o(m)(t.value.style.colors.activeReadonly[1], 0.05)
+                  "stop-color": o(k)(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, kt)) : d("", !0),
+          ], 8, mt)) : 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) => k(3)),
-          onKeyup: e[11] || (e[11] = z((n) => k(3), ["enter"]))
+          onClick: e[10] || (e[10] = (n) => m(3)),
+          onKeyup: e[11] || (e[11] = z((n) => m(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(m)(t.value.style.colors.activeReadonly[2], 0.05)
+                  "stop-color": o(k)(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(m)(t.value.style.colors.activeReadonly[2], 0.05)
+                  "stop-color": o(k)(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) => k(4)),
-          onKeyup: e[15] || (e[15] = z((n) => k(4), ["enter"]))
+          onClick: e[14] || (e[14] = (n) => m(4)),
+          onKeyup: e[15] || (e[15] = z((n) => m(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(m)(t.value.style.colors.activeReadonly[3], 0.95)
+                  "stop-color": o(k)(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(m)(t.value.style.colors.activeReadonly[3], 0.95)
+                  "stop-color": o(k)(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) => k(5)),
-          onKeyup: e[19] || (e[19] = z((n) => k(5), ["enter"]))
+          onClick: e[18] || (e[18] = (n) => m(5)),
+          onKeyup: e[19] || (e[19] = z((n) => m(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(m)(t.value.style.colors.activeReadonly[4], 0.9)
+                  "stop-color": o(k)(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(m)(t.value.style.colors.activeReadonly[4], 0.9)
+                  "stop-color": o(k)(t.value.style.colors.activeReadonly[4], 0.9)
                 }, null, 8, le),
                 l("stop", {
                   offset: "100%",

package/dist/vue-ui-spark-trend-qt8UvEPc.js

@@ -0,0 +1,337 @@
+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, a0 as Y, o as R, f as _e, q as x, a1 as we, X as xe, s as W, W as ee, d as te, a as $e } from "./lib-p5pfHmOX.js";
+import { t as Le, u as Ce } from "./useResponsive-DfdjqQps.js";
+import { u as Ae, a as le } from "./useNestedProp-DF7e2h1z.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-D3cUNuKw.js";
+import { _ as Fe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Me = ["id"], Ie = ["xmlns", "viewBox"], je = ["width", "height"], Ee = ["id"], Be = ["stop-color"], Ve = ["stop-color"], De = { key: 1 }, Oe = ["d", "fill"], Ge = ["d", "fill"], Re = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], We = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], Ze = ["d"], qe = ["fill", "d"], He = ["x", "y", "width", "height"], Ue = ["x", "y", "fill", "font-size", "font-weight"], Pe = ["stroke", "cx", "cy", "fill"], Xe = ["x", "y", "font-size", "fill", "font-weight"], Je = {
+  __name: "vue-ui-spark-trend",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  setup(ae) {
+    const ne = ce(() => import("./PackageVersion-DRpg18lg.js")), { vue_ui_spark_trend: ue } = Ae(), m = ae, F = f(null), Z = f(null), q = 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,
+      skeletonDataset: [1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233],
+      skeletonConfig: be({
+        defaultConfig: e.value,
+        userConfig: {
+          style: {
+            animation: { show: !1 },
+            backgroundColor: "#99999930",
+            line: {
+              stroke: "#6A6A6A",
+              useColorTrend: !1
+            },
+            dataLabel: { show: !1, useColorTrend: !1, color: "#6A6A6A" }
+          }
+        }
+      })
+    });
+    function j() {
+      const t = le({
+        userConfig: m.config,
+        defaultConfig: ue
+      });
+      return t.theme ? {
+        ...le({
+          userConfig: ze.vue_ui_spark_trend[t.theme] || m.config,
+          defaultConfig: t
+        })
+      } : t;
+    }
+    const p = u(() => Y({
+      data: M.value,
+      threshold: e.value.downsample.threshold
+    }));
+    G(() => m.config, (t) => {
+      e.value = j(), V.value = e.value.style.width, w.value = e.value.style.height, H();
+    }, { deep: !0 });
+    function E(t) {
+      return t.map((l) => x(l));
+    }
+    const b = f(Y({
+      data: M.value,
+      threshold: e.value.downsample.threshold
+    }).map((t) => e.value.style.animation.show || [void 0, 1 / 0, -1 / 0, null, NaN].includes(t) ? null : t));
+    G(p, (t) => {
+      y.value && (cancelAnimationFrame(y.value), y.value = null), e.value.style.animation.show ? b.value = Array(t.length).fill(null) : b.value = t.map(
+        (l) => ![void 0, 1 / 0, -1 / 0, null].includes(l) && !Number.isNaN(l) ? l : null
+      ), B(), J(() => S(".vue-ui-sparktrend-progress-label", 6));
+    }, { deep: !0, immediate: !0 }), G(
+      () => JSON.stringify(m.dataset),
+      () => {
+        y.value && (cancelAnimationFrame(y.value), y.value = null), I.value = R(m.dataset);
+        const t = p.value;
+        b.value = e.value.style.animation.show ? Array(t.length).fill(null) : t.map((l) => Number.isFinite(l) ? l : null), B(), J(() => S(".vue-ui-sparktrend-progress-label", 6));
+      },
+      { deep: !1, immediate: !0 }
+    );
+    function B() {
+      let l = 1e3 / e.value.style.animation.animationFrames, s = performance.now();
+      if (!_.value && e.value.style.animation.show && e.value.style.animation.animationFrames && M.value.length > 1) {
+        let k = function() {
+          A.value = !0;
+          let P = performance.now(), X = P - s;
+          X > l ? (s = P - X % l, c < p.value.length ? (b.value.push(p.value[c]), c += 1, y.value = requestAnimationFrame(k)) : (cancelAnimationFrame(y.value), b.value = E(p.value), A.value = !1, S(".vue-ui-sparktrend-progress-label", 6))) : y.value = requestAnimationFrame(k);
+        };
+        b.value = [];
+        let c = 0;
+        k();
+      }
+    }
+    ye(() => {
+      H();
+    });
+    const se = u(() => e.value.debug);
+    function H() {
+      if (R(m.dataset) && (_e({
+        componentName: "VueUiSparkTrend",
+        type: "dataset",
+        debug: se.value
+      }), I.value = !0), R(m.dataset) || (I.value = !1), e.value.responsive) {
+        const t = Le(() => {
+          const { width: l, height: s } = Ce({
+            chart: F.value,
+            source: q.value
+          });
+          requestAnimationFrame(() => {
+            V.value = l, w.value = s;
+          });
+        });
+        $.value && (C.value && $.value.unobserve(C.value), $.value.disconnect()), $.value = new ResizeObserver(t), C.value = F.value.parentNode, $.value.observe(C.value);
+      }
+      B(), S(".vue-ui-sparktrend-progress-label", 6);
+    }
+    const V = f(e.value.style.width), w = f(e.value.style.height), v = u(() => ({
+      height: w.value,
+      width: V.value
+    })), n = u(() => ({
+      top: e.value.style.padding.top,
+      left: e.value.style.padding.left,
+      right: v.value.width - e.value.style.padding.right,
+      bottom: v.value.height - e.value.style.padding.bottom,
+      height: v.value.height - (e.value.style.padding.top + e.value.style.padding.bottom) - (e.value.style.dataLabel.show ? e.value.style.dataLabel.fontSize : 0),
+      width: v.value.width - (e.value.style.padding.left + e.value.style.padding.right)
+    })), D = u(() => {
+      const t = E(p.value).filter(Number.isFinite);
+      if (!t.length) return { max: 0, min: 0 };
+      let l = t[0], s = t[0];
+      for (let c = 1; c < t.length; c++) {
+        const k = t[c];
+        k > l && (l = k), k < s && (s = k);
+      }
+      return { max: l, min: s };
+    }), oe = u(() => {
+      const t = p.value, l = t.length ? t[t.length - 1] : "x";
+      return [
+        L.value,
+        t.length,
+        Number.isFinite(l) ? l : "x",
+        e.value.downsample.threshold,
+        e.value.style.line.smooth ? "s" : "l"
+      ].join("-");
+    }), T = u(() => {
+      const t = D.value.min >= 0 ? 0 : D.value.min;
+      return Math.abs(t);
+    }), re = u(() => D.value.max + T.value);
+    function U(t) {
+      return t / re.value;
+    }
+    const ie = u(() => p.value.length), a = u(() => b.value.map((t, l) => {
+      const s = isNaN(t) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t) ? 0 : t || 0;
+      return {
+        value: x(t),
+        absoluteValue: x(s),
+        plotValue: x(s + T.value),
+        toMax: U(s + T.value),
+        x: n.value.left + x(l * (n.value.width / (ie.value - 1))) - e.value.style.padding.right,
+        y: n.value.bottom - x(n.value.height * U(s + T.value))
+      };
+    })), N = u(() => {
+      const t = E(p.value);
+      return e.value.style.trendLabel.trendType === "global" ? we(t) : e.value.style.trendLabel.trendType === "n-1" && t.length > 1 ? (t.at(-1) / t.at(-2) - 1) * 100 : e.value.style.trendLabel.trendType === "lastToFirst" ? (t.at(-1) / t[0] - 1) * 100 : 0;
+    }), O = u(() => A.value || N.value === 0 ? "neutral" : N.value > 0 ? "positive" : "negative"), g = u(() => e.value.style.arrow.colors[O.value]), ve = u(() => {
+      const t = { x: a.value[0].x, y: v.value.height - 6 }, l = { x: a.value[a.value.length - 1].x, y: v.value.height - 6 }, s = [];
+      return a.value.forEach((c) => {
+        s.push(`${c.x},${c.y} `);
+      }), [t.x, t.y, ...s, l.x, l.y].toString();
+    }), de = u(() => {
+      let t = [];
+      return a.value.forEach((l) => {
+        t.push(`${l.x},${l.y} `);
+      }), `M ${t.toString()}`;
+    }), d = u(() => w.value / 2 - e.value.style.trendLabel.fontSize), fe = u(() => n.value.left * 0.8), { fitText: S } = Se({
+      svgRef: Z,
+      unitWidth: fe,
+      fontSize: e.value.style.trendLabel.fontSize
+    });
+    return (t, l) => (o(), r("div", {
+      ref_key: "sparkTrendChart",
+      ref: F,
+      class: "vue-ui-spark-trend",
+      id: L.value,
+      style: pe(`width:100%;font-family:${e.value.style.fontFamily};background:${e.value.style.backgroundColor}`)
+    }, [
+      (o(), r("svg", {
+        key: oe.value,
+        ref_key: "svgRef",
+        ref: Z,
+        xmlns: i(xe),
+        viewBox: `0 0 ${v.value.width} ${v.value.height}`,
+        style: "width:100%;background:transparent;overflow:visible"
+      }, [
+        me(i(ne)),
+        t.$slots["chart-background"] ? (o(), r("foreignObject", {
+          key: 0,
+          x: 0,
+          y: 0,
+          width: v.value.width <= 0 ? 10 : v.value.width,
+          height: v.value.height <= 0 ? 10 : v.value.height,
+          style: {
+            pointerEvents: "none"
+          }
+        }, [
+          K(t.$slots, "chart-background", {}, void 0, !0)
+        ], 8, je)) : h("", !0),
+        z("defs", null, [
+          z("linearGradient", {
+            x1: "0%",
+            y1: "0%",
+            x2: "0%",
+            y2: "100%",
+            id: `pill_gradient_${L.value}`
+          }, [
+            z("stop", {
+              offset: "0%",
+              "stop-color": i(W)(e.value.style.line.useColorTrend ? g.value : e.value.style.line.stroke, e.value.style.area.opacity)
+            }, null, 8, Be),
+            z("stop", {
+              offset: "100%",
+              "stop-color": e.value.style.backgroundColor
+            }, null, 8, Ve)
+          ], 8, Ee)
+        ]),
+        e.value.style.area.show && a.value[0] ? (o(), r("g", De, [
+          e.value.style.line.smooth ? (o(), r("path", {
+            key: 0,
+            d: `M ${a.value[0].x},${n.value.bottom} ${i(ee)(a.value)} L ${a.value.at(-1).x},${n.value.bottom} Z`,
+            fill: e.value.style.area.useGradient ? `url(#pill_gradient_${L.value})` : i(W)(e.value.style.line.useColorTrend ? g.value : e.value.style.line.stroke, e.value.style.area.opacity),
+            stroke: "none"
+          }, null, 8, Oe)) : (o(), r("path", {
+            key: 1,
+            d: `M${ve.value}Z`,
+            fill: e.value.style.area.useGradient ? `url(#pill_gradient_${L.value})` : i(W)(e.value.style.line.useColorTrend ? g.value : e.value.style.line.stroke, e.value.style.area.opacity),
+            stroke: "none"
+          }, null, 8, Ge))
+        ])) : h("", !0),
+        e.value.style.line.smooth && a.value.length ? (o(), r("path", {
+          key: 2,
+          d: `M ${i(ee)(a.value)}`,
+          stroke: e.value.style.line.useColorTrend ? g.value : e.value.style.line.stroke,
+          fill: "none",
+          "stroke-width": e.value.style.line.strokeWidth,
+          "stroke-linecap": e.value.style.line.strokeLinecap,
+          "stroke-linejoin": e.value.style.line.strokeLinejoin
+        }, null, 8, Re)) : h("", !0),
+        !e.value.style.line.smooth && a.value.length ? (o(), r("path", {
+          key: 3,
+          d: de.value,
+          stroke: e.value.style.line.useColorTrend ? g.value : e.value.style.line.stroke,
+          fill: "none",
+          "stroke-width": e.value.style.line.strokeWidth,
+          "stroke-linecap": e.value.style.line.strokeLinecap,
+          "stroke-linejoin": e.value.style.line.strokeLinejoin
+        }, null, 8, We)) : h("", !0),
+        i(_) ? (o(), r("path", {
+          key: 4,
+          fill: "#6A6A6A",
+          d: `M ${n.value.left / 2 + 6}, ${d.value + 7} ${n.value.left / 2 - 7}, ${d.value} ${n.value.left / 2 - 7}, ${d.value + 14} Z`
+        }, null, 8, Ze)) : (o(), r("path", {
+          key: 5,
+          fill: g.value,
+          d: O.value === "positive" ? `M ${n.value.left / 2}, ${d.value} ${n.value.left / 2 - 7}, ${d.value + 12} ${n.value.left / 2 + 7}, ${d.value + 12} Z` : O.value === "negative" ? `M ${n.value.left / 2}, ${d.value + 12} ${n.value.left / 2 - 7}, ${d.value} ${n.value.left / 2 + 7}, ${d.value} Z` : `M ${n.value.left / 2 + 6}, ${d.value + 7} ${n.value.left / 2 - 7}, ${d.value} ${n.value.left / 2 - 7}, ${d.value + 14} Z`
+        }, null, 8, qe)),
+        i(_) ? (o(), r("rect", {
+          key: 6,
+          x: n.value.left / 2 - e.value.style.trendLabel.fontSize - 2,
+          y: w.value / 2 + e.value.style.trendLabel.fontSize - 2,
+          width: e.value.style.trendLabel.fontSize * 2,
+          height: e.value.style.trendLabel.fontSize,
+          fill: "#6A6A6A80",
+          rx: "3"
+        }, null, 8, He)) : h("", !0),
+        !A.value && !i(_) ? (o(), r("text", {
+          key: 7,
+          class: "vue-ui-sparktrend-progress-label",
+          x: n.value.left / 2,
+          y: w.value / 2 + e.value.style.trendLabel.fontSize * 2,
+          "text-anchor": "middle",
+          fill: e.value.style.trendLabel.useColorTrend ? g.value : e.value.style.trendLabel.color,
+          "font-size": e.value.style.trendLabel.fontSize,
+          "font-weight": e.value.style.trendLabel.bold ? "bold" : "normal"
+        }, Q(i(te)({
+          p: N.value > 0 ? "+" : "",
+          v: N.value,
+          s: "%",
+          r: e.value.style.trendLabel.rounding
+        })), 9, Ue)) : h("", !0),
+        a.value.length && a.value.at(-1).x !== void 0 ? (o(), r("circle", {
+          key: 8,
+          stroke: e.value.style.backgroundColor,
+          "stroke-width": 2,
+          cx: a.value.at(-1).x,
+          cy: a.value.at(-1).y,
+          r: 4,
+          fill: i(_) ? "#6A6A6A" : g.value
+        }, null, 8, Pe)) : h("", !0),
+        a.value.length && a.value.at(-1).x !== void 0 && e.value.style.dataLabel.show ? (o(), r("text", {
+          key: 9,
+          "text-anchor": "middle",
+          x: a.value.at(-1).x,
+          y: a.value.at(-1).y - e.value.style.dataLabel.fontSize / 1.5,
+          "font-size": e.value.style.dataLabel.fontSize,
+          fill: e.value.style.dataLabel.useColorTrend ? g.value : e.value.style.dataLabel.color,
+          "font-weight": e.value.style.dataLabel.bold ? "bold" : "normal"
+        }, Q(i($e)(
+          e.value.style.dataLabel.formatter,
+          a.value.at(-1).value,
+          i(te)({
+            p: e.value.style.dataLabel.prefix,
+            v: a.value.at(-1).value,
+            s: e.value.style.dataLabel.suffix,
+            r: e.value.style.dataLabel.rounding
+          }),
+          { datapoint: a.value.at(-1) }
+        )), 9, Xe)) : h("", !0)
+      ], 8, Ie)),
+      t.$slots.source ? (o(), r("div", {
+        key: 0,
+        ref_key: "source",
+        ref: q,
+        dir: "auto"
+      }, [
+        K(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : h("", !0),
+      i(_) ? (o(), ge(Ne, { key: 1 })) : h("", !0)
+    ], 12, Me));
+  }
+}, ut = /* @__PURE__ */ Fe(Je, [["__scopeId", "data-v-95dc56d2"]]);
+export {
+  ut as default
+};