vue-data-ui 3.7.14 → 3.7.16

package/dist/{vue-ui-ridgeline-D-PPE15J.js → vue-ui-ridgeline-E2EPeaJ7.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as L, computed as c, ref as u, shallowRef as ut, toRefs as Cl, onBeforeUnmount as ct, watch as te, nextTick as De, watchEffect as yl, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as F, normalizeClass as ne, createBlock as _, createCommentVNode as v, renderSlot as g, createElementVNode as b, withCtx as d, normalizeProps as B, guardReactiveProps as E, createSlots as $e, createVNode as _e, Fragment as y, renderList as p, mergeProps as Be, toDisplayString as H, resolveDynamicComponent as Al, createTextVNode as Ee } from "vue";
 import { c as Te, t as ml, j as pl, l as kl, p as ie, an as dt, N as xl, B as ht, z as wl, ad as Fl, X as Dl, w as $l, U as _l, a as ue, d as ce, i as Bl, g as Se, k as vt, o as El, u as Tl, q as Sl, a8 as Ll } from "./lib-DUaaQGCv.js";
 import { t as gt, u as zl } from "./useResponsive-DfdjqQps.js";
-import { u as Ol, a as Le } from "./useNestedProp-BjZ1Lg9E.js";
+import { u as Ol, a as Le } from "./useNestedProp-CoXaJ2T6.js";
 import { u as Ml, B as Pl } from "./BaseScanner-BgWxam9d.js";
 import { u as Nl } from "./usePrinter-BdVu83IN.js";
 import { u as Rl } from "./useSvgExport-DrjCWun4.js";
@@ -11,7 +11,7 @@ import { u as Vl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Xl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Ul } from "./useTimeLabelCollider-CIsgDrl9.js";
 import jl from "./Legend-DSyOOSJ1.js";
-import Gl from "./Title-BwhstTFA.js";
+import Gl from "./Title-CM2dM0rQ.js";
 import { _ as Wl } from "./Shape-rPzC8L-O.js";
 import Yl from "./img-BYzbY8TZ.js";
 import { _ as ql } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -53,7 +53,7 @@ const ft = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
   },
   emits: ["selectLegend", "selectDatapoint", "selectX"],
   setup(kt, { expose: xt, emit: wt }) {
-    const Ft = L(() => import("./vue-ui-xy-DyWuuhwF.js").then((t) => t.a)), Dt = L(() => import("./BaseIcon-Dl4VBlHV.js")), $t = L(() => import("./vue-ui-accordion-BXTVRRX7.js")), _t = L(() => import("./DataTable-Ho3Bf5oq.js")), Bt = L(() => import("./PenAndPaper-kymjF6_b.js")), Et = L(() => import("./UserOptions-DgscxIaa.js")), Tt = L(() => import("./PackageVersion-DtFSiS0a.js")), ze = L(() => import("./BaseDraggableDialog-DZVSjhEw.js")), { vue_ui_ridgeline: St } = Ol(), { isThemeValid: Lt, warnInvalidTheme: zt } = Hl(), z = kt, G = c({
+    const Ft = L(() => import("./vue-ui-xy-D6gFGE5R.js").then((t) => t.a)), Dt = L(() => import("./BaseIcon--wNsuYtd.js")), $t = L(() => import("./vue-ui-accordion-WOXCCkiC.js")), _t = L(() => import("./DataTable-DRZJOlJB.js")), Bt = L(() => import("./PenAndPaper-CMmG5Mka.js")), Et = L(() => import("./UserOptions-5GYBcJJU.js")), Tt = L(() => import("./PackageVersion-BW9_gimf.js")), ze = L(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_ridgeline: St } = Ol(), { isThemeValid: Lt, warnInvalidTheme: zt } = Hl(), z = kt, G = c({
       get() {
         return Array.isArray(M.value) && M.value.length > 0;
       },

package/dist/{vue-ui-rings-lhCHl30r.js → vue-ui-rings-DnlHsA26.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as D, useSlots as Pt, ref as u, computed as g, toRefs as Lt, watch as Y, shallowRef as ze, onMounted as Nt, onBeforeUnmount as Rt, createElementBlock as f, openBlock as i, unref as n, normalizeStyle as L, normalizeClass as j, createBlock as x, createCommentVNode as C, createElementVNode as w, createVNode as J, withCtx as c, renderSlot as v, normalizeProps as A, guardReactiveProps as $, createSlots as ie, Fragment as ce, renderList as ve, mergeProps as Ue, Teleport as Vt, toDisplayString as de, resolveDynamicComponent as Mt, createTextVNode as We, nextTick as zt } from "vue";
 import { c as je, t as Ut, i as Wt, p as N, o as Ge, g as ge, k as jt, j as Gt, a5 as Ht, l as He, a as Xe, d as R, X as Xt, s as qt, h as Yt, M as K, u as Jt, q as Kt, x as Qt, R as Zt } from "./lib-DUaaQGCv.js";
 import { t as eo, u as to } from "./useResponsive-DfdjqQps.js";
-import { u as oo, a as he } from "./useNestedProp-BjZ1Lg9E.js";
+import { u as oo, a as he } from "./useNestedProp-CoXaJ2T6.js";
 import { u as lo } from "./usePrinter-BdVu83IN.js";
 import { u as ao, B as no } from "./BaseScanner-BgWxam9d.js";
 import { u as ro } from "./useSvgExport-DrjCWun4.js";
@@ -10,7 +10,7 @@ import { u as uo } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as io } from "./useChartAccessibility-9icAAmYg.js";
 import co from "./img-BYzbY8TZ.js";
 import { _ as vo } from "./Shape-rPzC8L-O.js";
-import go from "./Title-BwhstTFA.js";
+import go from "./Title-CM2dM0rQ.js";
 import ho from "./Legend-DSyOOSJ1.js";
 import { _ as po } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { rings: { stroke: "#3A3A3A" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Ye = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { rings: { stroke: "#5D4037", strokeWidth: 10 } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Je = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { rings: { stroke: "#2E2E2E", strokeWidth: 10 } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Ke = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { rings: { stroke: "#1A1A1A", strokeWidth: 10 } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Qe = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { rings: { stroke: "#fbfafa", strokeWidth: 10 } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Ze = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { rings: { stroke: "#fbfafa", strokeWidth: 10 } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, et = {
@@ -51,7 +51,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   },
   emits: ["selectLegend"],
   setup(tt, { expose: ot, emit: lt }) {
-    const at = D(() => import("./Tooltip-De7i-i20.js")), nt = D(() => import("./BaseIcon-Dl4VBlHV.js")), rt = D(() => import("./vue-ui-accordion-BXTVRRX7.js")), st = D(() => import("./DataTable-Ho3Bf5oq.js")), ut = D(() => import("./PenAndPaper-kymjF6_b.js")), it = D(() => import("./UserOptions-DgscxIaa.js")), ct = D(() => import("./PackageVersion-DtFSiS0a.js")), vt = D(() => import("./BaseDraggableDialog-DZVSjhEw.js")), { vue_ui_rings: dt } = oo(), { isThemeValid: gt, warnInvalidTheme: ht } = so(), pt = Pt(), y = tt, E = u(!1), pe = g(() => !!y.dataset && y.dataset.length), m = u(je()), G = u(!1), Q = u(""), F = u(null), fe = u(0), _ = u(null), be = u(null), ye = u(null), me = u(null), Ce = u(null), ke = u(0), we = u(0), Ae = u(0), Z = u(!1), $e = u(!1), M = u(null), ee = u(null), e = u(le()), { loading: I, FINAL_DATASET: Te, manualLoading: H } = ao({
+    const at = D(() => import("./Tooltip-De7i-i20.js")), nt = D(() => import("./BaseIcon--wNsuYtd.js")), rt = D(() => import("./vue-ui-accordion-WOXCCkiC.js")), st = D(() => import("./DataTable-DRZJOlJB.js")), ut = D(() => import("./PenAndPaper-CMmG5Mka.js")), it = D(() => import("./UserOptions-5GYBcJJU.js")), ct = D(() => import("./PackageVersion-BW9_gimf.js")), vt = D(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_rings: dt } = oo(), { isThemeValid: gt, warnInvalidTheme: ht } = so(), pt = Pt(), y = tt, E = u(!1), pe = g(() => !!y.dataset && y.dataset.length), m = u(je()), G = u(!1), Q = u(""), F = u(null), fe = u(0), _ = u(null), be = u(null), ye = u(null), me = u(null), Ce = u(null), ke = u(0), we = u(0), Ae = u(0), Z = u(!1), $e = u(!1), M = u(null), ee = u(null), e = u(le()), { loading: I, FINAL_DATASET: Te, manualLoading: H } = ao({
       ...Lt(y),
       FINAL_CONFIG: e,
       prepareConfig: le,

package/dist/{vue-ui-scatter-CzHyLXEO.js → vue-ui-scatter-DuKgh9Zo.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as ue, computed as D, ref as $, toRefs as _l, watch as Fe, shallowRef as Dt, onMounted as Ml, onBeforeUnmount as Bl, createElementBlock as c, openBlock as i, unref as y, normalizeStyle as ie, normalizeClass as Ft, createBlock as se, createCommentVNode as b, createElementVNode as C, createVNode as we, withCtx as T, renderSlot as F, normalizeProps as K, guardReactiveProps as Q, createSlots as zt, Fragment as Z, renderList as le, toDisplayString as G, Teleport as Sl, resolveDynamicComponent as Ll, mergeProps as Tl, createTextVNode as Et, nextTick as Dl } from "vue";
 import { c as Fl, t as zl, i as El, p as de, o as Pt, g as Ke, j as Pl, k as Ot, ae as Ol, l as Qe, ag as Nl, z as Wl, s as ze, X as Il, af as Xl, a as ve, M as q, d as oe, u as Yl, q as Rl, x as jl, R as Ul } from "./lib-DUaaQGCv.js";
 import { t as Vl, u as Gl } from "./useResponsive-DfdjqQps.js";
-import { u as ql, a as et } from "./useNestedProp-BjZ1Lg9E.js";
+import { u as ql, a as et } from "./useNestedProp-CoXaJ2T6.js";
 import { u as Hl, B as Zl } from "./BaseScanner-BgWxam9d.js";
 import { u as Jl } from "./usePrinter-BdVu83IN.js";
 import { u as Kl } from "./useSvgExport-DrjCWun4.js";
@@ -9,7 +9,7 @@ import { u as Ql } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as eo } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as to } from "./useChartAccessibility-9icAAmYg.js";
 import lo from "./Legend-DSyOOSJ1.js";
-import oo from "./Title-BwhstTFA.js";
+import oo from "./Title-CM2dM0rQ.js";
 import { _ as tt } from "./Shape-rPzC8L-O.js";
 import ao from "./img-BYzbY8TZ.js";
 import { _ as so } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -76,7 +76,7 @@ const Nt = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { ax
     }
   },
   setup(Ut, { expose: Vt }) {
-    const Gt = ue(() => import("./Tooltip-De7i-i20.js")), qt = ue(() => import("./BaseIcon-Dl4VBlHV.js")), Ht = ue(() => import("./vue-ui-accordion-BXTVRRX7.js")), Zt = ue(() => import("./DataTable-Ho3Bf5oq.js")), Jt = ue(() => import("./PenAndPaper-kymjF6_b.js")), Kt = ue(() => import("./UserOptions-DgscxIaa.js")), Qt = ue(() => import("./PackageVersion-DtFSiS0a.js")), el = ue(() => import("./BaseDraggableDialog-DZVSjhEw.js")), { vue_ui_scatter: tl } = ql(), { isThemeValid: ll, warnInvalidTheme: ol } = Ql(), ee = Ut, lt = D(() => !!ee.dataset && ee.dataset.length), X = $(Fl()), Ee = $(!1), Pe = $(""), ot = $(0), ae = $(null), at = $(null), st = $(null), nt = $(null), rt = $(null), ut = $(0), it = $(0), vt = $(0), W = $([]), ct = $(!1), pe = $(null), me = $(null), be = $(null), Oe = $(null), Ne = $(null), al = $(null), sl = $(null), We = $(null), e = $(Re());
+    const Gt = ue(() => import("./Tooltip-De7i-i20.js")), qt = ue(() => import("./BaseIcon--wNsuYtd.js")), Ht = ue(() => import("./vue-ui-accordion-WOXCCkiC.js")), Zt = ue(() => import("./DataTable-DRZJOlJB.js")), Jt = ue(() => import("./PenAndPaper-CMmG5Mka.js")), Kt = ue(() => import("./UserOptions-5GYBcJJU.js")), Qt = ue(() => import("./PackageVersion-BW9_gimf.js")), el = ue(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_scatter: tl } = ql(), { isThemeValid: ll, warnInvalidTheme: ol } = Ql(), ee = Ut, lt = D(() => !!ee.dataset && ee.dataset.length), X = $(Fl()), Ee = $(!1), Pe = $(""), ot = $(0), ae = $(null), at = $(null), st = $(null), nt = $(null), rt = $(null), ut = $(0), it = $(0), vt = $(0), W = $([]), ct = $(!1), pe = $(null), me = $(null), be = $(null), Oe = $(null), Ne = $(null), al = $(null), sl = $(null), We = $(null), e = $(Re());
     function nl(l = 100, o = 0.8, t = {}) {
       const { meanX: a = 0, sdX: s = 1, meanY: r = 0, sdY: u = 1, seed: f } = t;
       let v = (f ?? Math.floor(Math.random() * 2 ** 31)) >>> 0;

package/dist/{vue-ui-skeleton-DleKPF3G.js → vue-ui-skeleton-BhWvFc3O.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 { e as B, X as c, s as v, b as F } from "./lib-DUaaQGCv.js";
-import { u as O, a as V } from "./useNestedProp-BjZ1Lg9E.js";
-import y from "./PackageVersion-DtFSiS0a.js";
+import { u as O, a as V } from "./useNestedProp-CoXaJ2T6.js";
+import y from "./PackageVersion-BW9_gimf.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-BkXC5UFE.js

@@ -0,0 +1,377 @@
+import { createElementBlock as i, openBlock as s, withKeys as K, normalizeStyle as r, normalizeClass as T, createCommentVNode as y, createElementVNode as a, toDisplayString as f, renderSlot as $, unref as M, useSlots as H, ref as x, onMounted as B, watch as N, computed as R, Fragment as P, renderList as q, createVNode as J, withCtx as z, createTextVNode as Q } from "vue";
+import { X as V, h as j, a as W, d as Z, o as _, g as ee } from "./lib-DUaaQGCv.js";
+import { u as te, a as le } from "./useNestedProp-CoXaJ2T6.js";
+import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const oe = ["xmlns", "stroke"], ne = ["id"], ie = ["stop-color"], se = ["stop-color"], re = ["stroke"], ue = ["xmlns", "viewBox", "stroke"], de = ["id"], ce = ["stop-color"], ye = ["stop-color"], fe = ["viewBox", "stroke"], ve = {
+  __name: "BaseSmilingUnit",
+  props: {
+    config: { type: Object },
+    unit: { type: Number },
+    currentRating: { type: Number },
+    getActiveColor: { type: Function },
+    calcShapeFill: { type: Function },
+    isReadonly: { type: Boolean },
+    hasBreakdown: { type: Boolean },
+    hoveredValue: { type: Number }
+  },
+  emits: ["rate", "mouseenter", "mouseleave"],
+  setup(t, { emit: w }) {
+    const g = w;
+    return (v, o) => (s(), i("div", {
+      tabindex: "0",
+      class: T({ "vue-ui-smiley-rated": !t.config.readonly && t.currentRating === t.unit }),
+      style: r({
+        cursor: t.config.readonly ? "default" : "pointer",
+        height: t.config.style.itemSize + "px",
+        aspectRatio: "1/1",
+        position: "relative"
+      }),
+      onMouseenter: o[0] || (o[0] = (h) => g("mouseenter")),
+      onMouseleave: o[1] || (o[1] = (h) => g("mouseleave")),
+      onClick: o[2] || (o[2] = (h) => g("rate", t.unit)),
+      onKeyup: o[3] || (o[3] = K((h) => g("rate", t.unit), ["enter"]))
+    }, [
+      t.config.style.tooltip.show && t.hasBreakdown && t.isReadonly ? (s(), i("div", {
+        key: 0,
+        class: "vue-ui-rating-tooltip",
+        style: r({
+          border: `1px solid ${t.config.style.tooltip.borderColor}`,
+          position: "absolute",
+          top: `${t.config.style.tooltip.offsetY - 48}px`,
+          left: "50%",
+          transform: "translateX(-50%)",
+          width: "fit-content",
+          textAlign: "center",
+          background: t.config.style.tooltip.backgroundColor,
+          display: t.hoveredValue === t.unit - 1 ? "block" : "none",
+          padding: "2px 12px",
+          borderRadius: t.config.style.tooltip.borderRadius + "px",
+          boxShadow: t.config.style.tooltip.boxShadow
+        })
+      }, [
+        a("div", {
+          style: r({
+            width: "100%",
+            display: "flex",
+            flexDirection: "row",
+            gap: "6px",
+            position: "relative",
+            textAlign: "center",
+            color: t.config.style.tooltip.color
+          })
+        }, [
+          a("span", {
+            style: r(`font-size:${t.config.style.tooltip.fontSize}px`)
+          }, f(t.unit) + ":", 5),
+          a("span", {
+            style: r(`font-weight:${t.config.style.tooltip.bold ? "bold" : "normal"};font-size:${t.config.style.tooltip.fontSize}px`)
+          }, [
+            $(v.$slots, "rating", {}, void 0, !0)
+          ], 4),
+          a("div", {
+            style: r(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.config.style.tooltip.borderColor}`)
+          }, " ▼ ", 4)
+        ], 4)
+      ], 4)) : y("", !0),
+      t.config.style.icons.filled ? (s(), i("svg", {
+        key: 1,
+        xmlns: M(V),
+        style: { transition: "all 0.1s ease-in-out", position: "absolute", top: "0", left: "0" },
+        height: "100%",
+        viewBox: "0 0 24 24",
+        "stroke-width": "1.5",
+        stroke: t.getActiveColor(t.unit - 1),
+        fill: "none",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, [
+        a("defs", null, [
+          a("radialGradient", {
+            id: `vueUiSmiley${t.unit - 1}`
+          }, [
+            a("stop", {
+              offset: "0%",
+              "stop-color": M(j)(t.config.style.colors.active[t.unit - 1], 0.05)
+            }, null, 8, ie),
+            a("stop", {
+              offset: "100%",
+              "stop-color": t.config.style.colors.active[t.unit - 1]
+            }, null, 8, se)
+          ], 8, ne)
+        ]),
+        $(v.$slots, "path-icon-filled", {}, void 0, !0)
+      ], 8, oe)) : (s(), i("svg", {
+        key: 2,
+        style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
+        height: "100%",
+        viewBox: "0 0 24 24",
+        "stroke-width": "1.5",
+        stroke: t.getActiveColor(t.unit - 1),
+        fill: "none",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, [
+        $(v.$slots, "path-icon", {}, void 0, !0)
+      ], 8, re)),
+      t.config.style.icons.filled && t.isReadonly ? (s(), i("svg", {
+        key: 3,
+        xmlns: M(V),
+        style: { transition: "all 0.1s ease-in-out", position: "absolute", top: "0", left: "0" },
+        height: "100%",
+        viewBox: `0 0 ${t.calcShapeFill(t.unit - 1)} 24`,
+        "stroke-width": "1.5",
+        stroke: t.config.style.colors.activeReadonly[t.unit - 1],
+        fill: "none",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, [
+        a("defs", null, [
+          a("radialGradient", {
+            id: `vueUiSmiley${t.unit - 1}`
+          }, [
+            a("stop", {
+              offset: "0%",
+              "stop-color": M(j)(t.config.style.colors.activeReadonly[t.unit - 1], 0.05)
+            }, null, 8, ce),
+            a("stop", {
+              offset: "100%",
+              "stop-color": t.config.style.colors.activeReadonly[t.unit - 1]
+            }, null, 8, ye)
+          ], 8, de)
+        ]),
+        $(v.$slots, "path-icon-filled-readonly", {}, void 0, !0)
+      ], 8, ue)) : y("", !0),
+      !t.config.style.icons.filled && t.isReadonly ? (s(), i("svg", {
+        key: 4,
+        style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
+        height: "100%",
+        viewBox: `0 0 ${t.calcShapeFill(t.unit - 1)} 24`,
+        "stroke-width": "1.5",
+        stroke: t.config.style.colors.activeReadonly[t.unit - 1],
+        fill: "none",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, [
+        $(v.$slots, "path-icon-readonly", {}, void 0, !0)
+      ], 8, fe)) : y("", !0)
+    ], 38));
+  }
+}, ge = /* @__PURE__ */ ae(ve, [["__scopeId", "data-v-ff349576"]]), me = {
+  key: 0,
+  class: "vue-ui-rating-title",
+  style: { width: "100%" }
+}, he = ["d", "fill"], pe = ["d"], be = ["d", "fill"], $e = ["d"], we = {
+  __name: "vue-ui-smiley",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["rate"],
+  setup(t, { expose: w, emit: g }) {
+    const { vue_ui_smiley: v } = te(), o = t, h = H(), U = g, m = x(null);
+    B(() => {
+      h["chart-background"] && console.warn("VueUiSmiley does not support the #chart-background slot.");
+    });
+    function S() {
+      (!Object.hasOwn(o.dataset, "rating") || _(o.dataset)) && ee({
+        componentName: "VueUiSmiley",
+        type: "datasetAttribute",
+        property: "rating"
+      });
+    }
+    B(S);
+    const e = x(I());
+    function I() {
+      return le({
+        userConfig: o.config,
+        defaultConfig: v
+      });
+    }
+    N(() => o.config, (l) => {
+      e.value = I(), k.value = e.value.readonly, S();
+    }, { deep: !0 });
+    const F = R(() => {
+      const l = o.dataset.rating;
+      return l && typeof l == "object" && !Array.isArray(l) ? O(l) : l ?? null;
+    }), X = R(() => typeof o.dataset.rating == "object" && !Array.isArray(o.dataset.rating)), d = x(F.value);
+    N(
+      F,
+      (l) => {
+        d.value = l;
+      }
+    );
+    const k = x(e.value.readonly), G = [
+      {
+        key: "smiley_0",
+        pathIconFilled: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-5 9.86a4.5 4.5 0 0 0 -3.214 1.35a1 1 0 1 0 1.428 1.4a2.5 2.5 0 0 1 3.572 0a1 1 0 0 0 1.428 -1.4a4.5 4.5 0 0 0 -3.214 -1.35zm-2.99 -4.2l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
+        pathIcon: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0 M9.5 15.25a3.5 3.5 0 0 1 5 0",
+        pathIconFilledReadonly: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-5 9.86a4.5 4.5 0 0 0 -3.214 1.35a1 1 0 1 0 1.428 1.4a2.5 2.5 0 0 1 3.572 0a1 1 0 0 0 1.428 -1.4a4.5 4.5 0 0 0 -3.214 -1.35zm-2.99 -4.2l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
+        pathIconReadonly: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0 M9.5 15.25a3.5 3.5 0 0 1 5 0"
+      },
+      {
+        key: "smiley_1",
+        pathIconFilled: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-2 10.66h-6l-.117 .007a1 1 0 0 0 0 1.986l.117 .007h6l.117 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-5.99 -5l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
+        pathIcon: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0 M9 15l6 0",
+        pathIconFilledReadonly: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-2 10.66h-6l-.117 .007a1 1 0 0 0 0 1.986l.117 .007h6l.117 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-5.99 -5l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
+        pathIconReadonly: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0 M9 15l6 0"
+      },
+      {
+        key: "smiley_2",
+        pathIconFilled: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-7.99 5.66l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
+        pathIcon: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0",
+        pathIconFilledReadonly: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-7.99 5.66l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
+        pathIconReadonly: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0"
+      },
+      {
+        key: "smiley_3",
+        pathIconFilled: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.8 10.946a1 1 0 0 0 -1.414 .014a2.5 2.5 0 0 1 -3.572 0a1 1 0 0 0 -1.428 1.4a4.5 4.5 0 0 0 6.428 0a1 1 0 0 0 -.014 -1.414zm-6.19 -5.286l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993zm6 0l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993z",
+        pathIcon: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0 M9.5 15a3.5 3.5 0 0 0 5 0",
+        pathIconFilledReadonly: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.8 10.946a1 1 0 0 0 -1.414 .014a2.5 2.5 0 0 1 -3.572 0a1 1 0 0 0 -1.428 1.4a4.5 4.5 0 0 0 6.428 0a1 1 0 0 0 -.014 -1.414zm-6.19 -5.286l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993zm6 0l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993z",
+        pathIconReadonly: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 10l.01 0 M15 10l.01 0 M9.5 15a3.5 3.5 0 0 0 5 0"
+      },
+      {
+        key: "smiley_4",
+        pathIconFilled: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-2 9.66h-6a1 1 0 0 0 -1 1v.05a3.975 3.975 0 0 0 3.777 3.97l.227 .005a4.026 4.026 0 0 0 3.99 -3.79l.006 -.206a1 1 0 0 0 -1 -1.029zm-5.99 -5l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993zm6 0l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993z",
+        pathIcon: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 9l.01 0 M15 9l.01 0 M8 13a4 4 0 1 0 8 0h-8",
+        pathIconFilledReadonly: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-2 9.66h-6a1 1 0 0 0 -1 1v.05a3.975 3.975 0 0 0 3.777 3.97l.227 .005a4.026 4.026 0 0 0 3.99 -3.79l.006 -.206a1 1 0 0 0 -1 -1.029zm-5.99 -5l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993zm6 0l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993z",
+        pathIconReadonly: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0 M9 9l.01 0 M15 9l.01 0 M8 13a4 4 0 1 0 8 0h-8"
+      }
+    ];
+    function O(l) {
+      if (l == null) return null;
+      let n = 0, u = 0;
+      for (const c in l) {
+        const b = Number(c), A = l[c];
+        Number.isFinite(b) && (n += b * A, u += A);
+      }
+      return u === 0 ? 0 : n / u;
+    }
+    function Y(l) {
+      const n = d.value - l, u = 24;
+      switch (!0) {
+        case n < 0:
+          return 0;
+        case n > 1:
+          return 1 * u;
+        default:
+          return n * u;
+      }
+    }
+    function C(l) {
+      return e.value.readonly ? e.value.style.colors.inactive[l] : d.value === l + 1 ? e.value.style.icons.useGradient && e.value.style.icons.filled ? `url(#vueUiSmiley${l})` : e.value.style.colors.active[l] : m.value !== null && m.value === l ? e.value.style.icons.useGradient && e.value.style.icons.filled ? `url(#vueUiSmiley${l})` : e.value.style.colors.active[l] : e.value.style.colors.inactive[l];
+    }
+    const p = R(() => ({ value: l, tooltip: n = !1 }) => W(
+      n ? e.value.style.tooltip.formatter : e.value.style.rating.formatter,
+      l,
+      Z({
+        v: l,
+        r: n ? e.value.style.tooltip.roundingValue : e.value.style.rating.roundingValue
+      }),
+      e.value
+    ));
+    function L(l) {
+      k.value || (d.value = l, U("rate", l));
+    }
+    function D() {
+      return d.value;
+    }
+    function E(l = !0) {
+      k.value = l;
+    }
+    return w({
+      getData: D,
+      toggleReadonly: E
+    }), (l, n) => (s(), i("div", {
+      class: "vue-data-ui-component vue-ui-smiley",
+      style: r(`background:${e.value.style.backgroundColor};font-family:${e.value.style.fontFamily};width:100%;`),
+      onMouseleave: n[1] || (n[1] = (u) => m.value = void 0)
+    }, [
+      e.value.style.title.text ? (s(), i("div", me, [
+        a("div", {
+          style: r(`color:${e.value.style.title.color};font-weight:${e.value.style.title.bold ? "bold" : "normal"};text-align:${e.value.style.title.textAlign};margin-bottom:${e.value.style.title.offsetY}px;font-size:${e.value.style.title.fontSize}px`)
+        }, f(e.value.style.title.text), 5),
+        e.value.style.title.subtitle.text ? (s(), i("div", {
+          key: 0,
+          style: r(`color:${e.value.style.title.subtitle.color};font-size:${e.value.style.title.subtitle.fontSize}px;text-align:${e.value.style.title.textAlign};margin-bottom:${e.value.style.title.subtitle.offsetY}px;font-weight:${e.value.style.title.subtitle.bold ? "bold" : "normal"}`)
+        }, f(e.value.style.title.subtitle.text), 5)) : y("", !0)
+      ])) : y("", !0),
+      e.value.style.rating.show && e.value.style.rating.position === "top" ? (s(), i("div", {
+        key: 1,
+        style: r(`width:100%;text-align:center;margin-bottom:${e.value.style.rating.offsetY}px;font-size:${e.value.style.rating.fontSize}px;font-weight:${e.value.style.rating.bold ? "bold" : "normal"};margin-left:${e.value.style.rating.offsetX}px`)
+      }, f(p.value({ value: d.value })), 5)) : y("", !0),
+      a("div", {
+        class: "vue-ui-smiley-wrapper",
+        style: r(`overflow:visible;height:${e.value.style.itemSize}px;width:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;`)
+      }, [
+        e.value.style.rating.show && e.value.style.rating.position === "left" ? (s(), i("div", {
+          key: 0,
+          style: r(`width:fit-content;text-align:center;margin-bottom:${e.value.style.rating.offsetY}px;font-size:${e.value.style.rating.fontSize}px;font-weight:${e.value.style.rating.bold ? "bold" : "normal"};padding-right:${e.value.style.rating.offsetX}px`)
+        }, f(p.value({ value: d.value })), 5)) : y("", !0),
+        (s(), i(P, null, q(G, (u, c) => J(ge, {
+          key: u.key,
+          config: e.value,
+          unit: c + 1,
+          currentRating: d.value,
+          isReadonly: k.value,
+          hasBreakdown: X.value,
+          hoveredValue: m.value,
+          getActiveColor: C,
+          calcShapeFill: Y,
+          onMouseenter: (b) => m.value = c,
+          onMouseleave: n[0] || (n[0] = (b) => m.value = null),
+          onRate: (b) => L(c + 1)
+        }, {
+          rating: z(() => [
+            Q(f(p.value({ value: o.dataset.rating[String(c + 1)], tooltip: !0 })), 1)
+          ]),
+          "path-icon-filled": z(() => [
+            a("path", {
+              d: u.pathIconFilled,
+              "stroke-width": "0",
+              fill: C(c)
+            }, null, 8, he)
+          ]),
+          "path-icon": z(() => [
+            a("path", {
+              d: u.pathIcon
+            }, null, 8, pe)
+          ]),
+          "path-icon-filled-readonly": z(() => [
+            a("path", {
+              d: u.pathIconFilledReadonly,
+              "stroke-width": "0",
+              fill: e.value.style.icons.useGradient ? `url(#vueUiSmiley${c})` : e.value.style.colors.activeReadonly[c]
+            }, null, 8, be)
+          ]),
+          "path-icon-readonly": z(() => [
+            a("path", {
+              d: u.pathIconReadonly
+            }, null, 8, $e)
+          ]),
+          _: 2
+        }, 1032, ["config", "unit", "currentRating", "isReadonly", "hasBreakdown", "hoveredValue", "onMouseenter", "onRate"])), 64)),
+        e.value.style.rating.show && e.value.style.rating.position === "right" ? (s(), i("div", {
+          key: 1,
+          style: r(`width:fit-content;text-align:center;margin-bottom:${e.value.style.rating.offsetY}px;font-size:${e.value.style.rating.fontSize}px;font-weight:${e.value.style.rating.bold ? "bold" : "normal"};padding-left:${e.value.style.rating.offsetX}px`)
+        }, f(p.value({ value: d.value })), 5)) : y("", !0)
+      ], 4),
+      e.value.style.rating.show && e.value.style.rating.position === "bottom" ? (s(), i("div", {
+        key: 2,
+        style: r(`width:100%;text-align:center;margin-top:${e.value.style.rating.offsetY}px;font-size:${e.value.style.rating.fontSize}px;font-weight:${e.value.style.rating.bold ? "bold" : "normal"};margin-left:${e.value.style.rating.offsetX}px`)
+      }, f(p.value({ value: d.value })), 5)) : y("", !0)
+    ], 36));
+  }
+};
+export {
+  we as default
+};

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

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as _e, ref as c, toRefs as we, computed as u, watch as G, nextTick as K, onMounted as Le, createElementBlock as r, openBlock as s, normalizeStyle as Ae, createCommentVNode as h, createBlock as xe, unref as i, createVNode as $e, createElementVNode as z, renderSlot as Q, toDisplayString as Y } from "vue";
 import { c as Te, t as Se, J as ee, o as R, g as Ne, M as w, ah as ze, X as Fe, s as Z, z as te, d as le, a as Be } from "./lib-DUaaQGCv.js";
 import { t as Me, u as Ee } from "./useResponsive-DfdjqQps.js";
-import { u as De, a as P } from "./useNestedProp-BjZ1Lg9E.js";
+import { u as De, a as P } from "./useNestedProp-CoXaJ2T6.js";
 import { u as Ie, B as je } from "./BaseScanner-BgWxam9d.js";
 import { u as Oe } from "./useFitSvgText-2crs6Fv5.js";
 import { u as Ve } from "./useThemeCheck-DGJ31Vi5.js";
@@ -40,7 +40,7 @@ const ae = { style: { backgroundColor: "#1A1A1A", dataLabel: { color: "#CCCCCC"
     }
   },
   setup(ve) {
-    const de = _e(() => import("./PackageVersion-DtFSiS0a.js")), { vue_ui_spark_trend: ce } = De(), { isThemeValid: fe, warnInvalidTheme: he } = Ve(), y = ve, F = c(null), U = c(null), W = c(null), L = c(null), x = c(null), $ = c(!1), p = c(null), A = c(Te()), e = c(E()), { loading: C, FINAL_DATASET: B, manualLoading: M } = Ie({
+    const de = _e(() => import("./PackageVersion-BW9_gimf.js")), { vue_ui_spark_trend: ce } = De(), { isThemeValid: fe, warnInvalidTheme: he } = Ve(), y = ve, F = c(null), U = c(null), W = c(null), L = c(null), x = c(null), $ = c(!1), p = c(null), A = c(Te()), e = c(E()), { loading: C, FINAL_DATASET: B, manualLoading: M } = Ie({
       ...we(y),
       FINAL_CONFIG: e,
       prepareConfig: E,

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

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

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

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as K, ref as p, toRefs as Q, onMounted as F, computed as n, watch as z, createElementBlock as i, openBlock as r, normalizeStyle as y, createCommentVNode as f, createBlock as W, toDisplayString as k, unref as u, createVNode as Z, createElementVNode as g, renderSlot as M, normalizeClass as ee } from "vue";
-import { u as te, a as C } from "./useNestedProp-BjZ1Lg9E.js";
+import { u as te, a as C } from "./useNestedProp-CoXaJ2T6.js";
 import { c as ae, t as le, o as oe, g as N, k as se, ai as ne, X as re, a as ue, M as A, d as ie } from "./lib-DUaaQGCv.js";
 import { u as ce, B as ve } from "./BaseScanner-BgWxam9d.js";
 import { u as de } from "./useThemeCheck-DGJ31Vi5.js";
@@ -42,7 +42,7 @@ const E = { style: { background: "#1A1A1A", title: { color: "#CCCCCC" }, dataLab
     }
   },
   setup(U) {
-    const G = K(() => import("./PackageVersion-DtFSiS0a.js")), { vue_ui_sparkgauge: V } = te(), { isThemeValid: q, warnInvalidTheme: X } = de(), c = U, _ = p(ae()), e = p(h()), { loading: b, FINAL_DATASET: v } = ce({
+    const G = K(() => import("./PackageVersion-BW9_gimf.js")), { vue_ui_sparkgauge: V } = te(), { isThemeValid: q, warnInvalidTheme: X } = de(), c = U, _ = p(ae()), e = p(h()), { loading: b, FINAL_DATASET: v } = ce({
       ...Q(c),
       FINAL_CONFIG: e,
       prepareConfig: h,

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

@@ -1,7 +1,7 @@
 import { useCssVars as Le, computed as k, defineAsyncComponent as $e, ref as h, toRefs as Se, onMounted as X, watch as G, nextTick as P, createElementBlock as o, openBlock as a, normalizeStyle as F, createCommentVNode as d, createBlock as q, createElementVNode as f, createTextVNode as ze, toDisplayString as g, unref as r, createVNode as Fe, renderSlot as Y, Fragment as y, renderList as b, normalizeClass as J } from "vue";
 import { c as De, t as Be, o as Ee, g as K, k as Me, s as p, a as Q, d as Z, X as Te, h as N } from "./lib-DUaaQGCv.js";
 import { t as Ie, u as Ne } from "./useResponsive-DfdjqQps.js";
-import { u as He, a as H } from "./useNestedProp-BjZ1Lg9E.js";
+import { u as He, a as H } from "./useNestedProp-CoXaJ2T6.js";
 import { u as Oe, B as Ve } from "./BaseScanner-BgWxam9d.js";
 import { u as We } from "./useFitSvgText-2crs6Fv5.js";
 import { u as je } from "./useThemeCheck-DGJ31Vi5.js";
@@ -46,7 +46,7 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
     Le((l) => ({
       v47f58673: Ce.value
     }));
-    const ne = $e(() => import("./PackageVersion-DtFSiS0a.js")), { vue_ui_sparkhistogram: ve } = He(), { isThemeValid: ce, warnInvalidTheme: de } = je(), m = ue, C = h(De()), O = h(null), V = h(null), D = h(null), A = h(null), L = h(null), e = h(M()), { loading: W, FINAL_DATASET: x } = Oe({
+    const ne = $e(() => import("./PackageVersion-BW9_gimf.js")), { vue_ui_sparkhistogram: ve } = He(), { isThemeValid: ce, warnInvalidTheme: de } = je(), m = ue, C = h(De()), O = h(null), V = h(null), D = h(null), A = h(null), L = h(null), e = h(M()), { loading: W, FINAL_DATASET: x } = Oe({
       ...Se(m),
       FINAL_CONFIG: e,
       prepareConfig: M,

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

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as he, computed as f, ref as y, toRefs as Xe, watch as J, shallowRef as ye, onMounted as Ye, onBeforeUnmount as pe, createElementBlock as c, openBlock as n, normalizeStyle as z, renderSlot as F, createCommentVNode as h, createBlock as ge, normalizeProps as be, guardReactiveProps as me, createElementVNode as p, toDisplayString as B, unref as u, createVNode as qe, Fragment as Q, renderList as ee, withCtx as Ze, createTextVNode as Ke, nextTick as He } from "vue";
 import { c as Je, t as Qe, W as ke, aj as te, o as xe, g as Ae, k as et, h as E, m as tt, ak as at, X as lt, s as V, z as _e, B as ot, I as Ce, a as ae, d as le, al as rt } from "./lib-DUaaQGCv.js";
 import { t as ut, u as st } from "./useResponsive-DfdjqQps.js";
-import { u as nt, a as oe } from "./useNestedProp-BjZ1Lg9E.js";
+import { u as nt, a as oe } from "./useNestedProp-CoXaJ2T6.js";
 import { u as it, B as vt } from "./BaseScanner-BgWxam9d.js";
 import { u as dt } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as ct } from "./useTimeLabels-C5qMhpbe.js";
@@ -58,7 +58,7 @@ const we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }
   },
   emits: ["hoverIndex", "selectDatapoint"],
   setup(L, { emit: De }) {
-    const Se = he(() => import("./PackageVersion-DtFSiS0a.js")), ze = he(() => import("./SparkTooltip-reDvtQYF.js")), { vue_ui_sparkline: Be } = nt(), { isThemeValid: Ee, warnInvalidTheme: Ve } = dt(), s = L, re = f(() => Array.isArray(s.dataset) && s.dataset.length > 0), g = y(Je()), T = y(null), ue = y(null), se = y(null), e = y(P());
+    const Se = he(() => import("./PackageVersion-BW9_gimf.js")), ze = he(() => import("./SparkTooltip-reDvtQYF.js")), { vue_ui_sparkline: Be } = nt(), { isThemeValid: Ee, warnInvalidTheme: Ve } = dt(), s = L, re = f(() => Array.isArray(s.dataset) && s.dataset.length > 0), g = y(Je()), T = y(null), ue = y(null), se = y(null), e = y(P());
     function Te(t) {
       return rt(t).map((a) => ({ period: "-", value: a }));
     }

package/dist/{vue-ui-sparkstackbar-DoA2pTmw.js → vue-ui-sparkstackbar-X_VGCj6T.js}

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