vue-data-ui 3.22.0 → 3.22.2

package/dist/{vue-ui-wheel-VQ5Sc_Kt.js → vue-ui-wheel-CbL52G-w.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ct as t, Ft as n, G as r, H as i, Ht as a, St as o, Tt as s, X as c, i as l, t as u, v as d } from "./lib-AJRHFE5U.js";
-import { t as f } from "./useConfig-Br1uzq_L.js";
-import { t as p } from "./usePrinter-6n2MzVyV.js";
+import { Ct as t, Et as n, G as r, H as i, It as a, Ut as o, X as s, i as c, t as l, v as u, wt as d } from "./lib-CXicicWN.js";
+import { t as f } from "./useConfig-Bf_EBbe3.js";
+import { t as p } from "./usePrinter-Dng0UK-G.js";
 import { n as m, t as h } from "./BaseScanner-DZvpgOjM.js";
 import { t as g } from "./useSvgExport-SVIsDot8.js";
-import { t as _ } from "./useNestedProp-DtcXIg7n.js";
+import { t as _ } from "./useNestedProp-APyFoLCQ.js";
 import { t as v } from "./useThemeCheck-C43Tcqmk.js";
-import { t as y } from "./img-C_RNNswI.js";
-import { n as b } from "./Title-DH6G8_cZ.js";
+import { t as y } from "./img-BCAOkqfM.js";
+import { n as b } from "./Title-CVYf1f8m.js";
 import { t as x } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as ee } from "./canvas-lib-BOP_HS11.js";
 import { t as te } from "./useResponsive-BfnK0KxU.js";
@@ -119,7 +119,7 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 			c5f7f2ee: It.value,
 			c5f82dc8: Lt.value
 		}));
-		let Re = ce(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), ze = ce(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), Be = ce(() => import("./PackageVersion-DxBQctV8.js").then((e) => e.t)), { vue_ui_wheel: Ve } = f(), { isThemeValid: He, warnInvalidTheme: Ue } = v(), R = re(), z = e, We = _e, Ge = w(() => !!z.dataset && Object.keys(z.dataset).length), B = N(i()), Ke = N(null), qe = N(0), V = N(null), Je = N(null), Ye = N(null), Xe = N(null), Ze = N(0), Qe = N(!1), $e = N(!1), H = N(st()), et = w(() => H.value.userOptions.useCursorPointer), tt = w(() => a({
+		let Re = ce(() => import("./PenAndPaper-DJIIG6dv.js").then((e) => e.t)), ze = ce(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), Be = ce(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), { vue_ui_wheel: Ve } = f(), { isThemeValid: He, warnInvalidTheme: Ue } = v(), R = re(), z = e, We = _e, Ge = w(() => !!z.dataset && Object.keys(z.dataset).length), B = N(i()), Ke = N(null), qe = N(0), V = N(null), Je = N(null), Ye = N(null), Xe = N(null), Ze = N(0), Qe = N(!1), $e = N(!1), H = N(st()), et = w(() => H.value.userOptions.useCursorPointer), tt = w(() => o({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -140,7 +140,7 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 			FINAL_CONFIG: H,
 			prepareConfig: st,
 			skeletonDataset: z.config?.skeletonDataset ?? { percentage: 50 },
-			skeletonConfig: a({
+			skeletonConfig: o({
 				defaultConfig: H.value,
 				userConfig: tt.value
 			})
@@ -194,7 +194,7 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 		});
 		let mt = w(() => !!H.value.debug);
 		function ht() {
-			if (s(z.dataset) && c({
+			if (n(z.dataset) && s({
 				componentName: "VueUiWheel",
 				type: "dataset",
 				debug: mt.value
@@ -238,10 +238,10 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 			let n = e.replace("#", ""), r = parseInt(n.substring(0, 2), 16), i = parseInt(n.substring(2, 4), 16), a = parseInt(n.substring(4, 6), 16), o = 1 - Math.min(1, Math.max(0, H.value.style.chart.layout.wheel.ticks.shadeColorRatio3d)) * t, s = Math.max(0, Math.min(255, Math.round(r * o))), c = Math.max(0, Math.min(255, Math.round(i * o))), l = Math.max(0, Math.min(255, Math.round(a * o)));
 			return `#${s.toString(16).padStart(2, "0")}${c.toString(16).padStart(2, "0")}${l.toString(16).padStart(2, "0")}`;
 		}
-		function yt({ cx: e, cy: t, radius: r, innerRatio: i = .8, count: a = 120, startDeg: o = 0, axDeg: s = 50, f: c = 520, baseStroke: l = 5, activeColor: u, inactiveColor: d, getActive: f }) {
-			let p = s * Math.PI / 180, m = r, h = r * i, g = [];
-			for (let r = 0; r < a; r += 1) {
-				let i = (r / a * 360 + o) * Math.PI / 180, s = e + m * Math.cos(i), _ = t + m * Math.sin(i), v = e + h * Math.cos(i), y = t + h * Math.sin(i), b = [
+		function yt({ cx: e, cy: t, radius: n, innerRatio: r = .8, count: i = 120, startDeg: o = 0, axDeg: s = 50, f: c = 520, baseStroke: l = 5, activeColor: u, inactiveColor: d, getActive: f }) {
+			let p = s * Math.PI / 180, m = n, h = n * r, g = [];
+			for (let n = 0; n < i; n += 1) {
+				let r = (n / i * 360 + o) * Math.PI / 180, s = e + m * Math.cos(r), _ = t + m * Math.sin(r), v = e + h * Math.cos(r), y = t + h * Math.sin(r), b = [
 					s - e,
 					_ - t,
 					0
@@ -257,9 +257,9 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 					ne,
 					re,
 					ie
-				], c), oe = e + C, se = t + w, ce = e + E, O = t + D, le = (Math.max(S, ie) - -m * Math.sin(p)) / (2 * m * Math.sin(p) || 1), k = f ? f(r) : !0, A = H.value.style.chart.layout.wheel.ticks.gradient.show ? n(u, r * Q.value / Z.value * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : u, j = vt(k ? A : d, le), ue = Math.max(1.25, l * T * (Math.min(W.value.width, W.value.height) / 360));
+				], c), oe = e + C, se = t + w, ce = e + E, O = t + D, le = (Math.max(S, ie) - -m * Math.sin(p)) / (2 * m * Math.sin(p) || 1), k = f ? f(n) : !0, A = H.value.style.chart.layout.wheel.ticks.gradient.show ? a(u, n * Q.value / Z.value * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : u, j = vt(k ? A : d, le), ue = Math.max(1.25, l * T * (Math.min(W.value.width, W.value.height) / 360));
 				g.push({
-					i: r,
+					i: n,
 					x1: oe,
 					y1: se,
 					x2: ce,
@@ -273,7 +273,7 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 		}
 		let bt = w(() => {
 			if (!H.value.layout === "3d") return null;
-			let e = Z.value, t = H.value.style.chart.layout.wheel.ticks.gradient.show ? n(H.value.style.chart.layout.wheel.ticks.activeColor, 0) : H.value.style.chart.layout.wheel.ticks.activeColor, r = H.value.style.chart.layout.wheel.ticks.inactiveColor, i = H.value.style.chart.layout.wheel.ticks.strokeWidth;
+			let e = Z.value, t = H.value.style.chart.layout.wheel.ticks.gradient.show ? a(H.value.style.chart.layout.wheel.ticks.activeColor, 0) : H.value.style.chart.layout.wheel.ticks.activeColor, n = H.value.style.chart.layout.wheel.ticks.inactiveColor, r = H.value.style.chart.layout.wheel.ticks.strokeWidth;
 			return yt({
 				cx: K.value.centerX,
 				cy: K.value.centerY,
@@ -283,9 +283,9 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 				startDeg: -90,
 				axDeg: H.value.style.chart.layout.wheel.tiltAngle3d,
 				f: Math.min(W.value.width, W.value.height) * 1.45,
-				baseStroke: i,
+				baseStroke: r,
 				activeColor: t,
-				inactiveColor: r,
+				inactiveColor: n,
 				getActive: (e) => q.value > e * Q.value
 			});
 		});
@@ -371,14 +371,14 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 				s: d
 			};
 		}
-		function Tt({ cx: e, cy: t, radius: r, innerRatio: i = .8, count: a = 120, startDeg: o = -87, axDeg: s = 45, f: c = 600, activeColor: l, inactiveColor: u, getActive: d, Y: f = 0 }) {
-			let p = s * Math.PI / 180, m = r, h = r * i, g = 2 * Math.PI / a, _ = [];
-			for (let r = 0; r < a; r += 1) {
-				let i = o * Math.PI / 180 + g * r, s = i + g * Math.min(1, H.value.style.chart.layout.wheel.ticks.spacingRatio3d), v = wt({
+		function Tt({ cx: e, cy: t, radius: n, innerRatio: r = .8, count: i = 120, startDeg: o = -87, axDeg: s = 45, f: c = 600, activeColor: l, inactiveColor: u, getActive: d, Y: f = 0 }) {
+			let p = s * Math.PI / 180, m = n, h = n * r, g = 2 * Math.PI / i, _ = [];
+			for (let n = 0; n < i; n += 1) {
+				let r = o * Math.PI / 180 + g * n, s = r + g * Math.min(1, H.value.style.chart.layout.wheel.ticks.spacingRatio3d), v = wt({
 					cx: e,
 					cy: t + f,
 					r: m,
-					aRad: i,
+					aRad: r,
 					ax: p,
 					f: c
 				}), y = wt({
@@ -399,15 +399,15 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 					cx: e,
 					cy: t + f,
 					r: h,
-					aRad: i,
+					aRad: r,
 					ax: p,
 					f: c
-				}), ee = (v.z + y.z + x.z + b.z) / 4, te = vt(!d || d(r) ? H.value.style.chart.layout.wheel.ticks.gradient.show ? n(H.value.style.chart.layout.wheel.ticks.activeColor, 100 / a * r / 100 * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : l : u, (() => {
+				}), ee = (v.z + y.z + x.z + b.z) / 4, te = vt(!d || d(n) ? H.value.style.chart.layout.wheel.ticks.gradient.show ? a(H.value.style.chart.layout.wheel.ticks.activeColor, 100 / i * n / 100 * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : l : u, (() => {
 					let e = m * Math.sin(p) || 1;
 					return (ee - -e) / (2 * e);
 				})()), S = `M ${v.x} ${v.y} L ${y.x} ${y.y} L ${b.x} ${b.y} L ${x.x} ${x.y} Z`;
 				_.push({
-					i: r,
+					i: n,
 					d: S,
 					fill: te,
 					z: ee
@@ -443,17 +443,17 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 		let Z = w(() => (H.value.debug && H.value.style.chart.layout.wheel.ticks.quantity < 12 && console.warn("VueUiWheel - The min number of ticks is 12"), H.value.debug && H.value.style.chart.layout.wheel.ticks.quantity > 200 && console.warn("VueUiWheel - The max number of ticks is 200"), Math.max(12, Math.min(H.value.style.chart.layout.wheel.ticks.quantity, 200)))), Q = w(() => 100 / Z.value), Ot = w(() => {
 			let e = [];
 			for (let t = 0; t < Z.value; t += 1) {
-				let r = q.value > t * Q.value ? H.value.style.chart.layout.wheel.ticks.activeColor : H.value.style.chart.layout.wheel.ticks.inactiveColor, { x: i, y: a } = pt(W.value.size / Z.value * t), { x: o, y: s } = pt(W.value.size / Z.value * t, H.value.style.chart.layout.wheel.ticks.sizeRatio);
+				let n = q.value > t * Q.value ? H.value.style.chart.layout.wheel.ticks.activeColor : H.value.style.chart.layout.wheel.ticks.inactiveColor, { x: r, y: i } = pt(W.value.size / Z.value * t), { x: o, y: s } = pt(W.value.size / Z.value * t, H.value.style.chart.layout.wheel.ticks.sizeRatio);
 				e.push({
-					x1: i,
-					y1: a,
+					x1: r,
+					y1: i,
 					x2: o,
 					y2: s,
-					color: H.value.style.chart.layout.wheel.ticks.gradient.show ? n(r, t * Q.value / Z.value * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : r
+					color: H.value.style.chart.layout.wheel.ticks.gradient.show ? a(n, t * Q.value / Z.value * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : n
 				});
 			}
 			return e;
-		}), kt = w(() => t({ series: Ot.value.map((e) => ({
+		}), kt = w(() => d({ series: Ot.value.map((e) => ({
 			name: "",
 			value: 1,
 			color: e.color
@@ -528,8 +528,8 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 				dataset: U.value
 			}));
 		}
-		let Wt = w(() => `${B.value}-title`), Gt = w(() => `${B.value}-desc`), Kt = w(() => l(H.value.style.chart.layout.percentage.formatter, d(q.value), r({
-			v: d(q.value),
+		let Wt = w(() => `${B.value}-title`), Gt = w(() => `${B.value}-desc`), Kt = w(() => c(H.value.style.chart.layout.percentage.formatter, u(q.value), r({
+			v: u(q.value),
 			s: "%",
 			r: H.value.style.chart.layout.percentage.rounding
 		}))), qt = w(() => H.value.style.chart.title.text || ""), Jt = w(() => nt.value ? "..." : `${Kt.value}`);
@@ -541,7 +541,7 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 			toggleAnnotator: Nt,
 			toggleFullscreen: jt,
 			copyAlt: Ut
-		}), (e, t) => (M(), D("div", {
+		}), (e, n) => (M(), D("div", {
 			class: k(["vue-ui-wheel", {
 				"vue-data-ui-component": !0,
 				"vue-ui-wheel-3d-wrap": H.value.layout === "3d"
@@ -550,8 +550,8 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 			ref: V,
 			id: B.value,
 			style: j(`font-family:${H.value.style.fontFamily};width:100%; text-align:center;background:${H.value.style.chart.backgroundColor};${H.value.responsive ? "height:100%" : ""}`),
-			onMouseenter: t[0] ||= () => I(it)(!0),
-			onMouseleave: t[1] ||= () => I(it)(!1)
+			onMouseenter: n[0] ||= () => I(it)(!0),
+			onMouseleave: n[1] ||= () => I(it)(!1)
 		}, [
 			H.value.userOptions.buttons.annotator ? (M(), T(I(Re), {
 				key: 0,
@@ -713,7 +713,7 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 			(M(), D("svg", {
 				ref_key: "svgRef",
 				ref: ot,
-				xmlns: I(u),
+				xmlns: I(l),
 				class: k({
 					"vue-data-ui-fullscreen--on": At.value,
 					"vue-data-ui-fulscreen--off": !At.value,
@@ -753,18 +753,18 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 					"stroke-width": H.value.style.chart.layout.innerCircle.strokeWidth,
 					fill: "none"
 				}, null, 8, we)) : E("", !0),
-				H.value.layout === "3d" ? (M(), D(C, { key: 3 }, [H.value.style.chart.layout.wheel.ticks.type === "classic" ? (M(), D("g", Te, [(M(!0), D(C, null, P($.value, (e) => (M(), D("g", null, [(M(!0), D(C, null, P(bt.value || [], (t) => (M(), D("line", {
-					key: t.i,
-					x1: t.x1,
-					y1: t.y1 - e,
-					x2: t.x2,
-					y2: t.y2 - e,
-					stroke: I(o)(t.color, .25 * e / 5),
+				H.value.layout === "3d" ? (M(), D(C, { key: 3 }, [H.value.style.chart.layout.wheel.ticks.type === "classic" ? (M(), D("g", Te, [(M(!0), D(C, null, P($.value, (e) => (M(), D("g", null, [(M(!0), D(C, null, P(bt.value || [], (n) => (M(), D("line", {
+					key: n.i,
+					x1: n.x1,
+					y1: n.y1 - e,
+					x2: n.x2,
+					y2: n.y2 - e,
+					stroke: I(t)(n.color, .25 * e / 5),
 					"stroke-width": H.value.style.chart.layout.wheel.ticks.strokeWidth / 360 * Math.min(W.value.width, W.value.height),
 					"stroke-linecap": H.value.style.chart.layout.wheel.ticks.rounded ? "round" : "butt",
 					class: k({
 						"vue-ui-wheel-tick": !0,
-						"vue-ui-tick-animated": H.value.style.chart.animation.use && !I(R) && t.i * Q.value <= q.value
+						"vue-ui-tick-animated": H.value.style.chart.animation.use && !I(R) && n.i * Q.value <= q.value
 					})
 				}, null, 10, Ee))), 128))]))), 256)), (M(!0), D(C, null, P(bt.value || [], (e) => (M(), D("line", {
 					key: e.i,
@@ -788,17 +788,17 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					class: "vue-ui-wheel-tick"
-				}, null, 8, ke))), 128)), (M(!0), D(C, null, P(Et.value(-e) || [], (t) => (M(), D("path", {
-					key: t.i,
-					d: t.d,
-					fill: I(o)(t.fill, .5 * e / $.value),
+				}, null, 8, ke))), 128)), (M(!0), D(C, null, P(Et.value(-e) || [], (n) => (M(), D("path", {
+					key: n.i,
+					d: n.d,
+					fill: I(t)(n.fill, .5 * e / $.value),
 					stroke: H.value.style.chart.layout.wheel.ticks.stroke,
 					"stroke-width": H.value.style.chart.layout.wheel.ticks.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					class: k({
 						"vue-ui-wheel-tick": !0,
-						"vue-ui-tick-animated-3d": H.value.style.chart.animation.use && !I(R) && t.i * Q.value <= q.value
+						"vue-ui-tick-animated-3d": H.value.style.chart.animation.use && !I(R) && n.i * Q.value <= q.value
 					})
 				}, null, 10, Ae))), 128))]))), 256)), ae("g", null, [(M(!0), D(C, null, P(Et.value(-$.value) || [], (e) => (M(), D("path", {
 					key: e.i,
@@ -853,7 +853,7 @@ var _e = /* @__PURE__ */ e({ default: () => Re }), ve = ["id"], ye = [
 					x: K.value.centerX + H.value.style.chart.layout.percentage.offsetX,
 					y: K.value.centerY + G.value / 3 + H.value.style.chart.layout.percentage.offsetY,
 					"font-size": G.value,
-					fill: H.value.style.chart.layout.wheel.ticks.gradient.show ? I(n)(H.value.style.chart.layout.wheel.ticks.activeColor, q.value / 100 * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : H.value.style.chart.layout.wheel.ticks.activeColor,
+					fill: H.value.style.chart.layout.wheel.ticks.gradient.show ? I(a)(H.value.style.chart.layout.wheel.ticks.activeColor, q.value / 100 * (H.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : H.value.style.chart.layout.wheel.ticks.activeColor,
 					"text-anchor": "middle",
 					"font-weight": H.value.style.chart.layout.percentage.bold ? "bold" : "normal",
 					style: { "font-variant-numeric": "tabluar-nums" },