vue-data-ui 3.22.13 → 3.23.0

package/dist/{vue-ui-smiley-Da2jgkb7.js → vue-ui-smiley-DYnqqk6u.js}

@@ -1,16 +1,17 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, Bt as n, Y as r, et as i, i as a, t as o } from "./lib-CFm_J26b.js";
-import { t as s } from "./useConfig-C0V0eG7L.js";
-import { t as c } from "./useNestedProp-BY6DNN3i.js";
-import { t as l } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as u } from "./DefGrad-DVBqDjhO.js";
-import { Fragment as d, computed as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, normalizeClass as v, normalizeStyle as y, onMounted as b, openBlock as x, ref as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, useSlots as D, watch as O, withCtx as k, withKeys as A } from "vue";
+import { Vt as t, X as n, i as r, jt as i, t as a, tt as o } from "./lib-BuMGJ_a0.js";
+import { n as s, t as c } from "./useHints-Dq_w2E8B.js";
+import { t as l } from "./useConfig-BilxnBNr.js";
+import { t as u } from "./useNestedProp--NSEmhOH.js";
+import { t as d } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as f } from "./DefGrad-DVBqDjhO.js";
+import { Fragment as p, computed as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, normalizeClass as b, normalizeStyle as x, onMounted as S, openBlock as C, ref as w, renderList as T, renderSlot as E, toDisplayString as D, unref as O, useSlots as k, watch as A, withCtx as j, withKeys as M } from "vue";
 //#region src/atoms/BaseSmilingUnit.vue
-var j = ["xmlns", "stroke"], M = ["stroke"], N = [
+var N = ["xmlns", "stroke"], P = ["stroke"], F = [
 	"xmlns",
 	"viewBox",
 	"stroke"
-], P = ["viewBox", "stroke"], F = /*#__PURE__*/ l({
+], I = ["viewBox", "stroke"], L = /*#__PURE__*/ d({
 	__name: "BaseSmilingUnit",
 	props: {
 		config: { type: Object },
@@ -28,26 +29,26 @@ var j = ["xmlns", "stroke"], M = ["stroke"], N = [
 		"mouseenter",
 		"mouseleave"
 	],
-	setup(e, { emit: t }) {
-		let r = e, i = t;
-		return (t, a) => (x(), m("div", {
+	setup(e, { emit: n }) {
+		let r = e, i = n;
+		return (n, o) => (C(), g("div", {
 			tabindex: "0",
-			class: v({ "vue-ui-smiley-rated": !e.config.readonly && e.currentRating === e.unit }),
-			style: y({
+			class: b({ "vue-ui-smiley-rated": !e.config.readonly && e.currentRating === e.unit }),
+			style: x({
 				cursor: e.config.readonly ? "default" : r.isCursorPointer ? "pointer" : "default",
 				height: e.config.style.itemSize + "px",
 				aspectRatio: "1/1",
 				position: "relative"
 			}),
-			onMouseenter: a[0] ||= (e) => i("mouseenter"),
-			onMouseleave: a[1] ||= (e) => i("mouseleave"),
-			onClick: a[2] ||= (t) => i("rate", e.unit),
-			onKeyup: a[3] ||= A((t) => i("rate", e.unit), ["enter"])
+			onMouseenter: o[0] ||= (e) => i("mouseenter"),
+			onMouseleave: o[1] ||= (e) => i("mouseleave"),
+			onClick: o[2] ||= (t) => i("rate", e.unit),
+			onKeyup: o[3] ||= M((t) => i("rate", e.unit), ["enter"])
 		}, [
-			e.config.style.tooltip.show && e.hasBreakdown && e.isReadonly ? (x(), m("div", {
+			e.config.style.tooltip.show && e.hasBreakdown && e.isReadonly ? (C(), g("div", {
 				key: 0,
 				class: "vue-ui-rating-tooltip",
-				style: y({
+				style: x({
 					border: `1px solid ${e.config.style.tooltip.borderColor}`,
 					position: "absolute",
 					top: `${e.config.style.tooltip.offsetY - 48}px`,
@@ -61,7 +62,7 @@ var j = ["xmlns", "stroke"], M = ["stroke"], N = [
 					borderRadius: e.config.style.tooltip.borderRadius + "px",
 					boxShadow: e.config.style.tooltip.boxShadow
 				})
-			}, [h("div", { style: y({
+			}, [_("div", { style: x({
 				width: "100%",
 				display: "flex",
 				flexDirection: "row",
@@ -70,13 +71,13 @@ var j = ["xmlns", "stroke"], M = ["stroke"], N = [
 				textAlign: "center",
 				color: e.config.style.tooltip.color
 			}) }, [
-				h("span", { style: y(`font-size:${e.config.style.tooltip.fontSize}px`) }, T(e.unit) + ":", 5),
-				h("span", { style: y(`font-weight:${e.config.style.tooltip.bold ? "bold" : "normal"};font-size:${e.config.style.tooltip.fontSize}px`) }, [w(t.$slots, "rating", {}, void 0, !0)], 4),
-				h("div", { style: y(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${e.config.style.tooltip.borderColor}`) }, " ▼ ", 4)
-			], 4)], 4)) : p("", !0),
-			e.config.style.icons.filled ? (x(), m("svg", {
+				_("span", { style: x(`font-size:${e.config.style.tooltip.fontSize}px`) }, D(e.unit) + ":", 5),
+				_("span", { style: x(`font-weight:${e.config.style.tooltip.bold ? "bold" : "normal"};font-size:${e.config.style.tooltip.fontSize}px`) }, [E(n.$slots, "rating", {}, void 0, !0)], 4),
+				_("div", { style: x(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${e.config.style.tooltip.borderColor}`) }, " ▼ ", 4)
+			], 4)], 4)) : h("", !0),
+			e.config.style.icons.filled ? (C(), g("svg", {
 				key: 1,
-				xmlns: E(o),
+				xmlns: O(a),
 				style: {
 					transition: "all 0.1s ease-in-out",
 					position: "absolute",
@@ -90,19 +91,19 @@ var j = ["xmlns", "stroke"], M = ["stroke"], N = [
 				fill: "none",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [h("defs", null, [_(u, {
+			}, [_("defs", null, [y(f, {
 				t: "radial",
 				id: `vueUiSmiley${e.unit - 1}`,
 				stops: [[
 					"0%",
-					E(n)(e.config.style.colors.active[e.unit - 1], .05),
+					O(t)(e.config.style.colors.active[e.unit - 1], .05),
 					1
 				], [
 					"100%",
 					e.config.style.colors.active[e.unit - 1],
 					1
 				]]
-			}, null, 8, ["id", "stops"])]), w(t.$slots, "path-icon-filled", {}, void 0, !0)], 8, j)) : (x(), m("svg", {
+			}, null, 8, ["id", "stops"])]), E(n.$slots, "path-icon-filled", {}, void 0, !0)], 8, N)) : (C(), g("svg", {
 				key: 2,
 				style: {
 					position: "absolute",
@@ -117,10 +118,10 @@ var j = ["xmlns", "stroke"], M = ["stroke"], N = [
 				fill: "none",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [w(t.$slots, "path-icon", {}, void 0, !0)], 8, M)),
-			e.config.style.icons.filled && e.isReadonly ? (x(), m("svg", {
+			}, [E(n.$slots, "path-icon", {}, void 0, !0)], 8, P)),
+			e.config.style.icons.filled && e.isReadonly ? (C(), g("svg", {
 				key: 3,
-				xmlns: E(o),
+				xmlns: O(a),
 				style: {
 					transition: "all 0.1s ease-in-out",
 					position: "absolute",
@@ -134,20 +135,20 @@ var j = ["xmlns", "stroke"], M = ["stroke"], N = [
 				fill: "none",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [h("defs", null, [_(u, {
+			}, [_("defs", null, [y(f, {
 				t: "radial",
 				id: `vueUiSmiley${e.unit - 1}`,
 				stops: [[
 					"0%",
-					E(n)(e.config.style.colors.activeReadonly[e.unit - 1], .05),
+					O(t)(e.config.style.colors.activeReadonly[e.unit - 1], .05),
 					1
 				], [
 					"100%",
 					e.config.style.colors.activeReadonly[e.unit - 1],
 					1
 				]]
-			}, null, 8, ["id", "stops"])]), w(t.$slots, "path-icon-filled-readonly", {}, void 0, !0)], 8, N)) : p("", !0),
-			!e.config.style.icons.filled && e.isReadonly ? (x(), m("svg", {
+			}, null, 8, ["id", "stops"])]), E(n.$slots, "path-icon-filled-readonly", {}, void 0, !0)], 8, F)) : h("", !0),
+			!e.config.style.icons.filled && e.isReadonly ? (C(), g("svg", {
 				key: 4,
 				style: {
 					position: "absolute",
@@ -162,14 +163,14 @@ var j = ["xmlns", "stroke"], M = ["stroke"], N = [
 				fill: "none",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, [w(t.$slots, "path-icon-readonly", {}, void 0, !0)], 8, P)) : p("", !0)
+			}, [E(n.$slots, "path-icon-readonly", {}, void 0, !0)], 8, I)) : h("", !0)
 		], 38));
 	}
-}, [["__scopeId", "data-v-9734e83c"]]), I = /* @__PURE__ */ e({ default: () => H }), L = {
+}, [["__scopeId", "data-v-9734e83c"]]), R = /* @__PURE__ */ e({ default: () => W }), z = {
 	key: 0,
 	class: "vue-ui-rating-title",
 	style: { width: "100%" }
-}, R = ["d", "fill"], z = ["d"], B = ["d", "fill"], V = ["d"], H = {
+}, B = ["d", "fill"], V = ["d"], H = ["d", "fill"], U = ["d"], W = {
 	__name: "vue-ui-smiley",
 	props: {
 		config: {
@@ -186,37 +187,44 @@ var j = ["xmlns", "stroke"], M = ["stroke"], N = [
 		}
 	},
 	emits: ["rate"],
-	setup(e, { expose: n, emit: o }) {
-		let { vue_ui_smiley: l } = s(), u = e, v = D(), w = o, E = S(null);
-		b(() => {
-			v["chart-background"] && console.warn("VueUiSmiley does not support the #chart-background slot.");
+	setup(e, { expose: t, emit: a }) {
+		let { vue_ui_smiley: d } = l(), f = e, b = k(), E = a, O = w(null);
+		S(() => {
+			b["chart-background"] && console.warn("VueUiSmiley does not support the #chart-background slot.");
 		});
-		function A() {
-			(!Object.hasOwn(u.dataset, "rating") || t(u.dataset)) && i({
+		function M() {
+			(!Object.hasOwn(f.dataset, "rating") || i(f.dataset)) && o({
 				componentName: "VueUiSmiley",
 				type: "datasetAttribute",
 				property: "rating"
 			});
 		}
-		b(A);
-		let j = S(N()), M = f(() => j.value.useCursorPointer);
-		function N() {
-			return c({
-				userConfig: u.config,
-				defaultConfig: l
+		S(M);
+		let N = w(F());
+		s({
+			config: () => N.value,
+			dataset: () => [],
+			component: "VueUiSmiley",
+			rules: [c.noHint]
+		});
+		let P = m(() => N.value.useCursorPointer);
+		function F() {
+			return u({
+				userConfig: f.config,
+				defaultConfig: d
 			});
 		}
-		O(() => u.config, (e) => {
-			j.value = N(), U.value = j.value.readonly, A();
+		A(() => f.config, (e) => {
+			N.value = F(), G.value = N.value.readonly, M();
 		}, { deep: !0 });
-		let P = f(() => {
-			let e = u.dataset.rating;
-			return e && typeof e == "object" && !Array.isArray(e) ? G(e) : e ?? null;
-		}), I = f(() => typeof u.dataset.rating == "object" && !Array.isArray(u.dataset.rating)), H = S(P.value);
-		O(P, (e) => {
-			H.value = e;
+		let I = m(() => {
+			let e = f.dataset.rating;
+			return e && typeof e == "object" && !Array.isArray(e) ? q(e) : e ?? null;
+		}), R = m(() => typeof f.dataset.rating == "object" && !Array.isArray(f.dataset.rating)), W = w(I.value);
+		A(I, (e) => {
+			W.value = e;
 		});
-		let U = S(j.value.readonly), W = [
+		let G = w(N.value.readonly), K = [
 			{
 				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",
@@ -253,7 +261,7 @@ var j = ["xmlns", "stroke"], M = ["stroke"], N = [
 				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 G(e) {
+		function q(e) {
 			if (e == null) return null;
 			let t = 0, n = 0;
 			for (let r in e) {
@@ -262,85 +270,85 @@ var j = ["xmlns", "stroke"], M = ["stroke"], N = [
 			}
 			return n === 0 ? 0 : t / n;
 		}
-		function K(e) {
-			let t = H.value - e;
+		function J(e) {
+			let t = W.value - e;
 			switch (!0) {
 				case t < 0: return 0;
 				case t > 1: return 24;
 				default: return t * 24;
 			}
 		}
-		function q(e) {
-			return j.value.readonly ? j.value.style.colors.inactive[e] : H.value === e + 1 || E.value !== null && E.value === e ? j.value.style.icons.useGradient && j.value.style.icons.filled ? `url(#vueUiSmiley${e})` : j.value.style.colors.active[e] : j.value.style.colors.inactive[e];
+		function Y(e) {
+			return N.value.readonly ? N.value.style.colors.inactive[e] : W.value === e + 1 || O.value !== null && O.value === e ? N.value.style.icons.useGradient && N.value.style.icons.filled ? `url(#vueUiSmiley${e})` : N.value.style.colors.active[e] : N.value.style.colors.inactive[e];
 		}
-		let J = f(() => ({ value: e, tooltip: t = !1 }) => a(t ? j.value.style.tooltip.formatter : j.value.style.rating.formatter, e, r({
+		let X = m(() => ({ value: e, tooltip: t = !1 }) => r(t ? N.value.style.tooltip.formatter : N.value.style.rating.formatter, e, n({
 			v: e,
-			r: t ? j.value.style.tooltip.roundingValue : j.value.style.rating.roundingValue
-		}), j.value));
-		function Y(e) {
-			U.value || (H.value = e, w("rate", e));
+			r: t ? N.value.style.tooltip.roundingValue : N.value.style.rating.roundingValue
+		}), N.value));
+		function Z(e) {
+			G.value || (W.value = e, E("rate", e));
 		}
-		function X() {
-			return H.value;
+		function Q() {
+			return W.value;
 		}
-		function Z(e = !0) {
-			U.value = e;
+		function $(e = !0) {
+			G.value = e;
 		}
-		return n({
-			getData: X,
-			toggleReadonly: Z
-		}), (e, t) => (x(), m("div", {
+		return t({
+			getData: Q,
+			toggleReadonly: $
+		}), (e, t) => (C(), g("div", {
 			class: "vue-data-ui-component vue-ui-smiley",
-			style: y(`background:${j.value.style.backgroundColor};font-family:${j.value.style.fontFamily};width:100%;`),
-			onMouseleave: t[1] ||= (e) => E.value = void 0
+			style: x(`background:${N.value.style.backgroundColor};font-family:${N.value.style.fontFamily};width:100%;`),
+			onMouseleave: t[1] ||= (e) => O.value = void 0
 		}, [
-			j.value.style.title.text ? (x(), m("div", L, [h("div", { style: y(`color:${j.value.style.title.color};font-weight:${j.value.style.title.bold ? "bold" : "normal"};text-align:${j.value.style.title.textAlign};margin-bottom:${j.value.style.title.offsetY}px;font-size:${j.value.style.title.fontSize}px`) }, T(j.value.style.title.text), 5), j.value.style.title.subtitle.text ? (x(), m("div", {
+			N.value.style.title.text ? (C(), g("div", z, [_("div", { style: x(`color:${N.value.style.title.color};font-weight:${N.value.style.title.bold ? "bold" : "normal"};text-align:${N.value.style.title.textAlign};margin-bottom:${N.value.style.title.offsetY}px;font-size:${N.value.style.title.fontSize}px`) }, D(N.value.style.title.text), 5), N.value.style.title.subtitle.text ? (C(), g("div", {
 				key: 0,
-				style: y(`color:${j.value.style.title.subtitle.color};font-size:${j.value.style.title.subtitle.fontSize}px;text-align:${j.value.style.title.textAlign};margin-bottom:${j.value.style.title.subtitle.offsetY}px;font-weight:${j.value.style.title.subtitle.bold ? "bold" : "normal"}`)
-			}, T(j.value.style.title.subtitle.text), 5)) : p("", !0)])) : p("", !0),
-			j.value.style.rating.show && j.value.style.rating.position === "top" ? (x(), m("div", {
+				style: x(`color:${N.value.style.title.subtitle.color};font-size:${N.value.style.title.subtitle.fontSize}px;text-align:${N.value.style.title.textAlign};margin-bottom:${N.value.style.title.subtitle.offsetY}px;font-weight:${N.value.style.title.subtitle.bold ? "bold" : "normal"}`)
+			}, D(N.value.style.title.subtitle.text), 5)) : h("", !0)])) : h("", !0),
+			N.value.style.rating.show && N.value.style.rating.position === "top" ? (C(), g("div", {
 				key: 1,
-				style: y(`width:100%;text-align:center;margin-bottom:${j.value.style.rating.offsetY}px;font-size:${j.value.style.rating.fontSize}px;font-weight:${j.value.style.rating.bold ? "bold" : "normal"};margin-left:${j.value.style.rating.offsetX}px`)
-			}, T(J.value({ value: H.value })), 5)) : p("", !0),
-			h("div", {
+				style: x(`width:100%;text-align:center;margin-bottom:${N.value.style.rating.offsetY}px;font-size:${N.value.style.rating.fontSize}px;font-weight:${N.value.style.rating.bold ? "bold" : "normal"};margin-left:${N.value.style.rating.offsetX}px`)
+			}, D(X.value({ value: W.value })), 5)) : h("", !0),
+			_("div", {
 				class: "vue-ui-smiley-wrapper",
-				style: y(`overflow:visible;height:${j.value.style.itemSize}px;width:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;`)
+				style: x(`overflow:visible;height:${N.value.style.itemSize}px;width:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;`)
 			}, [
-				j.value.style.rating.show && j.value.style.rating.position === "left" ? (x(), m("div", {
+				N.value.style.rating.show && N.value.style.rating.position === "left" ? (C(), g("div", {
 					key: 0,
-					style: y(`width:fit-content;text-align:center;margin-bottom:${j.value.style.rating.offsetY}px;font-size:${j.value.style.rating.fontSize}px;font-weight:${j.value.style.rating.bold ? "bold" : "normal"};padding-right:${j.value.style.rating.offsetX}px`)
-				}, T(J.value({ value: H.value })), 5)) : p("", !0),
-				(x(), m(d, null, C(W, (e, n) => _(F, {
+					style: x(`width:fit-content;text-align:center;margin-bottom:${N.value.style.rating.offsetY}px;font-size:${N.value.style.rating.fontSize}px;font-weight:${N.value.style.rating.bold ? "bold" : "normal"};padding-right:${N.value.style.rating.offsetX}px`)
+				}, D(X.value({ value: W.value })), 5)) : h("", !0),
+				(C(), g(p, null, T(K, (e, n) => y(L, {
 					key: e.key,
-					config: j.value,
+					config: N.value,
 					unit: n + 1,
-					currentRating: H.value,
-					isReadonly: U.value,
-					hasBreakdown: I.value,
-					hoveredValue: E.value,
-					getActiveColor: q,
-					calcShapeFill: K,
-					isCursorPointer: M.value,
-					onMouseenter: (e) => E.value = n,
-					onMouseleave: t[0] ||= (e) => E.value = null,
-					onRate: (e) => Y(n + 1)
+					currentRating: W.value,
+					isReadonly: G.value,
+					hasBreakdown: R.value,
+					hoveredValue: O.value,
+					getActiveColor: Y,
+					calcShapeFill: J,
+					isCursorPointer: P.value,
+					onMouseenter: (e) => O.value = n,
+					onMouseleave: t[0] ||= (e) => O.value = null,
+					onRate: (e) => Z(n + 1)
 				}, {
-					rating: k(() => [g(T(J.value({
-						value: u.dataset.rating[String(n + 1)],
+					rating: j(() => [v(D(X.value({
+						value: f.dataset.rating[String(n + 1)],
 						tooltip: !0
 					})), 1)]),
-					"path-icon-filled": k(() => [h("path", {
+					"path-icon-filled": j(() => [_("path", {
 						d: e.pathIconFilled,
 						"stroke-width": "0",
-						fill: q(n)
-					}, null, 8, R)]),
-					"path-icon": k(() => [h("path", { d: e.pathIcon }, null, 8, z)]),
-					"path-icon-filled-readonly": k(() => [h("path", {
+						fill: Y(n)
+					}, null, 8, B)]),
+					"path-icon": j(() => [_("path", { d: e.pathIcon }, null, 8, V)]),
+					"path-icon-filled-readonly": j(() => [_("path", {
 						d: e.pathIconFilledReadonly,
 						"stroke-width": "0",
-						fill: j.value.style.icons.useGradient ? `url(#vueUiSmiley${n})` : j.value.style.colors.activeReadonly[n]
-					}, null, 8, B)]),
-					"path-icon-readonly": k(() => [h("path", { d: e.pathIconReadonly }, null, 8, V)]),
+						fill: N.value.style.icons.useGradient ? `url(#vueUiSmiley${n})` : N.value.style.colors.activeReadonly[n]
+					}, null, 8, H)]),
+					"path-icon-readonly": j(() => [_("path", { d: e.pathIconReadonly }, null, 8, U)]),
 					_: 2
 				}, 1032, [
 					"config",
@@ -353,17 +361,17 @@ var j = ["xmlns", "stroke"], M = ["stroke"], N = [
 					"onMouseenter",
 					"onRate"
 				])), 64)),
-				j.value.style.rating.show && j.value.style.rating.position === "right" ? (x(), m("div", {
+				N.value.style.rating.show && N.value.style.rating.position === "right" ? (C(), g("div", {
 					key: 1,
-					style: y(`width:fit-content;text-align:center;margin-bottom:${j.value.style.rating.offsetY}px;font-size:${j.value.style.rating.fontSize}px;font-weight:${j.value.style.rating.bold ? "bold" : "normal"};padding-left:${j.value.style.rating.offsetX}px`)
-				}, T(J.value({ value: H.value })), 5)) : p("", !0)
+					style: x(`width:fit-content;text-align:center;margin-bottom:${N.value.style.rating.offsetY}px;font-size:${N.value.style.rating.fontSize}px;font-weight:${N.value.style.rating.bold ? "bold" : "normal"};padding-left:${N.value.style.rating.offsetX}px`)
+				}, D(X.value({ value: W.value })), 5)) : h("", !0)
 			], 4),
-			j.value.style.rating.show && j.value.style.rating.position === "bottom" ? (x(), m("div", {
+			N.value.style.rating.show && N.value.style.rating.position === "bottom" ? (C(), g("div", {
 				key: 2,
-				style: y(`width:100%;text-align:center;margin-top:${j.value.style.rating.offsetY}px;font-size:${j.value.style.rating.fontSize}px;font-weight:${j.value.style.rating.bold ? "bold" : "normal"};margin-left:${j.value.style.rating.offsetX}px`)
-			}, T(J.value({ value: H.value })), 5)) : p("", !0)
+				style: x(`width:100%;text-align:center;margin-top:${N.value.style.rating.offsetY}px;font-size:${N.value.style.rating.fontSize}px;font-weight:${N.value.style.rating.bold ? "bold" : "normal"};margin-left:${N.value.style.rating.offsetX}px`)
+			}, D(X.value({ value: W.value })), 5)) : h("", !0)
 		], 36));
 	}
 };
 //#endregion
-export { I as n, H as t };
+export { R as n, W as t };