vue-data-ui 3.20.0 → 3.20.1

package/dist/vue-ui-rating-BG4lf1z8.js

@@ -1,343 +0,0 @@
-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 { t as l } from "./useConfig-DAyQk86L.js";
-import { t as u } from "./useNestedProp-CNcoy38D.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
-var T = /* @__PURE__ */ e({ default: () => L }), ie = {
-	key: 0,
-	class: "vue-ui-rating-title",
-	style: { width: "100%" }
-}, E = {
-	key: 0,
-	style: { position: "relative" }
-}, D = {
-	key: 0,
-	style: {
-		position: "absolute",
-		top: "0",
-		left: "0",
-		width: "100%",
-		height: "100%"
-	}
-}, O = {
-	key: 1,
-	style: {
-		position: "absolute",
-		top: "0",
-		left: "0",
-		width: "100%",
-		height: "100%"
-	}
-}, ae = [
-	"src",
-	"height",
-	"width"
-], oe = [
-	"xmlns",
-	"height",
-	"width"
-], se = ["id"], ce = ["stop-color"], le = ["stop-color"], ue = [
-	"points",
-	"fill",
-	"stroke",
-	"stroke-width"
-], de = [
-	"src",
-	"alt",
-	"height",
-	"width",
-	"id"
-], k = [
-	"xmlns",
-	"viewBox",
-	"height",
-	"id"
-], A = ["id"], j = ["stop-color"], M = ["stop-color"], N = [
-	"points",
-	"fill",
-	"stroke"
-], P = ["xmlns", "height"], F = [
-	"onClick",
-	"onMouseenter",
-	"onFocus",
-	"onKeyup"
-], I = ["onMouseenter", "onFocus"], L = /* @__PURE__ */ d({
-	__name: "vue-ui-rating",
-	props: {
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		dataset: {
-			type: Object,
-			default() {
-				return {};
-			}
-		}
-	},
-	emits: ["rate"],
-	setup(e, { expose: d, emit: T }) {
-		let { vue_ui_rating: L } = l(), R = e, z = x(r()), B = x(!1), V = x(void 0), H = x(void 0), U = x([]), W = te();
-		y(() => {
-			W["chart-background"] && console.warn("VueUiRating does not support the #chart-background slot.");
-		});
-		let fe = T, G = p({
-			get: () => K(),
-			set: (e) => e
-		}), pe = p(() => G.value.useCursorPointer);
-		function K() {
-			return u({
-				userConfig: R.config,
-				defaultConfig: L
-			});
-		}
-		ne(() => R.config, (e) => {
-			G.value = K(), X();
-		}, { deep: !0 });
-		let me = p(() => typeof R.dataset.rating == "object" && !Array.isArray(R.dataset.rating) ? ge(R.dataset.rating) : R.dataset.rating), he = p(() => typeof R.dataset.rating == "object" && !Array.isArray(R.dataset.rating)), q = x(me.value), J = p(() => G.value.type === "image"), Y = p(() => G.value.readonly);
-		function ge(e) {
-			let t = 0, n = 0;
-			for (let r in e) {
-				let i = parseInt(r), a = e[r];
-				t += i * a, n += a;
-			}
-			if (n === 0) return 0;
-			let r = t / n;
-			return Math.min(G.value.to, Math.max(G.value.from, r));
-		}
-		y(() => {
-			X();
-		});
-		function X() {
-			(!Object.hasOwn(R.dataset, "rating") || t(R.dataset)) && o({
-				componentName: "VueUiRating",
-				type: "datasetAttribute",
-				property: "rating"
-			}), U.value = [];
-			for (let e = G.value.from; e <= G.value.to; e += 1) U.value.push(e);
-		}
-		function Z(e, t = !1) {
-			return e > V.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_${z.value})` : G.value.style.star.activeColor;
-		}
-		function Q(e, t = !1) {
-			let n = q.value - e, r = t ? 1 : 100;
-			switch (!0) {
-				case n <= 0: return .001;
-				case n > 1: return 1 * r;
-				default: return n * r;
-			}
-		}
-		function $(e) {
-			Y.value || (q.value = e, fe("rate", e));
-		}
-		function _e() {
-			return q.value;
-		}
-		function ve(e = !0) {
-			Y.value = e;
-		}
-		return d({
-			getData: _e,
-			toggleReadonly: ve
-		}), (e, t) => (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) => {
-				B.value = !1, V.value = void 0;
-			}
-		}, [
-			G.value.style.title.text ? (b(), h("div", ie, [g("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(), h("div", {
-				key: 0,
-				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)) : m("", !0)])) : m("", !0),
-			G.value.style.rating.show && G.value.style.rating.position === "top" ? (b(), h("div", {
-				key: 1,
-				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(s)(G.value.style.rating.formatter, q.value, w(n)({
-				v: q.value,
-				r: G.value.style.rating.roundingValue
-			}), G.value)), 5)) : m("", !0),
-			g("div", {
-				class: "vue-ui-rating-wrapper",
-				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" ? (b(), h("div", {
-					key: 0,
-					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(s)(G.value.style.rating.formatter, q.value, w(n)({
-					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", {
-					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,
-						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,
-						size: G.value.style.itemSize,
-						hoveredValue: V.value,
-						focusedValue: H.value
-					}), void 0, !0)])) : m("", !0)])) : (b(), h(f, { key: 1 }, [J.value ? (b(), h("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: v(`position:absolute;top:0;left:0;opacity:${isNaN(V.value) ? G.value.style.image.inactiveOpacity : Z(r, !0)}`)
-					}, null, 12, ae)) : (b(), h("svg", {
-						key: 1,
-						xmlns: w(c),
-						viewBox: "0 0 100 100",
-						height: G.value.style.itemSize,
-						width: G.value.style.itemSize,
-						class: "vue-ui-rating-unit"
-					}, [g("defs", null, [g("radialGradient", {
-						cx: "50%",
-						cy: "50%",
-						r: "50%",
-						fx: "50%",
-						fy: "50%",
-						id: `star_gradient_under_${z.value}`
-					}, [g("stop", {
-						offset: "0%",
-						"stop-color": `${w(i)(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)({
-							plot: {
-								x: 50,
-								y: 50
-							},
-							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,
-						"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}`,
-						height: G.value.style.itemSize,
-						width: G.value.style.itemSize,
-						id: `active_${z.value}_${r}`,
-						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", {
-						key: 3,
-						xmlns: w(c),
-						viewBox: `0 0 ${Q(o)} 100`,
-						height: G.value.style.itemSize,
-						class: "vue-ui-rating-unit",
-						id: `active_${z.value}_${r}`,
-						style: {
-							position: "absolute",
-							top: "0",
-							left: "0"
-						}
-					}, [g("defs", null, [g("radialGradient", {
-						cx: "50%",
-						cy: "50%",
-						r: "50%",
-						fx: "50%",
-						fy: "50%",
-						id: `star_gradient_over_${z.value}`
-					}, [g("stop", {
-						offset: "0%",
-						"stop-color": `${w(i)(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)({
-							plot: {
-								x: 50,
-								y: 50
-							},
-							radius: 30,
-							apexes: G.value.style.star.apexes
-						}),
-						fill: G.value.style.star.useGradient ? `url(#star_gradient_over_${z.value})` : G.value.style.star.activeColor,
-						stroke: G.value.style.star.activeColor
-					}, null, 8, N)], 8, k))], 64)),
-					(b(), h("svg", {
-						xmlns: w(c),
-						viewBox: "0 0 100 100",
-						height: G.value.style.itemSize,
-						class: "vue-ui-rating-unit",
-						style: v(`position:absolute;top:0;left:0;${Y.value ? "" : pe.value ? "cursor:pointer" : ""}`)
-					}, [Y.value ? m("", !0) : (b(), h("rect", {
-						key: 0,
-						class: "vue-ui-rating-mouse-trap",
-						x: 0,
-						y: 0,
-						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,
-						tabindex: "0",
-						onKeyup: re((e) => $(r), ["enter"])
-					}, null, 40, F)), Y.value ? (b(), h("rect", {
-						key: 1,
-						class: "vue-ui-rating-mouse-trap",
-						x: 0,
-						y: 0,
-						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
-					}, 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}`)
-					}, [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],
-							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)
-					], 4)], 4)) : m("", !0)
-				], 4))), 256)),
-				G.value.style.rating.show && G.value.style.rating.position === "right" ? (b(), h("div", {
-					key: 1,
-					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(s)(G.value.style.rating.formatter, q.value, w(n)({
-					v: q.value,
-					r: G.value.style.rating.roundingValue
-				}), G.value)), 5)) : m("", !0)
-			], 4),
-			G.value.style.rating.show && G.value.style.rating.position === "bottom" ? (b(), h("div", {
-				key: 2,
-				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(s)(G.value.style.rating.formatter, q.value, w(n)({
-				v: q.value,
-				r: G.value.style.rating.roundingValue
-			}), G.value)), 5)) : m("", !0)
-		], 36));
-	}
-}, [["__scopeId", "data-v-75c80ffe"]]);
-//#endregion
-export { T as n, L as t };