vue-data-ui 3.27.0 → 3.27.1-beta.0

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

@@ -1,376 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Yt as n, at as r, i, t as a, zt as o } from "./lib-D4wK6ljP.js";
-import { n as s, t as c } 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 _, createTextVNode as v, createVNode as y, normalizeClass as b, normalizeStyle as x, onMounted as S, openBlock as C, ref as w, renderList as T, renderSlot as E, toDisplayString as D, unref as O, useSlots as k, watch as A, withCtx as j, withKeys as M } from "vue";
-//#region src/atoms/BaseSmilingUnit.vue
-var N = ["xmlns", "stroke"], P = ["stroke"], F = [
-	"xmlns",
-	"viewBox",
-	"stroke"
-], I = ["viewBox", "stroke"], L = /*#__PURE__*/ d({
-	__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, o) => (C(), g("div", {
-			tabindex: "0",
-			class: b({ "vue-ui-smiley-rated": !e.config.readonly && e.currentRating === e.unit }),
-			style: x({
-				cursor: e.config.readonly ? "default" : r.isCursorPointer ? "pointer" : "default",
-				height: e.config.style.itemSize + "px",
-				aspectRatio: "1/1",
-				position: "relative"
-			}),
-			onMouseenter: o[0] ||= (e) => i("mouseenter"),
-			onMouseleave: o[1] ||= (e) => i("mouseleave"),
-			onClick: o[2] ||= (t) => i("rate", e.unit),
-			onKeyup: o[3] ||= M((t) => i("rate", e.unit), ["enter"])
-		}, [
-			e.config.style.tooltip.show && e.hasBreakdown && e.isReadonly ? (C(), g("div", {
-				key: 0,
-				class: "vue-ui-rating-tooltip",
-				style: x({
-					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
-				})
-			}, [_("div", { style: x({
-				width: "100%",
-				display: "flex",
-				flexDirection: "row",
-				gap: "6px",
-				position: "relative",
-				textAlign: "center",
-				color: e.config.style.tooltip.color
-			}) }, [
-				_("span", { style: x(`font-size:${e.config.style.tooltip.fontSize}px`) }, D(e.unit) + ":", 5),
-				_("span", { style: x(`font-weight:${e.config.style.tooltip.bold ? "bold" : "normal"};font-size:${e.config.style.tooltip.fontSize}px`) }, [E(t.$slots, "rating", {}, void 0, !0)], 4),
-				_("div", { style: x(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${e.config.style.tooltip.borderColor}`) }, " ▼ ", 4)
-			], 4)], 4)) : h("", !0),
-			e.config.style.icons.filled ? (C(), g("svg", {
-				key: 1,
-				xmlns: O(a),
-				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"
-			}, [_("defs", null, [y(f, {
-				t: "radial",
-				id: `vueUiSmiley${e.unit - 1}`,
-				stops: [[
-					"0%",
-					O(n)(e.config.style.colors.active[e.unit - 1], .05),
-					1
-				], [
-					"100%",
-					e.config.style.colors.active[e.unit - 1],
-					1
-				]]
-			}, null, 8, ["id", "stops"])]), E(t.$slots, "path-icon-filled", {}, void 0, !0)], 8, N)) : (C(), g("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"
-			}, [E(t.$slots, "path-icon", {}, void 0, !0)], 8, P)),
-			e.config.style.icons.filled && e.isReadonly ? (C(), g("svg", {
-				key: 3,
-				xmlns: O(a),
-				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"
-			}, [_("defs", null, [y(f, {
-				t: "radial",
-				id: `vueUiSmiley${e.unit - 1}`,
-				stops: [[
-					"0%",
-					O(n)(e.config.style.colors.activeReadonly[e.unit - 1], .05),
-					1
-				], [
-					"100%",
-					e.config.style.colors.activeReadonly[e.unit - 1],
-					1
-				]]
-			}, null, 8, ["id", "stops"])]), E(t.$slots, "path-icon-filled-readonly", {}, void 0, !0)], 8, F)) : h("", !0),
-			!e.config.style.icons.filled && e.isReadonly ? (C(), g("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"
-			}, [E(t.$slots, "path-icon-readonly", {}, void 0, !0)], 8, I)) : h("", !0)
-		], 38));
-	}
-}, [["__scopeId", "data-v-9734e83c"]]), R = /* @__PURE__ */ e({ default: () => W }), z = {
-	key: 0,
-	class: "vue-ui-rating-title",
-	style: { width: "100%" }
-}, B = ["d", "fill"], V = ["d"], H = ["d", "fill"], U = ["d"], W = {
-	__name: "vue-ui-smiley",
-	props: {
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		dataset: {
-			type: Object,
-			default() {
-				return {};
-			}
-		}
-	},
-	emits: ["rate"],
-	setup(e, { expose: n, emit: a }) {
-		let { vue_ui_smiley: d } = l(), f = e, b = k(), E = a, O = w(null), M = w(W()), N = m(() => M.value.style.rating), P = m(() => M.value.style), F = m(() => M.value.debug);
-		S(() => {
-			b["chart-background"] && F.value && console.warn("VueUiSmiley does not support the #chart-background slot.");
-		});
-		function I() {
-			(!Object.hasOwn(f.dataset, "rating") || o(f.dataset)) && r({
-				componentName: "VueUiSmiley",
-				type: "datasetAttribute",
-				property: "rating",
-				debug: F.value
-			});
-		}
-		S(I), s({
-			config: () => M.value,
-			dataset: () => [],
-			component: "VueUiSmiley",
-			rules: [c.noHint]
-		});
-		let R = m(() => M.value.useCursorPointer);
-		function W() {
-			return u({
-				userConfig: f.config,
-				defaultConfig: d
-			});
-		}
-		A(() => f.config, (e) => {
-			M.value = W(), J.value = M.value.readonly, I();
-		}, { deep: !0 });
-		let G = m(() => {
-			let e = f.dataset.rating;
-			return e && typeof e == "object" && !Array.isArray(e) ? X(e) : e ?? null;
-		}), K = m(() => typeof f.dataset.rating == "object" && !Array.isArray(f.dataset.rating)), q = w(G.value);
-		A(G, (e) => {
-			q.value = e;
-		});
-		let J = w(M.value.readonly), Y = [
-			{
-				key: "smiley_0",
-				pathIconFilled: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-5 9.86a4.5 4.5 0 00-3.214 1.35 1 1 0 101.428 1.4 2.5 2.5 0 013.572 0 1 1 0 001.428-1.4A4.5 4.5 0 0012 13.2zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z",
-				pathIcon: "M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15.25a3.5 3.5 0 015 0",
-				pathIconFilledReadonly: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-5 9.86a4.5 4.5 0 00-3.214 1.35 1 1 0 101.428 1.4 2.5 2.5 0 013.572 0 1 1 0 001.428-1.4A4.5 4.5 0 0012 13.2zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z",
-				pathIconReadonly: "M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15.25a3.5 3.5 0 015 0"
-			},
-			{
-				key: "smiley_1",
-				pathIconFilled: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 14H9l-.117.007a1 1 0 000 1.986L9 16h6l.117-.007a1 1 0 000-1.986L15 14zm-5.99-5-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z",
-				pathIcon: "M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9 15h6",
-				pathIconFilledReadonly: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 14H9l-.117.007a1 1 0 000 1.986L9 16h6l.117-.007a1 1 0 000-1.986L15 14zm-5.99-5-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z",
-				pathIconReadonly: "M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9 15h6"
-			},
-			{
-				key: "smiley_2",
-				pathIconFilled: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z",
-				pathIcon: "M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01",
-				pathIconFilledReadonly: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z",
-				pathIconReadonly: "M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01"
-			},
-			{
-				key: "smiley_3",
-				pathIconFilled: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-1.8 10.946a1 1 0 00-1.414.014 2.5 2.5 0 01-3.572 0 1 1 0 00-1.428 1.4 4.5 4.5 0 006.428 0 1 1 0 00-.014-1.414zM9.01 9l-.127.007A1 1 0 009 11l.127-.007A1 1 0 009.01 9zm6 0-.127.007A1 1 0 0015 11l.127-.007A1 1 0 0015.01 9z",
-				pathIcon: "M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15a3.5 3.5 0 005 0",
-				pathIconFilledReadonly: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-1.8 10.946a1 1 0 00-1.414.014 2.5 2.5 0 01-3.572 0 1 1 0 00-1.428 1.4 4.5 4.5 0 006.428 0 1 1 0 00-.014-1.414zM9.01 9l-.127.007A1 1 0 009 11l.127-.007A1 1 0 009.01 9zm6 0-.127.007A1 1 0 0015 11l.127-.007A1 1 0 0015.01 9z",
-				pathIconReadonly: "M3 12a9 9 0 1018 0A9 9 0 103 12m6-2h.01M15 10h.01M9.5 15a3.5 3.5 0 005 0"
-			},
-			{
-				key: "smiley_4",
-				pathIconFilled: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 13H9a1 1 0 00-1 1v.05a3.975 3.975 0 003.777 3.97l.227.005a4.026 4.026 0 003.99-3.79l.006-.206A1 1 0 0015 13zm-5.99-5-.127.007A1 1 0 009 10l.127-.007A1 1 0 009.01 8zm6 0-.127.007A1 1 0 0015 10l.127-.007A1 1 0 0015.01 8z",
-				pathIcon: "M3 12a9 9 0 1018 0A9 9 0 103 12M9 9h.01M15 9h.01M8 13a4 4 0 108 0H8",
-				pathIconFilledReadonly: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 13H9a1 1 0 00-1 1v.05a3.975 3.975 0 003.777 3.97l.227.005a4.026 4.026 0 003.99-3.79l.006-.206A1 1 0 0015 13zm-5.99-5-.127.007A1 1 0 009 10l.127-.007A1 1 0 009.01 8zm6 0-.127.007A1 1 0 0015 10l.127-.007A1 1 0 0015.01 8z",
-				pathIconReadonly: "M3 12a9 9 0 1018 0A9 9 0 103 12M9 9h.01M15 9h.01M8 13a4 4 0 108 0H8"
-			}
-		];
-		function X(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 Z(e) {
-			let t = q.value - e;
-			switch (!0) {
-				case t < 0: return 0;
-				case t > 1: return 24;
-				default: return t * 24;
-			}
-		}
-		function Q(e) {
-			return M.value.readonly ? P.value.colors.inactive[e] : q.value === e + 1 || O.value !== null && O.value === e ? P.value.icons.useGradient && P.value.icons.filled ? `url(#vueUiSmiley${e})` : P.value.colors.active[e] : P.value.colors.inactive[e];
-		}
-		let $ = m(() => ({ value: e, tooltip: n = !1 }) => i(n ? P.value.tooltip.formatter : N.value.formatter, e, t({
-			v: e,
-			r: n ? P.value.tooltip.roundingValue : N.value.roundingValue
-		}), M.value));
-		function ee(e) {
-			J.value || (q.value = e, E("rate", e));
-		}
-		function te() {
-			return q.value;
-		}
-		function ne(e = !0) {
-			J.value = e;
-		}
-		return n({
-			getData: te,
-			toggleReadonly: ne
-		}), (e, t) => (C(), g("div", {
-			class: "vue-data-ui-component vue-ui-smiley",
-			style: x(`background:${P.value.backgroundColor};font-family:${P.value.fontFamily};width:100%;`),
-			onMouseleave: t[1] ||= (e) => O.value = void 0
-		}, [
-			P.value.title.text ? (C(), g("div", z, [_("div", { style: x(`color:${P.value.title.color};font-weight:${P.value.title.bold ? "bold" : "normal"};text-align:${P.value.title.textAlign};margin-bottom:${P.value.title.offsetY}px;font-size:${P.value.title.fontSize}px`) }, D(P.value.title.text), 5), P.value.title.subtitle.text ? (C(), g("div", {
-				key: 0,
-				style: x(`color:${P.value.title.subtitle.color};font-size:${P.value.title.subtitle.fontSize}px;text-align:${P.value.title.textAlign};margin-bottom:${P.value.title.subtitle.offsetY}px;font-weight:${P.value.title.subtitle.bold ? "bold" : "normal"}`)
-			}, D(P.value.title.subtitle.text), 5)) : h("", !0)])) : h("", !0),
-			N.value.show && N.value.position === "top" ? (C(), g("div", {
-				key: 1,
-				style: x(`width:100%;text-align:center;margin-bottom:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold ? "bold" : "normal"};margin-left:${N.value.offsetX}px`)
-			}, D($.value({ value: q.value })), 5)) : h("", !0),
-			_("div", {
-				class: "vue-ui-smiley-wrapper",
-				style: x(`overflow:visible;height:${P.value.itemSize}px;width:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;`)
-			}, [
-				N.value.show && N.value.position === "left" ? (C(), g("div", {
-					key: 0,
-					style: x(`width:fit-content;text-align:center;margin-bottom:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold ? "bold" : "normal"};padding-right:${N.value.offsetX}px`)
-				}, D($.value({ value: q.value })), 5)) : h("", !0),
-				(C(), g(p, null, T(Y, (e, n) => y(L, {
-					key: e.key,
-					config: M.value,
-					unit: n + 1,
-					currentRating: q.value,
-					isReadonly: J.value,
-					hasBreakdown: K.value,
-					hoveredValue: O.value,
-					getActiveColor: Q,
-					calcShapeFill: Z,
-					isCursorPointer: R.value,
-					onMouseenter: (e) => O.value = n,
-					onMouseleave: t[0] ||= (e) => O.value = null,
-					onRate: (e) => ee(n + 1)
-				}, {
-					rating: j(() => [v(D($.value({
-						value: f.dataset.rating[String(n + 1)],
-						tooltip: !0
-					})), 1)]),
-					"path-icon-filled": j(() => [_("path", {
-						d: e.pathIconFilled,
-						"stroke-width": "0",
-						fill: Q(n)
-					}, null, 8, B)]),
-					"path-icon": j(() => [_("path", { d: e.pathIcon }, null, 8, V)]),
-					"path-icon-filled-readonly": j(() => [_("path", {
-						d: e.pathIconFilledReadonly,
-						"stroke-width": "0",
-						fill: P.value.icons.useGradient ? `url(#vueUiSmiley${n})` : P.value.colors.activeReadonly[n]
-					}, null, 8, H)]),
-					"path-icon-readonly": j(() => [_("path", { d: e.pathIconReadonly }, null, 8, U)]),
-					_: 2
-				}, 1032, [
-					"config",
-					"unit",
-					"currentRating",
-					"isReadonly",
-					"hasBreakdown",
-					"hoveredValue",
-					"isCursorPointer",
-					"onMouseenter",
-					"onRate"
-				])), 64)),
-				N.value.show && N.value.position === "right" ? (C(), g("div", {
-					key: 1,
-					style: x(`width:fit-content;text-align:center;margin-bottom:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold ? "bold" : "normal"};padding-left:${N.value.offsetX}px`)
-				}, D($.value({ value: q.value })), 5)) : h("", !0)
-			], 4),
-			N.value.show && N.value.position === "bottom" ? (C(), g("div", {
-				key: 2,
-				style: x(`width:100%;text-align:center;margin-top:${N.value.offsetY}px;font-size:${N.value.fontSize}px;font-weight:${N.value.bold ? "bold" : "normal"};margin-left:${N.value.offsetX}px`)
-			}, D($.value({ value: q.value })), 5)) : h("", !0)
-		], 36));
-	}
-};
-//#endregion
-export { R as n, W as t };