vue-data-ui 3.22.8 → 3.22.9

package/dist/{vue-ui-rating-CzD3EQ3G.js → vue-ui-rating-CN-ZiAES.js}

@@ -3,16 +3,17 @@ import { $ as t, G as n, J as r, L as i, i as a, kt as o, t as s, zt as c } from
 import { t as ee } from "./useConfig-DYM3f6EI.js";
 import { t as te } from "./useNestedProp-DIuuzG1r.js";
 import { t as l } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { Fragment as u, computed as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, mergeProps as h, normalizeStyle as g, onMounted as _, openBlock as v, ref as y, renderList as ne, renderSlot as b, toDisplayString as x, unref as S, useSlots as re, watch as ie, withKeys as C } from "vue";
+import { t as u } from "./DefGrad-DVBqDjhO.js";
+import { Fragment as d, computed as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, mergeProps as _, normalizeStyle as v, onMounted as y, openBlock as b, ref as x, renderList as ne, renderSlot as S, toDisplayString as C, unref as w, useSlots as T, watch as E, withKeys as D } from "vue";
 //#region src/components/vue-ui-rating.vue
-var w = /* @__PURE__ */ e({ default: () => R }), T = {
+var O = /* @__PURE__ */ e({ default: () => I }), k = {
 	key: 0,
 	class: "vue-ui-rating-title",
 	style: { width: "100%" }
-}, E = {
+}, A = {
 	key: 0,
 	style: { position: "relative" }
-}, D = {
+}, j = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -21,7 +22,7 @@ var w = /* @__PURE__ */ e({ default: () => R }), T = {
 		width: "100%",
 		height: "100%"
 	}
-}, O = {
+}, M = {
 	key: 1,
 	style: {
 		position: "absolute",
@@ -30,40 +31,40 @@ var w = /* @__PURE__ */ e({ default: () => R }), T = {
 		width: "100%",
 		height: "100%"
 	}
-}, k = [
+}, N = [
 	"src",
 	"height",
 	"width"
-], ae = [
+], re = [
 	"xmlns",
 	"height",
 	"width"
-], oe = ["id"], se = ["stop-color"], ce = ["stop-color"], le = [
+], ie = [
 	"points",
 	"fill",
 	"stroke",
 	"stroke-width"
-], ue = [
+], ae = [
 	"src",
 	"alt",
 	"height",
 	"width",
 	"id"
-], A = [
+], oe = [
 	"xmlns",
 	"viewBox",
 	"height",
 	"id"
-], j = ["id"], M = ["stop-color"], N = ["stop-color"], P = [
+], se = [
 	"points",
 	"fill",
 	"stroke"
-], F = ["xmlns", "height"], I = [
+], ce = ["xmlns", "height"], P = [
 	"onClick",
 	"onMouseenter",
 	"onFocus",
 	"onKeyup"
-], L = ["onMouseenter", "onFocus"], R = /*#__PURE__*/ l({
+], F = ["onMouseenter", "onFocus"], I = /*#__PURE__*/ l({
 	__name: "vue-ui-rating",
 	props: {
 		config: {
@@ -80,26 +81,26 @@ var w = /* @__PURE__ */ e({ default: () => R }), T = {
 		}
 	},
 	emits: ["rate"],
-	setup(e, { expose: l, emit: w }) {
-		let { vue_ui_rating: R } = ee(), z = e, B = y(n()), V = y(!1), H = y(void 0), U = y(void 0), W = y([]), de = re();
-		_(() => {
-			de["chart-background"] && console.warn("VueUiRating does not support the #chart-background slot.");
+	setup(e, { expose: l, emit: O }) {
+		let { vue_ui_rating: I } = ee(), L = e, R = x(n()), z = x(!1), B = x(void 0), V = x(void 0), H = x([]), U = T();
+		y(() => {
+			U["chart-background"] && console.warn("VueUiRating does not support the #chart-background slot.");
 		});
-		let fe = w, G = d({
+		let W = O, G = f({
 			get: () => K(),
 			set: (e) => e
-		}), pe = d(() => G.value.useCursorPointer);
+		}), le = f(() => G.value.useCursorPointer);
 		function K() {
 			return te({
-				userConfig: z.config,
-				defaultConfig: R
+				userConfig: L.config,
+				defaultConfig: I
 			});
 		}
-		ie(() => z.config, (e) => {
+		E(() => L.config, (e) => {
 			G.value = K(), X();
 		}, { deep: !0 });
-		let me = d(() => typeof z.dataset.rating == "object" && !Array.isArray(z.dataset.rating) ? ge(z.dataset.rating) : z.dataset.rating), he = d(() => typeof z.dataset.rating == "object" && !Array.isArray(z.dataset.rating)), q = y(me.value), J = d(() => G.value.type === "image"), Y = d(() => G.value.readonly);
-		function ge(e) {
+		let ue = f(() => typeof L.dataset.rating == "object" && !Array.isArray(L.dataset.rating) ? fe(L.dataset.rating) : L.dataset.rating), de = f(() => typeof L.dataset.rating == "object" && !Array.isArray(L.dataset.rating)), q = x(ue.value), J = f(() => G.value.type === "image"), Y = f(() => G.value.readonly);
+		function fe(e) {
 			let t = 0, n = 0;
 			for (let r in e) {
 				let i = parseInt(r), a = e[r];
@@ -109,19 +110,19 @@ var w = /* @__PURE__ */ e({ default: () => R }), T = {
 			let r = t / n;
 			return Math.min(G.value.to, Math.max(G.value.from, r));
 		}
-		_(() => {
+		y(() => {
 			X();
 		});
 		function X() {
-			(!Object.hasOwn(z.dataset, "rating") || o(z.dataset)) && t({
+			(!Object.hasOwn(L.dataset, "rating") || o(L.dataset)) && t({
 				componentName: "VueUiRating",
 				type: "datasetAttribute",
 				property: "rating"
-			}), W.value = [];
-			for (let e = G.value.from; e <= G.value.to; e += 1) W.value.push(e);
+			}), H.value = [];
+			for (let e = G.value.from; e <= G.value.to; e += 1) H.value.push(e);
 		}
 		function Z(e, t = !1) {
-			return e > H.value || Y.value ? t ? G.value.style.image.inactiveOpacity : G.value.style.star.inactiveColor : t ? 1 : G.value.style.star.useGradient ? `url(#star_gradient_under_${B.value})` : G.value.style.star.activeColor;
+			return e > B.value || Y.value ? t ? G.value.style.image.inactiveOpacity : G.value.style.star.inactiveColor : t ? 1 : G.value.style.star.useGradient ? `url(#star_gradient_under_${R.value})` : G.value.style.star.activeColor;
 		}
 		function Q(e, t = !1) {
 			let n = q.value - e, r = t ? 1 : 100;
@@ -132,90 +133,94 @@ var w = /* @__PURE__ */ e({ default: () => R }), T = {
 			}
 		}
 		function $(e) {
-			Y.value || (q.value = e, fe("rate", e));
+			Y.value || (q.value = e, W("rate", e));
 		}
-		function _e() {
+		function pe() {
 			return q.value;
 		}
-		function ve(e = !0) {
+		function me(e = !0) {
 			Y.value = e;
 		}
 		return l({
-			getData: _e,
-			toggleReadonly: ve
-		}), (e, t) => (v(), p("div", {
-			style: g(`background:${G.value.style.backgroundColor};font-family:${G.value.style.fontFamily};width:100%`),
+			getData: pe,
+			toggleReadonly: me
+		}), (e, t) => (b(), m("div", {
+			style: v(`background:${G.value.style.backgroundColor};font-family:${G.value.style.fontFamily};width:100%`),
 			class: "vue-data-ui-component vue-ui-rating",
-			onMouseover: t[4] ||= (e) => V.value = !0,
+			onMouseover: t[4] ||= (e) => z.value = !0,
 			onMouseleave: t[5] ||= (e) => {
-				V.value = !1, H.value = void 0;
+				z.value = !1, B.value = void 0;
 			}
 		}, [
-			G.value.style.title.text ? (v(), p("div", T, [m("div", { style: g(`color:${G.value.style.title.color};font-weight:${G.value.style.title.bold ? "bold" : "normal"};text-align:${G.value.style.title.textAlign};margin-bottom:${G.value.style.title.offsetY}px;font-size:${G.value.style.title.fontSize}px`) }, x(G.value.style.title.text), 5), G.value.style.title.subtitle.text ? (v(), p("div", {
+			G.value.style.title.text ? (b(), m("div", k, [h("div", { style: v(`color:${G.value.style.title.color};font-weight:${G.value.style.title.bold ? "bold" : "normal"};text-align:${G.value.style.title.textAlign};margin-bottom:${G.value.style.title.offsetY}px;font-size:${G.value.style.title.fontSize}px`) }, C(G.value.style.title.text), 5), G.value.style.title.subtitle.text ? (b(), m("div", {
 				key: 0,
-				style: g(`color:${G.value.style.title.subtitle.color};font-size:${G.value.style.title.subtitle.fontSize}px;text-align:${G.value.style.title.textAlign};margin-bottom:${G.value.style.title.subtitle.offsetY}px;font-weight:${G.value.style.title.subtitle.bold ? "bold" : "normal"}`)
-			}, x(G.value.style.title.subtitle.text), 5)) : f("", !0)])) : f("", !0),
-			G.value.style.rating.show && G.value.style.rating.position === "top" ? (v(), p("div", {
+				style: v(`color:${G.value.style.title.subtitle.color};font-size:${G.value.style.title.subtitle.fontSize}px;text-align:${G.value.style.title.textAlign};margin-bottom:${G.value.style.title.subtitle.offsetY}px;font-weight:${G.value.style.title.subtitle.bold ? "bold" : "normal"}`)
+			}, C(G.value.style.title.subtitle.text), 5)) : p("", !0)])) : p("", !0),
+			G.value.style.rating.show && G.value.style.rating.position === "top" ? (b(), m("div", {
 				key: 1,
-				style: g(`width:100%;text-align:center;margin-bottom:${G.value.style.rating.offsetY}px;font-size:${G.value.style.rating.fontSize}px;font-weight:${G.value.style.rating.bold ? "bold" : "normal"};margin-left:${G.value.style.rating.offsetX}px`)
-			}, x(S(a)(G.value.style.rating.formatter, q.value, S(r)({
+				style: v(`width:100%;text-align:center;margin-bottom:${G.value.style.rating.offsetY}px;font-size:${G.value.style.rating.fontSize}px;font-weight:${G.value.style.rating.bold ? "bold" : "normal"};margin-left:${G.value.style.rating.offsetX}px`)
+			}, C(w(a)(G.value.style.rating.formatter, q.value, w(r)({
 				v: q.value,
 				r: G.value.style.rating.roundingValue
-			}), G.value)), 5)) : f("", !0),
-			m("div", {
+			}), G.value)), 5)) : p("", !0),
+			h("div", {
 				class: "vue-ui-rating-wrapper",
-				style: g(`height:${G.value.style.itemSize}px;width:100%;display:flex;align-items:center;justify-content:center`)
+				style: v(`height:${G.value.style.itemSize}px;width:100%;display:flex;align-items:center;justify-content:center`)
 			}, [
-				G.value.style.rating.show && G.value.style.rating.position === "left" ? (v(), p("div", {
+				G.value.style.rating.show && G.value.style.rating.position === "left" ? (b(), m("div", {
 					key: 0,
-					style: g(`width:fit-content;text-align:center;margin-bottom:${G.value.style.rating.offsetY}px;font-size:${G.value.style.rating.fontSize}px;font-weight:${G.value.style.rating.bold ? "bold" : "normal"};padding-right:${G.value.style.rating.offsetX}px`)
-				}, x(S(a)(G.value.style.rating.formatter, q.value, S(r)({
+					style: v(`width:fit-content;text-align:center;margin-bottom:${G.value.style.rating.offsetY}px;font-size:${G.value.style.rating.fontSize}px;font-weight:${G.value.style.rating.bold ? "bold" : "normal"};padding-right:${G.value.style.rating.offsetX}px`)
+				}, C(w(a)(G.value.style.rating.formatter, q.value, w(r)({
 					v: q.value,
 					r: G.value.style.rating.roundingValue
-				}), G.value)), 5)) : f("", !0),
-				(v(!0), p(u, null, ne(W.value, (n, o) => (v(), p("div", {
+				}), G.value)), 5)) : p("", !0),
+				(b(!0), m(d, null, ne(H.value, (n, o) => (b(), m("div", {
 					class: "vue-ui-rating-unit-container",
-					style: g(`position:relative;height:${G.value.style.itemSize}px;width:${G.value.style.itemSize}px`)
+					style: v(`position:relative;height:${G.value.style.itemSize}px;width:${G.value.style.itemSize}px`)
 				}, [
-					e.$slots["layer-under"] || e.$slots["layer-above"] ? (v(), p("div", E, [e.$slots["layer-under"] ? (v(), p("div", D, [b(e.$slots, "layer-under", h({ ref_for: !0 }, {
+					e.$slots["layer-under"] || e.$slots["layer-above"] ? (b(), m("div", A, [e.$slots["layer-under"] ? (b(), m("div", j, [S(e.$slots, "layer-under", _({ ref_for: !0 }, {
 						value: n,
 						size: G.value.style.itemSize,
-						hoveredValue: H.value,
-						focusedValue: U.value
-					}), void 0, !0)])) : f("", !0), e.$slots["layer-above"] ? (v(), p("div", O, [b(e.$slots, "layer-above", h({ ref_for: !0 }, {
+						hoveredValue: B.value,
+						focusedValue: V.value
+					}), void 0, !0)])) : p("", !0), e.$slots["layer-above"] ? (b(), m("div", M, [S(e.$slots, "layer-above", _({ ref_for: !0 }, {
 						value: n,
 						size: G.value.style.itemSize,
-						hoveredValue: H.value,
-						focusedValue: U.value
-					}), void 0, !0)])) : f("", !0)])) : (v(), p(u, { key: 1 }, [J.value ? (v(), p("img", {
+						hoveredValue: B.value,
+						focusedValue: V.value
+					}), void 0, !0)])) : p("", !0)])) : (b(), m(d, { key: 1 }, [J.value ? (b(), m("img", {
 						key: 0,
 						src: G.value.style.image.src,
 						height: G.value.style.itemSize,
 						width: G.value.style.itemSize,
 						class: "vue-ui-rating-unit",
-						style: g(`position:absolute;top:0;left:0;opacity:${isNaN(H.value) ? G.value.style.image.inactiveOpacity : Z(n, !0)}`)
-					}, null, 12, k)) : (v(), p("svg", {
+						style: v(`position:absolute;top:0;left:0;opacity:${isNaN(B.value) ? G.value.style.image.inactiveOpacity : Z(n, !0)}`)
+					}, null, 12, N)) : (b(), m("svg", {
 						key: 1,
-						xmlns: S(s),
+						xmlns: w(s),
 						viewBox: "0 0 100 100",
 						height: G.value.style.itemSize,
 						width: G.value.style.itemSize,
 						class: "vue-ui-rating-unit"
-					}, [m("defs", null, [m("radialGradient", {
+					}, [h("defs", null, [g(u, {
+						t: "radial",
 						cx: "50%",
 						cy: "50%",
 						r: "50%",
 						fx: "50%",
 						fy: "50%",
-						id: `star_gradient_under_${B.value}`
-					}, [m("stop", {
-						offset: "0%",
-						"stop-color": `${S(c)(G.value.style.star.activeColor, .05)}`
-					}, null, 8, se), m("stop", {
-						offset: "100%",
-						"stop-color": G.value.style.star.activeColor
-					}, null, 8, ce)], 8, oe)]), m("polygon", {
-						points: S(i)({
+						id: `star_gradient_under_${R.value}`,
+						stops: [[
+							"0%",
+							w(c)(G.value.style.star.activeColor, .05),
+							1
+						], [
+							"100%",
+							G.value.style.star.activeColor,
+							1
+						]]
+					}, null, 8, ["id", "stops"])]), h("polygon", {
+						points: w(i)({
 							plot: {
 								x: 50,
 								y: 50
@@ -223,47 +228,51 @@ var w = /* @__PURE__ */ e({ default: () => R }), T = {
 							radius: 30,
 							apexes: G.value.style.star.apexes
 						}),
-						fill: isNaN(H.value) ? G.value.style.star.inactiveColor : Z(n),
-						stroke: G.value.style.star.borderColor ? G.value.style.star.borderColor : H.value ? Z(n) : G.value.style.star.inactiveColor,
+						fill: isNaN(B.value) ? G.value.style.star.inactiveColor : Z(n),
+						stroke: G.value.style.star.borderColor ? G.value.style.star.borderColor : B.value ? Z(n) : G.value.style.star.inactiveColor,
 						"stroke-width": G.value.style.star.borderWidth,
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, null, 8, le)], 8, ae)), J.value ? (v(), p("img", {
+					}, null, 8, ie)], 8, re)), J.value ? (b(), m("img", {
 						key: 2,
 						src: G.value.style.image.src,
 						alt: `${G.value.style.image.alt} ${n}`,
 						height: G.value.style.itemSize,
 						width: G.value.style.itemSize,
-						id: `active_${B.value}_${n}`,
+						id: `active_${R.value}_${n}`,
 						class: "vue-ui-rating-unit",
-						style: g(`position:absolute;top:0;left:0;clip:rect(0px,${Q(o, !0) * G.value.style.itemSize}px,${G.value.style.itemSize}px,0px`)
-					}, null, 12, ue)) : (v(), p("svg", {
+						style: v(`position:absolute;top:0;left:0;clip:rect(0px,${Q(o, !0) * G.value.style.itemSize}px,${G.value.style.itemSize}px,0px`)
+					}, null, 12, ae)) : (b(), m("svg", {
 						key: 3,
-						xmlns: S(s),
+						xmlns: w(s),
 						viewBox: `0 0 ${Q(o)} 100`,
 						height: G.value.style.itemSize,
 						class: "vue-ui-rating-unit",
-						id: `active_${B.value}_${n}`,
+						id: `active_${R.value}_${n}`,
 						style: {
 							position: "absolute",
 							top: "0",
 							left: "0"
 						}
-					}, [m("defs", null, [m("radialGradient", {
+					}, [h("defs", null, [g(u, {
+						t: "radial",
 						cx: "50%",
 						cy: "50%",
 						r: "50%",
 						fx: "50%",
 						fy: "50%",
-						id: `star_gradient_over_${B.value}`
-					}, [m("stop", {
-						offset: "0%",
-						"stop-color": `${S(c)(G.value.style.star.activeColor, .05)}`
-					}, null, 8, M), m("stop", {
-						offset: "100%",
-						"stop-color": G.value.style.star.activeColor
-					}, null, 8, N)], 8, j)]), m("polygon", {
-						points: S(i)({
+						id: `star_gradient_over_${R.value}`,
+						stops: [[
+							"0%",
+							w(c)(G.value.style.star.activeColor, .05),
+							1
+						], [
+							"100%",
+							G.value.style.star.activeColor,
+							1
+						]]
+					}, null, 8, ["id", "stops"])]), h("polygon", {
+						points: w(i)({
 							plot: {
 								x: 50,
 								y: 50
@@ -271,16 +280,16 @@ var w = /* @__PURE__ */ e({ default: () => R }), T = {
 							radius: 30,
 							apexes: G.value.style.star.apexes
 						}),
-						fill: G.value.style.star.useGradient ? `url(#star_gradient_over_${B.value})` : G.value.style.star.activeColor,
+						fill: G.value.style.star.useGradient ? `url(#star_gradient_over_${R.value})` : G.value.style.star.activeColor,
 						stroke: G.value.style.star.activeColor
-					}, null, 8, P)], 8, A))], 64)),
-					(v(), p("svg", {
-						xmlns: S(s),
+					}, null, 8, se)], 8, oe))], 64)),
+					(b(), m("svg", {
+						xmlns: w(s),
 						viewBox: "0 0 100 100",
 						height: G.value.style.itemSize,
 						class: "vue-ui-rating-unit",
-						style: g(`position:absolute;top:0;left:0;${Y.value ? "" : pe.value ? "cursor:pointer" : ""}`)
-					}, [Y.value ? f("", !0) : (v(), p("rect", {
+						style: v(`position:absolute;top:0;left:0;${Y.value ? "" : le.value ? "cursor:pointer" : ""}`)
+					}, [Y.value ? p("", !0) : (b(), m("rect", {
 						key: 0,
 						class: "vue-ui-rating-mouse-trap",
 						x: 0,
@@ -289,13 +298,13 @@ var w = /* @__PURE__ */ e({ default: () => R }), T = {
 						height: 100,
 						fill: "transparent",
 						onClick: (e) => $(n),
-						onMouseenter: (e) => H.value = n,
-						onMouseleave: t[0] ||= (e) => H.value = void 0,
-						onFocus: (e) => U.value = n,
-						onBlur: t[1] ||= (e) => U.value = void 0,
+						onMouseenter: (e) => B.value = n,
+						onMouseleave: t[0] ||= (e) => B.value = void 0,
+						onFocus: (e) => V.value = n,
+						onBlur: t[1] ||= (e) => V.value = void 0,
 						tabindex: "0",
-						onKeyup: C((e) => $(n), ["enter"])
-					}, null, 40, I)), Y.value ? (v(), p("rect", {
+						onKeyup: D((e) => $(n), ["enter"])
+					}, null, 40, P)), Y.value ? (b(), m("rect", {
 						key: 1,
 						class: "vue-ui-rating-mouse-trap",
 						x: 0,
@@ -303,41 +312,41 @@ var w = /* @__PURE__ */ e({ default: () => R }), T = {
 						width: 100,
 						height: 100,
 						fill: "transparent",
-						onMouseenter: (e) => H.value = n,
-						onMouseleave: t[2] ||= (e) => H.value = void 0,
-						onFocus: (e) => U.value = n,
-						onBlur: t[3] ||= (e) => U.value = void 0
-					}, null, 40, L)) : f("", !0)], 12, F)),
-					G.value.style.tooltip.show && he.value && Y.value ? (v(), p("div", {
+						onMouseenter: (e) => B.value = n,
+						onMouseleave: t[2] ||= (e) => B.value = void 0,
+						onFocus: (e) => V.value = n,
+						onBlur: t[3] ||= (e) => V.value = void 0
+					}, null, 40, F)) : p("", !0)], 12, ce)),
+					G.value.style.tooltip.show && de.value && Y.value ? (b(), m("div", {
 						key: 2,
 						class: "vue-ui-rating-tooltip",
-						style: g(`border:1px solid ${G.value.style.tooltip.borderColor};position:absolute;top:${-48 + G.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${G.value.style.tooltip.backgroundColor};display:${H.value === n ? "block" : "none"};padding:2px 12px;border-radius:${G.value.style.tooltip.borderRadius}px;box-shadow:${G.value.style.tooltip.boxShadow}`)
-					}, [m("div", { style: g(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${G.value.style.tooltip.color}`) }, [
-						m("span", { style: g(`font-size:${G.value.style.tooltip.fontSize}px`) }, x(n) + ":", 5),
-						m("span", { style: g(`font-weight:${G.value.style.tooltip.bold ? "bold" : "normal"};font-size:${G.value.style.tooltip.fontSize}px`) }, x(S(a)(G.value.style.tooltip.formatter, z.dataset.rating[n], S(r)({
-							v: z.dataset.rating[n],
+						style: v(`border:1px solid ${G.value.style.tooltip.borderColor};position:absolute;top:${-48 + G.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${G.value.style.tooltip.backgroundColor};display:${B.value === n ? "block" : "none"};padding:2px 12px;border-radius:${G.value.style.tooltip.borderRadius}px;box-shadow:${G.value.style.tooltip.boxShadow}`)
+					}, [h("div", { style: v(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${G.value.style.tooltip.color}`) }, [
+						h("span", { style: v(`font-size:${G.value.style.tooltip.fontSize}px`) }, C(n) + ":", 5),
+						h("span", { style: v(`font-weight:${G.value.style.tooltip.bold ? "bold" : "normal"};font-size:${G.value.style.tooltip.fontSize}px`) }, C(w(a)(G.value.style.tooltip.formatter, L.dataset.rating[n], w(r)({
+							v: L.dataset.rating[n],
 							r: G.value.style.tooltip.roundingValue
 						}), G.value)), 5),
-						m("div", { style: g(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${G.value.style.tooltip.borderColor}`) }, " ▼ ", 4)
-					], 4)], 4)) : f("", !0)
+						h("div", { style: v(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${G.value.style.tooltip.borderColor}`) }, " ▼ ", 4)
+					], 4)], 4)) : p("", !0)
 				], 4))), 256)),
-				G.value.style.rating.show && G.value.style.rating.position === "right" ? (v(), p("div", {
+				G.value.style.rating.show && G.value.style.rating.position === "right" ? (b(), m("div", {
 					key: 1,
-					style: g(`width:fit-content;text-align:center;margin-bottom:${G.value.style.rating.offsetY}px;font-size:${G.value.style.rating.fontSize}px;font-weight:${G.value.style.rating.bold ? "bold" : "normal"};padding-left:${G.value.style.rating.offsetX}px`)
-				}, x(S(a)(G.value.style.rating.formatter, q.value, S(r)({
+					style: v(`width:fit-content;text-align:center;margin-bottom:${G.value.style.rating.offsetY}px;font-size:${G.value.style.rating.fontSize}px;font-weight:${G.value.style.rating.bold ? "bold" : "normal"};padding-left:${G.value.style.rating.offsetX}px`)
+				}, C(w(a)(G.value.style.rating.formatter, q.value, w(r)({
 					v: q.value,
 					r: G.value.style.rating.roundingValue
-				}), G.value)), 5)) : f("", !0)
+				}), G.value)), 5)) : p("", !0)
 			], 4),
-			G.value.style.rating.show && G.value.style.rating.position === "bottom" ? (v(), p("div", {
+			G.value.style.rating.show && G.value.style.rating.position === "bottom" ? (b(), m("div", {
 				key: 2,
-				style: g(`width:100%;text-align:center;margin-top:${G.value.style.rating.offsetY}px;font-size:${G.value.style.rating.fontSize}px;font-weight:${G.value.style.rating.bold ? "bold" : "normal"};margin-left:${G.value.style.rating.offsetX}px`)
-			}, x(S(a)(G.value.style.rating.formatter, q.value, S(r)({
+				style: v(`width:100%;text-align:center;margin-top:${G.value.style.rating.offsetY}px;font-size:${G.value.style.rating.fontSize}px;font-weight:${G.value.style.rating.bold ? "bold" : "normal"};margin-left:${G.value.style.rating.offsetX}px`)
+			}, C(w(a)(G.value.style.rating.formatter, q.value, w(r)({
 				v: q.value,
 				r: G.value.style.rating.roundingValue
-			}), G.value)), 5)) : f("", !0)
+			}), G.value)), 5)) : p("", !0)
 		], 36));
 	}
-}, [["__scopeId", "data-v-75c80ffe"]]);
+}, [["__scopeId", "data-v-b61d01b2"]]);
 //#endregion
-export { w as n, R as t };
+export { O as n, I as t };

package/dist/{vue-ui-relation-circle-L7-dTqet.js → vue-ui-relation-circle-BIcP-aAt.js}

@@ -118,7 +118,7 @@ var Fe = /* @__PURE__ */ e({ default: () => T }), Ie = ["id"], Le = ["id"], Re =
 			v309156a9: At.value,
 			v6c0f80cb: Mt.value
 		}));
-		let T = m(() => import("./PenAndPaper-pcgwlYr2.js").then((e) => e.t)), nt = m(() => import("./UserOptions-16uF1ayB.js").then((e) => e.n)), rt = m(() => import("./PackageVersion-DW7zwRcm.js").then((e) => e.t)), { vue_ui_relation_circle: it } = se(), { isThemeValid: at, warnInvalidTheme: ot } = fe(), E = e, st = Fe, ct = l(() => !!E.dataset && Object.keys(E.dataset).length), D = y(n()), lt = y(0), O = y(null), ut = y(null), dt = y(null), ft = y(null), pt = y(0), k = y(!1), A = y(!1), j = y(null), M = y(!1), N = y(xt()), P = l(() => N.value.userOptions.useCursorPointer), mt = l(() => a({
+		let T = m(() => import("./PenAndPaper-DsXi7GJ-.js").then((e) => e.t)), nt = m(() => import("./UserOptions-trvJ26nz.js").then((e) => e.n)), rt = m(() => import("./PackageVersion-D__dRVRA.js").then((e) => e.t)), { vue_ui_relation_circle: it } = se(), { isThemeValid: at, warnInvalidTheme: ot } = fe(), E = e, st = Fe, ct = l(() => !!E.dataset && Object.keys(E.dataset).length), D = y(n()), lt = y(0), O = y(null), ut = y(null), dt = y(null), ft = y(null), pt = y(0), k = y(!1), A = y(!1), j = y(null), M = y(!1), N = y(xt()), P = l(() => N.value.userOptions.useCursorPointer), mt = l(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				customPalette: Array(7).fill("#CACACA"),