@gkucmierz/nano-ui 1.2.2 → 1.4.0

package/dist/nano-ui.js

@@ -1,120 +1,218 @@
-import { Teleport as e, Transition as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, nextTick as l, normalizeClass as u, normalizeStyle as d, onUnmounted as f, openBlock as p, reactive as m, ref as h, renderSlot as g, resolveDirective as _, toDisplayString as v, unref as y, watch as b, withCtx as x, withDirectives as S, withKeys as C, withModifiers as w } from "vue";
+import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onMounted as p, onUnmounted as m, openBlock as h, reactive as g, ref as _, renderList as v, renderSlot as y, resolveDirective as b, toDisplayString as x, unref as S, watch as C, withCtx as w, withDirectives as T, withKeys as E, withModifiers as D } from "vue";
+//#region node_modules/@gkucmierz/analytics/dist/analytics.js
+var O = new class {
+	constructor() {
+		this.appId = null, this.serverUrl = null, this.sessionId = null, this.isRealUser = !1, this.sessionActive = !1, this.eventQueue = [], this.botFlags = [];
+	}
+	init(e, t) {
+		this.appId = e, this.serverUrl = t || "", this.checkBotStatus(), this.sessionId = sessionStorage.getItem("analytics_session_id"), this.sessionId || (this.sessionId = this.uuidv4(), sessionStorage.setItem("analytics_session_id", this.sessionId)), sessionStorage.getItem("analytics_session_active") === "true" ? (this.isRealUser = !0, this.activateSession()) : this.setupInteractionListeners(), this.track("pageview", {
+			path: window.location.pathname,
+			referrer: document.referrer
+		}), this.setupUnloadTracking();
+	}
+	checkBotStatus() {
+		typeof navigator > "u" || (navigator.webdriver && this.botFlags.push("webdriver"), window.outerWidth === 0 && window.outerHeight === 0 && this.botFlags.push("zero-dimensions"), /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor) && !window.chrome && this.botFlags.push("missing-chrome-object"), !/Mobi|Android|iPhone|iPad/i.test(navigator.userAgent) && (!navigator.plugins || navigator.plugins.length === 0) && this.botFlags.push("no-plugins-on-desktop"));
+	}
+	setupInteractionListeners() {
+		let e = () => {
+			this.isRealUser || (this.isRealUser = !0, sessionStorage.setItem("analytics_session_active", "true"), this.activateSession(), t());
+		}, t = () => {
+			window.removeEventListener("mousemove", e), window.removeEventListener("keydown", e), window.removeEventListener("scroll", e), window.removeEventListener("touchstart", e);
+		};
+		window.addEventListener("mousemove", e, {
+			once: !0,
+			passive: !0
+		}), window.addEventListener("keydown", e, {
+			once: !0,
+			passive: !0
+		}), window.addEventListener("scroll", e, {
+			once: !0,
+			passive: !0
+		}), window.addEventListener("touchstart", e, {
+			once: !0,
+			passive: !0
+		}), setTimeout(() => {
+			this.isRealUser || (this.botFlags.push("no-interaction-timeout"), this.activateSession(!0));
+		}, 8e3);
+	}
+	activateSession(e = !1) {
+		if (this.sessionActive) return;
+		this.sessionActive = !0;
+		let t = {
+			sessionId: this.sessionId,
+			appId: this.appId,
+			userAgent: navigator.userAgent,
+			screenWidth: window.screen.width,
+			screenHeight: window.screen.height,
+			isBot: e || this.botFlags.length > 0 ? 1 : 0,
+			botFlags: this.botFlags.join(","),
+			startedAt: (/* @__PURE__ */ new Date()).toISOString()
+		};
+		this.send("/api/session", t);
+		let n = [...this.eventQueue];
+		this.eventQueue = [], n.forEach((e) => {
+			this.send("/api/event", e);
+		});
+	}
+	track(e, t = {}) {
+		let n = {
+			sessionId: this.sessionId,
+			eventType: e === "pageview" ? "pageview" : "custom",
+			eventName: e,
+			timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+			metaData: JSON.stringify(t)
+		};
+		this.sessionActive ? this.send("/api/event", n) : this.eventQueue.push(n);
+	}
+	send(e, t) {
+		if (!this.serverUrl) return;
+		let n = `${this.serverUrl}${e}`, r = JSON.stringify(t);
+		try {
+			if (navigator.sendBeacon) {
+				let e = new Blob([r], { type: "application/json" });
+				navigator.sendBeacon(n, e);
+			} else fetch(n, {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: r,
+				keepalive: !0
+			}).catch(() => {});
+		} catch {}
+	}
+	setupUnloadTracking() {
+		let e = Date.now();
+		window.addEventListener("visibilitychange", () => {
+			if (document.visibilityState === "hidden") {
+				let t = Math.round((Date.now() - e) / 1e3);
+				this.track("session_duration", { duration: t });
+			}
+		});
+	}
+	uuidv4() {
+		return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+			var t = Math.random() * 16 | 0;
+			return (e == "x" ? t : t & 3 | 8).toString(16);
+		});
+	}
+}();
+typeof window < "u" && (window.Analytics = O);
+//#endregion
 //#region src/directives/ripple.js
-var T = { mounted(e, t) {
+var k = { mounted(e, t) {
 	e.style.position = "relative", e.style.overflow = "hidden", e.addEventListener("click", function(n) {
 		let r = e.getBoundingClientRect(), i = n.clientX - r.left, a = n.clientY - r.top, o = document.createElement("span"), s = Math.max(r.width, r.height), c = s / 2;
 		o.style.width = o.style.height = `${s}px`, o.style.left = `${i - c}px`, o.style.top = `${a - c}px`, o.classList.add("ripple"), t.value && typeof t.value == "string" && (o.style.backgroundColor = t.value), e.appendChild(o), setTimeout(() => {
 			o.remove();
 		}, 600);
 	});
-} }, E = m({
+} }, A = g({
 	isVisible: !1,
 	text: "",
 	customClass: "",
 	targetRect: null
 });
-function D(e, t) {
+function j(e, t) {
 	if (!t) return;
 	let n = typeof t == "object" ? t.text : t, r = typeof t == "object" && t.class || "";
 	if (!n) return;
 	e.hasAttribute("aria-label") || e.setAttribute("aria-label", n);
 	let i = e.getBoundingClientRect();
-	E.targetRect = {
+	A.targetRect = {
 		top: i.top,
 		left: i.left,
 		width: i.width,
 		bottom: i.bottom,
 		right: i.right
-	}, E.text = n, E.customClass = r, E.isVisible = !0;
+	}, A.text = n, A.customClass = r, A.isVisible = !0;
 }
-typeof window < "u" && window.addEventListener("scroll", O, {
+typeof window < "u" && window.addEventListener("scroll", M, {
 	passive: !0,
 	capture: !0
 });
-function O() {
-	E.isVisible = !1;
+function M() {
+	A.isVisible = !1;
 }
 //#endregion
 //#region src/directives/tooltip.js
-var k = {
+var N = {
 	mounted(e, t) {
 		e._tooltipOptions = t.value;
 		let n = null, r = !1;
 		e._handleMouseEnter = () => {
-			r || D(e, e._tooltipOptions);
+			r || j(e, e._tooltipOptions);
 		}, e._handleMouseLeave = () => {
-			r || O();
+			r || M();
 		}, e._handleFocus = () => {
-			r || D(e, e._tooltipOptions);
+			r || j(e, e._tooltipOptions);
 		}, e._handleBlur = () => {
-			r || O();
+			r || M();
 		}, e._handleTouchStart = () => {
 			r = !0, n && clearTimeout(n), n = setTimeout(() => {
-				D(e, e._tooltipOptions);
+				j(e, e._tooltipOptions);
 			}, 400);
 		}, e._handleTouchEnd = () => {
-			n && clearTimeout(n), O(), setTimeout(() => {
+			n && clearTimeout(n), M(), setTimeout(() => {
 				r = !1;
 			}, 500);
 		}, e._handleTouchCancel = () => {
-			n && clearTimeout(n), O(), setTimeout(() => {
+			n && clearTimeout(n), M(), setTimeout(() => {
 				r = !1;
 			}, 500);
 		}, e._handleContextMenu = (t) => {
 			let n = typeof e._tooltipOptions == "object" ? e._tooltipOptions.text : e._tooltipOptions;
-			r && E.isVisible && E.text === n && t.preventDefault();
+			r && A.isVisible && A.text === n && t.preventDefault();
 		}, e.addEventListener("mouseenter", e._handleMouseEnter), e.addEventListener("mouseleave", e._handleMouseLeave), e.addEventListener("focus", e._handleFocus), e.addEventListener("blur", e._handleBlur), e.addEventListener("touchstart", e._handleTouchStart, { passive: !0 }), e.addEventListener("touchend", e._handleTouchEnd), e.addEventListener("touchmove", e._handleTouchCancel, { passive: !0 }), e.addEventListener("touchcancel", e._handleTouchCancel), e.addEventListener("contextmenu", e._handleContextMenu);
 	},
 	updated(e, t) {
 		e._tooltipOptions = t.value;
 		let n = typeof t.value == "object" ? t.value.text : t.value;
-		E.isVisible && E.text !== n && (e.matches(":hover") || document.activeElement === e) && D(e, t.value);
+		A.isVisible && A.text !== n && (e.matches(":hover") || document.activeElement === e) && j(e, t.value);
 	},
 	unmounted(e) {
-		e._handleMouseEnter && (e.removeEventListener("mouseenter", e._handleMouseEnter), e.removeEventListener("mouseleave", e._handleMouseLeave), e.removeEventListener("focus", e._handleFocus), e.removeEventListener("blur", e._handleBlur), e.removeEventListener("touchstart", e._handleTouchStart), e.removeEventListener("touchend", e._handleTouchEnd), e.removeEventListener("touchmove", e._handleTouchCancel), e.removeEventListener("touchcancel", e._handleTouchCancel), e.removeEventListener("contextmenu", e._handleContextMenu)), O();
+		e._handleMouseEnter && (e.removeEventListener("mouseenter", e._handleMouseEnter), e.removeEventListener("mouseleave", e._handleMouseLeave), e.removeEventListener("focus", e._handleFocus), e.removeEventListener("blur", e._handleBlur), e.removeEventListener("touchstart", e._handleTouchStart), e.removeEventListener("touchend", e._handleTouchEnd), e.removeEventListener("touchmove", e._handleTouchCancel), e.removeEventListener("touchcancel", e._handleTouchCancel), e.removeEventListener("contextmenu", e._handleContextMenu)), M();
 	}
-}, A = /* @__PURE__ */ ((e, t) => {
+}, P = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-})({
+}, F = /* @__PURE__ */ P({
 	__name: "GlobalTooltip",
 	setup(e) {
-		let t = h(null), n = h(0), r = h(0), i = h(0), o = h(!1);
-		return b(() => E.isVisible, async (e) => {
+		let t = _(null), n = _(0), r = _(0), i = _(0), a = _(!1);
+		return C(() => A.isVisible, async (e) => {
 			if (e) {
-				if (await l(), !t.value || !E.targetRect) return;
-				let e = E.targetRect, a = t.value.getBoundingClientRect(), s = window.innerWidth, c = window.innerHeight, u = e.top, d = c - e.bottom, f = e.top - a.height - 8;
-				o.value = !1, (f < 8 || u < a.height + 8 && d > u) && (f = e.bottom + 8, o.value = !0), f + a.height > c - 8 && (f = c - a.height - 8), f < 8 && (f = 8);
-				let p = e.left + e.width / 2, m = p - a.width / 2;
-				m < 8 ? m = 8 : m + a.width > s - 8 && (m = s - a.width - 8);
-				let h = p - (m + a.width / 2), g = a.width / 2 - 12;
+				if (await u(), !t.value || !A.targetRect) return;
+				let e = A.targetRect, o = t.value.getBoundingClientRect(), s = window.innerWidth, c = window.innerHeight, l = e.top, d = c - e.bottom, f = e.top - o.height - 8;
+				a.value = !1, (f < 8 || l < o.height + 8 && d > l) && (f = e.bottom + 8, a.value = !0), f + o.height > c - 8 && (f = c - o.height - 8), f < 8 && (f = 8);
+				let p = e.left + e.width / 2, m = p - o.width / 2;
+				m < 8 ? m = 8 : m + o.width > s - 8 && (m = s - o.width - 8);
+				let h = p - (m + o.width / 2), g = o.width / 2 - 12;
 				h > g && (h = g), h < -g && (h = -g), i.value = h, n.value = m, r.value = f;
 			}
-		}), (e, s) => (p(), a("div", {
+		}), (e, s) => (h(), o("div", {
 			ref_key: "tooltipRef",
 			ref: t,
-			class: u([
+			class: d([
 				"global-tooltip",
 				{
-					visible: y(E).isVisible,
-					"tooltip-bottom": o.value
+					visible: S(A).isVisible,
+					"tooltip-bottom": a.value
 				},
-				y(E).customClass
+				S(A).customClass
 			]),
-			style: d({
+			style: f({
 				transform: `translate(${n.value}px, ${r.value}px)`,
 				"--arrow-offset": `${i.value}px`
 			})
-		}, v(y(E).text), 7));
+		}, x(S(A).text), 7));
 	}
-}, [["__scopeId", "data-v-37c91a21"]]), ee = { class: "nano-modal-title" }, te = {
+}, [["__scopeId", "data-v-37c91a21"]]), I = { class: "nano-modal-title" }, L = {
 	key: 1,
 	class: "nano-modal-body"
-}, j = {
+}, R = {
 	key: 2,
 	class: "nano-modal-footer"
-}, M = { class: "nano-modal-actions" }, N = {
+}, z = { class: "nano-modal-actions" }, B = {
 	__name: "NanoModal",
 	props: {
 		visible: {
@@ -195,80 +293,80 @@ var k = {
 		"ok",
 		"cancel"
 	],
-	setup(m, { emit: y }) {
-		let T = m, E = y, D = h(null), O = h(null), k = h(null), A = h(null), N = h(null), P = h(null), F = h(!1), I = h(!1), L = 0, R = 0, z = 0, B = 0, V = 0, H = 0, U = 0, W = 0, G = n(() => {
+	setup(e, { emit: p }) {
+		let g = e, v = p, S = _(null), O = _(null), k = _(null), A = _(null), j = _(null), M = _(null), N = _(!1), P = _(!1), F = 0, B = 0, ee = 0, te = 0, V = 0, ne = 0, re = 0, ie = 0, ae = r(() => {
 			let e = {};
-			return N.value === null ? (e.maxWidth = typeof T.width == "number" ? `${T.width}px` : T.width, e.width = "100%") : (e.width = `${N.value}px`, e.maxWidth = "none"), P.value === null ? T.height !== "auto" && (e.height = typeof T.height == "number" ? `${T.height}px` : T.height) : (e.height = `${P.value}px`, e.maxHeight = "none"), k.value !== null && A.value !== null && (e.position = "absolute", e.left = `${k.value}px`, e.top = `${A.value}px`, e.transform = "none", e.margin = "0"), e;
-		}), K = (e) => {
-			if (T.draggable && !(e.target.tagName === "BUTTON" || e.target.closest("button"))) {
-				if (F.value = !0, L = e.clientX, R = e.clientY, k.value === null) {
+			return j.value === null ? (e.maxWidth = typeof g.width == "number" ? `${g.width}px` : g.width, e.width = "100%") : (e.width = `${j.value}px`, e.maxWidth = "none"), M.value === null ? g.height !== "auto" && (e.height = typeof g.height == "number" ? `${g.height}px` : g.height) : (e.height = `${M.value}px`, e.maxHeight = "none"), k.value !== null && A.value !== null && (e.position = "absolute", e.left = `${k.value}px`, e.top = `${A.value}px`, e.transform = "none", e.margin = "0"), e;
+		}), oe = (e) => {
+			if (g.draggable && !(e.target.tagName === "BUTTON" || e.target.closest("button"))) {
+				if (N.value = !0, F = e.clientX, B = e.clientY, k.value === null) {
 					let e = O.value.getBoundingClientRect();
-					k.value = e.left, A.value = e.top, N.value === null && (N.value = e.width), P.value === null && (P.value = e.height);
+					k.value = e.left, A.value = e.top, j.value === null && (j.value = e.width), M.value === null && (M.value = e.height);
 				}
-				z = k.value, B = A.value, window.addEventListener("mousemove", q), window.addEventListener("mouseup", J);
+				ee = k.value, te = A.value, window.addEventListener("mousemove", se), window.addEventListener("mouseup", ce);
 			}
-		}, q = (e) => {
-			if (!F.value) return;
-			let t = z + (e.clientX - L), n = B + (e.clientY - R), r = window.innerWidth, i = window.innerHeight, a = O.value.getBoundingClientRect();
+		}, se = (e) => {
+			if (!N.value) return;
+			let t = ee + (e.clientX - F), n = te + (e.clientY - B), r = window.innerWidth, i = window.innerHeight, a = O.value.getBoundingClientRect();
 			t < 0 && (t = 0), n < 0 && (n = 0), t + a.width > r && (t = r - a.width), n + a.height > i && (n = i - a.height), k.value = t, A.value = n;
-		}, J = () => {
-			F.value = !1, window.removeEventListener("mousemove", q), window.removeEventListener("mouseup", J);
-		}, Y = (e) => {
-			if (!T.resizable) return;
-			e.preventDefault(), e.stopPropagation(), I.value = !0, V = e.clientX, H = e.clientY;
+		}, ce = () => {
+			N.value = !1, window.removeEventListener("mousemove", se), window.removeEventListener("mouseup", ce);
+		}, le = (e) => {
+			if (!g.resizable) return;
+			e.preventDefault(), e.stopPropagation(), P.value = !0, V = e.clientX, ne = e.clientY;
 			let t = O.value.getBoundingClientRect();
-			k.value === null && (k.value = t.left, A.value = t.top), U = t.width, W = t.height, window.addEventListener("mousemove", X), window.addEventListener("mouseup", Z);
-		}, X = (e) => {
-			if (!I.value) return;
-			let t = U + (e.clientX - V), n = W + (e.clientY - H);
-			t < T.minWidth && (t = T.minWidth), n < T.minHeight && (n = T.minHeight);
+			k.value === null && (k.value = t.left, A.value = t.top), re = t.width, ie = t.height, window.addEventListener("mousemove", ue), window.addEventListener("mouseup", de);
+		}, ue = (e) => {
+			if (!P.value) return;
+			let t = re + (e.clientX - V), n = ie + (e.clientY - ne);
+			t < g.minWidth && (t = g.minWidth), n < g.minHeight && (n = g.minHeight);
 			let r = window.innerWidth - k.value, i = window.innerHeight - A.value;
-			t > r && (t = r), n > i && (n = i), N.value = t, P.value = n;
-		}, Z = () => {
-			I.value = !1, window.removeEventListener("mousemove", X), window.removeEventListener("mouseup", Z);
-		}, Q = (e) => {
-			T.visible && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), $());
+			t > r && (t = r), n > i && (n = i), j.value = t, M.value = n;
+		}, de = () => {
+			P.value = !1, window.removeEventListener("mousemove", ue), window.removeEventListener("mouseup", de);
+		}, fe = (e) => {
+			g.visible && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), pe());
 		};
-		b(() => T.visible, async (e) => {
-			e ? (k.value = null, A.value = null, N.value = null, P.value = null, document.body.style.overflow = "hidden", window.addEventListener("keydown", Q, { capture: !0 }), await l(), D.value && D.value.focus()) : (document.body.style.overflow = "", window.removeEventListener("keydown", Q, { capture: !0 }), J(), Z());
-		}), f(() => {
-			document.body.style.overflow = "", window.removeEventListener("keydown", Q, { capture: !0 }), J(), Z();
+		C(() => g.visible, async (e) => {
+			e ? (k.value = null, A.value = null, j.value = null, M.value = null, document.body.style.overflow = "hidden", window.addEventListener("keydown", fe, { capture: !0 }), await u(), S.value && S.value.focus()) : (document.body.style.overflow = "", window.removeEventListener("keydown", fe, { capture: !0 }), ce(), de());
+		}), m(() => {
+			document.body.style.overflow = "", window.removeEventListener("keydown", fe, { capture: !0 }), ce(), de();
 		});
-		let $ = () => E("close"), ne = () => {
-			T.closeOnBackdrop && $();
-		}, re = () => E("ok"), ie = () => {
-			E("cancel"), $();
+		let pe = () => v("close"), me = () => {
+			g.closeOnBackdrop && pe();
+		}, he = () => v("ok"), ge = () => {
+			v("cancel"), pe();
 		};
-		return (n, l) => {
-			let f = _("ripple");
-			return p(), r(e, { to: "body" }, [c(t, { name: "nano-modal-fade" }, {
-				default: x(() => [m.visible ? (p(), a("div", {
+		return (r, u) => {
+			let p = b("ripple");
+			return h(), i(t, { to: "body" }, [l(n, { name: "nano-modal-fade" }, {
+				default: w(() => [e.visible ? (h(), o("div", {
 					key: 0,
-					class: u(["nano-modal-overlay", { "nano-glass": m.glassmorphism }]),
-					onClick: w(ne, ["self"]),
-					onKeydown: l[1] ||= C(w((...e) => n.handleEsc && n.handleEsc(...e), ["stop"]), ["esc"]),
+					class: d(["nano-modal-overlay", { "nano-glass": e.glassmorphism }]),
+					onClick: D(me, ["self"]),
+					onKeydown: u[1] ||= E(D((...e) => r.handleEsc && r.handleEsc(...e), ["stop"]), ["esc"]),
 					tabindex: "-1",
 					ref_key: "modalOverlay",
-					ref: D
-				}, [o("div", {
-					class: u(["nano-modal-window", {
-						"is-dragging": F.value,
-						"is-resizing": I.value
+					ref: S
+				}, [s("div", {
+					class: d(["nano-modal-window", {
+						"is-dragging": N.value,
+						"is-resizing": P.value
 					}]),
-					style: d(G.value),
+					style: f(ae.value),
 					ref_key: "modalWindow",
 					ref: O
 				}, [
-					m.showHeader ? (p(), a("div", {
+					e.showHeader ? (h(), o("div", {
 						key: 0,
-						class: u(["nano-modal-header", { "is-draggable": m.draggable }]),
-						onMousedown: K
-					}, [g(n.$slots, "header", {}, () => [o("h2", ee, v(m.title), 1)]), o("button", {
+						class: d(["nano-modal-header", { "is-draggable": e.draggable }]),
+						onMousedown: oe
+					}, [y(r.$slots, "header", {}, () => [s("h2", I, x(e.title), 1)]), s("button", {
 						class: "nano-modal-close-btn",
-						onClick: w($, ["stop"]),
+						onClick: D(pe, ["stop"]),
 						"aria-label": "Close",
-						onMousedown: l[0] ||= w(() => {}, ["stop"])
-					}, [...l[2] ||= [o("svg", {
+						onMousedown: u[0] ||= D(() => {}, ["stop"])
+					}, [...u[2] ||= [s("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						width: "24",
 						height: "24",
@@ -278,51 +376,872 @@ var k = {
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					}, [o("line", {
+					}, [s("line", {
 						x1: "18",
 						y1: "6",
 						x2: "6",
 						y2: "18"
-					}), o("line", {
+					}), s("line", {
 						x1: "6",
 						y1: "6",
 						x2: "18",
 						y2: "18"
-					})], -1)]], 32)], 34)) : i("", !0),
-					m.showBody ? (p(), a("div", te, [g(n.$slots, "body")])) : i("", !0),
-					m.showFooter ? (p(), a("div", j, [g(n.$slots, "footer", {}, () => [o("div", M, [m.showCancel ? S((p(), a("button", {
+					})], -1)]], 32)], 34)) : a("", !0),
+					e.showBody ? (h(), o("div", L, [y(r.$slots, "body")])) : a("", !0),
+					e.showFooter ? (h(), o("div", R, [y(r.$slots, "footer", {}, () => [s("div", z, [e.showCancel ? T((h(), o("button", {
 						key: 0,
 						class: "nano-btn nano-btn-secondary",
-						onClick: ie
-					}, [s(v(m.cancelText), 1)])), [[f]]) : i("", !0), m.showOk ? S((p(), a("button", {
+						onClick: ge
+					}, [c(x(e.cancelText), 1)])), [[p]]) : a("", !0), e.showOk ? T((h(), o("button", {
 						key: 1,
-						class: u(["nano-btn", "nano-btn-" + m.okVariant]),
-						onClick: re
-					}, [s(v(m.okText), 1)], 2)), [[f]]) : i("", !0)])])])) : i("", !0),
-					m.resizable ? (p(), a("div", {
+						class: d(["nano-btn", "nano-btn-" + e.okVariant]),
+						onClick: he
+					}, [c(x(e.okText), 1)], 2)), [[p]]) : a("", !0)])])])) : a("", !0),
+					e.resizable ? (h(), o("div", {
 						key: 3,
 						class: "nano-modal-resizer",
-						onMousedown: Y
-					}, [...l[3] ||= [o("svg", {
+						onMousedown: le
+					}, [...u[3] ||= [s("svg", {
 						width: "10",
 						height: "10",
 						viewBox: "0 0 10 10",
 						fill: "none",
 						xmlns: "http://www.w3.org/2000/svg"
-					}, [o("path", {
+					}, [s("path", {
 						d: "M9 1V9H1",
 						stroke: "currentColor",
 						"stroke-width": "2",
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round"
-					})], -1)]], 32)) : i("", !0)
-				], 6)], 34)) : i("", !0)]),
+					})], -1)]], 32)) : a("", !0)
+				], 6)], 34)) : a("", !0)]),
 				_: 3
 			})]);
 		};
 	}
-}, P = { install(e) {
-	e.directive("ripple", T), e.directive("tooltip", k), e.component("GlobalTooltip", A), e.component("NanoModal", N);
+}, ee = ["viewBox"], te = { key: 0 }, V = [
+	"id",
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+], ne = ["stop-color"], re = ["stop-color"], ie = [
+	"id",
+	"y1",
+	"y2"
+], ae = ["stop-color"], oe = ["stop-color"], se = [
+	"id",
+	"y1",
+	"y2"
+], ce = ["stop-color"], le = ["stop-color"], ue = { key: 1 }, de = ["x", "y"], fe = { key: 2 }, pe = ["d", "fill"], me = ["d", "stroke"], he = ["d", "fill"], ge = ["d", "fill"], _e = ["d", "fill"], ve = ["d", "stroke"], ye = ["d", "fill"], be = ["d", "stroke"], xe = ["d", "stroke-width"], Se = ["transform"], Ce = ["font-size"], we = ["font-size"], Te = ["d", "fill"], Ee = ["d", "stroke"], De = ["d", "fill"], Oe = ["d", "fill"], ke = ["d", "fill"], Ae = ["d", "stroke"], je = ["d", "fill"], Me = ["d", "stroke"], Ne = ["d", "stroke-width"], Pe = ["onMouseenter", "onClick"], Fe = ["d"], Ie = ["d"], Le = ["onMouseenter", "onClick"], Re = ["d", "stroke"], ze = ["y", "fill"], Be = ["onMouseenter", "onClick"], Ve = ["d", "stroke"], He = ["y", "fill"], Ue = /* @__PURE__ */ P({
+	__name: "ThreeDDonutChart",
+	props: {
+		data: {
+			type: Array,
+			required: !0
+		},
+		isExpanded: {
+			type: Boolean,
+			default: !1
+		},
+		hoveredItemId: {
+			type: [String, Number],
+			default: null
+		},
+		centerValue: {
+			type: [String, Number],
+			default: ""
+		},
+		centerLabel: {
+			type: String,
+			default: ""
+		},
+		emptyText: {
+			type: String,
+			default: ""
+		},
+		currentLowFxMode: {
+			type: Boolean,
+			default: !1
+		},
+		immediate: {
+			type: Boolean,
+			default: !1
+		},
+		rotationAngle: {
+			type: Number,
+			default: -90
+		},
+		autoRotate: {
+			type: Boolean,
+			default: !1
+		},
+		slopeRatio: {
+			type: Number,
+			default: .5
+		},
+		aggregateOthers: {
+			type: Boolean,
+			default: !1
+		},
+		othersThreshold: {
+			type: Number,
+			default: .01
+		},
+		othersLabel: {
+			type: String,
+			default: "Other"
+		},
+		othersColor: {
+			type: String,
+			default: "#64748b"
+		},
+		valueDecimals: {
+			type: Number,
+			default: void 0
+		},
+		selectedItemId: {
+			type: [String, Number],
+			default: null
+		},
+		selectable: {
+			type: Boolean,
+			default: !1
+		},
+		is3D: {
+			type: Boolean,
+			default: !0
+		},
+		showLabels: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:hoveredItemId", "update:selectedItemId"],
+	setup(t, { expose: n, emit: i }) {
+		let c = t, l = i, g = null, y = _(null), b = _(null), S = r({
+			get() {
+				return c.selectedItemId !== void 0 && c.selectedItemId !== null ? c.selectedItemId : b.value;
+			},
+			set(e) {
+				b.value = e, l("update:selectedItemId", e);
+			}
+		}), w = r(() => j.value ? null : y.value === null ? c.selectable ? S.value : null : y.value), T = !1, E = (e) => {
+			!c.selectable || j.value || (T = !0, S.value === e ? S.value = null : S.value = e);
+		}, D = (e) => {
+			j.value || (y.value = e);
+		}, O = _(null), k = (e) => {
+			if (c.selectable) {
+				if (T) {
+					T = !1;
+					return;
+				}
+				O.value && O.value.contains(e.target) && (S.value = null);
+			}
+		}, A = _([]), j = r(() => (c.data || []).filter((e) => e.value > .001).length <= 1), M = [
+			"#3b82f6",
+			"#10b981",
+			"#a855f7",
+			"#f59e0b",
+			"#ec4899",
+			"#14b8a6",
+			"#f43f5e",
+			"#6366f1"
+		], N = (e, t = .6) => {
+			if (!e) return "#000000";
+			let n = 0, r = 0, i = 0, a = 1;
+			if (e.startsWith("#")) {
+				let t = e.slice(1);
+				t.length === 3 ? (n = parseInt(t[0] + t[0], 16), r = parseInt(t[1] + t[1], 16), i = parseInt(t[2] + t[2], 16)) : t.length === 6 && (n = parseInt(t.slice(0, 2), 16), r = parseInt(t.slice(2, 4), 16), i = parseInt(t.slice(4, 6), 16));
+			} else if (e.startsWith("rgb")) {
+				let t = e.match(/\d+(\.\d+)?/g);
+				t && (n = parseInt(t[0]), r = parseInt(t[1]), i = parseInt(t[2]), t[3] && (a = parseFloat(t[3])));
+			} else return e;
+			return n = Math.floor(n * t), r = Math.floor(r * t), i = Math.floor(i * t), `rgba(${n}, ${r}, ${i}, ${a})`;
+		}, P = (e, t = 1.2) => {
+			if (!e) return "#ffffff";
+			let n = 0, r = 0, i = 0, a = 1;
+			if (e.startsWith("#")) {
+				let t = e.slice(1);
+				t.length === 3 ? (n = parseInt(t[0] + t[0], 16), r = parseInt(t[1] + t[1], 16), i = parseInt(t[2] + t[2], 16)) : t.length === 6 && (n = parseInt(t.slice(0, 2), 16), r = parseInt(t.slice(2, 4), 16), i = parseInt(t.slice(4, 6), 16));
+			} else if (e.startsWith("rgb")) {
+				let t = e.match(/\d+(\.\d+)?/g);
+				t && (n = parseInt(t[0]), r = parseInt(t[1]), i = parseInt(t[2]), t[3] && (a = parseFloat(t[3])));
+			} else return e;
+			return n = Math.min(255, Math.floor(n * t)), r = Math.min(255, Math.floor(r * t)), i = Math.min(255, Math.floor(i * t)), `rgba(${n}, ${r}, ${i}, ${a})`;
+		}, F = (e, t) => e.color ? e.color : M[t % M.length], I = (e, t, n, r) => {
+			if (e.length === 0) return;
+			e.sort((e, t) => e.desiredY - t.desiredY);
+			for (let t = 1; t < e.length; t++) e[t].finalY < e[t - 1].finalY + 15 && (e[t].finalY = e[t - 1].finalY + 15);
+			let i = n - 15;
+			if (e[e.length - 1].finalY > i) {
+				e[e.length - 1].finalY = i;
+				for (let t = e.length - 2; t >= 0; t--) e[t].finalY > e[t + 1].finalY - 15 && (e[t].finalY = e[t + 1].finalY - 15);
+			}
+			if (e[0].finalY < 15) {
+				e[0].finalY = 15;
+				for (let t = 1; t < e.length; t++) e[t].finalY < e[t - 1].finalY + 15 && (e[t].finalY = e[t - 1].finalY + 15);
+			}
+		}, L = (e) => typeof e == "number" ? c.valueDecimals !== void 0 && c.valueDecimals !== null ? e.toFixed(c.valueDecimals) : Number(e.toFixed(10)) : e, R = (e, t = 15) => e ? e.length > t ? e.slice(0, t - 1) + "…" : e : "", z = (e) => String(e).replace(/[^a-zA-Z0-9_-]/g, "_"), B = r(() => {
+			let e = c.data || [];
+			if (e.length === 0) return [];
+			let t = e.reduce((e, t) => e + (t.value || 0), 0);
+			if (!c.aggregateOthers) return e.map((e) => {
+				let n = e.value || 0, r = t > 0 ? Math.round(n / t * 100) : 0;
+				return {
+					...e,
+					percentage: r
+				};
+			});
+			if (t === 0) return e.map((e) => ({
+				...e,
+				percentage: 0
+			}));
+			let n = t * c.othersThreshold, r = [], i = 0;
+			if (e.forEach((e) => {
+				(e.value || 0) < n ? i += e.value || 0 : r.push({ ...e });
+			}), i > 0) {
+				let t = r.findIndex((e) => e.id === "other" || e.name.toLowerCase() === c.othersLabel.toLowerCase());
+				t === -1 ? r.push({
+					id: "other",
+					name: c.othersLabel,
+					value: i,
+					color: c.othersColor,
+					unit: e[0]?.unit || "x"
+				}) : r[t].value += i;
+			}
+			let a = r.reduce((e, t) => e + (t.value || 0), 0);
+			return r.map((e) => {
+				let t = e.value || 0, n = a > 0 ? Math.round(t / a * 100) : 0;
+				return {
+					...e,
+					percentage: n
+				};
+			});
+		}), Ue = r(() => A.value.reduce((e, t) => e + t.value, 0)), We = r(() => {
+			if (c.centerValue !== void 0 && c.centerValue !== "") return c.centerValue;
+			let e = Z.value.find((e) => e.item.id === w.value);
+			return e ? L(e.item.value) : c.valueDecimals === void 0 ? Math.round(Ue.value) : L(Ue.value);
+		}), Ge = r(() => {
+			let e = Z.value.find((e) => e.item.id === w.value);
+			return e ? R(e.item.name, 12).toUpperCase() : (c.centerLabel || "").toUpperCase();
+		}), Ke = (e, t = !1) => {
+			let n = new Map(A.value.map((e) => [e.id, e])), r = new Map(e.map((e) => [e.id, e])), i = [];
+			e.forEach((e) => {
+				let r = n.get(e.id);
+				r ? i.push({
+					id: e.id,
+					name: e.name,
+					value: t ? e.value : r.value,
+					startValue: r.value,
+					targetValue: e.value,
+					startPercentage: r.percentage || 0,
+					targetPercentage: e.percentage || 0,
+					percentage: t ? e.percentage || 0 : r.percentage || 0,
+					color: e.color,
+					unit: e.unit
+				}) : i.push({
+					id: e.id,
+					name: e.name,
+					value: 0,
+					startValue: 0,
+					targetValue: e.value,
+					startPercentage: 0,
+					targetPercentage: e.percentage || 0,
+					percentage: t && e.percentage || 0,
+					color: e.color,
+					unit: e.unit
+				});
+			}), A.value.forEach((e) => {
+				r.has(e.id) || i.push({
+					id: e.id,
+					name: e.name,
+					value: t ? 0 : e.value,
+					startValue: e.value,
+					targetValue: 0,
+					startPercentage: e.percentage || 0,
+					targetPercentage: 0,
+					percentage: t ? 0 : e.percentage || 0,
+					color: e.color,
+					unit: e.unit
+				});
+			}), A.value = i, t && (A.value = A.value.filter((e) => e.targetValue > 0));
+		}, qe = (e, t = -90) => {
+			if (!e || e.length === 0) return t;
+			let n = e.reduce((e, t) => e + (t.value || 0), 0);
+			if (n === 0) return t;
+			let r = 0, i = e.map((e) => {
+				let t = (e.value || 0) / n * Math.PI * 2, i = r + t / 2;
+				return r += t, { originalMidAngleNoRot: i };
+			}), a = t, o = Infinity, s = Infinity;
+			for (let e = -180; e <= 180; e += 2) {
+				let n = e * Math.PI / 180, r = 0, c = 0;
+				i.forEach((e) => {
+					let t = e.originalMidAngleNoRot + n;
+					Math.cos(t) < 0 ? r++ : c++;
+				});
+				let l = Math.abs(r - c), u = Math.abs(e - t);
+				l < o ? (o = l, a = e, s = u) : l === o && u < s && (a = e, s = u);
+			}
+			return a;
+		}, Je = r(() => c.autoRotate && B.value && B.value.length > 0 ? qe(B.value, c.rotationAngle) : c.rotationAngle), H = _(Je.value), Ye = _(!1), Xe = _(!1), Ze = null, U = c.is3D, W = _(c.isExpanded ? 380 : 60), G = _(c.isExpanded ? 160 : 60), K = _(c.isExpanded ? 180 : 48), q = _(c.isExpanded ? U ? 180 * c.slopeRatio : 180 : U ? 48 * c.slopeRatio : 48), Qe = _(c.isExpanded ? 95 : 31), J = _(c.isExpanded ? U ? 95 * c.slopeRatio : 95 : U ? 31 * c.slopeRatio : 31), $e = c.isExpanded && U ? 32 : 0, Y = _(U && c.slopeRatio > .5 ? $e * (2 - 2 * c.slopeRatio) : $e), et = _(c.isExpanded ? 760 : 120), tt = _(c.isExpanded ? 320 : 120), X = _(c.isExpanded && c.showLabels ? 1 : 0), nt = r(() => {
+			let e = (K.value - 48) / 132;
+			return 13 + 6 * Math.max(0, Math.min(1, e));
+		}), rt = r(() => {
+			let e = (K.value - 48) / 132;
+			return 7 + 1.5 * Math.max(0, Math.min(1, e));
+		}), it = r(() => G.value - Y.value / 2), Z = r(() => {
+			let e = A.value, t = Ue.value;
+			if (t === 0) return [];
+			let n = [], r = H.value * Math.PI / 180, i = W.value;
+			G.value;
+			let a = K.value, o = q.value, s = Qe.value, l = J.value, u = Y.value, d = it.value, f = e.filter((e) => e.value > .001);
+			if (f.length === 1) {
+				let t = f[0], n = e.indexOf(t), r = F(t, n), p = `M ${i - a} ${d} A ${a} ${o} 0 0 1 ${i + a} ${d} A ${a} ${o} 0 0 1 ${i - a} ${d} M ${i - s} ${d} A ${s} ${l} 0 0 0 ${i + s} ${d} A ${s} ${l} 0 0 0 ${i - s} ${d} Z`, m = "", h = "";
+				u > 0 && (m = `M ${i + a} ${d} A ${a} ${o} 0 0 1 ${i - a} ${d} L ${i - a} ${d + u} A ${a} ${o} 0 0 0 ${i + a} ${d + u} Z`, h = `M ${i - s} ${d} A ${s} ${l} 0 0 1 ${i + s} ${d} L ${i + s} ${d + u} A ${s} ${l} 0 0 0 ${i - s} ${d + u} Z`);
+				let g = `M ${i - a} ${d} A ${a} ${o} 0 0 1 ${i + a} ${d} L ${i + s} ${d} A ${s} ${l} 0 0 0 ${i - s} ${d} Z`, _ = `M ${i - a} ${d} A ${a} ${o} 0 0 1 ${i + a} ${d} M ${i + s} ${d} A ${s} ${l} 0 0 0 ${i - s} ${d}`, v = h, y = `M ${i + a} ${d} A ${a} ${o} 0 0 1 ${i - a} ${d} L ${i - s} ${d} A ${s} ${l} 0 0 0 ${i + s} ${d} Z`, b = `M ${i + a} ${d} A ${a} ${o} 0 0 1 ${i - a} ${d} M ${i - s} ${d} A ${s} ${l} 0 0 0 ${i + s} ${d}`, x = m, S = H.value * Math.PI / 180 + Math.PI, C = i + a * Math.cos(S), w = d + o * Math.sin(S), T = i + (a + 25) * Math.cos(S), E = d + (o + 35 * c.slopeRatio) * Math.sin(S), D = i + (a + s) / 2 * Math.cos(S), O = d + (o + l) / 2 * Math.sin(S), k = a - s, A = o - l;
+				return [{
+					item: t,
+					index: n,
+					color: r,
+					isSingleSlice: !0,
+					midAngle: 3 * Math.PI / 2,
+					originalMidAngle: S,
+					originalTopPath: g,
+					fullTopPath: p,
+					hoverPath: p,
+					originalOuterWallPath: m,
+					originalInnerWallPath: v,
+					topStrokePath: _,
+					outerWallStrokePath: "",
+					innerWallStrokePath: v,
+					midY: d - o,
+					topPath: g,
+					outerWallPath: "",
+					innerWallPath: v,
+					startCutPath: "",
+					endCutPath: "",
+					x0: C,
+					y0: w,
+					x1: T,
+					y1: E,
+					topGradX1: D - k / 2,
+					topGradY1: O - A / 2,
+					topGradX2: D + k / 2,
+					topGradY2: O + A / 2,
+					wallY1: d,
+					wallY2: d + u
+				}, {
+					item: t,
+					index: n,
+					color: r,
+					isSingleSlice: !0,
+					midAngle: Math.PI / 2,
+					originalMidAngle: S,
+					originalTopPath: y,
+					fullTopPath: p,
+					hoverPath: p,
+					originalOuterWallPath: m,
+					originalInnerWallPath: "",
+					topStrokePath: b,
+					outerWallStrokePath: x,
+					innerWallStrokePath: "",
+					midY: d + o,
+					topPath: y,
+					outerWallPath: x,
+					innerWallPath: "",
+					startCutPath: "",
+					endCutPath: "",
+					x0: C,
+					y0: w,
+					x1: T,
+					y1: E,
+					topGradX1: D - k / 2,
+					topGradY1: O - A / 2,
+					topGradX2: D + k / 2,
+					topGradY2: O + A / 2,
+					wallY1: d,
+					wallY2: d + u
+				}];
+			}
+			return e.forEach((e, f) => {
+				let p = e.value / t * Math.PI * 2;
+				if (p <= 0) return;
+				p >= Math.PI * 2 - .001 && (p = Math.PI * 2 - .001);
+				let m = r, h = r + p, g = m + p / 2, _ = F(e, f), v = i + a * Math.cos(m), y = d + o * Math.sin(m), b = i + a * Math.cos(h), x = d + o * Math.sin(h), S = i + s * Math.cos(h), C = d + l * Math.sin(h), w = i + s * Math.cos(m), T = d + l * Math.sin(m), E = +(p > Math.PI), D = `M ${v} ${y} A ${a} ${o} 0 ${E} 1 ${b} ${x} L ${S} ${C} A ${s} ${l} 0 ${E} 0 ${w} ${T} Z`, O = u > 0 ? `M ${v} ${y} A ${a} ${o} 0 ${E} 1 ${b} ${x} L ${b} ${x + u} A ${a} ${o} 0 ${E} 0 ${v} ${y + u} Z` : "", k = u > 0 ? `M ${w} ${T} A ${s} ${l} 0 ${E} 1 ${S} ${C} L ${S} ${C + u} A ${s} ${l} 0 ${E} 0 ${w} ${T + u} Z` : "", A = ((e) => {
+					let t = e % (Math.PI * 2);
+					return t < 0 && (t += Math.PI * 2), t;
+				})(m), j = A + p, M = [], N = Math.ceil(A / Math.PI), P = Math.floor(j / Math.PI);
+				for (let e = N; e <= P; e++) M.push(e * Math.PI);
+				let I = [{
+					start: A,
+					end: j
+				}];
+				M.forEach((e) => {
+					let t = [];
+					I.forEach((n) => {
+						n.start < e && n.end > e ? (t.push({
+							start: n.start,
+							end: Math.min(n.end, e + 2e-4)
+						}), t.push({
+							start: Math.max(n.start, e - 2e-4),
+							end: n.end
+						})) : t.push(n);
+					}), I = t;
+				}), I.forEach((t) => {
+					let r = t.start, p = t.end, m = (r + p) / 2, h = i + a * Math.cos(r), v = d + o * Math.sin(r), y = i + a * Math.cos(p), b = d + o * Math.sin(p), x = i + s * Math.cos(p), S = d + l * Math.sin(p), C = i + s * Math.cos(r), w = d + l * Math.sin(r), T = +(p - r > Math.PI), E = `M ${h} ${v} A ${a} ${o} 0 ${T} 1 ${y} ${b} L ${x} ${S} A ${s} ${l} 0 ${T} 0 ${C} ${w} Z`, M = Math.abs(p - j) >= .001, N = Math.abs(r - A) >= .001, P = "";
+					M ? (P = `M ${h} ${v} A ${a} ${o} 0 ${T} 1 ${y} ${b} M ${x} ${S} A ${s} ${l} 0 ${T} 0 ${C} ${w}`, N || (P += ` L ${h} ${v}`)) : (P = `M ${h} ${v} A ${a} ${o} 0 ${T} 1 ${y} ${b} L ${x} ${S} A ${s} ${l} 0 ${T} 0 ${C} ${w}`, N || (P += " Z"));
+					let F = "", I = "", L = "", R = "", z = "", B = "";
+					u > 0 && (F = `M ${h} ${v} A ${a} ${o} 0 ${T} 1 ${y} ${b} L ${y} ${b + u} A ${a} ${o} 0 ${T} 0 ${h} ${v + u} Z`, I = `M ${C} ${w} A ${s} ${l} 0 ${T} 1 ${x} ${S} L ${x} ${S + u} A ${s} ${l} 0 ${T} 0 ${C} ${w + u} Z`, M ? (L = `M ${h} ${v} A ${a} ${o} 0 ${T} 1 ${y} ${b} M ${y} ${b + u} A ${a} ${o} 0 ${T} 0 ${h} ${v + u}`, N || (L += ` L ${h} ${v}`)) : (L = `M ${h} ${v} A ${a} ${o} 0 ${T} 1 ${y} ${b} L ${y} ${b + u} A ${a} ${o} 0 ${T} 0 ${h} ${v + u}`, N || (L += " Z")), M ? (R = `M ${C} ${w} A ${s} ${l} 0 ${T} 1 ${x} ${S} M ${x} ${S + u} A ${s} ${l} 0 ${T} 0 ${C} ${w + u}`, N || (R += ` L ${C} ${w}`)) : (R = `M ${C} ${w} A ${s} ${l} 0 ${T} 1 ${x} ${S} L ${x} ${S + u} A ${s} ${l} 0 ${T} 0 ${C} ${w + u}`, N || (R += " Z")), Math.abs(r - A) < .001 && (z = `M ${h} ${v} L ${C} ${w} L ${C} ${w + u} L ${h} ${v + u} Z`), Math.abs(p - j) < .001 && (B = `M ${y} ${b} L ${x} ${S} L ${x} ${S + u} L ${y} ${b + u} Z`));
+					let ee = d + o * Math.sin(m), te = i + a * Math.cos(g), V = d + o * Math.sin(g), ne = i + (a + 25) * Math.cos(g), re = d + (o + 35 * c.slopeRatio) * Math.sin(g), ie = i + (a + s) / 2 * Math.cos(g), ae = d + (o + l) / 2 * Math.sin(g), oe = a - s, se = o - l;
+					n.push({
+						item: e,
+						index: f,
+						color: _,
+						midAngle: m,
+						originalMidAngle: g,
+						originalTopPath: D,
+						originalOuterWallPath: O,
+						originalInnerWallPath: k,
+						topStrokePath: P,
+						outerWallStrokePath: L,
+						innerWallStrokePath: R,
+						midY: ee,
+						topPath: E,
+						outerWallPath: F,
+						innerWallPath: I,
+						startCutPath: z,
+						endCutPath: B,
+						x0: te,
+						y0: V,
+						x1: ne,
+						y1: re,
+						topGradX1: ie - oe / 2,
+						topGradY1: ae - se / 2,
+						topGradX2: ie + oe / 2,
+						topGradY2: ae + se / 2,
+						wallY1: V,
+						wallY2: V + u
+					});
+				}), r += p;
+			}), n.sort((e, t) => {
+				let n = w.value === e.item.id, r = w.value === t.item.id;
+				return n && !r ? 1 : !n && r ? -1 : e.midY - t.midY;
+			});
+		}), at = r(() => {
+			let e = /* @__PURE__ */ new Set(), t = [];
+			return Z.value.forEach((n) => {
+				e.has(n.item.id) || (e.add(n.item.id), t.push(n));
+			}), t;
+		}), ot = (e) => w.value === e.item.id ? { transform: `translate(${10 * Math.cos(e.originalMidAngle)}px, ${10 * Math.sin(e.originalMidAngle)}px)` } : {}, st = r(() => {
+			if (X.value <= .001) return {
+				left: [],
+				right: []
+			};
+			let e = [], t = [];
+			return at.value.forEach((n) => {
+				let r = Math.cos(n.originalMidAngle) < 0, i = Math.sin(n.originalMidAngle) > 0, a = Y.value, o = n.y0 + (i ? a : 0), s = n.y1 + (i ? a : 0), c = {
+					item: n.item,
+					index: n.index,
+					color: n.color,
+					x0: n.x0,
+					y0: o,
+					x1: n.x1,
+					y1: s,
+					desiredY: s,
+					finalY: s,
+					isLeft: r,
+					originalMidAngle: n.originalMidAngle
+				};
+				r ? e.push(c) : t.push(c);
+			}), I(e, 144, 320, 1), I(t, 144, 320, 1), {
+				left: e,
+				right: t
+			};
+		}), ct = r(() => st.value.left), lt = r(() => st.value.right), ut = (e) => {
+			let t = w.value === e.item.id, n = e.x0, r = e.y0, i = e.finalY;
+			if (t) {
+				let t = 10 * Math.cos(e.originalMidAngle || 0), a = 10 * Math.sin(e.originalMidAngle || 0);
+				n += t, r += a, i -= 5;
+			}
+			let a = n + 30 * Math.cos(e.originalMidAngle || 0), o = r + 30 * Math.sin(e.originalMidAngle || 0), s = e.isLeft, c = Math.sin(e.originalMidAngle || 0) < 0, l = W.value, u = K.value, d = s ? l - u - 15 : l + u + 15, f = s ? Math.min(d, a - 30) : Math.max(d, a + 30);
+			return `M ${n} ${r} C ${a} ${o}, ${f} ${c ? Math.min(o, i) : Math.max(o, i)}, ${s ? 90 : 670} ${i}`;
+		}, Q = (e = 450) => {
+			if (c.currentLowFxMode || c.immediate) {
+				A.value.forEach((e) => {
+					e.value = e.targetValue, e.percentage = e.targetPercentage === void 0 ? 0 : e.targetPercentage;
+				}), A.value = A.value.filter((e) => e.targetValue > 0), H.value = Je.value;
+				let e = c.is3D;
+				W.value = c.isExpanded ? 380 : 60, G.value = c.isExpanded ? 160 : 60, K.value = c.isExpanded ? 180 : 48, q.value = c.isExpanded ? e ? 180 * c.slopeRatio : 180 : e ? 48 * c.slopeRatio : 48, Qe.value = c.isExpanded ? 95 : 31, J.value = c.isExpanded ? e ? 95 * c.slopeRatio : 95 : e ? 31 * c.slopeRatio : 31;
+				let t = c.isExpanded && e ? 32 : 0;
+				Y.value = e && c.slopeRatio > .5 ? t * (2 - 2 * c.slopeRatio) : t, et.value = c.isExpanded ? 760 : 120, tt.value = c.isExpanded ? 320 : 120, X.value = c.isExpanded && c.showLabels ? 1 : 0, Ye.value = !1;
+				return;
+			}
+			g && cancelAnimationFrame(g), Ye.value = !0;
+			let t = performance.now(), n = H.value, r = Je.value, i = W.value, a = G.value, o = K.value, s = q.value, l = Qe.value, u = J.value, d = Y.value, f = et.value, p = tt.value, m = X.value, h = c.is3D, _ = c.isExpanded ? 380 : 60, v = c.isExpanded ? 160 : 60, y = c.isExpanded ? 180 : 48, b = c.isExpanded ? h ? 180 * c.slopeRatio : 180 : h ? 48 * c.slopeRatio : 48, x = c.isExpanded ? 95 : 31, S = c.isExpanded ? h ? 95 * c.slopeRatio : 95 : h ? 31 * c.slopeRatio : 31, C = c.isExpanded && h ? 32 : 0, w = h && c.slopeRatio > .5 ? C * (2 - 2 * c.slopeRatio) : C, T = c.isExpanded ? 760 : 120, E = c.isExpanded ? 320 : 120, D = c.isExpanded && c.showLabels ? 1 : 0, O = (c) => {
+				let h = c - t, C = Math.min(1, h / e), k = 1 - (1 - C) ** 3;
+				A.value.forEach((e) => {
+					e.value = e.startValue + (e.targetValue - e.startValue) * k;
+					let t = e.startPercentage === void 0 ? 0 : e.startPercentage, n = e.targetPercentage === void 0 ? 0 : e.targetPercentage;
+					e.percentage = Math.round(t + (n - t) * k);
+				}), H.value = n + (r - n) * k, W.value = i + (_ - i) * k, G.value = a + (v - a) * k, K.value = o + (y - o) * k, q.value = s + (b - s) * k, Qe.value = l + (x - l) * k, J.value = u + (S - u) * k, Y.value = d + (w - d) * k, et.value = f + (T - f) * k, tt.value = p + (E - p) * k, X.value = m + (D - m) * k, C < 1 ? g = requestAnimationFrame(O) : (g = null, A.value.forEach((e) => {
+					e.value = e.targetValue, e.percentage = e.targetPercentage === void 0 ? 0 : e.targetPercentage;
+				}), A.value = A.value.filter((e) => e.targetValue > 0), W.value = _, G.value = v, K.value = y, q.value = b, Qe.value = x, J.value = S, Y.value = w, et.value = T, tt.value = E, X.value = D, Ye.value = !1);
+			};
+			g = requestAnimationFrame(O);
+		}, $ = (e) => {
+			if (e.isSingleSlice) return !0;
+			let t = Z.value, n = -1;
+			for (let r = t.length - 1; r >= 0; r--) if (t[r].item.id === e.item.id) {
+				n = r;
+				break;
+			}
+			return t.indexOf(e) === n;
+		};
+		return C(B, (e) => {
+			let t = c.immediate || c.currentLowFxMode;
+			Ke(e || [], t), t || Q();
+		}, {
+			deep: !0,
+			immediate: !0
+		}), C(() => c.rotationAngle, () => {
+			Xe.value = !0, Ze && clearTimeout(Ze), Ze = setTimeout(() => {
+				Xe.value = !1;
+			}, 100);
+		}), C(Je, (e) => {
+			c.immediate || c.currentLowFxMode ? H.value = e : Q();
+		}), C(() => c.isExpanded, () => {
+			u(() => {
+				Q();
+			});
+		}), C(() => c.is3D, () => {
+			u(() => {
+				Q();
+			});
+		}), C(() => c.showLabels, () => {
+			u(() => {
+				Q();
+			});
+		}), C(() => c.slopeRatio, (e) => {
+			if (c.is3D) {
+				q.value = c.isExpanded ? 180 * e : 48, J.value = c.isExpanded ? 95 * e : 31;
+				let t = c.isExpanded ? 32 : 0;
+				Y.value = e > .5 ? t * (2 - 2 * e) : t;
+			}
+		}), C(() => c.hoveredItemId, (e) => {
+			y.value !== e && (y.value = e);
+		}), C(y, (e) => {
+			c.hoveredItemId !== e && l("update:hoveredItemId", e);
+		}), p(() => {
+			document.addEventListener("click", k), u(() => {
+				Q();
+			});
+		}), m(() => {
+			document.removeEventListener("click", k), g && cancelAnimationFrame(g);
+		}), n({ redraw: () => {
+			g && cancelAnimationFrame(g), g = null, A.value.forEach((e) => {
+				e.value = e.targetValue;
+			}), A.value = A.value.filter((e) => e.targetValue > 0);
+		} }), (n, r) => (h(), o("div", {
+			ref_key: "wrapperRef",
+			ref: O,
+			class: d(["donut-canvas-wrapper", {
+				"is-expanded": t.isExpanded,
+				"no-transitions": Ye.value || Xe.value
+			}])
+		}, [(h(), o("svg", {
+			viewBox: `0 0 ${et.value} ${tt.value}`,
+			class: "items-svg-chart",
+			xmlns: "http://www.w3.org/2000/svg"
+		}, [B.value && B.value.length > 0 ? (h(), o("defs", te, [
+			(h(!0), o(e, null, v(at.value, (e) => (h(), o("linearGradient", {
+				key: "top-grad-" + z(e.item.id),
+				id: "top-grad-" + z(e.item.id),
+				gradientUnits: "userSpaceOnUse",
+				x1: e.topGradX1,
+				y1: e.topGradY1,
+				x2: e.topGradX2,
+				y2: e.topGradY2
+			}, [s("stop", {
+				offset: "0%",
+				"stop-color": P(e.color, 1.15)
+			}, null, 8, ne), s("stop", {
+				offset: "100%",
+				"stop-color": N(e.color, .85)
+			}, null, 8, re)], 8, V))), 128)),
+			(h(!0), o(e, null, v(at.value, (e) => (h(), o("linearGradient", {
+				key: "outer-grad-" + z(e.item.id),
+				id: "outer-grad-" + z(e.item.id),
+				gradientUnits: "userSpaceOnUse",
+				x1: "0",
+				y1: e.wallY1,
+				x2: "0",
+				y2: e.wallY2
+			}, [s("stop", {
+				offset: "0%",
+				"stop-color": N(e.color, .75)
+			}, null, 8, ae), s("stop", {
+				offset: "100%",
+				"stop-color": N(e.color, .5)
+			}, null, 8, oe)], 8, ie))), 128)),
+			(h(!0), o(e, null, v(at.value, (e) => (h(), o("linearGradient", {
+				key: "inner-grad-" + z(e.item.id),
+				id: "inner-grad-" + z(e.item.id),
+				gradientUnits: "userSpaceOnUse",
+				x1: "0",
+				y1: e.wallY1,
+				x2: "0",
+				y2: e.wallY2
+			}, [s("stop", {
+				offset: "0%",
+				"stop-color": N(e.color, .6)
+			}, null, 8, ce), s("stop", {
+				offset: "100%",
+				"stop-color": N(e.color, .4)
+			}, null, 8, le)], 8, se))), 128))
+		])) : a("", !0), !B.value || B.value.length === 0 ? (h(), o("g", ue, [s("text", {
+			x: t.isExpanded ? 380 : 60,
+			y: t.isExpanded ? 160 : 60,
+			fill: "#64748b",
+			"font-size": "12",
+			"font-family": "system-ui, -apple-system, sans-serif",
+			"text-anchor": "middle",
+			"dominant-baseline": "middle"
+		}, x(t.emptyText || "No data"), 9, de)])) : (h(), o("g", fe, [
+			(h(!0), o(e, null, v(Z.value.filter((e) => e.midY < it.value), (e) => (h(), o("g", {
+				key: "slice-sub-back-" + e.item.id + "-" + e.midAngle,
+				class: d(["slice-group-3d", {
+					"is-hovered": w.value === e.item.id,
+					"is-dimmed": w.value !== null && w.value !== e.item.id
+				}]),
+				style: f(ot(e))
+			}, [
+				t.isExpanded && e.innerWallPath ? (h(), o("path", {
+					key: 0,
+					d: e.innerWallPath,
+					fill: `url(#inner-grad-${z(e.item.id)})`
+				}, null, 8, pe)) : a("", !0),
+				t.isExpanded && e.innerWallStrokePath ? (h(), o("path", {
+					key: 1,
+					d: e.innerWallStrokePath,
+					fill: "none",
+					stroke: `url(#inner-grad-${z(e.item.id)})`,
+					"stroke-width": "0.8",
+					"stroke-linejoin": "round"
+				}, null, 8, me)) : a("", !0),
+				t.isExpanded && e.startCutPath ? (h(), o("path", {
+					key: 2,
+					d: e.startCutPath,
+					fill: N(e.color, .65)
+				}, null, 8, he)) : a("", !0),
+				t.isExpanded && e.endCutPath ? (h(), o("path", {
+					key: 3,
+					d: e.endCutPath,
+					fill: N(e.color, .75)
+				}, null, 8, ge)) : a("", !0),
+				t.isExpanded && e.outerWallPath ? (h(), o("path", {
+					key: 4,
+					d: e.outerWallPath,
+					fill: `url(#outer-grad-${z(e.item.id)})`
+				}, null, 8, _e)) : a("", !0),
+				t.isExpanded && e.outerWallStrokePath ? (h(), o("path", {
+					key: 5,
+					d: e.outerWallStrokePath,
+					fill: "none",
+					stroke: `url(#outer-grad-${z(e.item.id)})`,
+					"stroke-width": "0.8",
+					"stroke-linejoin": "round"
+				}, null, 8, ve)) : a("", !0),
+				$(e) ? (h(), o("path", {
+					key: 6,
+					d: e.originalTopPath,
+					fill: `url(#top-grad-${z(e.item.id)})`
+				}, null, 8, ye)) : a("", !0),
+				$(e) ? (h(), o("path", {
+					key: 7,
+					d: e.topStrokePath,
+					fill: "none",
+					stroke: `url(#top-grad-${z(e.item.id)})`,
+					"stroke-width": "0.8",
+					"stroke-linejoin": "round"
+				}, null, 8, be)) : a("", !0),
+				$(e) ? (h(), o("path", {
+					key: 8,
+					d: e.topStrokePath,
+					fill: "none",
+					stroke: "rgba(255, 255, 255, 0.16)",
+					"stroke-width": t.isExpanded ? .8 : .5,
+					"stroke-linejoin": "round"
+				}, null, 8, xe)) : a("", !0)
+			], 6))), 128)),
+			s("g", {
+				transform: `translate(${W.value}, ${G.value})`,
+				class: "center-text-group"
+			}, [s("text", {
+				x: "0",
+				y: "-3",
+				class: "center-text-value",
+				"font-size": nt.value,
+				"font-weight": "bold",
+				"font-family": "'JetBrains Mono', monospace",
+				"text-anchor": "middle",
+				"dominant-baseline": "middle"
+			}, x(We.value), 9, Ce), s("text", {
+				x: "0",
+				y: "10",
+				class: "center-text-label",
+				"font-size": rt.value,
+				"font-family": "system-ui, -apple-system, sans-serif",
+				"font-weight": "600",
+				"text-anchor": "middle",
+				"dominant-baseline": "middle"
+			}, x(Ge.value), 9, we)], 8, Se),
+			(h(!0), o(e, null, v(Z.value.filter((e) => e.midY >= it.value), (e) => (h(), o("g", {
+				key: "slice-sub-front-" + e.item.id + "-" + e.midAngle,
+				class: d(["slice-group-3d", {
+					"is-hovered": w.value === e.item.id,
+					"is-dimmed": w.value !== null && w.value !== e.item.id
+				}]),
+				style: f(ot(e))
+			}, [
+				t.isExpanded && e.innerWallPath ? (h(), o("path", {
+					key: 0,
+					d: e.innerWallPath,
+					fill: `url(#inner-grad-${z(e.item.id)})`
+				}, null, 8, Te)) : a("", !0),
+				t.isExpanded && e.innerWallStrokePath ? (h(), o("path", {
+					key: 1,
+					d: e.innerWallStrokePath,
+					fill: "none",
+					stroke: `url(#inner-grad-${z(e.item.id)})`,
+					"stroke-width": "0.8",
+					"stroke-linejoin": "round"
+				}, null, 8, Ee)) : a("", !0),
+				t.isExpanded && e.startCutPath ? (h(), o("path", {
+					key: 2,
+					d: e.startCutPath,
+					fill: N(e.color, .65)
+				}, null, 8, De)) : a("", !0),
+				t.isExpanded && e.endCutPath ? (h(), o("path", {
+					key: 3,
+					d: e.endCutPath,
+					fill: N(e.color, .75)
+				}, null, 8, Oe)) : a("", !0),
+				t.isExpanded && e.outerWallPath ? (h(), o("path", {
+					key: 4,
+					d: e.outerWallPath,
+					fill: `url(#outer-grad-${z(e.item.id)})`
+				}, null, 8, ke)) : a("", !0),
+				t.isExpanded && e.outerWallStrokePath ? (h(), o("path", {
+					key: 5,
+					d: e.outerWallStrokePath,
+					fill: "none",
+					stroke: `url(#outer-grad-${z(e.item.id)})`,
+					"stroke-width": "0.8",
+					"stroke-linejoin": "round"
+				}, null, 8, Ae)) : a("", !0),
+				$(e) ? (h(), o("path", {
+					key: 6,
+					d: e.originalTopPath,
+					fill: `url(#top-grad-${z(e.item.id)})`
+				}, null, 8, je)) : a("", !0),
+				$(e) ? (h(), o("path", {
+					key: 7,
+					d: e.topStrokePath,
+					fill: "none",
+					stroke: `url(#top-grad-${z(e.item.id)})`,
+					"stroke-width": "0.8",
+					"stroke-linejoin": "round"
+				}, null, 8, Me)) : a("", !0),
+				$(e) ? (h(), o("path", {
+					key: 8,
+					d: e.topStrokePath,
+					fill: "none",
+					stroke: "rgba(255, 255, 255, 0.16)",
+					"stroke-width": t.isExpanded ? .8 : .5,
+					"stroke-linejoin": "round"
+				}, null, 8, Ne)) : a("", !0)
+			], 6))), 128)),
+			(h(!0), o(e, null, v(at.value, (e) => (h(), o("g", {
+				key: "hover-trigger-" + e.item.id,
+				class: "hover-trigger-group",
+				style: f({ cursor: c.selectable && !j.value ? "pointer" : "default" }),
+				onMouseenter: (t) => D(e.item.id),
+				onMouseleave: r[0] ||= (e) => y.value = null,
+				onClick: (t) => E(e.item.id)
+			}, [s("path", {
+				d: e.hoverPath || e.originalTopPath,
+				fill: "transparent"
+			}, null, 8, Fe), e.originalOuterWallPath ? (h(), o("path", {
+				key: 0,
+				d: e.originalOuterWallPath,
+				fill: "transparent"
+			}, null, 8, Ie)) : a("", !0)], 44, Pe))), 128)),
+			s("g", {
+				class: "labels-layer",
+				style: f({
+					opacity: X.value,
+					pointerEvents: X.value > .01 ? "auto" : "none"
+				})
+			}, [(h(!0), o(e, null, v(ct.value, (e, t) => (h(), o("g", {
+				key: "label-left-" + e.item.id,
+				class: d(["label-group", {
+					"is-hovered": w.value === e.item.id,
+					"is-dimmed": w.value !== null && w.value !== e.item.id
+				}]),
+				onMouseenter: (t) => D(e.item.id),
+				onMouseleave: r[1] ||= (e) => y.value = null,
+				onClick: (t) => E(e.item.id),
+				style: f({ cursor: c.selectable && !j.value ? "pointer" : "default" })
+			}, [s("path", {
+				d: ut(e),
+				fill: "none",
+				stroke: e.color,
+				"stroke-width": "1.2"
+			}, null, 8, Re), s("text", {
+				x: "85",
+				y: e.finalY,
+				fill: e.color,
+				"font-size": "11",
+				"font-weight": "600",
+				"font-family": "system-ui, -apple-system, sans-serif",
+				"text-anchor": "end",
+				"dominant-baseline": "middle",
+				style: f(w.value === e.item.id ? "transform: translate(0, -5px);" : "")
+			}, x(R(e.item.name, 24)) + " " + x(L(e.item.value)) + " " + x(e.item.unit || "") + " (" + x(e.item.percentage) + "%) ", 13, ze)], 46, Le))), 128)), (h(!0), o(e, null, v(lt.value, (e, t) => (h(), o("g", {
+				key: "label-right-" + e.item.id,
+				class: d(["label-group", {
+					"is-hovered": w.value === e.item.id,
+					"is-dimmed": w.value !== null && w.value !== e.item.id
+				}]),
+				onMouseenter: (t) => D(e.item.id),
+				onMouseleave: r[2] ||= (e) => y.value = null,
+				onClick: (t) => E(e.item.id),
+				style: f({ cursor: c.selectable && !j.value ? "pointer" : "default" })
+			}, [s("path", {
+				d: ut(e),
+				fill: "none",
+				stroke: e.color,
+				"stroke-width": "1.2"
+			}, null, 8, Ve), s("text", {
+				x: "675",
+				y: e.finalY,
+				fill: e.color,
+				"font-size": "11",
+				"font-weight": "600",
+				"font-family": "system-ui, -apple-system, sans-serif",
+				"text-anchor": "start",
+				"dominant-baseline": "middle",
+				style: f(w.value === e.item.id ? "transform: translate(0, -5px);" : "")
+			}, x(R(e.item.name, 24)) + " " + x(L(e.item.value)) + " " + x(e.item.unit || "") + " (" + x(e.item.percentage) + "%) ", 13, He)], 46, Be))), 128))], 4)
+		]))], 8, ee))], 2));
+	}
+}, [["__scopeId", "data-v-fcf8b2a7"]]);
+//#endregion
+//#region src/index.js
+O.init("nano-ui", "https://analytics.7u.pl");
+var We = { install(e) {
+	e.directive("ripple", k), e.directive("tooltip", N), e.component("GlobalTooltip", F), e.component("NanoModal", B), e.component("ThreeDDonutChart", Ue);
 } };
 //#endregion
-export { A as GlobalTooltip, N as NanoModal, T as Ripple, P as default, O as hideTooltip, D as showTooltip, k as tooltipDirective, E as tooltipState };
+export { F as GlobalTooltip, B as NanoModal, k as Ripple, Ue as ThreeDDonutChart, We as default, M as hideTooltip, j as showTooltip, N as tooltipDirective, A as tooltipState };