vue-data-ui 2.3.99 → 2.4.0

package/dist/{vue-ui-smiley-DDn0IZKJ.js → vue-ui-smiley-BAr3XuJG.js}

@@ -1,86 +1,86 @@
-import { onMounted as F, ref as S, computed as R, openBlock as s, createElementBlock as a, normalizeStyle as l, createElementVNode as e, toDisplayString as k, createCommentVNode as r, normalizeClass as w, withKeys as z, createTextVNode as M, unref as n, pushScopeId as I, popScopeId as K, createStaticVNode as _ } from "vue";
-import { u as E, o as O, e as D, X as c, w as m } from "./index-COTjlcVF.js";
-import { u as L } from "./useNestedProp-CcjyiBlC.js";
-import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const v = ($) => (I("data-v-3e41118a"), $ = $(), K(), $), P = {
+import { onMounted as D, ref as B, computed as C, watch as E, openBlock as s, createElementBlock as i, normalizeStyle as a, createElementVNode as e, toDisplayString as g, createCommentVNode as u, unref as o, normalizeClass as M, withKeys as S, createTextVNode as R, pushScopeId as O, popScopeId as T, createStaticVNode as $ } from "vue";
+import { u as P, o as q, e as J, i as _, f as b, X as c, w as x } from "./index-B0CpCD8z.js";
+import { u as Q } from "./useNestedProp-DGWP4D-K.js";
+import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const p = (w) => (O("data-v-563f44f5"), w = w(), T(), w), Z = {
   key: 0,
   class: "vue-ui-rating-title",
   style: { width: "100%" }
-}, q = ["xmlns", "stroke"], J = { id: "vueUiSmiley0" }, Q = ["stop-color"], W = ["stop-color"], Z = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", {
+}, tt = ["xmlns", "stroke"], et = { id: "vueUiSmiley0" }, lt = ["stop-color"], ot = ["stop-color"], at = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), tt = ["fill"], et = ["stroke"], ot = /* @__PURE__ */ _('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3e41118a></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-3e41118a></path><path d="M9 10l.01 0" data-v-3e41118a></path><path d="M15 10l.01 0" data-v-3e41118a></path><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" data-v-3e41118a></path>', 5), lt = [
-  ot
-], st = ["xmlns", "viewBox", "stroke"], at = { id: "vueUiSmiley0" }, it = ["stop-color"], nt = ["stop-color"], rt = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", {
+}, null, -1)), st = ["fill"], it = ["stroke"], nt = /* @__PURE__ */ $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-563f44f5></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-563f44f5></path><path d="M9 10l.01 0" data-v-563f44f5></path><path d="M15 10l.01 0" data-v-563f44f5></path><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" data-v-563f44f5></path>', 5), rt = [
+  nt
+], ut = ["xmlns", "viewBox", "stroke"], dt = { id: "vueUiSmiley0" }, vt = ["stop-color"], pt = ["stop-color"], ft = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), dt = ["fill"], ut = ["viewBox", "stroke"], vt = /* @__PURE__ */ _('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3e41118a></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-3e41118a></path><path d="M9 10l.01 0" data-v-3e41118a></path><path d="M15 10l.01 0" data-v-3e41118a></path><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" data-v-3e41118a></path>', 5), pt = [
-  vt
-], yt = ["xmlns", "stroke"], ct = { id: "vueUiSmiley1" }, ft = ["stop-color"], ht = ["stop-color"], kt = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", {
+}, null, -1)), yt = ["fill"], ct = ["viewBox", "stroke"], ht = /* @__PURE__ */ $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-563f44f5></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-563f44f5></path><path d="M9 10l.01 0" data-v-563f44f5></path><path d="M15 10l.01 0" data-v-563f44f5></path><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" data-v-563f44f5></path>', 5), gt = [
+  ht
+], kt = ["xmlns", "stroke"], mt = { id: "vueUiSmiley1" }, xt = ["stop-color"], _t = ["stop-color"], bt = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), xt = ["fill"], gt = ["xmlns", "stroke"], mt = /* @__PURE__ */ _('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3e41118a></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-3e41118a></path><path d="M9 10l.01 0" data-v-3e41118a></path><path d="M15 10l.01 0" data-v-3e41118a></path><path d="M9 15l6 0" data-v-3e41118a></path>', 5), _t = [
-  mt
-], $t = ["xmlns", "viewBox", "stroke"], bt = { id: "vueUiSmiley1" }, wt = ["stop-color"], zt = ["stop-color"], Mt = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", {
+}, null, -1)), $t = ["fill"], wt = ["xmlns", "stroke"], zt = /* @__PURE__ */ $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-563f44f5></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-563f44f5></path><path d="M9 10l.01 0" data-v-563f44f5></path><path d="M15 10l.01 0" data-v-563f44f5></path><path d="M9 15l6 0" data-v-563f44f5></path>', 5), Mt = [
+  zt
+], St = ["xmlns", "viewBox", "stroke"], Rt = { id: "vueUiSmiley1" }, Ct = ["stop-color"], Bt = ["stop-color"], jt = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), St = ["fill"], Rt = ["viewBox", "stroke"], Bt = /* @__PURE__ */ _('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3e41118a></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-3e41118a></path><path d="M9 10l.01 0" data-v-3e41118a></path><path d="M15 10l.01 0" data-v-3e41118a></path><path d="M9 15l6 0" data-v-3e41118a></path>', 5), Ct = [
-  Bt
-], jt = ["xmlns", "stroke"], Ht = { id: "vueUiSmiley2" }, Ut = ["stop-color"], Gt = ["stop-color"], Nt = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", {
+}, null, -1)), Ht = ["fill"], Ut = ["viewBox", "stroke"], Gt = /* @__PURE__ */ $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-563f44f5></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-563f44f5></path><path d="M9 10l.01 0" data-v-563f44f5></path><path d="M15 10l.01 0" data-v-563f44f5></path><path d="M9 15l6 0" data-v-563f44f5></path>', 5), Vt = [
+  Gt
+], Xt = ["xmlns", "stroke"], At = { id: "vueUiSmiley2" }, Yt = ["stop-color"], Nt = ["stop-color"], It = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), Xt = ["fill"], At = ["xmlns", "stroke"], Vt = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", {
+}, null, -1)), Ft = ["fill"], Kt = ["xmlns", "stroke"], Lt = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), Yt = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }, null, -1)), Ft = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", { d: "M9 10l.01 0" }, null, -1)), It = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", { d: "M15 10l.01 0" }, null, -1)), Kt = [
-  Vt,
-  Yt,
-  Ft,
-  It
-], Et = ["xmlns", "viewBox", "stroke"], Ot = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", {
+}, null, -1)), Dt = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }, null, -1)), Et = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", { d: "M9 10l.01 0" }, null, -1)), Ot = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", { d: "M15 10l.01 0" }, null, -1)), Tt = [
+  Lt,
+  Dt,
+  Et,
+  Ot
+], Pt = ["xmlns", "viewBox", "stroke"], qt = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), Dt = { id: "vueUiSmiley2" }, Lt = ["stop-color"], Tt = ["stop-color"], Pt = ["fill"], qt = ["xmlns", "viewBox", "stroke"], Jt = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", {
+}, null, -1)), Jt = { id: "vueUiSmiley2" }, Qt = ["stop-color"], Wt = ["stop-color"], Zt = ["fill"], te = ["xmlns", "viewBox", "stroke"], ee = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), Qt = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }, null, -1)), Wt = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", { d: "M9 10l.01 0" }, null, -1)), Zt = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", { d: "M15 10l.01 0" }, null, -1)), te = [
-  Jt,
-  Qt,
-  Wt,
-  Zt
-], ee = ["xmlns", "stroke"], oe = { id: "vueUiSmiley3" }, le = ["stop-color"], se = ["stop-color"], ae = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", {
+}, null, -1)), le = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }, null, -1)), oe = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", { d: "M9 10l.01 0" }, null, -1)), ae = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", { d: "M15 10l.01 0" }, null, -1)), se = [
+  ee,
+  le,
+  oe,
+  ae
+], ie = ["xmlns", "stroke"], ne = { id: "vueUiSmiley3" }, re = ["stop-color"], ue = ["stop-color"], de = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), ie = ["fill"], ne = ["xmlns", "stroke"], re = /* @__PURE__ */ _('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3e41118a></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-3e41118a></path><path d="M9 10l.01 0" data-v-3e41118a></path><path d="M15 10l.01 0" data-v-3e41118a></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0" data-v-3e41118a></path>', 5), de = [
-  re
-], ue = ["xmlns", "viewBox", "stroke"], ve = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", {
+}, null, -1)), ve = ["fill"], pe = ["xmlns", "stroke"], fe = /* @__PURE__ */ $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-563f44f5></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-563f44f5></path><path d="M9 10l.01 0" data-v-563f44f5></path><path d="M15 10l.01 0" data-v-563f44f5></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0" data-v-563f44f5></path>', 5), ye = [
+  fe
+], ce = ["xmlns", "viewBox", "stroke"], he = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), pe = { id: "vueUiSmiley3" }, ye = ["stop-color"], ce = ["stop-color"], fe = ["fill"], he = ["xmlns", "viewBox", "stroke"], ke = /* @__PURE__ */ _('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3e41118a></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-3e41118a></path><path d="M9 10l.01 0" data-v-3e41118a></path><path d="M15 10l.01 0" data-v-3e41118a></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0" data-v-3e41118a></path>', 5), xe = [
-  ke
-], ge = ["xmlns", "stroke"], me = { id: "vueUiSmiley4" }, _e = ["stop-color"], $e = ["stop-color"], be = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", {
+}, null, -1)), ge = { id: "vueUiSmiley3" }, ke = ["stop-color"], me = ["stop-color"], xe = ["fill"], _e = ["xmlns", "viewBox", "stroke"], be = /* @__PURE__ */ $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-563f44f5></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-563f44f5></path><path d="M9 10l.01 0" data-v-563f44f5></path><path d="M15 10l.01 0" data-v-563f44f5></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0" data-v-563f44f5></path>', 5), $e = [
+  be
+], we = ["xmlns", "stroke"], ze = { id: "vueUiSmiley4" }, Me = ["stop-color"], Se = ["stop-color"], Re = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), we = ["fill"], ze = ["xmlns", "stroke"], Me = /* @__PURE__ */ _('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3e41118a></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-3e41118a></path><path d="M9 9l.01 0" data-v-3e41118a></path><path d="M15 9l.01 0" data-v-3e41118a></path><path d="M8 13a4 4 0 1 0 8 0h-8" data-v-3e41118a></path>', 5), Se = [
-  Me
-], Re = ["xmlns", "viewBox", "stroke"], Be = /* @__PURE__ */ v(() => /* @__PURE__ */ e("path", {
+}, null, -1)), Ce = ["fill"], Be = ["xmlns", "stroke"], je = /* @__PURE__ */ $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-563f44f5></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-563f44f5></path><path d="M9 9l.01 0" data-v-563f44f5></path><path d="M15 9l.01 0" data-v-563f44f5></path><path d="M8 13a4 4 0 1 0 8 0h-8" data-v-563f44f5></path>', 5), He = [
+  je
+], Ue = ["xmlns", "viewBox", "stroke"], Ge = /* @__PURE__ */ p(() => /* @__PURE__ */ e("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), Ce = { id: "vueUiSmiley4" }, je = ["stop-color"], He = ["stop-color"], Ue = ["fill"], Ge = ["xmlns", "viewBox", "stroke"], Ne = /* @__PURE__ */ _('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-3e41118a></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-3e41118a></path><path d="M9 9l.01 0" data-v-3e41118a></path><path d="M15 9l.01 0" data-v-3e41118a></path><path d="M8 13a4 4 0 1 0 8 0h-8" data-v-3e41118a></path>', 5), Xe = [
-  Ne
-], Ae = {
+}, null, -1)), Ve = { id: "vueUiSmiley4" }, Xe = ["stop-color"], Ae = ["stop-color"], Ye = ["fill"], Ne = ["xmlns", "viewBox", "stroke"], Ie = /* @__PURE__ */ $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-563f44f5></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-563f44f5></path><path d="M9 9l.01 0" data-v-563f44f5></path><path d="M15 9l.01 0" data-v-563f44f5></path><path d="M8 13a4 4 0 1 0 8 0h-8" data-v-563f44f5></path>', 5), Fe = [
+  Ie
+], Ke = {
   __name: "vue-ui-smiley",
   props: {
     config: {
@@ -97,159 +97,196 @@ const v = ($) => (I("data-v-3e41118a"), $ = $(), K(), $), P = {
     }
   },
   emits: ["rate"],
-  setup($, { expose: H, emit: U }) {
-    const h = $, { vue_ui_smiley: G } = E();
-    F(() => {
-      O(h.dataset) && D({
+  setup(w, { expose: X, emit: A }) {
+    const d = w, { vue_ui_smiley: Y } = P();
+    D(() => {
+      j();
+    });
+    function j() {
+      q(d.dataset) && J({
         componentName: "VueUiSmiley",
         type: "dataset"
       });
+    }
+    const H = B(!1), v = B(void 0), t = C({
+      get: () => U(),
+      set: (r) => r
     });
-    const B = S(!1), u = S(void 0), t = R(() => L({
-      userConfig: h.config,
-      defaultConfig: G
-    })), N = R(() => typeof h.dataset.rating == "object" && !Array.isArray(h.dataset.rating) ? X(h.dataset.rating) : h.dataset.rating || null), b = R(() => typeof h.dataset.rating == "object" && !Array.isArray(h.dataset.rating)), p = S(N.value), y = S(t.value.readonly);
-    function X(d) {
-      if (d === null) return null;
-      let o = 0, i = 0;
-      for (const C in d) {
-        const Y = parseInt(C), j = d[C];
-        o += Y * j, i += j;
+    function U() {
+      return Q({
+        userConfig: d.config,
+        defaultConfig: Y
+      });
+    }
+    E(() => d.config, (r) => {
+      t.value = U(), j();
+    }, { deep: !0 });
+    const N = C(() => typeof d.dataset.rating == "object" && !Array.isArray(d.dataset.rating) ? I(d.dataset.rating) : d.dataset.rating || null), z = C(() => typeof d.dataset.rating == "object" && !Array.isArray(d.dataset.rating)), f = B(N.value), y = C(() => t.value.readonly);
+    function I(r) {
+      if (r === null) return null;
+      let l = 0, n = 0;
+      for (const G in r) {
+        const L = parseInt(G), V = r[G];
+        l += L * V, n += V;
       }
-      return i === 0 ? 0 : o / i;
+      return n === 0 ? 0 : l / n;
     }
-    function x(d) {
-      const o = p.value - d, i = 24;
+    function k(r) {
+      const l = f.value - r, n = 24;
       switch (!0) {
-        case o < 0:
+        case l < 0:
           return 0;
-        case o > 1:
-          return 1 * i;
+        case l > 1:
+          return 1 * n;
         default:
-          return o * i;
+          return l * n;
       }
     }
-    function g(d) {
-      y.value || (p.value = d, U("rate", d));
+    function m(r) {
+      y.value || (f.value = r, A("rate", r));
     }
-    function A() {
-      return p.value;
+    function F() {
+      return f.value;
     }
-    function V(d = !0) {
-      y.value = d;
+    function K(r = !0) {
+      y.value = r;
     }
-    H({
-      getData: A,
-      toggleReadonly: V
+    X({
+      getData: F,
+      toggleReadonly: K
     });
-    function f(d) {
-      return t.value.readonly ? t.value.style.colors.inactive[d] : p.value === d + 1 ? t.value.style.icons.useGradient && t.value.style.icons.filled ? `url(#vueUiSmiley${d})` : t.value.style.colors.active[d] : u.value !== void 0 && u.value === d ? t.value.style.icons.useGradient && t.value.style.icons.filled ? `url(#vueUiSmiley${d})` : t.value.style.colors.active[d] : t.value.style.colors.inactive[d];
+    function h(r) {
+      return t.value.readonly ? t.value.style.colors.inactive[r] : f.value === r + 1 ? t.value.style.icons.useGradient && t.value.style.icons.filled ? `url(#vueUiSmiley${r})` : t.value.style.colors.active[r] : v.value !== void 0 && v.value === r ? t.value.style.icons.useGradient && t.value.style.icons.filled ? `url(#vueUiSmiley${r})` : t.value.style.colors.active[r] : t.value.style.colors.inactive[r];
     }
-    return (d, o) => (s(), a("div", {
-      style: l(`background:${t.value.style.backgroundColor};font-family:${t.value.style.fontFamily};width:100%;`),
-      onMouseover: o[20] || (o[20] = (i) => B.value = !0),
-      onMouseleave: o[21] || (o[21] = (i) => {
-        B.value = !1, u.value = void 0;
+    return (r, l) => (s(), i("div", {
+      style: a(`background:${t.value.style.backgroundColor};font-family:${t.value.style.fontFamily};width:100%;`),
+      onMouseover: l[20] || (l[20] = (n) => H.value = !0),
+      onMouseleave: l[21] || (l[21] = (n) => {
+        H.value = !1, v.value = void 0;
       })
     }, [
-      t.value.style.title.text ? (s(), a("div", P, [
+      t.value.style.title.text ? (s(), i("div", Z, [
         e("div", {
-          style: l(`color:${t.value.style.title.color};font-weight:${t.value.style.title.bold ? "bold" : "normal"};text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.offsetY}px;font-size:${t.value.style.title.fontSize}px`)
-        }, k(t.value.style.title.text), 5),
-        t.value.style.title.subtitle.text ? (s(), a("div", {
+          style: a(`color:${t.value.style.title.color};font-weight:${t.value.style.title.bold ? "bold" : "normal"};text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.offsetY}px;font-size:${t.value.style.title.fontSize}px`)
+        }, g(t.value.style.title.text), 5),
+        t.value.style.title.subtitle.text ? (s(), i("div", {
           key: 0,
-          style: l(`color:${t.value.style.title.subtitle.color};font-size:${t.value.style.title.subtitle.fontSize}px;text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.subtitle.offsetY}px;font-weight:${t.value.style.title.subtitle.bold ? "bold" : "normal"}`)
-        }, k(t.value.style.title.subtitle.text), 5)) : r("", !0)
-      ])) : r("", !0),
-      t.value.style.rating.show && t.value.style.rating.position === "top" ? (s(), a("div", {
+          style: a(`color:${t.value.style.title.subtitle.color};font-size:${t.value.style.title.subtitle.fontSize}px;text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.subtitle.offsetY}px;font-weight:${t.value.style.title.subtitle.bold ? "bold" : "normal"}`)
+        }, g(t.value.style.title.subtitle.text), 5)) : u("", !0)
+      ])) : u("", !0),
+      t.value.style.rating.show && t.value.style.rating.position === "top" ? (s(), i("div", {
         key: 1,
-        style: l(`width:100%;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold ? "bold" : "normal"};margin-left:${t.value.style.rating.offsetX}px`)
-      }, k(isNaN(p.value) ? "" : p.value.toFixed(t.value.style.rating.roundingValue)), 5)) : r("", !0),
+        style: a(`width:100%;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold ? "bold" : "normal"};margin-left:${t.value.style.rating.offsetX}px`)
+      }, g(o(_)(
+        t.value.style.rating.formatter,
+        f.value,
+        o(b)({
+          v: f.value,
+          r: t.value.style.rating.roundingValue
+        }),
+        t.value
+      )), 5)) : u("", !0),
       e("div", {
         class: "vue-ui-smiley-wrapper",
-        style: l(`overflow:visible;height:${t.value.style.itemSize}px;width:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;`)
+        style: a(`overflow:visible;height:${t.value.style.itemSize}px;width:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;`)
       }, [
-        t.value.style.rating.show && t.value.style.rating.position === "left" ? (s(), a("div", {
+        t.value.style.rating.show && t.value.style.rating.position === "left" ? (s(), i("div", {
           key: 0,
-          style: l(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold ? "bold" : "normal"};padding-right:${t.value.style.rating.offsetX}px`)
-        }, k(isNaN(p.value) ? "" : p.value.toFixed(t.value.style.rating.roundingValue)), 5)) : r("", !0),
+          style: a(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold ? "bold" : "normal"};padding-right:${t.value.style.rating.offsetX}px`)
+        }, g(o(_)(
+          t.value.style.rating.formatter,
+          f.value,
+          o(b)({
+            v: f.value,
+            r: t.value.style.rating.roundingValue
+          }),
+          t.value
+        )), 5)) : u("", !0),
         e("div", {
           tabindex: "0",
-          class: w({ "vue-ui-smiley-rated": !t.value.readonly && p.value === 1 }),
-          style: l(`cursor:${t.value.readonly ? "default" : "pointer"};height:${t.value.style.itemSize}px;aspect-ratio:1/1;
+          class: M({ "vue-ui-smiley-rated": !t.value.readonly && f.value === 1 }),
+          style: a(`cursor:${t.value.readonly ? "default" : "pointer"};height:${t.value.style.itemSize}px;aspect-ratio:1/1;
             position:relative`),
-          onMouseenter: o[0] || (o[0] = (i) => u.value = 0),
-          onMouseleave: o[1] || (o[1] = (i) => u.value = void 0),
-          onClick: o[2] || (o[2] = (i) => g(1)),
-          onKeyup: o[3] || (o[3] = z((i) => g(1), ["enter"]))
+          onMouseenter: l[0] || (l[0] = (n) => v.value = 0),
+          onMouseleave: l[1] || (l[1] = (n) => v.value = void 0),
+          onClick: l[2] || (l[2] = (n) => m(1)),
+          onKeyup: l[3] || (l[3] = S((n) => m(1), ["enter"]))
         }, [
-          t.value.style.tooltip.show && b.value && y.value ? (s(), a("div", {
+          t.value.style.tooltip.show && z.value && y.value ? (s(), i("div", {
             key: 0,
             class: "vue-ui-rating-tooltip",
-            style: l(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${u.value === 0 ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
+            style: a(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${v.value === 0 ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
           }, [
             e("div", {
-              style: l(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)
+              style: a(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)
             }, [
               e("span", {
-                style: l(`font-size:${t.value.style.tooltip.fontSize}px`)
-              }, "1", 4),
-              M(" : "),
+                style: a(`font-size:${t.value.style.tooltip.fontSize}px`)
+              }, "1:", 4),
+              R(),
               e("span", {
-                style: l(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
-              }, k(h.dataset.rating[1]), 5),
+                style: a(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
+              }, g(o(_)(
+                t.value.style.tooltip.formatter,
+                d.dataset.rating[1],
+                o(b)({
+                  v: d.dataset.rating[1],
+                  r: t.value.style.tooltip.roundingValue
+                }),
+                t.value
+              )), 5),
               e("div", {
-                style: l(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
+                style: a(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
               }, " ▼ ", 4)
             ], 4)
-          ], 4)) : r("", !0),
-          t.value.style.icons.filled ? (s(), a("svg", {
+          ], 4)) : u("", !0),
+          t.value.style.icons.filled ? (s(), i("svg", {
             key: 1,
-            xmlns: n(c),
+            xmlns: o(c),
             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: f(0),
+            stroke: h(0),
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [
             e("defs", null, [
-              e("radialGradient", J, [
+              e("radialGradient", et, [
                 e("stop", {
                   offset: "0%",
-                  "stop-color": n(m)(t.value.style.colors.active[0], 0.05)
-                }, null, 8, Q),
+                  "stop-color": o(x)(t.value.style.colors.active[0], 0.05)
+                }, null, 8, lt),
                 e("stop", {
                   offset: "100%",
                   "stop-color": t.value.style.colors.active[0]
-                }, null, 8, W)
+                }, null, 8, ot)
               ])
             ]),
-            Z,
+            at,
             e("path", {
               d: "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",
               "stroke-width": "0",
-              fill: f(0)
-            }, null, 8, tt)
-          ], 8, q)) : (s(), a("svg", {
+              fill: h(0)
+            }, null, 8, st)
+          ], 8, tt)) : (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: f(0),
+            stroke: h(0),
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, lt, 8, et)),
-          t.value.style.icons.filled && y.value ? (s(), a("svg", {
+          }, rt, 8, it)),
+          t.value.style.icons.filled && y.value ? (s(), i("svg", {
             key: 3,
-            xmlns: n(c),
+            xmlns: o(c),
             style: { transition: "all 0.1s ease-in-out", position: "absolute", top: "0", left: "0" },
             height: "100%",
-            viewBox: `0 0 ${x(0)} 24`,
+            viewBox: `0 0 ${k(0)} 24`,
             "stroke-width": "1.5",
             stroke: t.value.style.colors.activeReadonly[0],
             fill: "none",
@@ -257,113 +294,121 @@ const v = ($) => (I("data-v-3e41118a"), $ = $(), K(), $), P = {
             "stroke-linejoin": "round"
           }, [
             e("defs", null, [
-              e("radialGradient", at, [
+              e("radialGradient", dt, [
                 e("stop", {
                   offset: "0%",
-                  "stop-color": n(m)(t.value.style.colors.activeReadonly[0], 0.05)
-                }, null, 8, it),
+                  "stop-color": o(x)(t.value.style.colors.activeReadonly[0], 0.05)
+                }, null, 8, vt),
                 e("stop", {
                   offset: "100%",
                   "stop-color": t.value.style.colors.activeReadonly[0]
-                }, null, 8, nt)
+                }, null, 8, pt)
               ])
             ]),
-            rt,
+            ft,
             e("path", {
               d: "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",
               "stroke-width": "0",
               fill: t.value.style.icons.useGradient ? "url(#vueUiSmiley0)" : t.value.style.colors.activeReadonly[0]
-            }, null, 8, dt)
-          ], 8, st)) : r("", !0),
-          !t.value.style.icons.filled && y.value ? (s(), a("svg", {
+            }, null, 8, yt)
+          ], 8, ut)) : u("", !0),
+          !t.value.style.icons.filled && y.value ? (s(), i("svg", {
             key: 4,
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
-            viewBox: `0 0 ${x(0)} 24`,
+            viewBox: `0 0 ${k(0)} 24`,
             "stroke-width": "1.5",
             stroke: t.value.style.colors.activeReadonly[0],
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, pt, 8, ut)) : r("", !0)
+          }, gt, 8, ct)) : u("", !0)
         ], 38),
         e("div", {
           tabindex: "0",
-          class: w({ "vue-ui-smiley-rated": !t.value.readonly && p.value === 2 }),
-          style: l(`cursor:${t.value.readonly ? "default" : "pointer"};height:${t.value.style.itemSize}px;aspect-ratio:1/1;position:relative`),
-          onMouseenter: o[4] || (o[4] = (i) => u.value = 1),
-          onMouseleave: o[5] || (o[5] = (i) => u.value = void 0),
-          onClick: o[6] || (o[6] = (i) => g(2)),
-          onKeyup: o[7] || (o[7] = z((i) => g(2), ["enter"]))
+          class: M({ "vue-ui-smiley-rated": !t.value.readonly && f.value === 2 }),
+          style: a(`cursor:${t.value.readonly ? "default" : "pointer"};height:${t.value.style.itemSize}px;aspect-ratio:1/1;position:relative`),
+          onMouseenter: l[4] || (l[4] = (n) => v.value = 1),
+          onMouseleave: l[5] || (l[5] = (n) => v.value = void 0),
+          onClick: l[6] || (l[6] = (n) => m(2)),
+          onKeyup: l[7] || (l[7] = S((n) => m(2), ["enter"]))
         }, [
-          t.value.style.tooltip.show && b.value && y.value ? (s(), a("div", {
+          t.value.style.tooltip.show && z.value && y.value ? (s(), i("div", {
             key: 0,
             class: "vue-ui-rating-tooltip",
-            style: l(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${u.value === 1 ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
+            style: a(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${v.value === 1 ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
           }, [
             e("div", {
-              style: l(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)
+              style: a(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)
             }, [
               e("span", {
-                style: l(`font-size:${t.value.style.tooltip.fontSize}px`)
-              }, "2", 4),
-              M(" : "),
+                style: a(`font-size:${t.value.style.tooltip.fontSize}px`)
+              }, "2:", 4),
+              R(),
               e("span", {
-                style: l(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
-              }, k(h.dataset.rating[2]), 5),
+                style: a(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
+              }, g(o(_)(
+                t.value.style.tooltip.formatter,
+                d.dataset.rating[2],
+                o(b)({
+                  v: d.dataset.rating[2],
+                  r: t.value.style.tooltip.roundingValue
+                }),
+                t.value
+              )), 5),
               e("div", {
-                style: l(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
+                style: a(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
               }, " ▼ ", 4)
             ], 4)
-          ], 4)) : r("", !0),
-          t.value.style.icons.filled ? (s(), a("svg", {
+          ], 4)) : u("", !0),
+          t.value.style.icons.filled ? (s(), i("svg", {
             key: 1,
-            xmlns: n(c),
+            xmlns: o(c),
             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: f(1),
+            stroke: h(1),
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [
             e("defs", null, [
-              e("radialGradient", ct, [
+              e("radialGradient", mt, [
                 e("stop", {
                   offset: "0%",
-                  "stop-color": n(m)(t.value.style.colors.active[1], 0.05)
-                }, null, 8, ft),
+                  "stop-color": o(x)(t.value.style.colors.active[1], 0.05)
+                }, null, 8, xt),
                 e("stop", {
                   offset: "100%",
                   "stop-color": t.value.style.colors.active[1]
-                }, null, 8, ht)
+                }, null, 8, _t)
               ])
             ]),
-            kt,
+            bt,
             e("path", {
               d: "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",
               "stroke-width": "0",
-              fill: f(1)
-            }, null, 8, xt)
-          ], 8, yt)) : (s(), a("svg", {
+              fill: h(1)
+            }, null, 8, $t)
+          ], 8, kt)) : (s(), i("svg", {
             key: 2,
-            xmlns: n(c),
+            xmlns: o(c),
             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: f(1),
+            stroke: h(1),
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, _t, 8, gt)),
-          t.value.style.icons.filled && y.value ? (s(), a("svg", {
+          }, Mt, 8, wt)),
+          t.value.style.icons.filled && y.value ? (s(), i("svg", {
             key: 3,
-            xmlns: n(c),
+            xmlns: o(c),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
-            viewBox: `0 0 ${x(1)} 24`,
+            viewBox: `0 0 ${k(1)} 24`,
             "stroke-width": "1.5",
             stroke: t.value.style.colors.activeReadonly[1],
             fill: "none",
@@ -371,393 +416,433 @@ const v = ($) => (I("data-v-3e41118a"), $ = $(), K(), $), P = {
             "stroke-linejoin": "round"
           }, [
             e("defs", null, [
-              e("radialGradient", bt, [
+              e("radialGradient", Rt, [
                 e("stop", {
                   offset: "0%",
-                  "stop-color": n(m)(t.value.style.colors.activeReadonly[1], 0.05)
-                }, null, 8, wt),
+                  "stop-color": o(x)(t.value.style.colors.activeReadonly[1], 0.05)
+                }, null, 8, Ct),
                 e("stop", {
                   offset: "100%",
                   "stop-color": t.value.style.colors.activeReadonly[1]
-                }, null, 8, zt)
+                }, null, 8, Bt)
               ])
             ]),
-            Mt,
+            jt,
             e("path", {
               d: "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",
               "stroke-width": "0",
               fill: t.value.style.icons.useGradient ? "url(#vueUiSmiley1)" : t.value.style.colors.activeReadonly[1]
-            }, null, 8, St)
-          ], 8, $t)) : r("", !0),
-          !t.value.style.icons.filled && y.value ? (s(), a("svg", {
+            }, null, 8, Ht)
+          ], 8, St)) : u("", !0),
+          !t.value.style.icons.filled && y.value ? (s(), i("svg", {
             key: 4,
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
-            viewBox: `0 0 ${x(1)} 24`,
+            viewBox: `0 0 ${k(1)} 24`,
             "stroke-width": "1.5",
             stroke: t.value.style.colors.activeReadonly[1],
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, Ct, 8, Rt)) : r("", !0)
+          }, Vt, 8, Ut)) : u("", !0)
         ], 38),
         e("div", {
           tabindex: "0",
-          class: w({ "vue-ui-smiley-rated": !t.value.readonly && p.value === 3 }),
-          style: l(`cursor:${t.value.readonly ? "default" : "pointer"};height:${t.value.style.itemSize}px;aspect-ratio:1/1;position:relative`),
-          onMouseenter: o[8] || (o[8] = (i) => u.value = 2),
-          onMouseleave: o[9] || (o[9] = (i) => u.value = void 0),
-          onClick: o[10] || (o[10] = (i) => g(3)),
-          onKeyup: o[11] || (o[11] = z((i) => g(3), ["enter"]))
+          class: M({ "vue-ui-smiley-rated": !t.value.readonly && f.value === 3 }),
+          style: a(`cursor:${t.value.readonly ? "default" : "pointer"};height:${t.value.style.itemSize}px;aspect-ratio:1/1;position:relative`),
+          onMouseenter: l[8] || (l[8] = (n) => v.value = 2),
+          onMouseleave: l[9] || (l[9] = (n) => v.value = void 0),
+          onClick: l[10] || (l[10] = (n) => m(3)),
+          onKeyup: l[11] || (l[11] = S((n) => m(3), ["enter"]))
         }, [
-          t.value.style.tooltip.show && b.value && y.value ? (s(), a("div", {
+          t.value.style.tooltip.show && z.value && y.value ? (s(), i("div", {
             key: 0,
             class: "vue-ui-rating-tooltip",
-            style: l(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${u.value === 2 ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
+            style: a(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${v.value === 2 ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
           }, [
             e("div", {
-              style: l(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)
+              style: a(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)
             }, [
               e("span", {
-                style: l(`font-size:${t.value.style.tooltip.fontSize}px`)
-              }, "3", 4),
-              M(" : "),
+                style: a(`font-size:${t.value.style.tooltip.fontSize}px`)
+              }, "3:", 4),
+              R(),
               e("span", {
-                style: l(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
-              }, k(h.dataset.rating[3]), 5),
+                style: a(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
+              }, g(o(_)(
+                t.value.style.tooltip.formatter,
+                d.dataset.rating[3],
+                o(b)({
+                  v: d.dataset.rating[3],
+                  r: t.value.style.tooltip.roundingValue
+                }),
+                t.value
+              )), 5),
               e("div", {
-                style: l(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
+                style: a(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
               }, " ▼ ", 4)
             ], 4)
-          ], 4)) : r("", !0),
-          t.value.style.icons.filled ? (s(), a("svg", {
+          ], 4)) : u("", !0),
+          t.value.style.icons.filled ? (s(), i("svg", {
             key: 1,
-            xmlns: n(c),
+            xmlns: o(c),
             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: f(2),
+            stroke: h(2),
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [
             e("defs", null, [
-              e("radialGradient", Ht, [
+              e("radialGradient", At, [
                 e("stop", {
                   offset: "0%",
-                  "stop-color": n(m)(t.value.style.colors.activeReadonly[2], 0.05)
-                }, null, 8, Ut),
+                  "stop-color": o(x)(t.value.style.colors.activeReadonly[2], 0.05)
+                }, null, 8, Yt),
                 e("stop", {
                   offset: "100%",
                   "stop-color": t.value.style.colors.activeReadonly[2]
-                }, null, 8, Gt)
+                }, null, 8, Nt)
               ])
             ]),
-            Nt,
+            It,
             e("path", {
               d: "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",
               "stroke-width": "0",
-              fill: f(2)
-            }, null, 8, Xt)
-          ], 8, jt)) : (s(), a("svg", {
+              fill: h(2)
+            }, null, 8, Ft)
+          ], 8, Xt)) : (s(), i("svg", {
             key: 2,
-            xmlns: n(c),
+            xmlns: o(c),
             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: f(2),
+            stroke: h(2),
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, Kt, 8, At)),
-          t.value.style.icons.filled && y.value ? (s(), a("svg", {
+          }, Tt, 8, Kt)),
+          t.value.style.icons.filled && y.value ? (s(), i("svg", {
             key: 3,
-            xmlns: n(c),
+            xmlns: o(c),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
-            viewBox: `0 0 ${x(2)} 24`,
+            viewBox: `0 0 ${k(2)} 24`,
             "stroke-width": "1.5",
             stroke: t.value.style.colors.activeReadonly[2],
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [
-            Ot,
+            qt,
             e("defs", null, [
-              e("radialGradient", Dt, [
+              e("radialGradient", Jt, [
                 e("stop", {
                   offset: "0%",
-                  "stop-color": n(m)(t.value.style.colors.activeReadonly[2], 0.05)
-                }, null, 8, Lt),
+                  "stop-color": o(x)(t.value.style.colors.activeReadonly[2], 0.05)
+                }, null, 8, Qt),
                 e("stop", {
                   offset: "100%",
                   "stop-color": t.value.style.colors.activeReadonly[2]
-                }, null, 8, Tt)
+                }, null, 8, Wt)
               ])
             ]),
             e("path", {
               d: "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",
               "stroke-width": "0",
               fill: t.value.style.icons.useGradient ? "url(#vueUiSmiley2)" : t.value.style.colors.activeReadonly[2]
-            }, null, 8, Pt)
-          ], 8, Et)) : r("", !0),
-          !t.value.style.icons.filled && y.value ? (s(), a("svg", {
+            }, null, 8, Zt)
+          ], 8, Pt)) : u("", !0),
+          !t.value.style.icons.filled && y.value ? (s(), i("svg", {
             key: 4,
-            xmlns: n(c),
+            xmlns: o(c),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
-            viewBox: `0 0 ${x(2)} 24`,
+            viewBox: `0 0 ${k(2)} 24`,
             "stroke-width": "1.5",
             stroke: t.value.style.colors.activeReadonly[2],
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, te, 8, qt)) : r("", !0)
+          }, se, 8, te)) : u("", !0)
         ], 38),
         e("div", {
           tabindex: "0",
-          class: w({ "vue-ui-smiley-rated": !t.value.readonly && p.value === 4 }),
-          style: l(`cursor:${t.value.readonly ? "default" : "pointer"};height:${t.value.style.itemSize}px;aspect-ratio:1/1;position:relative`),
-          onMouseenter: o[12] || (o[12] = (i) => u.value = 3),
-          onMouseleave: o[13] || (o[13] = (i) => u.value = void 0),
-          onClick: o[14] || (o[14] = (i) => g(4)),
-          onKeyup: o[15] || (o[15] = z((i) => g(4), ["enter"]))
+          class: M({ "vue-ui-smiley-rated": !t.value.readonly && f.value === 4 }),
+          style: a(`cursor:${t.value.readonly ? "default" : "pointer"};height:${t.value.style.itemSize}px;aspect-ratio:1/1;position:relative`),
+          onMouseenter: l[12] || (l[12] = (n) => v.value = 3),
+          onMouseleave: l[13] || (l[13] = (n) => v.value = void 0),
+          onClick: l[14] || (l[14] = (n) => m(4)),
+          onKeyup: l[15] || (l[15] = S((n) => m(4), ["enter"]))
         }, [
-          t.value.style.tooltip.show && b.value && y.value ? (s(), a("div", {
+          t.value.style.tooltip.show && z.value && y.value ? (s(), i("div", {
             key: 0,
             class: "vue-ui-rating-tooltip",
-            style: l(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${u.value === 3 ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
+            style: a(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${v.value === 3 ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
           }, [
             e("div", {
-              style: l(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)
+              style: a(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)
             }, [
               e("span", {
-                style: l(`font-size:${t.value.style.tooltip.fontSize}px`)
-              }, "4", 4),
-              M(" : "),
+                style: a(`font-size:${t.value.style.tooltip.fontSize}px`)
+              }, "4:", 4),
+              R(),
               e("span", {
-                style: l(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
-              }, k(h.dataset.rating[4]), 5),
+                style: a(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
+              }, g(o(_)(
+                t.value.style.tooltip.formatter,
+                d.dataset.rating[4],
+                o(b)({
+                  v: d.dataset.rating[4],
+                  r: t.value.style.tooltip.roundingValue
+                }),
+                t.value
+              )), 5),
               e("div", {
-                style: l(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
+                style: a(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
               }, " ▼ ", 4)
             ], 4)
-          ], 4)) : r("", !0),
-          t.value.style.icons.filled ? (s(), a("svg", {
+          ], 4)) : u("", !0),
+          t.value.style.icons.filled ? (s(), i("svg", {
             key: 1,
-            xmlns: n(c),
+            xmlns: o(c),
             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: f(3),
+            stroke: h(3),
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [
             e("defs", null, [
-              e("radialGradient", oe, [
+              e("radialGradient", ne, [
                 e("stop", {
                   offset: "0%",
-                  "stop-color": n(m)(t.value.style.colors.activeReadonly[3], 0.95)
-                }, null, 8, le),
+                  "stop-color": o(x)(t.value.style.colors.activeReadonly[3], 0.95)
+                }, null, 8, re),
                 e("stop", {
                   offset: "100%",
                   "stop-color": t.value.style.colors.activeReadonly[3]
-                }, null, 8, se)
+                }, null, 8, ue)
               ])
             ]),
-            ae,
+            de,
             e("path", {
               d: "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",
               "stroke-width": "0",
-              fill: f(3)
-            }, null, 8, ie)
-          ], 8, ee)) : (s(), a("svg", {
+              fill: h(3)
+            }, null, 8, ve)
+          ], 8, ie)) : (s(), i("svg", {
             key: 2,
-            xmlns: n(c),
+            xmlns: o(c),
             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: f(3),
+            stroke: h(3),
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, de, 8, ne)),
-          t.value.style.icons.filled && y.value ? (s(), a("svg", {
+          }, ye, 8, pe)),
+          t.value.style.icons.filled && y.value ? (s(), i("svg", {
             key: 3,
-            xmlns: n(c),
+            xmlns: o(c),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
-            viewBox: `0 0 ${x(3)} 24`,
+            viewBox: `0 0 ${k(3)} 24`,
             "stroke-width": "1.5",
             stroke: t.value.style.colors.activeReadonly[3],
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [
-            ve,
+            he,
             e("defs", null, [
-              e("radialGradient", pe, [
+              e("radialGradient", ge, [
                 e("stop", {
                   offset: "0%",
-                  "stop-color": n(m)(t.value.style.colors.activeReadonly[3], 0.95)
-                }, null, 8, ye),
+                  "stop-color": o(x)(t.value.style.colors.activeReadonly[3], 0.95)
+                }, null, 8, ke),
                 e("stop", {
                   offset: "100%",
                   "stop-color": t.value.style.colors.activeReadonly[3]
-                }, null, 8, ce)
+                }, null, 8, me)
               ])
             ]),
             e("path", {
               d: "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",
               "stroke-width": "0",
               fill: t.value.style.icons.useGradient ? "url(#vueUiSmiley3)" : t.value.style.colors.activeReadonly[3]
-            }, null, 8, fe)
-          ], 8, ue)) : r("", !0),
-          !t.value.style.icons.filled && y.value ? (s(), a("svg", {
+            }, null, 8, xe)
+          ], 8, ce)) : u("", !0),
+          !t.value.style.icons.filled && y.value ? (s(), i("svg", {
             key: 4,
-            xmlns: n(c),
+            xmlns: o(c),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
-            viewBox: `0 0 ${x(3)} 24`,
+            viewBox: `0 0 ${k(3)} 24`,
             "stroke-width": "1.5",
             stroke: t.value.style.colors.activeReadonly[3],
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, xe, 8, he)) : r("", !0)
+          }, $e, 8, _e)) : u("", !0)
         ], 38),
         e("div", {
           tabindex: "0",
-          class: w({ "vue-ui-smiley-rated": !t.value.readonly && p.value === 5 }),
-          style: l(`cursor:${t.value.readonly ? "default" : "pointer"};height:${t.value.style.itemSize}px;aspect-ratio:1/1;position:relative`),
-          onMouseenter: o[16] || (o[16] = (i) => u.value = 4),
-          onMouseleave: o[17] || (o[17] = (i) => u.value = void 0),
-          onClick: o[18] || (o[18] = (i) => g(5)),
-          onKeyup: o[19] || (o[19] = z((i) => g(5), ["enter"]))
+          class: M({ "vue-ui-smiley-rated": !t.value.readonly && f.value === 5 }),
+          style: a(`cursor:${t.value.readonly ? "default" : "pointer"};height:${t.value.style.itemSize}px;aspect-ratio:1/1;position:relative`),
+          onMouseenter: l[16] || (l[16] = (n) => v.value = 4),
+          onMouseleave: l[17] || (l[17] = (n) => v.value = void 0),
+          onClick: l[18] || (l[18] = (n) => m(5)),
+          onKeyup: l[19] || (l[19] = S((n) => m(5), ["enter"]))
         }, [
-          t.value.style.tooltip.show && b.value && y.value ? (s(), a("div", {
+          t.value.style.tooltip.show && z.value && y.value ? (s(), i("div", {
             key: 0,
             class: "vue-ui-rating-tooltip",
-            style: l(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${u.value === 4 ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
+            style: a(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${v.value === 4 ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
           }, [
             e("div", {
-              style: l(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)
+              style: a(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)
             }, [
               e("span", {
-                style: l(`font-size:${t.value.style.tooltip.fontSize}px`)
-              }, "5", 4),
-              M(" : "),
+                style: a(`font-size:${t.value.style.tooltip.fontSize}px`)
+              }, "5:", 4),
+              R(),
               e("span", {
-                style: l(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
-              }, k(h.dataset.rating[5]), 5),
+                style: a(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
+              }, g(o(_)(
+                t.value.style.tooltip.formatter,
+                d.dataset.rating[5],
+                o(b)({
+                  v: d.dataset.rating[5],
+                  r: t.value.style.tooltip.roundingValue
+                }),
+                t.value
+              )), 5),
               e("div", {
-                style: l(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
+                style: a(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
               }, " ▼ ", 4)
             ], 4)
-          ], 4)) : r("", !0),
-          t.value.style.icons.filled ? (s(), a("svg", {
+          ], 4)) : u("", !0),
+          t.value.style.icons.filled ? (s(), i("svg", {
             key: 1,
-            xmlns: n(c),
+            xmlns: o(c),
             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: f(4),
+            stroke: h(4),
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [
             e("defs", null, [
-              e("radialGradient", me, [
+              e("radialGradient", ze, [
                 e("stop", {
                   offset: "0%",
-                  "stop-color": n(m)(t.value.style.colors.activeReadonly[4], 0.9)
-                }, null, 8, _e),
+                  "stop-color": o(x)(t.value.style.colors.activeReadonly[4], 0.9)
+                }, null, 8, Me),
                 e("stop", {
                   offset: "100%",
                   "stop-color": t.value.style.colors.activeReadonly[4]
-                }, null, 8, $e)
+                }, null, 8, Se)
               ])
             ]),
-            be,
+            Re,
             e("path", {
               d: "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",
               "stroke-width": "0",
-              fill: f(4)
-            }, null, 8, we)
-          ], 8, ge)) : (s(), a("svg", {
+              fill: h(4)
+            }, null, 8, Ce)
+          ], 8, we)) : (s(), i("svg", {
             key: 2,
-            xmlns: n(c),
+            xmlns: o(c),
             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: f(4),
+            stroke: h(4),
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, Se, 8, ze)),
-          t.value.style.icons.filled && y.value ? (s(), a("svg", {
+          }, He, 8, Be)),
+          t.value.style.icons.filled && y.value ? (s(), i("svg", {
             key: 3,
-            xmlns: n(c),
+            xmlns: o(c),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
-            viewBox: `0 0 ${x(4)} 24`,
+            viewBox: `0 0 ${k(4)} 24`,
             "stroke-width": "1.5",
             stroke: t.value.style.colors.activeReadonly[4],
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [
-            Be,
+            Ge,
             e("defs", null, [
-              e("radialGradient", Ce, [
+              e("radialGradient", Ve, [
                 e("stop", {
                   offset: "0%",
-                  "stop-color": n(m)(t.value.style.colors.activeReadonly[4], 0.9)
-                }, null, 8, je),
+                  "stop-color": o(x)(t.value.style.colors.activeReadonly[4], 0.9)
+                }, null, 8, Xe),
                 e("stop", {
                   offset: "100%",
                   "stop-color": t.value.style.colors.activeReadonly[4]
-                }, null, 8, He)
+                }, null, 8, Ae)
               ])
             ]),
             e("path", {
               d: "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",
               "stroke-width": "0",
               fill: t.value.style.icons.useGradient ? "url(#vueUiSmiley4)" : t.value.style.colors.activeReadonly[4]
-            }, null, 8, Ue)
-          ], 8, Re)) : r("", !0),
-          !t.value.style.icons.filled && y.value ? (s(), a("svg", {
+            }, null, 8, Ye)
+          ], 8, Ue)) : u("", !0),
+          !t.value.style.icons.filled && y.value ? (s(), i("svg", {
             key: 4,
-            xmlns: n(c),
+            xmlns: o(c),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
-            viewBox: `0 0 ${x(4)} 24`,
+            viewBox: `0 0 ${k(4)} 24`,
             "stroke-width": "1.5",
             stroke: t.value.style.colors.activeReadonly[4],
             fill: "none",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, Xe, 8, Ge)) : r("", !0)
+          }, Fe, 8, Ne)) : u("", !0)
         ], 38),
-        t.value.style.rating.show && t.value.style.rating.position === "right" ? (s(), a("div", {
+        t.value.style.rating.show && t.value.style.rating.position === "right" ? (s(), i("div", {
           key: 1,
-          style: l(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold ? "bold" : "normal"};padding-left:${t.value.style.rating.offsetX}px`)
-        }, k(isNaN(p.value) ? "" : p.value.toFixed(t.value.style.rating.roundingValue)), 5)) : r("", !0)
+          style: a(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold ? "bold" : "normal"};padding-left:${t.value.style.rating.offsetX}px`)
+        }, g(o(_)(
+          t.value.style.rating.formatter,
+          f.value,
+          o(b)({
+            v: f.value,
+            r: t.value.style.rating.roundingValue
+          }),
+          t.value
+        )), 5)) : u("", !0)
       ], 4),
-      t.value.style.rating.show && t.value.style.rating.position === "bottom" ? (s(), a("div", {
+      t.value.style.rating.show && t.value.style.rating.position === "bottom" ? (s(), i("div", {
         key: 2,
-        style: l(`width:100%;text-align:center;margin-top:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold ? "bold" : "normal"};margin-left:${t.value.style.rating.offsetX}px`)
-      }, k(isNaN(p.value) ? "" : p.value.toFixed(t.value.style.rating.roundingValue)), 5)) : r("", !0)
+        style: a(`width:100%;text-align:center;margin-top:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold ? "bold" : "normal"};margin-left:${t.value.style.rating.offsetX}px`)
+      }, g(o(_)(
+        t.value.style.rating.formatter,
+        f.value,
+        o(b)({
+          v: f.value,
+          r: t.value.style.rating.roundingValue
+        }),
+        t.value
+      )), 5)) : u("", !0)
     ], 36));
   }
-}, Ee = /* @__PURE__ */ T(Ae, [["__scopeId", "data-v-3e41118a"]]);
+}, Pe = /* @__PURE__ */ W(Ke, [["__scopeId", "data-v-563f44f5"]]);
 export {
-  Ee as default
+  Pe as default
 };