vue-data-ui 3.27.0 → 3.27.1

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

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