vue-data-ui 3.20.10 → 3.21.0

package/dist/{vue-ui-rating-D8QQctnQ.js → vue-ui-rating-pDVqT08V.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ct as t, G as n, H as r, Nt as i, P as a, X as o, i as s, t as c } from "./lib-DUeYQsS0.js";
+import { Ft as t, G as n, H as r, P as i, Tt as a, X as o, i as s, t as c } from "./lib-AJRHFE5U.js";
 import { t as l } from "./useConfig-DnH7Pf_2.js";
-import { t as u } from "./useNestedProp-CNcoy38D.js";
+import { t as u } from "./useNestedProp-DtcXIg7n.js";
 import { t as d } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as f, computed as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, mergeProps as _, normalizeStyle as v, onMounted as y, openBlock as b, ref as x, renderList as ee, renderSlot as S, toDisplayString as C, unref as w, useSlots as te, watch as ne, withKeys as re } from "vue";
 //#region src/components/vue-ui-rating.vue
@@ -113,7 +113,7 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 			X();
 		});
 		function X() {
-			(!Object.hasOwn(R.dataset, "rating") || t(R.dataset)) && o({
+			(!Object.hasOwn(R.dataset, "rating") || a(R.dataset)) && o({
 				componentName: "VueUiRating",
 				type: "datasetAttribute",
 				property: "rating"
@@ -143,11 +143,11 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 		return d({
 			getData: _e,
 			toggleReadonly: ve
-		}), (e, t) => (b(), h("div", {
+		}), (e, r) => (b(), h("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) => B.value = !0,
-			onMouseleave: t[5] ||= (e) => {
+			onMouseover: r[4] ||= (e) => B.value = !0,
+			onMouseleave: r[5] ||= (e) => {
 				B.value = !1, V.value = void 0;
 			}
 		}, [
@@ -173,17 +173,17 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 					v: q.value,
 					r: G.value.style.rating.roundingValue
 				}), G.value)), 5)) : m("", !0),
-				(b(!0), h(f, null, ee(U.value, (r, o) => (b(), h("div", {
+				(b(!0), h(f, null, ee(U.value, (a, o) => (b(), h("div", {
 					class: "vue-ui-rating-unit-container",
 					style: v(`position:relative;height:${G.value.style.itemSize}px;width:${G.value.style.itemSize}px`)
 				}, [
 					e.$slots["layer-under"] || e.$slots["layer-above"] ? (b(), h("div", E, [e.$slots["layer-under"] ? (b(), h("div", D, [S(e.$slots, "layer-under", _({ ref_for: !0 }, {
-						value: r,
+						value: a,
 						size: G.value.style.itemSize,
 						hoveredValue: V.value,
 						focusedValue: H.value
 					}), void 0, !0)])) : m("", !0), e.$slots["layer-above"] ? (b(), h("div", O, [S(e.$slots, "layer-above", _({ ref_for: !0 }, {
-						value: r,
+						value: a,
 						size: G.value.style.itemSize,
 						hoveredValue: V.value,
 						focusedValue: H.value
@@ -193,7 +193,7 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 						height: G.value.style.itemSize,
 						width: G.value.style.itemSize,
 						class: "vue-ui-rating-unit",
-						style: v(`position:absolute;top:0;left:0;opacity:${isNaN(V.value) ? G.value.style.image.inactiveOpacity : Z(r, !0)}`)
+						style: v(`position:absolute;top:0;left:0;opacity:${isNaN(V.value) ? G.value.style.image.inactiveOpacity : Z(a, !0)}`)
 					}, null, 12, ae)) : (b(), h("svg", {
 						key: 1,
 						xmlns: w(c),
@@ -210,12 +210,12 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 						id: `star_gradient_under_${z.value}`
 					}, [g("stop", {
 						offset: "0%",
-						"stop-color": `${w(i)(G.value.style.star.activeColor, .05)}`
+						"stop-color": `${w(t)(G.value.style.star.activeColor, .05)}`
 					}, null, 8, ce), g("stop", {
 						offset: "100%",
 						"stop-color": G.value.style.star.activeColor
 					}, null, 8, le)], 8, se)]), g("polygon", {
-						points: w(a)({
+						points: w(i)({
 							plot: {
 								x: 50,
 								y: 50
@@ -223,18 +223,18 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 							radius: 30,
 							apexes: G.value.style.star.apexes
 						}),
-						fill: isNaN(V.value) ? G.value.style.star.inactiveColor : Z(r),
-						stroke: G.value.style.star.borderColor ? G.value.style.star.borderColor : V.value ? Z(r) : G.value.style.star.inactiveColor,
+						fill: isNaN(V.value) ? G.value.style.star.inactiveColor : Z(a),
+						stroke: G.value.style.star.borderColor ? G.value.style.star.borderColor : V.value ? Z(a) : G.value.style.star.inactiveColor,
 						"stroke-width": G.value.style.star.borderWidth,
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
 					}, null, 8, ue)], 8, oe)), J.value ? (b(), h("img", {
 						key: 2,
 						src: G.value.style.image.src,
-						alt: `${G.value.style.image.alt} ${r}`,
+						alt: `${G.value.style.image.alt} ${a}`,
 						height: G.value.style.itemSize,
 						width: G.value.style.itemSize,
-						id: `active_${z.value}_${r}`,
+						id: `active_${z.value}_${a}`,
 						class: "vue-ui-rating-unit",
 						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, de)) : (b(), h("svg", {
@@ -243,7 +243,7 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 						viewBox: `0 0 ${Q(o)} 100`,
 						height: G.value.style.itemSize,
 						class: "vue-ui-rating-unit",
-						id: `active_${z.value}_${r}`,
+						id: `active_${z.value}_${a}`,
 						style: {
 							position: "absolute",
 							top: "0",
@@ -258,12 +258,12 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 						id: `star_gradient_over_${z.value}`
 					}, [g("stop", {
 						offset: "0%",
-						"stop-color": `${w(i)(G.value.style.star.activeColor, .05)}`
+						"stop-color": `${w(t)(G.value.style.star.activeColor, .05)}`
 					}, null, 8, j), g("stop", {
 						offset: "100%",
 						"stop-color": G.value.style.star.activeColor
 					}, null, 8, M)], 8, A)]), g("polygon", {
-						points: w(a)({
+						points: w(i)({
 							plot: {
 								x: 50,
 								y: 50
@@ -288,13 +288,13 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 						width: 100,
 						height: 100,
 						fill: "transparent",
-						onClick: (e) => $(r),
-						onMouseenter: (e) => V.value = r,
-						onMouseleave: t[0] ||= (e) => V.value = void 0,
-						onFocus: (e) => H.value = r,
-						onBlur: t[1] ||= (e) => H.value = void 0,
+						onClick: (e) => $(a),
+						onMouseenter: (e) => V.value = a,
+						onMouseleave: r[0] ||= (e) => V.value = void 0,
+						onFocus: (e) => H.value = a,
+						onBlur: r[1] ||= (e) => H.value = void 0,
 						tabindex: "0",
-						onKeyup: re((e) => $(r), ["enter"])
+						onKeyup: re((e) => $(a), ["enter"])
 					}, null, 40, F)), Y.value ? (b(), h("rect", {
 						key: 1,
 						class: "vue-ui-rating-mouse-trap",
@@ -303,19 +303,19 @@ var T = /* @__PURE__ */ e({ default: () => L }), ie = {
 						width: 100,
 						height: 100,
 						fill: "transparent",
-						onMouseenter: (e) => V.value = r,
-						onMouseleave: t[2] ||= (e) => V.value = void 0,
-						onFocus: (e) => H.value = r,
-						onBlur: t[3] ||= (e) => H.value = void 0
+						onMouseenter: (e) => V.value = a,
+						onMouseleave: r[2] ||= (e) => V.value = void 0,
+						onFocus: (e) => H.value = a,
+						onBlur: r[3] ||= (e) => H.value = void 0
 					}, null, 40, I)) : m("", !0)], 12, P)),
 					G.value.style.tooltip.show && he.value && Y.value ? (b(), h("div", {
 						key: 2,
 						class: "vue-ui-rating-tooltip",
-						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:${V.value === r ? "block" : "none"};padding:2px 12px;border-radius:${G.value.style.tooltip.borderRadius}px;box-shadow:${G.value.style.tooltip.boxShadow}`)
+						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:${V.value === a ? "block" : "none"};padding:2px 12px;border-radius:${G.value.style.tooltip.borderRadius}px;box-shadow:${G.value.style.tooltip.boxShadow}`)
 					}, [g("div", { style: v(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${G.value.style.tooltip.color}`) }, [
-						g("span", { style: v(`font-size:${G.value.style.tooltip.fontSize}px`) }, C(r) + ":", 5),
-						g("span", { style: v(`font-weight:${G.value.style.tooltip.bold ? "bold" : "normal"};font-size:${G.value.style.tooltip.fontSize}px`) }, C(w(s)(G.value.style.tooltip.formatter, R.dataset.rating[r], w(n)({
-							v: R.dataset.rating[r],
+						g("span", { style: v(`font-size:${G.value.style.tooltip.fontSize}px`) }, C(a) + ":", 5),
+						g("span", { style: v(`font-weight:${G.value.style.tooltip.bold ? "bold" : "normal"};font-size:${G.value.style.tooltip.fontSize}px`) }, C(w(s)(G.value.style.tooltip.formatter, R.dataset.rating[a], w(n)({
+							v: R.dataset.rating[a],
 							r: G.value.style.tooltip.roundingValue
 						}), G.value)), 5),
 						g("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)