vue-data-ui 3.17.13 → 3.18.1

package/dist/vue-ui-smiley-B6nc7b71.js

@@ -0,0 +1,356 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { G as t, Mt as n, St as r, X as i, i as a, t as o } from "./lib-BkiwukKO.js";
+import { t as s } from "./useConfig-BV0kTCnO.js";
+import { t as c } from "./useNestedProp-Ck4hsrpu.js";
+import { t as l } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { Fragment as u, computed as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, normalizeClass as _, normalizeStyle as v, onMounted as y, openBlock as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, useSlots as E, watch as D, withCtx as O, withKeys as k } from "vue";
+//#region src/atoms/BaseSmilingUnit.vue
+var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"], P = ["stroke"], F = [
+	"xmlns",
+	"viewBox",
+	"stroke"
+], I = ["id"], L = ["stop-color"], R = ["stop-color"], z = ["viewBox", "stroke"], B = /* @__PURE__ */ l({
+	__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 },
+		isCursorPointer: { type: Boolean }
+	},
+	emits: [
+		"rate",
+		"mouseenter",
+		"mouseleave"
+	],
+	setup(e, { emit: t }) {
+		let r = e, i = t;
+		return (t, a) => (b(), p("div", {
+			tabindex: "0",
+			class: _({ "vue-ui-smiley-rated": !e.config.readonly && e.currentRating === e.unit }),
+			style: v({
+				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] ||= k((t) => i("rate", e.unit), ["enter"])
+		}, [
+			e.config.style.tooltip.show && e.hasBreakdown && e.isReadonly ? (b(), p("div", {
+				key: 0,
+				class: "vue-ui-rating-tooltip",
+				style: v({
+					border: `1px solid ${e.config.style.tooltip.borderColor}`,
+					position: "absolute",
+					top: `${e.config.style.tooltip.offsetY - 48}px`,
+					left: "50%",
+					transform: "translateX(-50%)",
+					width: "fit-content",
+					textAlign: "center",
+					background: e.config.style.tooltip.backgroundColor,
+					display: e.hoveredValue === e.unit - 1 ? "block" : "none",
+					padding: "2px 12px",
+					borderRadius: e.config.style.tooltip.borderRadius + "px",
+					boxShadow: e.config.style.tooltip.boxShadow
+				})
+			}, [m("div", { style: v({
+				width: "100%",
+				display: "flex",
+				flexDirection: "row",
+				gap: "6px",
+				position: "relative",
+				textAlign: "center",
+				color: e.config.style.tooltip.color
+			}) }, [
+				m("span", { style: v(`font-size:${e.config.style.tooltip.fontSize}px`) }, w(e.unit) + ":", 5),
+				m("span", { style: v(`font-weight:${e.config.style.tooltip.bold ? "bold" : "normal"};font-size:${e.config.style.tooltip.fontSize}px`) }, [C(t.$slots, "rating", {}, void 0, !0)], 4),
+				m("div", { style: v(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${e.config.style.tooltip.borderColor}`) }, " ▼ ", 4)
+			], 4)], 4)) : f("", !0),
+			e.config.style.icons.filled ? (b(), p("svg", {
+				key: 1,
+				xmlns: T(o),
+				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: e.getActiveColor(e.unit - 1),
+				fill: "none",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [m("defs", null, [m("radialGradient", { id: `vueUiSmiley${e.unit - 1}` }, [m("stop", {
+				offset: "0%",
+				"stop-color": T(n)(e.config.style.colors.active[e.unit - 1], .05)
+			}, null, 8, M), m("stop", {
+				offset: "100%",
+				"stop-color": e.config.style.colors.active[e.unit - 1]
+			}, null, 8, N)], 8, j)]), C(t.$slots, "path-icon-filled", {}, void 0, !0)], 8, A)) : (b(), p("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: e.getActiveColor(e.unit - 1),
+				fill: "none",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [C(t.$slots, "path-icon", {}, void 0, !0)], 8, P)),
+			e.config.style.icons.filled && e.isReadonly ? (b(), p("svg", {
+				key: 3,
+				xmlns: T(o),
+				style: {
+					transition: "all 0.1s ease-in-out",
+					position: "absolute",
+					top: "0",
+					left: "0"
+				},
+				height: "100%",
+				viewBox: `0 0 ${e.calcShapeFill(e.unit - 1)} 24`,
+				"stroke-width": "1.5",
+				stroke: e.config.style.colors.activeReadonly[e.unit - 1],
+				fill: "none",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [m("defs", null, [m("radialGradient", { id: `vueUiSmiley${e.unit - 1}` }, [m("stop", {
+				offset: "0%",
+				"stop-color": T(n)(e.config.style.colors.activeReadonly[e.unit - 1], .05)
+			}, null, 8, L), m("stop", {
+				offset: "100%",
+				"stop-color": e.config.style.colors.activeReadonly[e.unit - 1]
+			}, null, 8, R)], 8, I)]), C(t.$slots, "path-icon-filled-readonly", {}, void 0, !0)], 8, F)) : f("", !0),
+			!e.config.style.icons.filled && e.isReadonly ? (b(), p("svg", {
+				key: 4,
+				style: {
+					position: "absolute",
+					top: "0",
+					left: "0",
+					transition: "all 0.1s ease-in-out"
+				},
+				height: "100%",
+				viewBox: `0 0 ${e.calcShapeFill(e.unit - 1)} 24`,
+				"stroke-width": "1.5",
+				stroke: e.config.style.colors.activeReadonly[e.unit - 1],
+				fill: "none",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [C(t.$slots, "path-icon-readonly", {}, void 0, !0)], 8, z)) : f("", !0)
+		], 38));
+	}
+}, [["__scopeId", "data-v-e3093b6c"]]), V = /* @__PURE__ */ e({ default: () => q }), H = {
+	key: 0,
+	class: "vue-ui-rating-title",
+	style: { width: "100%" }
+}, U = ["d", "fill"], W = ["d"], G = ["d", "fill"], K = ["d"], q = {
+	__name: "vue-ui-smiley",
+	props: {
+		config: {
+			type: Object,
+			default() {
+				return {};
+			}
+		},
+		dataset: {
+			type: Object,
+			default() {
+				return {};
+			}
+		}
+	},
+	emits: ["rate"],
+	setup(e, { expose: n, emit: o }) {
+		let { vue_ui_smiley: l } = s(), _ = e, C = E(), T = o, k = x(null);
+		y(() => {
+			C["chart-background"] && console.warn("VueUiSmiley does not support the #chart-background slot.");
+		});
+		function A() {
+			(!Object.hasOwn(_.dataset, "rating") || r(_.dataset)) && i({
+				componentName: "VueUiSmiley",
+				type: "datasetAttribute",
+				property: "rating"
+			});
+		}
+		y(A);
+		let j = x(N()), M = d(() => j.value.useCursorPointer);
+		function N() {
+			return c({
+				userConfig: _.config,
+				defaultConfig: l
+			});
+		}
+		D(() => _.config, (e) => {
+			j.value = N(), L.value = j.value.readonly, A();
+		}, { deep: !0 });
+		let P = d(() => {
+			let e = _.dataset.rating;
+			return e && typeof e == "object" && !Array.isArray(e) ? z(e) : e ?? null;
+		}), F = d(() => typeof _.dataset.rating == "object" && !Array.isArray(_.dataset.rating)), I = x(P.value);
+		D(P, (e) => {
+			I.value = e;
+		});
+		let L = x(j.value.readonly), R = [
+			{
+				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 z(e) {
+			if (e == null) return null;
+			let t = 0, n = 0;
+			for (let r in e) {
+				let i = Number(r), a = e[r];
+				Number.isFinite(i) && (t += i * a, n += a);
+			}
+			return n === 0 ? 0 : t / n;
+		}
+		function V(e) {
+			let t = I.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] : I.value === e + 1 || k.value !== null && k.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];
+		}
+		let J = d(() => ({ value: e, tooltip: n = !1 }) => a(n ? j.value.style.tooltip.formatter : j.value.style.rating.formatter, e, t({
+			v: e,
+			r: n ? j.value.style.tooltip.roundingValue : j.value.style.rating.roundingValue
+		}), j.value));
+		function Y(e) {
+			L.value || (I.value = e, T("rate", e));
+		}
+		function X() {
+			return I.value;
+		}
+		function Z(e = !0) {
+			L.value = e;
+		}
+		return n({
+			getData: X,
+			toggleReadonly: Z
+		}), (e, t) => (b(), p("div", {
+			class: "vue-data-ui-component vue-ui-smiley",
+			style: v(`background:${j.value.style.backgroundColor};font-family:${j.value.style.fontFamily};width:100%;`),
+			onMouseleave: t[1] ||= (e) => k.value = void 0
+		}, [
+			j.value.style.title.text ? (b(), p("div", H, [m("div", { style: v(`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`) }, w(j.value.style.title.text), 5), j.value.style.title.subtitle.text ? (b(), p("div", {
+				key: 0,
+				style: v(`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"}`)
+			}, w(j.value.style.title.subtitle.text), 5)) : f("", !0)])) : f("", !0),
+			j.value.style.rating.show && j.value.style.rating.position === "top" ? (b(), p("div", {
+				key: 1,
+				style: v(`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`)
+			}, w(J.value({ value: I.value })), 5)) : f("", !0),
+			m("div", {
+				class: "vue-ui-smiley-wrapper",
+				style: v(`overflow:visible;height:${j.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" ? (b(), p("div", {
+					key: 0,
+					style: v(`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`)
+				}, w(J.value({ value: I.value })), 5)) : f("", !0),
+				(b(), p(u, null, S(R, (e, n) => g(B, {
+					key: e.key,
+					config: j.value,
+					unit: n + 1,
+					currentRating: I.value,
+					isReadonly: L.value,
+					hasBreakdown: F.value,
+					hoveredValue: k.value,
+					getActiveColor: q,
+					calcShapeFill: V,
+					isCursorPointer: M.value,
+					onMouseenter: (e) => k.value = n,
+					onMouseleave: t[0] ||= (e) => k.value = null,
+					onRate: (e) => Y(n + 1)
+				}, {
+					rating: O(() => [h(w(J.value({
+						value: _.dataset.rating[String(n + 1)],
+						tooltip: !0
+					})), 1)]),
+					"path-icon-filled": O(() => [m("path", {
+						d: e.pathIconFilled,
+						"stroke-width": "0",
+						fill: q(n)
+					}, null, 8, U)]),
+					"path-icon": O(() => [m("path", { d: e.pathIcon }, null, 8, W)]),
+					"path-icon-filled-readonly": O(() => [m("path", {
+						d: e.pathIconFilledReadonly,
+						"stroke-width": "0",
+						fill: j.value.style.icons.useGradient ? `url(#vueUiSmiley${n})` : j.value.style.colors.activeReadonly[n]
+					}, null, 8, G)]),
+					"path-icon-readonly": O(() => [m("path", { d: e.pathIconReadonly }, null, 8, K)]),
+					_: 2
+				}, 1032, [
+					"config",
+					"unit",
+					"currentRating",
+					"isReadonly",
+					"hasBreakdown",
+					"hoveredValue",
+					"isCursorPointer",
+					"onMouseenter",
+					"onRate"
+				])), 64)),
+				j.value.style.rating.show && j.value.style.rating.position === "right" ? (b(), p("div", {
+					key: 1,
+					style: v(`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`)
+				}, w(J.value({ value: I.value })), 5)) : f("", !0)
+			], 4),
+			j.value.style.rating.show && j.value.style.rating.position === "bottom" ? (b(), p("div", {
+				key: 2,
+				style: v(`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`)
+			}, w(J.value({ value: I.value })), 5)) : f("", !0)
+		], 36));
+	}
+};
+//#endregion
+export { V as n, q as t };