@gkucmierz/nano-ui 1.5.0 → 1.5.3

package/dist/nano-ui.css

@@ -1,2 +1,2 @@
-.global-tooltip[data-v-37c91a21]{--nu-tooltip-bg:#0f172af2;--nu-tooltip-color:#f8fafc;--nu-tooltip-radius:8px;--nu-tooltip-padding:8px 14px;--nu-tooltip-shadow:0 8px 24px #0000004d;--nu-tooltip-border:1px solid #ffffff1a;--nu-tooltip-arrow-border:#ffffff1a;z-index:99999;background:var(--nu-tooltip-bg);-webkit-backdrop-filter:blur(8px);color:var(--nu-tooltip-color);padding:var(--nu-tooltip-padding);border-radius:var(--nu-tooltip-radius);text-align:center;white-space:normal;word-wrap:break-word;pointer-events:none;width:max-content;max-width:min(350px,100vw - 32px);box-shadow:var(--nu-tooltip-shadow);border:var(--nu-tooltip-border);opacity:0;visibility:hidden;font-size:.85rem;font-weight:500;line-height:1.4;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translateY(4px)scale(.95)}.global-tooltip[data-v-37c91a21]:after{content:"";left:calc(50% + var(--arrow-offset,0px));background:var(--nu-tooltip-bg);-webkit-backdrop-filter:blur(8px);border-right:1px solid var(--nu-tooltip-arrow-border);border-bottom:1px solid var(--nu-tooltip-arrow-border);clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:0 0 2px;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-5px;transform:rotate(45deg)}.global-tooltip.tooltip-bottom[data-v-37c91a21]:after{border-bottom:none;border-right:none;border-left:1px solid var(--nu-tooltip-arrow-border);border-top:1px solid var(--nu-tooltip-arrow-border);clip-path:polygon(0 0,100% 0,0 100%);border-radius:2px 0 0;top:-5px;bottom:auto}.global-tooltip.visible[data-v-37c91a21]{opacity:1;visibility:visible}:root{--nano-modal-bg:#1e1e24;--nano-modal-glass-bg:#1e1e24d9;--nano-modal-border:#ffffff1a;--nano-modal-text:#fff;--nano-modal-text-muted:#a0a0a0;--nano-modal-backdrop:#0009;--nano-modal-radius:12px;--nano-btn-primary:#3498db;--nano-btn-primary-hover:#2980b9;--nano-btn-secondary:#34495e;--nano-btn-secondary-hover:#2c3e50}.nano-modal-overlay{z-index:99999;background:var(--nano-modal-backdrop);box-sizing:border-box;outline:none;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.nano-modal-overlay.nano-glass{-webkit-backdrop-filter:blur(8px)}.nano-modal-window{background:var(--nano-modal-bg);border:1px solid var(--nano-modal-border);border-radius:var(--nano-modal-radius);max-height:90vh;color:var(--nano-modal-text);flex-direction:column;display:flex;position:relative;box-shadow:0 24px 48px #00000080}.nano-modal-window:not([style*="position: absolute"]){margin:auto}.nano-glass .nano-modal-window{background:var(--nano-modal-glass-bg);-webkit-backdrop-filter:blur(16px)}.nano-modal-header{border-bottom:1px solid var(--nano-modal-border);-webkit-user-select:none;user-select:none;background:#0003;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.nano-modal-header.is-draggable{cursor:grab}.nano-modal-header.is-draggable:active{cursor:grabbing}.nano-modal-title{margin:0;font-size:1.25rem;font-weight:600;line-height:1.4}.nano-modal-close-btn{color:var(--nano-modal-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.nano-modal-close-btn:hover{color:var(--nano-modal-text);background:#ffffff1a}.nano-modal-body{flex:1;padding:24px;overflow-y:auto}.nano-modal-footer{border-top:1px solid var(--nano-modal-border);background:#00000026;justify-content:flex-end;padding:16px 24px;display:flex}.nano-modal-actions{gap:12px;display:flex}.nano-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:.95rem;font-weight:600;transition:all .2s}.nano-btn-primary{background:var(--nano-btn-primary)}.nano-btn-primary:hover{background:var(--nano-btn-primary-hover)}.nano-btn-secondary{background:var(--nano-btn-secondary)}.nano-btn-secondary:hover{background:var(--nano-btn-secondary-hover)}.nano-modal-resizer{cursor:se-resize;width:16px;height:16px;color:var(--nano-modal-text-muted);z-index:10;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;bottom:4px;right:4px}.nano-modal-resizer:hover{color:var(--nano-modal-text)}.nano-modal-fade-enter-active,.nano-modal-fade-leave-active{transition:opacity .25s}.nano-modal-fade-enter-active .nano-modal-window{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.nano-modal-fade-leave-active .nano-modal-window{transition:transform .2s ease-in}.nano-modal-fade-enter-from,.nano-modal-fade-leave-to{opacity:0}.nano-modal-fade-enter-from .nano-modal-window{transform:scale(.9)translateY(10px)}.nano-modal-fade-leave-to .nano-modal-window{transform:scale(.95)translateY(-10px)}.donut-canvas-wrapper[data-v-a055ea0b]{flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;transition:width .45s cubic-bezier(.25,1,.5,1),height .45s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.donut-canvas-wrapper.is-expanded[data-v-a055ea0b]{width:100%;max-width:760px;height:320px}@media (width<=760px){.donut-canvas-wrapper.is-expanded[data-v-a055ea0b]{height:42vw}}.items-svg-chart[data-v-a055ea0b]{width:100%;height:100%;display:block;overflow:visible}.slice-group-3d[data-v-a055ea0b]{cursor:pointer;transition:transform .25s cubic-bezier(.25,1,.5,1),opacity .25s}.slice-group-3d.is-dimmed[data-v-a055ea0b]{opacity:.35}.label-group[data-v-a055ea0b]{transition:opacity .25s}.label-group path[data-v-a055ea0b]{transition:d .25s cubic-bezier(.25,1,.5,1),stroke-width .2s,opacity .2s}.label-group text[data-v-a055ea0b]{transition:transform .25s cubic-bezier(.25,1,.5,1),font-weight .2s,opacity .2s}.label-group.is-hovered path[data-v-a055ea0b]{stroke-width:2.2px}.label-group.is-hovered text[data-v-a055ea0b]{font-weight:700}.label-group.is-dimmed[data-v-a055ea0b]{opacity:.25}.no-transitions .label-group[data-v-a055ea0b],.no-transitions .label-group path[data-v-a055ea0b],.no-transitions .label-group text[data-v-a055ea0b],.no-transitions .slice-group-3d[data-v-a055ea0b]{transition:none!important}.center-text-value[data-v-a055ea0b]{fill:#fff;filter:drop-shadow(0 0 3px #000c)}.center-text-label[data-v-a055ea0b]{fill:#94a3b8;filter:drop-shadow(0 0 2px #000c)}:root[data-theme=light] .center-text-value[data-v-a055ea0b]{fill:#0f172a;filter:drop-shadow(0 0 3px #ffffffe6)}:root[data-theme=light] .center-text-label[data-v-a055ea0b]{fill:#475569;filter:drop-shadow(0 0 2px #ffffffe6)}.nano-scrub-track[data-v-5ed42841]{cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#00e5ff05;border:1px dashed #00e5ff40;border-radius:8px;justify-content:center;align-items:center;width:100%;height:32px;transition:border-color .2s,background-color .2s;display:flex;position:relative;overflow:hidden}.nano-scrub-track[data-v-5ed42841]:hover{background:#00e5ff0a;border-color:#00e5ff66}.nano-scrub-progress[data-v-5ed42841]{pointer-events:none;background:#00e5ff0f;height:100%;position:absolute;top:0;left:0}.nano-scrub-label[data-v-5ed42841]{color:#00e5ff;letter-spacing:.03rem;z-index:1;pointer-events:none;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.nano-scrub-overlay[data-v-5ed42841]{z-index:99999;pointer-events:none;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.nano-scrub-anchor[data-v-5ed42841]{background:#00e5ff;border-radius:50%;width:10px;height:10px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 12px #00e5ff,0 0 24px #00e5ff66}.nano-scrub-svg-line[data-v-5ed42841]{width:100vw;height:100vh;position:fixed;top:0;left:0}.nano-scrub-popup[data-v-5ed42841]{pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af2;border:1px solid #00e5ff59;border-radius:10px;flex-direction:column;gap:6px;min-width:200px;padding:12px 16px;display:flex;position:fixed;box-shadow:0 10px 30px #0009,0 0 20px #00e5ff26}.nano-scrub-popup-title[data-v-5ed42841]{text-transform:uppercase;color:#64748b;letter-spacing:.06rem;font-size:10px;font-weight:700}.nano-scrub-popup-val[data-v-5ed42841]{color:#fff;letter-spacing:.05rem;font-family:monospace;font-size:1.25rem;font-weight:800}.nano-scrub-popup-res[data-v-5ed42841]{color:#00e5ff;font-size:11px;font-weight:700}span.ripple{background-color:var(--nano-ripple-color,#fff6);pointer-events:none;border-radius:50%;animation:.6s linear nano-ripple-anim;position:absolute;transform:scale(0)}@keyframes nano-ripple-anim{to{opacity:0;transform:scale(4)}}
+.global-tooltip[data-v-37c91a21]{--nu-tooltip-bg:#0f172af2;--nu-tooltip-color:#f8fafc;--nu-tooltip-radius:8px;--nu-tooltip-padding:8px 14px;--nu-tooltip-shadow:0 8px 24px #0000004d;--nu-tooltip-border:1px solid #ffffff1a;--nu-tooltip-arrow-border:#ffffff1a;z-index:99999;background:var(--nu-tooltip-bg);-webkit-backdrop-filter:blur(8px);color:var(--nu-tooltip-color);padding:var(--nu-tooltip-padding);border-radius:var(--nu-tooltip-radius);text-align:center;white-space:normal;word-wrap:break-word;pointer-events:none;width:max-content;max-width:min(350px,100vw - 32px);box-shadow:var(--nu-tooltip-shadow);border:var(--nu-tooltip-border);opacity:0;visibility:hidden;font-size:.85rem;font-weight:500;line-height:1.4;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translateY(4px)scale(.95)}.global-tooltip[data-v-37c91a21]:after{content:"";left:calc(50% + var(--arrow-offset,0px));background:var(--nu-tooltip-bg);-webkit-backdrop-filter:blur(8px);border-right:1px solid var(--nu-tooltip-arrow-border);border-bottom:1px solid var(--nu-tooltip-arrow-border);clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:0 0 2px;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-5px;transform:rotate(45deg)}.global-tooltip.tooltip-bottom[data-v-37c91a21]:after{border-bottom:none;border-right:none;border-left:1px solid var(--nu-tooltip-arrow-border);border-top:1px solid var(--nu-tooltip-arrow-border);clip-path:polygon(0 0,100% 0,0 100%);border-radius:2px 0 0;top:-5px;bottom:auto}.global-tooltip.visible[data-v-37c91a21]{opacity:1;visibility:visible}:root{--nano-modal-bg:#1e1e24;--nano-modal-glass-bg:#1e1e24d9;--nano-modal-border:#ffffff1a;--nano-modal-text:#fff;--nano-modal-text-muted:#a0a0a0;--nano-modal-backdrop:#0009;--nano-modal-radius:12px;--nano-btn-primary:#3498db;--nano-btn-primary-hover:#2980b9;--nano-btn-secondary:#34495e;--nano-btn-secondary-hover:#2c3e50}.nano-modal-overlay{z-index:99999;background:var(--nano-modal-backdrop);box-sizing:border-box;outline:none;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.nano-modal-overlay.nano-glass{-webkit-backdrop-filter:blur(8px)}.nano-modal-window{background:var(--nano-modal-bg);border:1px solid var(--nano-modal-border);border-radius:var(--nano-modal-radius);max-height:90vh;color:var(--nano-modal-text);flex-direction:column;display:flex;position:relative;box-shadow:0 24px 48px #00000080}.nano-modal-window:not([style*="position: absolute"]){margin:auto}.nano-glass .nano-modal-window{background:var(--nano-modal-glass-bg);-webkit-backdrop-filter:blur(16px)}.nano-modal-header{border-bottom:1px solid var(--nano-modal-border);-webkit-user-select:none;user-select:none;background:#0003;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.nano-modal-header.is-draggable{cursor:grab}.nano-modal-header.is-draggable:active{cursor:grabbing}.nano-modal-title{margin:0;font-size:1.25rem;font-weight:600;line-height:1.4}.nano-modal-close-btn{color:var(--nano-modal-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.nano-modal-close-btn:hover{color:var(--nano-modal-text);background:#ffffff1a}.nano-modal-body{flex:1;padding:24px;overflow-y:auto}.nano-modal-footer{border-top:1px solid var(--nano-modal-border);background:#00000026;justify-content:flex-end;padding:16px 24px;display:flex}.nano-modal-actions{gap:12px;display:flex}.nano-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:.95rem;font-weight:600;transition:all .2s}.nano-btn-primary{background:var(--nano-btn-primary)}.nano-btn-primary:hover{background:var(--nano-btn-primary-hover)}.nano-btn-secondary{background:var(--nano-btn-secondary)}.nano-btn-secondary:hover{background:var(--nano-btn-secondary-hover)}.nano-modal-resizer{cursor:se-resize;width:16px;height:16px;color:var(--nano-modal-text-muted);z-index:10;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;bottom:4px;right:4px}.nano-modal-resizer:hover{color:var(--nano-modal-text)}.nano-modal-fade-enter-active,.nano-modal-fade-leave-active{transition:opacity .25s}.nano-modal-fade-enter-active .nano-modal-window{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.nano-modal-fade-leave-active .nano-modal-window{transition:transform .2s ease-in}.nano-modal-fade-enter-from,.nano-modal-fade-leave-to{opacity:0}.nano-modal-fade-enter-from .nano-modal-window{transform:scale(.9)translateY(10px)}.nano-modal-fade-leave-to .nano-modal-window{transform:scale(.95)translateY(-10px)}.donut-canvas-wrapper[data-v-f4b6c80f]{flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;transition:width .45s cubic-bezier(.25,1,.5,1),height .45s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.donut-canvas-wrapper.is-expanded[data-v-f4b6c80f]{width:100%;max-width:760px;height:320px}@media (width<=760px){.donut-canvas-wrapper.is-expanded[data-v-f4b6c80f]{height:42vw}}.items-svg-chart[data-v-f4b6c80f]{width:100%;height:100%;display:block;overflow:visible}.slice-group-3d[data-v-f4b6c80f]{cursor:pointer;transition:transform .25s cubic-bezier(.25,1,.5,1),opacity .25s}.slice-group-3d.is-dimmed[data-v-f4b6c80f]{opacity:.35}.label-group[data-v-f4b6c80f]{transition:opacity .25s}.label-group path[data-v-f4b6c80f]{transition:d .25s cubic-bezier(.25,1,.5,1),stroke-width .2s,opacity .2s}.label-group text[data-v-f4b6c80f]{transition:transform .25s cubic-bezier(.25,1,.5,1),font-weight .2s,opacity .2s}.label-group.is-hovered path[data-v-f4b6c80f]{stroke-width:2.2px}.label-group.is-hovered text[data-v-f4b6c80f]{font-weight:700}.label-group.is-dimmed[data-v-f4b6c80f]{opacity:.25}.no-transitions .label-group[data-v-f4b6c80f],.no-transitions .label-group path[data-v-f4b6c80f],.no-transitions .label-group text[data-v-f4b6c80f],.no-transitions .slice-group-3d[data-v-f4b6c80f]{transition:none!important}.center-text-value[data-v-f4b6c80f]{fill:#fff;filter:drop-shadow(0 0 3px #000c)}.center-text-label[data-v-f4b6c80f]{fill:#94a3b8;filter:drop-shadow(0 0 2px #000c)}:root[data-theme=light] .center-text-value[data-v-f4b6c80f]{fill:#0f172a;filter:drop-shadow(0 0 3px #ffffffe6)}:root[data-theme=light] .center-text-label[data-v-f4b6c80f]{fill:#475569;filter:drop-shadow(0 0 2px #ffffffe6)}.nano-scrub-track[data-v-429ba0d9]{cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#00e5ff05;border:1px dashed #00e5ff40;border-radius:8px;justify-content:center;align-items:center;width:100%;height:44px;transition:border-color .2s,background-color .2s;display:flex;position:relative;overflow:hidden}.nano-scrub-track[data-v-429ba0d9]:hover{background:#00e5ff0a;border-color:#00e5ff66}.nano-scrub-progress[data-v-429ba0d9]{pointer-events:none;background:#00e5ff0f;height:100%;position:absolute;top:0;left:0}.nano-scrub-label[data-v-429ba0d9]{color:#00e5ff;letter-spacing:.03rem;z-index:1;pointer-events:none;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.nano-scrub-overlay[data-v-429ba0d9]{z-index:99999;pointer-events:none;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.nano-scrub-anchor[data-v-429ba0d9]{background:#00e5ff;border-radius:50%;width:10px;height:10px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 12px #00e5ff,0 0 24px #00e5ff66}.nano-scrub-svg-line[data-v-429ba0d9]{width:100vw;height:100vh;position:fixed;top:0;left:0}.nano-scrub-popup[data-v-429ba0d9]{pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af2;border:1px solid #00e5ff59;border-radius:10px;flex-direction:column;gap:6px;min-width:200px;padding:12px 16px;display:flex;position:fixed;box-shadow:0 10px 30px #0009,0 0 20px #00e5ff26}.nano-scrub-popup-title[data-v-429ba0d9]{text-transform:uppercase;color:#64748b;letter-spacing:.06rem;font-size:10px;font-weight:700}.nano-scrub-popup-val[data-v-429ba0d9]{color:#fff;letter-spacing:.05rem;font-family:monospace;font-size:1.25rem;font-weight:800}.nano-scrub-popup-res[data-v-429ba0d9]{color:#00e5ff;font-size:11px;font-weight:700}span.ripple{background-color:var(--nano-ripple-color,#fff6);pointer-events:none;border-radius:50%;animation:.6s linear nano-ripple-anim;position:absolute;transform:scale(0)}@keyframes nano-ripple-anim{to{opacity:0;transform:scale(4)}}
 /*$vite$:1*/

package/dist/nano-ui.js

@@ -1,6 +1,6 @@
-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";
+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, mergeProps as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onMounted as m, onUnmounted as h, openBlock as g, reactive as _, ref as v, renderList as y, renderSlot as b, resolveDirective as x, toDisplayString as S, unref as C, watch as w, withCtx as T, withDirectives as E, withKeys as D, withModifiers as O } from "vue";
 //#region node_modules/@gkucmierz/analytics/dist/analytics.js
-var O = new class {
+var k = new class {
 	constructor() {
 		this.appId = null, this.serverUrl = null, this.sessionId = null, this.isRealUser = !1, this.sessionActive = !1, this.eventQueue = [], this.botFlags = [];
 	}
@@ -95,124 +95,124 @@ var O = new class {
 		});
 	}
 }();
-typeof window < "u" && (window.Analytics = O);
+typeof window < "u" && (window.Analytics = k);
 //#endregion
 //#region src/directives/ripple.js
-var k = { mounted(e, t) {
+var A = { 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);
 	});
-} }, A = g({
+} }, j = _({
 	isVisible: !1,
 	text: "",
 	customClass: "",
 	targetRect: null
 });
-function j(e, t) {
+function M(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();
-	A.targetRect = {
+	j.targetRect = {
 		top: i.top,
 		left: i.left,
 		width: i.width,
 		bottom: i.bottom,
 		right: i.right
-	}, A.text = n, A.customClass = r, A.isVisible = !0;
+	}, j.text = n, j.customClass = r, j.isVisible = !0;
 }
-typeof window < "u" && window.addEventListener("scroll", M, {
+typeof window < "u" && window.addEventListener("scroll", N, {
 	passive: !0,
 	capture: !0
 });
-function M() {
-	A.isVisible = !1;
+function N() {
+	j.isVisible = !1;
 }
 //#endregion
 //#region src/directives/tooltip.js
-var N = {
+var P = {
 	mounted(e, t) {
 		e._tooltipOptions = t.value;
 		let n = null, r = !1;
 		e._handleMouseEnter = () => {
-			r || j(e, e._tooltipOptions);
+			r || M(e, e._tooltipOptions);
 		}, e._handleMouseLeave = () => {
-			r || M();
+			r || N();
 		}, e._handleFocus = () => {
-			r || j(e, e._tooltipOptions);
+			r || M(e, e._tooltipOptions);
 		}, e._handleBlur = () => {
-			r || M();
+			r || N();
 		}, e._handleTouchStart = () => {
 			r = !0, n && clearTimeout(n), n = setTimeout(() => {
-				j(e, e._tooltipOptions);
+				M(e, e._tooltipOptions);
 			}, 400);
 		}, e._handleTouchEnd = () => {
-			n && clearTimeout(n), M(), setTimeout(() => {
+			n && clearTimeout(n), N(), setTimeout(() => {
 				r = !1;
 			}, 500);
 		}, e._handleTouchCancel = () => {
-			n && clearTimeout(n), M(), setTimeout(() => {
+			n && clearTimeout(n), N(), setTimeout(() => {
 				r = !1;
 			}, 500);
 		}, e._handleContextMenu = (t) => {
 			let n = typeof e._tooltipOptions == "object" ? e._tooltipOptions.text : e._tooltipOptions;
-			r && A.isVisible && A.text === n && t.preventDefault();
+			r && j.isVisible && j.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;
-		A.isVisible && A.text !== n && (e.matches(":hover") || document.activeElement === e) && j(e, t.value);
+		j.isVisible && j.text !== n && (e.matches(":hover") || document.activeElement === e) && M(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)), M();
+		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)), N();
 	}
-}, P = (e, t) => {
+}, F = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, F = /* @__PURE__ */ P({
+}, I = /* @__PURE__ */ F({
 	__name: "GlobalTooltip",
 	setup(e) {
-		let t = _(null), n = _(0), r = _(0), i = _(0), a = _(!1);
-		return C(() => A.isVisible, async (e) => {
+		let t = v(null), n = v(0), r = v(0), i = v(0), a = v(!1);
+		return w(() => j.isVisible, async (e) => {
 			if (e) {
-				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);
+				if (await d(), !t.value || !j.targetRect) return;
+				let e = j.targetRect, o = t.value.getBoundingClientRect(), s = window.innerWidth, c = window.innerHeight, l = e.top, u = c - e.bottom, f = e.top - o.height - 8;
+				a.value = !1, (f < 8 || l < o.height + 8 && u > 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) => (h(), o("div", {
+		}), (e, s) => (g(), o("div", {
 			ref_key: "tooltipRef",
 			ref: t,
-			class: d([
+			class: f([
 				"global-tooltip",
 				{
-					visible: S(A).isVisible,
+					visible: C(j).isVisible,
 					"tooltip-bottom": a.value
 				},
-				S(A).customClass
+				C(j).customClass
 			]),
-			style: f({
+			style: p({
 				transform: `translate(${n.value}px, ${r.value}px)`,
 				"--arrow-offset": `${i.value}px`
 			})
-		}, x(S(A).text), 7));
+		}, S(C(j).text), 7));
 	}
-}, [["__scopeId", "data-v-37c91a21"]]), I = { class: "nano-modal-title" }, L = {
+}, [["__scopeId", "data-v-37c91a21"]]), L = { class: "nano-modal-title" }, R = {
 	key: 1,
 	class: "nano-modal-body"
-}, R = {
+}, z = {
 	key: 2,
 	class: "nano-modal-footer"
-}, z = { class: "nano-modal-actions" }, B = {
+}, B = { class: "nano-modal-actions" }, V = {
 	__name: "NanoModal",
 	props: {
 		visible: {
@@ -293,79 +293,79 @@ var N = {
 		"ok",
 		"cancel"
 	],
-	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(() => {
+	setup(e, { emit: u }) {
+		let m = e, _ = u, y = v(null), C = v(null), k = v(null), A = v(null), j = v(null), M = v(null), N = v(!1), P = v(!1), F = 0, I = 0, V = 0, ee = 0, H = 0, te = 0, ne = 0, re = 0, ie = r(() => {
 			let e = {};
-			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();
+			return j.value === null ? (e.maxWidth = typeof m.width == "number" ? `${m.width}px` : m.width, e.width = "100%") : (e.width = `${j.value}px`, e.maxWidth = "none"), M.value === null ? m.height !== "auto" && (e.height = typeof m.height == "number" ? `${m.height}px` : m.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;
+		}), ae = (e) => {
+			if (m.draggable && !(e.target.tagName === "BUTTON" || e.target.closest("button"))) {
+				if (N.value = !0, F = e.clientX, I = e.clientY, k.value === null) {
+					let e = C.value.getBoundingClientRect();
 					k.value = e.left, A.value = e.top, j.value === null && (j.value = e.width), M.value === null && (M.value = e.height);
 				}
-				ee = k.value, te = A.value, window.addEventListener("mousemove", se), window.addEventListener("mouseup", ce);
+				V = k.value, ee = A.value, window.addEventListener("mousemove", oe), window.addEventListener("mouseup", se);
 			}
-		}, se = (e) => {
+		}, oe = (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();
+			let t = V + (e.clientX - F), n = ee + (e.clientY - I), r = window.innerWidth, i = window.innerHeight, a = C.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;
-		}, ce = () => {
-			N.value = !1, window.removeEventListener("mousemove", se), window.removeEventListener("mouseup", ce);
+		}, se = () => {
+			N.value = !1, window.removeEventListener("mousemove", oe), window.removeEventListener("mouseup", se);
+		}, ce = (e) => {
+			if (!m.resizable) return;
+			e.preventDefault(), e.stopPropagation(), P.value = !0, H = e.clientX, te = e.clientY;
+			let t = C.value.getBoundingClientRect();
+			k.value === null && (k.value = t.left, A.value = t.top), ne = t.width, re = t.height, window.addEventListener("mousemove", le), window.addEventListener("mouseup", ue);
 		}, 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), 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 t = ne + (e.clientX - H), n = re + (e.clientY - te);
+			t < m.minWidth && (t = m.minWidth), n < m.minHeight && (n = m.minHeight);
 			let r = window.innerWidth - k.value, i = window.innerHeight - A.value;
 			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());
+		}, ue = () => {
+			P.value = !1, window.removeEventListener("mousemove", le), window.removeEventListener("mouseup", ue);
+		}, de = (e) => {
+			m.visible && e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), fe());
 		};
-		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();
+		w(() => m.visible, async (e) => {
+			e ? (k.value = null, A.value = null, j.value = null, M.value = null, document.body.style.overflow = "hidden", window.addEventListener("keydown", de, { capture: !0 }), await d(), y.value && y.value.focus()) : (document.body.style.overflow = "", window.removeEventListener("keydown", de, { capture: !0 }), se(), ue());
+		}), h(() => {
+			document.body.style.overflow = "", window.removeEventListener("keydown", de, { capture: !0 }), se(), ue();
 		});
-		let pe = () => v("close"), me = () => {
-			g.closeOnBackdrop && pe();
-		}, he = () => v("ok"), ge = () => {
-			v("cancel"), pe();
+		let fe = () => _("close"), pe = () => {
+			m.closeOnBackdrop && fe();
+		}, me = () => _("ok"), he = () => {
+			_("cancel"), fe();
 		};
 		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", {
+			let d = x("ripple");
+			return g(), i(t, { to: "body" }, [l(n, { name: "nano-modal-fade" }, {
+				default: T(() => [e.visible ? (g(), o("div", {
 					key: 0,
-					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"]),
+					class: f(["nano-modal-overlay", { "nano-glass": e.glassmorphism }]),
+					onClick: O(pe, ["self"]),
+					onKeydown: u[1] ||= D(O((...e) => r.handleEsc && r.handleEsc(...e), ["stop"]), ["esc"]),
 					tabindex: "-1",
 					ref_key: "modalOverlay",
-					ref: S
+					ref: y
 				}, [s("div", {
-					class: d(["nano-modal-window", {
+					class: f(["nano-modal-window", {
 						"is-dragging": N.value,
 						"is-resizing": P.value
 					}]),
-					style: f(ae.value),
+					style: p(ie.value),
 					ref_key: "modalWindow",
-					ref: O
+					ref: C
 				}, [
-					e.showHeader ? (h(), o("div", {
+					e.showHeader ? (g(), o("div", {
 						key: 0,
-						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: f(["nano-modal-header", { "is-draggable": e.draggable }]),
+						onMousedown: ae
+					}, [b(r.$slots, "header", {}, () => [s("h2", L, S(e.title), 1)]), s("button", {
 						class: "nano-modal-close-btn",
-						onClick: D(pe, ["stop"]),
+						onClick: O(fe, ["stop"]),
 						"aria-label": "Close",
-						onMousedown: u[0] ||= D(() => {}, ["stop"])
+						onMousedown: u[0] ||= O(() => {}, ["stop"])
 					}, [...u[2] ||= [s("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						width: "24",
@@ -387,20 +387,20 @@ var N = {
 						x2: "18",
 						y2: "18"
 					})], -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", {
+					e.showBody ? (g(), o("div", R, [b(r.$slots, "body")])) : a("", !0),
+					e.showFooter ? (g(), o("div", z, [b(r.$slots, "footer", {}, () => [s("div", B, [e.showCancel ? E((g(), o("button", {
 						key: 0,
 						class: "nano-btn nano-btn-secondary",
-						onClick: ge
-					}, [c(x(e.cancelText), 1)])), [[p]]) : a("", !0), e.showOk ? T((h(), o("button", {
-						key: 1,
-						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", {
+					}, [c(S(e.cancelText), 1)])), [[d]]) : a("", !0), e.showOk ? E((g(), o("button", {
+						key: 1,
+						class: f(["nano-btn", "nano-btn-" + e.okVariant]),
+						onClick: me
+					}, [c(S(e.okText), 1)], 2)), [[d]]) : a("", !0)])])])) : a("", !0),
+					e.resizable ? (g(), o("div", {
 						key: 3,
 						class: "nano-modal-resizer",
-						onMousedown: le
+						onMousedown: ce
 					}, [...u[3] ||= [s("svg", {
 						width: "10",
 						height: "10",
@@ -419,7 +419,7 @@ var N = {
 			})]);
 		};
 	}
-}, ee = ["viewBox"], te = { key: 0 }, V = [
+}, ee = ["viewBox"], H = { key: 0 }, te = [
 	"id",
 	"x1",
 	"y1",
@@ -433,7 +433,7 @@ var N = {
 	"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"], H = /* @__PURE__ */ P({
+], 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__ */ F({
 	__name: "ThreeDDonutChart",
 	props: {
 		data: {
@@ -532,26 +532,26 @@ var N = {
 	},
 	emits: ["update:hoveredItemId", "update:selectedItemId"],
 	setup(t, { expose: n, emit: i }) {
-		let c = t, l = i, g = null, y = _(null), b = _(null), S = r({
+		let c = t, l = i, u = null, _ = v(null), b = v(null), x = 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);
+		}), C = r(() => j.value ? null : _.value === null ? c.selectable ? x.value : null : _.value), T = !1, E = (e) => {
+			!c.selectable || j.value || (T = !0, x.value === e ? x.value = null : x.value = e);
 		}, D = (e) => {
-			j.value || (y.value = e);
-		}, O = _(null), k = (e) => {
+			j.value || (_.value = e);
+		}, O = v(null), k = (e) => {
 			if (c.selectable) {
 				if (T) {
 					T = !1;
 					return;
 				}
-				O.value && O.value.contains(e.target) && (S.value = null);
+				O.value && O.value.contains(e.target) && (x.value = null);
 			}
-		}, A = _([]), j = r(() => (c.data || []).filter((e) => e.value > .001).length <= 1), M = [
+		}, A = v([]), j = r(() => (c.data || []).filter((e) => e.value > .001).length <= 1), M = [
 			"#3b82f6",
 			"#10b981",
 			"#a855f7",
@@ -631,12 +631,12 @@ var N = {
 					percentage: n
 				};
 			});
-		}), H = r(() => A.value.reduce((e, t) => e + t.value, 0)), Ue = r(() => {
+		}), V = r(() => A.value.reduce((e, t) => e + t.value, 0)), Ue = r(() => {
 			if (c.centerValue !== void 0 && c.centerValue !== "") return c.centerValue;
-			let e = nt.value.find((e) => e.item.id === w.value);
-			return e ? c.centerValueFormatter ? c.centerValueFormatter(e.item.value, e.item) : L(e.item.value) : c.centerValueFormatter ? c.centerValueFormatter(H.value, null) : c.valueDecimals === void 0 ? Math.round(H.value) : L(H.value);
+			let e = $.value.find((e) => e.item.id === C.value);
+			return e ? c.centerValueFormatter ? c.centerValueFormatter(e.item.value, e.item) : L(e.item.value) : c.centerValueFormatter ? c.centerValueFormatter(V.value, null) : c.valueDecimals === void 0 ? Math.round(V.value) : L(V.value);
 		}), We = r(() => {
-			let e = nt.value.find((e) => e.item.id === w.value);
+			let e = $.value.find((e) => e.item.id === C.value);
 			return e ? R(e.item.name, 12).toUpperCase() : (c.centerLabel || "").toUpperCase();
 		}), Ge = (e, t = !1) => {
 			let n = new Map(A.value.map((e) => [e.id, e])), r = new Map(e.map((e) => [e.id, e])), i = [];
@@ -697,18 +697,18 @@ var N = {
 				l < o ? (o = l, a = e, s = u) : l === o && u < s && (a = e, s = u);
 			}
 			return a;
-		}, qe = r(() => c.autoRotate && B.value && B.value.length > 0 ? Ke(B.value, c.rotationAngle) : c.rotationAngle), U = _(qe.value), W = _(!1), Je = _(!1), Ye = null, G = c.is3D, K = _(c.isExpanded ? 380 : 60), q = _(c.isExpanded ? 160 : 60), J = _(c.isExpanded ? 180 : 48), Y = _(c.isExpanded ? G ? 180 * c.slopeRatio : 180 : G ? 48 * c.slopeRatio : 48), X = _(c.isExpanded ? 180 * (1 - c.thickness) : 48 * (1 - c.thickness)), Z = _(c.isExpanded ? G ? 180 * (1 - c.thickness) * c.slopeRatio : 180 * (1 - c.thickness) : G ? 48 * (1 - c.thickness) * c.slopeRatio : 48 * (1 - c.thickness)), Xe = c.isExpanded && G ? 32 : 0, Q = _(G && c.slopeRatio > .5 ? Xe * (2 - 2 * c.slopeRatio) : Xe), Ze = _(c.isExpanded ? 760 : 120), Qe = _(c.isExpanded ? 320 : 120), $ = _(c.isExpanded && c.showLabels ? 1 : 0), $e = r(() => {
-			let e = (J.value - 48) / 132;
+		}, qe = r(() => c.autoRotate && B.value && B.value.length > 0 ? Ke(B.value, c.rotationAngle) : c.rotationAngle), U = v(qe.value), Je = v(!1), Ye = v(!1), Xe = null, W = c.is3D, G = v(c.isExpanded ? 380 : 60), K = v(c.isExpanded ? 160 : 60), q = v(c.isExpanded ? 180 : 48), J = v(c.isExpanded ? W ? 180 * c.slopeRatio : 180 : W ? 48 * c.slopeRatio : 48), Y = v(c.isExpanded ? 180 * (1 - c.thickness) : 48 * (1 - c.thickness)), X = v(c.isExpanded ? W ? 180 * (1 - c.thickness) * c.slopeRatio : 180 * (1 - c.thickness) : W ? 48 * (1 - c.thickness) * c.slopeRatio : 48 * (1 - c.thickness)), Ze = c.isExpanded && W ? 32 : 0, Z = v(W && c.slopeRatio > .5 ? Ze * (2 - 2 * c.slopeRatio) : Ze), Qe = v(c.isExpanded ? 760 : 120), $e = v(c.isExpanded ? 320 : 120), Q = v(c.isExpanded && c.showLabels ? 1 : 0), et = r(() => {
+			let e = (q.value - 48) / 132;
 			return 13 + 6 * Math.max(0, Math.min(1, e));
-		}), et = r(() => {
-			let e = (J.value - 48) / 132;
+		}), tt = r(() => {
+			let e = (q.value - 48) / 132;
 			return 7 + 1.5 * Math.max(0, Math.min(1, e));
-		}), tt = r(() => q.value - Q.value / 2), nt = r(() => {
-			let e = A.value, t = H.value;
+		}), nt = r(() => K.value - Z.value / 2), $ = r(() => {
+			let e = A.value, t = V.value;
 			if (t === 0) return [];
-			let n = [], r = U.value * Math.PI / 180, i = K.value;
-			q.value;
-			let a = J.value, o = Y.value, s = X.value, l = Z.value, u = Q.value, d = tt.value, f = e.filter((e) => e.value > .001);
+			let n = [], r = U.value * Math.PI / 180, i = G.value;
+			K.value;
+			let a = q.value, o = J.value, s = Y.value, l = X.value, u = Z.value, d = nt.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`);
@@ -806,7 +806,7 @@ var N = {
 					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;
+					let V = d + o * Math.sin(m), ee = i + a * Math.cos(g), H = d + o * Math.sin(g), te = i + (a + 25) * Math.cos(g), ne = d + (o + 35 * c.slopeRatio) * Math.sin(g), re = i + (a + s) / 2 * Math.cos(g), ie = d + (o + l) / 2 * Math.sin(g), ae = a - s, oe = o - l;
 					n.push({
 						item: e,
 						index: f,
@@ -819,41 +819,41 @@ var N = {
 						topStrokePath: P,
 						outerWallStrokePath: L,
 						innerWallStrokePath: R,
-						midY: ee,
+						midY: V,
 						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
+						x0: ee,
+						y0: H,
+						x1: te,
+						y1: ne,
+						topGradX1: re - ae / 2,
+						topGradY1: ie - oe / 2,
+						topGradX2: re + ae / 2,
+						topGradY2: ie + oe / 2,
+						wallY1: H,
+						wallY2: H + u
 					});
 				}), r += p;
 			}), n.sort((e, t) => {
-				let n = w.value === e.item.id, r = w.value === t.item.id;
+				let n = C.value === e.item.id, r = C.value === t.item.id;
 				return n && !r ? 1 : !n && r ? -1 : e.midY - t.midY;
 			});
 		}), rt = r(() => {
 			let e = /* @__PURE__ */ new Set(), t = [];
-			return nt.value.forEach((n) => {
+			return $.value.forEach((n) => {
 				e.has(n.item.id) || (e.add(n.item.id), t.push(n));
 			}), t;
-		}), it = (e) => w.value === e.item.id ? { transform: `translate(${10 * Math.cos(e.originalMidAngle)}px, ${10 * Math.sin(e.originalMidAngle)}px)` } : {}, at = r(() => {
-			if ($.value <= .001) return {
+		}), it = (e) => C.value === e.item.id ? { transform: `translate(${10 * Math.cos(e.originalMidAngle)}px, ${10 * Math.sin(e.originalMidAngle)}px)` } : {}, at = r(() => {
+			if (Q.value <= .001) return {
 				left: [],
 				right: []
 			};
 			let e = [], t = [];
 			return rt.value.forEach((n) => {
-				let r = Math.cos(n.originalMidAngle) < 0, i = Math.sin(n.originalMidAngle) > 0, a = Q.value, o = n.y0 + (i ? a : 0), s = n.y1 + (i ? a : 0), c = {
+				let r = Math.cos(n.originalMidAngle) < 0, i = Math.sin(n.originalMidAngle) > 0, a = Z.value, o = n.y0 + (i ? a : 0), s = n.y1 + (i ? a : 0), c = {
 					item: n.item,
 					index: n.index,
 					color: n.color,
@@ -872,12 +872,12 @@ var N = {
 				right: t
 			};
 		}), ot = r(() => at.value.left), st = r(() => at.value.right), ct = (e) => {
-			let t = w.value === e.item.id, n = e.x0, r = e.y0, i = e.finalY;
+			let t = C.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 = K.value, u = J.value, d = s ? l - u - 15 : l + u + 15, f = s ? Math.min(d, a - 30) : Math.max(d, a + 30);
+			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 = G.value, u = q.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}`;
 		}, lt = (e = 450) => {
 			if (c.currentLowFxMode || c.immediate) {
@@ -885,94 +885,94 @@ var N = {
 					e.value = e.targetValue, e.percentage = e.targetPercentage === void 0 ? 0 : e.targetPercentage;
 				}), A.value = A.value.filter((e) => e.targetValue > 0), U.value = qe.value;
 				let e = c.is3D;
-				K.value = c.isExpanded ? 380 : 60, q.value = c.isExpanded ? 160 : 60, J.value = c.isExpanded ? 180 : 48, Y.value = c.isExpanded ? e ? 180 * c.slopeRatio : 180 : e ? 48 * c.slopeRatio : 48, X.value = c.isExpanded ? 180 * (1 - c.thickness) : 48 * (1 - c.thickness), Z.value = c.isExpanded ? e ? 180 * (1 - c.thickness) * c.slopeRatio : 180 * (1 - c.thickness) : e ? 48 * (1 - c.thickness) * c.slopeRatio : 48 * (1 - c.thickness);
+				G.value = c.isExpanded ? 380 : 60, K.value = c.isExpanded ? 160 : 60, q.value = c.isExpanded ? 180 : 48, J.value = c.isExpanded ? e ? 180 * c.slopeRatio : 180 : e ? 48 * c.slopeRatio : 48, Y.value = c.isExpanded ? 180 * (1 - c.thickness) : 48 * (1 - c.thickness), X.value = c.isExpanded ? e ? 180 * (1 - c.thickness) * c.slopeRatio : 180 * (1 - c.thickness) : e ? 48 * (1 - c.thickness) * c.slopeRatio : 48 * (1 - c.thickness);
 				let t = c.isExpanded && e ? 32 : 0;
-				Q.value = e && c.slopeRatio > .5 ? t * (2 - 2 * c.slopeRatio) : t, Ze.value = c.isExpanded ? 760 : 120, Qe.value = c.isExpanded ? 320 : 120, $.value = c.isExpanded && c.showLabels ? 1 : 0, W.value = !1;
+				Z.value = e && c.slopeRatio > .5 ? t * (2 - 2 * c.slopeRatio) : t, Qe.value = c.isExpanded ? 760 : 120, $e.value = c.isExpanded ? 320 : 120, Q.value = c.isExpanded && c.showLabels ? 1 : 0, Je.value = !1;
 				return;
 			}
-			g && cancelAnimationFrame(g), W.value = !0;
-			let t = performance.now(), n = U.value, r = qe.value, i = K.value, a = q.value, o = J.value, s = Y.value, l = X.value, u = Z.value, d = Q.value, f = Ze.value, p = Qe.value, m = $.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 ? 180 * (1 - c.thickness) : 48 * (1 - c.thickness), S = c.isExpanded ? h ? 180 * (1 - c.thickness) * c.slopeRatio : 180 * (1 - c.thickness) : h ? 48 * (1 - c.thickness) * c.slopeRatio : 48 * (1 - c.thickness), 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;
+			u && cancelAnimationFrame(u), Je.value = !0;
+			let t = performance.now(), n = U.value, r = qe.value, i = G.value, a = K.value, o = q.value, s = J.value, l = Y.value, d = X.value, f = Z.value, p = Qe.value, m = $e.value, h = Q.value, g = c.is3D, _ = c.isExpanded ? 380 : 60, v = c.isExpanded ? 160 : 60, y = c.isExpanded ? 180 : 48, b = c.isExpanded ? g ? 180 * c.slopeRatio : 180 : g ? 48 * c.slopeRatio : 48, x = c.isExpanded ? 180 * (1 - c.thickness) : 48 * (1 - c.thickness), S = c.isExpanded ? g ? 180 * (1 - c.thickness) * c.slopeRatio : 180 * (1 - c.thickness) : g ? 48 * (1 - c.thickness) * c.slopeRatio : 48 * (1 - c.thickness), C = c.isExpanded && g ? 32 : 0, w = g && 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 g = c - t, C = Math.min(1, g / 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);
-				}), U.value = n + (r - n) * k, K.value = i + (_ - i) * k, q.value = a + (v - a) * k, J.value = o + (y - o) * k, Y.value = s + (b - s) * k, X.value = l + (x - l) * k, Z.value = u + (S - u) * k, Q.value = d + (w - d) * k, Ze.value = f + (T - f) * k, Qe.value = p + (E - p) * k, $.value = m + (D - m) * k, C < 1 ? g = requestAnimationFrame(O) : (g = null, A.value.forEach((e) => {
+				}), U.value = n + (r - n) * k, G.value = i + (_ - i) * k, K.value = a + (v - a) * k, q.value = o + (y - o) * k, J.value = s + (b - s) * k, Y.value = l + (x - l) * k, X.value = d + (S - d) * k, Z.value = f + (w - f) * k, Qe.value = p + (T - p) * k, $e.value = m + (E - m) * k, Q.value = h + (D - h) * k, C < 1 ? u = requestAnimationFrame(O) : (u = 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), K.value = _, q.value = v, J.value = y, Y.value = b, X.value = x, Z.value = S, Q.value = w, Ze.value = T, Qe.value = E, $.value = D, W.value = !1);
+				}), A.value = A.value.filter((e) => e.targetValue > 0), G.value = _, K.value = v, q.value = y, J.value = b, Y.value = x, X.value = S, Z.value = w, Qe.value = T, $e.value = E, Q.value = D, Je.value = !1);
 			};
-			g = requestAnimationFrame(O);
+			u = requestAnimationFrame(O);
 		}, ut = (e) => {
 			if (e.isSingleSlice) return !0;
-			let t = nt.value, n = -1;
+			let t = $.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) => {
+		return w(B, (e) => {
 			let t = c.immediate || c.currentLowFxMode;
 			Ge(e || [], t), t || lt();
 		}, {
 			deep: !0,
 			immediate: !0
-		}), C(() => c.rotationAngle, () => {
-			Je.value = !0, Ye && clearTimeout(Ye), Ye = setTimeout(() => {
-				Je.value = !1;
+		}), w(() => c.rotationAngle, () => {
+			Ye.value = !0, Xe && clearTimeout(Xe), Xe = setTimeout(() => {
+				Ye.value = !1;
 			}, 100);
-		}), C(qe, (e) => {
+		}), w(qe, (e) => {
 			c.immediate || c.currentLowFxMode ? U.value = e : lt();
-		}), C(() => c.isExpanded, () => {
-			u(() => {
+		}), w(() => c.isExpanded, () => {
+			d(() => {
 				lt();
 			});
-		}), C(() => c.is3D, () => {
-			u(() => {
+		}), w(() => c.is3D, () => {
+			d(() => {
 				lt();
 			});
-		}), C(() => c.showLabels, () => {
-			u(() => {
+		}), w(() => c.showLabels, () => {
+			d(() => {
 				lt();
 			});
-		}), C(() => c.slopeRatio, (e) => {
+		}), w(() => c.slopeRatio, (e) => {
 			if (c.is3D) {
-				Y.value = c.isExpanded ? 180 * e : 48;
+				J.value = c.isExpanded ? 180 * e : 48;
 				let t = c.isExpanded ? 180 : 48, n = c.isExpanded ? 180 * e : 48;
-				X.value = t * (1 - c.thickness), Z.value = n * (1 - c.thickness);
+				Y.value = t * (1 - c.thickness), X.value = n * (1 - c.thickness);
 				let r = c.isExpanded ? 32 : 0;
-				Q.value = e > .5 ? r * (2 - 2 * e) : r;
+				Z.value = e > .5 ? r * (2 - 2 * e) : r;
 			}
-		}), C(() => c.thickness, (e) => {
+		}), w(() => c.thickness, (e) => {
 			let t = c.is3D, n = c.isExpanded ? 180 : 48, r = c.isExpanded ? t ? 180 * c.slopeRatio : 180 : t ? 48 * c.slopeRatio : 48;
-			X.value = n * (1 - e), Z.value = r * (1 - e);
-		}), C(() => c.hoveredItemId, (e) => {
-			y.value !== e && (y.value = e);
-		}), C(y, (e) => {
+			Y.value = n * (1 - e), X.value = r * (1 - e);
+		}), w(() => c.hoveredItemId, (e) => {
+			_.value !== e && (_.value = e);
+		}), w(_, (e) => {
 			c.hoveredItemId !== e && l("update:hoveredItemId", e);
-		}), p(() => {
-			document.addEventListener("click", k), u(() => {
+		}), m(() => {
+			document.addEventListener("click", k), d(() => {
 				lt();
 			});
-		}), m(() => {
-			document.removeEventListener("click", k), g && cancelAnimationFrame(g);
+		}), h(() => {
+			document.removeEventListener("click", k), u && cancelAnimationFrame(u);
 		}), n({ redraw: () => {
-			g && cancelAnimationFrame(g), g = null, A.value.forEach((e) => {
+			u && cancelAnimationFrame(u), u = null, A.value.forEach((e) => {
 				e.value = e.targetValue;
 			}), A.value = A.value.filter((e) => e.targetValue > 0);
-		} }), (n, r) => (h(), o("div", {
+		} }), (n, r) => (g(), o("div", {
 			ref_key: "wrapperRef",
 			ref: O,
-			class: d(["donut-canvas-wrapper", {
+			class: f(["donut-canvas-wrapper", {
 				"is-expanded": t.isExpanded,
-				"no-transitions": W.value || Je.value
+				"no-transitions": Je.value || Ye.value || t.immediate
 			}])
-		}, [(h(), o("svg", {
-			viewBox: `0 0 ${Ze.value} ${Qe.value}`,
+		}, [(g(), o("svg", {
+			viewBox: `0 0 ${Qe.value} ${$e.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(rt.value, (e) => (h(), o("linearGradient", {
+		}, [B.value && B.value.length > 0 ? (g(), o("defs", H, [
+			(g(!0), o(e, null, y(rt.value, (e) => (g(), o("linearGradient", {
 				key: "top-grad-" + z(e.item.id),
 				id: "top-grad-" + z(e.item.id),
 				gradientUnits: "userSpaceOnUse",
@@ -986,8 +986,8 @@ var N = {
 			}, 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(rt.value, (e) => (h(), o("linearGradient", {
+			}, null, 8, re)], 8, te))), 128)),
+			(g(!0), o(e, null, y(rt.value, (e) => (g(), o("linearGradient", {
 				key: "outer-grad-" + z(e.item.id),
 				id: "outer-grad-" + z(e.item.id),
 				gradientUnits: "userSpaceOnUse",
@@ -1002,7 +1002,7 @@ var N = {
 				offset: "100%",
 				"stop-color": N(e.color, .5)
 			}, null, 8, oe)], 8, ie))), 128)),
-			(h(!0), o(e, null, v(rt.value, (e) => (h(), o("linearGradient", {
+			(g(!0), o(e, null, y(rt.value, (e) => (g(), o("linearGradient", {
 				key: "inner-grad-" + z(e.item.id),
 				id: "inner-grad-" + z(e.item.id),
 				gradientUnits: "userSpaceOnUse",
@@ -1017,7 +1017,7 @@ var N = {
 				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", {
+		])) : a("", !0), !B.value || B.value.length === 0 ? (g(), o("g", ue, [s("text", {
 			x: t.isExpanded ? 380 : 60,
 			y: t.isExpanded ? 160 : 60,
 			fill: "#64748b",
@@ -1025,21 +1025,21 @@ var N = {
 			"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(nt.value.filter((e) => e.midY < tt.value), (e) => (h(), o("g", {
+		}, S(t.emptyText || "No data"), 9, de)])) : (g(), o("g", fe, [
+			(g(!0), o(e, null, y($.value.filter((e) => e.midY < nt.value), (e) => (g(), 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
+				class: f(["slice-group-3d", {
+					"is-hovered": C.value === e.item.id,
+					"is-dimmed": C.value !== null && C.value !== e.item.id
 				}]),
-				style: f(it(e))
+				style: p(it(e))
 			}, [
-				t.isExpanded && e.innerWallPath ? (h(), o("path", {
+				t.isExpanded && e.innerWallPath ? (g(), 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", {
+				t.isExpanded && e.innerWallStrokePath ? (g(), o("path", {
 					key: 1,
 					d: e.innerWallStrokePath,
 					fill: "none",
@@ -1047,22 +1047,22 @@ var N = {
 					"stroke-width": "0.8",
 					"stroke-linejoin": "round"
 				}, null, 8, me)) : a("", !0),
-				t.isExpanded && e.startCutPath ? (h(), o("path", {
+				t.isExpanded && e.startCutPath ? (g(), o("path", {
 					key: 2,
 					d: e.startCutPath,
 					fill: N(e.color, .65)
 				}, null, 8, he)) : a("", !0),
-				t.isExpanded && e.endCutPath ? (h(), o("path", {
+				t.isExpanded && e.endCutPath ? (g(), o("path", {
 					key: 3,
 					d: e.endCutPath,
 					fill: N(e.color, .75)
 				}, null, 8, ge)) : a("", !0),
-				t.isExpanded && e.outerWallPath ? (h(), o("path", {
+				t.isExpanded && e.outerWallPath ? (g(), 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", {
+				t.isExpanded && e.outerWallStrokePath ? (g(), o("path", {
 					key: 5,
 					d: e.outerWallStrokePath,
 					fill: "none",
@@ -1070,12 +1070,12 @@ var N = {
 					"stroke-width": "0.8",
 					"stroke-linejoin": "round"
 				}, null, 8, ve)) : a("", !0),
-				ut(e) ? (h(), o("path", {
+				ut(e) ? (g(), o("path", {
 					key: 6,
 					d: e.originalTopPath,
 					fill: `url(#top-grad-${z(e.item.id)})`
 				}, null, 8, ye)) : a("", !0),
-				ut(e) ? (h(), o("path", {
+				ut(e) ? (g(), o("path", {
 					key: 7,
 					d: e.topStrokePath,
 					fill: "none",
@@ -1083,7 +1083,7 @@ var N = {
 					"stroke-width": "0.8",
 					"stroke-linejoin": "round"
 				}, null, 8, be)) : a("", !0),
-				ut(e) ? (h(), o("path", {
+				ut(e) ? (g(), o("path", {
 					key: 8,
 					d: e.topStrokePath,
 					fill: "none",
@@ -1092,43 +1092,43 @@ var N = {
 					"stroke-linejoin": "round"
 				}, null, 8, xe)) : a("", !0)
 			], 6))), 128)),
-			c.showCenterText ? (h(), o("g", {
+			c.showCenterText ? (g(), o("g", {
 				key: 0,
-				transform: `translate(${K.value}, ${q.value})`,
+				transform: `translate(${G.value}, ${K.value})`,
 				class: "center-text-group"
 			}, [s("text", {
 				x: "0",
 				y: "-3",
 				class: "center-text-value",
-				"font-size": $e.value,
+				"font-size": et.value,
 				"font-weight": "bold",
 				"font-family": "'JetBrains Mono', monospace",
 				"text-anchor": "middle",
 				"dominant-baseline": "middle"
-			}, x(Ue.value), 9, Ce), s("text", {
+			}, S(Ue.value), 9, Ce), s("text", {
 				x: "0",
 				y: "10",
 				class: "center-text-label",
-				"font-size": et.value,
+				"font-size": tt.value,
 				"font-family": "system-ui, -apple-system, sans-serif",
 				"font-weight": "600",
 				"text-anchor": "middle",
 				"dominant-baseline": "middle"
-			}, x(We.value), 9, we)], 8, Se)) : a("", !0),
-			(h(!0), o(e, null, v(nt.value.filter((e) => e.midY >= tt.value), (e) => (h(), o("g", {
+			}, S(We.value), 9, we)], 8, Se)) : a("", !0),
+			(g(!0), o(e, null, y($.value.filter((e) => e.midY >= nt.value), (e) => (g(), 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
+				class: f(["slice-group-3d", {
+					"is-hovered": C.value === e.item.id,
+					"is-dimmed": C.value !== null && C.value !== e.item.id
 				}]),
-				style: f(it(e))
+				style: p(it(e))
 			}, [
-				t.isExpanded && e.innerWallPath ? (h(), o("path", {
+				t.isExpanded && e.innerWallPath ? (g(), 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", {
+				t.isExpanded && e.innerWallStrokePath ? (g(), o("path", {
 					key: 1,
 					d: e.innerWallStrokePath,
 					fill: "none",
@@ -1136,22 +1136,22 @@ var N = {
 					"stroke-width": "0.8",
 					"stroke-linejoin": "round"
 				}, null, 8, Ee)) : a("", !0),
-				t.isExpanded && e.startCutPath ? (h(), o("path", {
+				t.isExpanded && e.startCutPath ? (g(), o("path", {
 					key: 2,
 					d: e.startCutPath,
 					fill: N(e.color, .65)
 				}, null, 8, De)) : a("", !0),
-				t.isExpanded && e.endCutPath ? (h(), o("path", {
+				t.isExpanded && e.endCutPath ? (g(), o("path", {
 					key: 3,
 					d: e.endCutPath,
 					fill: N(e.color, .75)
 				}, null, 8, Oe)) : a("", !0),
-				t.isExpanded && e.outerWallPath ? (h(), o("path", {
+				t.isExpanded && e.outerWallPath ? (g(), 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", {
+				t.isExpanded && e.outerWallStrokePath ? (g(), o("path", {
 					key: 5,
 					d: e.outerWallStrokePath,
 					fill: "none",
@@ -1159,12 +1159,12 @@ var N = {
 					"stroke-width": "0.8",
 					"stroke-linejoin": "round"
 				}, null, 8, Ae)) : a("", !0),
-				ut(e) ? (h(), o("path", {
+				ut(e) ? (g(), o("path", {
 					key: 6,
 					d: e.originalTopPath,
 					fill: `url(#top-grad-${z(e.item.id)})`
 				}, null, 8, je)) : a("", !0),
-				ut(e) ? (h(), o("path", {
+				ut(e) ? (g(), o("path", {
 					key: 7,
 					d: e.topStrokePath,
 					fill: "none",
@@ -1172,7 +1172,7 @@ var N = {
 					"stroke-width": "0.8",
 					"stroke-linejoin": "round"
 				}, null, 8, Me)) : a("", !0),
-				ut(e) ? (h(), o("path", {
+				ut(e) ? (g(), o("path", {
 					key: 8,
 					d: e.topStrokePath,
 					fill: "none",
@@ -1181,37 +1181,37 @@ var N = {
 					"stroke-linejoin": "round"
 				}, null, 8, Ne)) : a("", !0)
 			], 6))), 128)),
-			(h(!0), o(e, null, v(rt.value, (e) => (h(), o("g", {
+			(g(!0), o(e, null, y(rt.value, (e) => (g(), o("g", {
 				key: "hover-trigger-" + e.item.id,
 				class: "hover-trigger-group",
-				style: f({ cursor: c.selectable && !j.value ? "pointer" : "default" }),
+				style: p({ cursor: c.selectable && !j.value ? "pointer" : "default" }),
 				onMouseenter: (t) => D(e.item.id),
-				onMouseleave: r[0] ||= (e) => y.value = null,
+				onMouseleave: r[0] ||= (e) => _.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", {
+			}, null, 8, Fe), e.originalOuterWallPath ? (g(), 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: $.value,
-					pointerEvents: $.value > .01 ? "auto" : "none"
+				style: p({
+					opacity: Q.value,
+					pointerEvents: Q.value > .01 ? "auto" : "none"
 				})
-			}, [(h(!0), o(e, null, v(ot.value, (e, t) => (h(), o("g", {
+			}, [(g(!0), o(e, null, y(ot.value, (e, t) => (g(), 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
+				class: f(["label-group", {
+					"is-hovered": C.value === e.item.id,
+					"is-dimmed": C.value !== null && C.value !== e.item.id
 				}]),
 				onMouseenter: (t) => D(e.item.id),
-				onMouseleave: r[1] ||= (e) => y.value = null,
+				onMouseleave: r[1] ||= (e) => _.value = null,
 				onClick: (t) => E(e.item.id),
-				style: f({ cursor: c.selectable && !j.value ? "pointer" : "default" })
+				style: p({ cursor: c.selectable && !j.value ? "pointer" : "default" })
 			}, [s("path", {
 				d: ct(e),
 				fill: "none",
@@ -1226,17 +1226,17 @@ var N = {
 				"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(st.value, (e, t) => (h(), o("g", {
+				style: p(C.value === e.item.id ? "transform: translate(0, -5px);" : "")
+			}, S(R(e.item.name, 24)) + " " + S(L(e.item.value)) + " " + S(e.item.unit || "") + " (" + S(e.item.percentage) + "%) ", 13, ze)], 46, Le))), 128)), (g(!0), o(e, null, y(st.value, (e, t) => (g(), 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
+				class: f(["label-group", {
+					"is-hovered": C.value === e.item.id,
+					"is-dimmed": C.value !== null && C.value !== e.item.id
 				}]),
 				onMouseenter: (t) => D(e.item.id),
-				onMouseleave: r[2] ||= (e) => y.value = null,
+				onMouseleave: r[2] ||= (e) => _.value = null,
 				onClick: (t) => E(e.item.id),
-				style: f({ cursor: c.selectable && !j.value ? "pointer" : "default" })
+				style: p({ cursor: c.selectable && !j.value ? "pointer" : "default" })
 			}, [s("path", {
 				d: ct(e),
 				fill: "none",
@@ -1251,22 +1251,22 @@ var N = {
 				"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)
+				style: p(C.value === e.item.id ? "transform: translate(0, -5px);" : "")
+			}, S(R(e.item.name, 24)) + " " + S(L(e.item.value)) + " " + S(e.item.unit || "") + " (" + S(e.item.percentage) + "%) ", 13, He)], 46, Be))), 128))], 4)
 		]))], 8, ee))], 2));
 	}
-}, [["__scopeId", "data-v-a055ea0b"]]), Ue = { class: "nano-scrub-label" }, We = {
+}, [["__scopeId", "data-v-f4b6c80f"]]), We = { class: "nano-scrub-label" }, Ge = {
 	key: 0,
 	class: "nano-scrub-overlay"
-}, Ge = {
+}, Ke = {
 	key: 1,
 	class: "nano-scrub-svg-line"
-}, Ke = [
+}, qe = [
 	"x1",
 	"y1",
 	"x2",
 	"y2"
-], qe = { class: "nano-scrub-popup-val" }, U = { class: "nano-scrub-popup-res" }, W = /* @__PURE__ */ P({
+], U = { class: "nano-scrub-popup-val" }, Je = { class: "nano-scrub-popup-res" }, Ye = /* @__PURE__ */ F(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
 	__name: "PrecisionScrubber",
 	props: {
 		modelValue: {
@@ -1292,91 +1292,96 @@ var N = {
 	},
 	emits: ["update:modelValue"],
 	setup(n, { emit: c }) {
-		let l = n, u = c, d = _(null), p = _(!1), m = _(!1), g = _(0), v = _(0), y = _(0), b = _(0), S = _(0), C = _(0), w = _(0), T = _(""), E = _({
+		let l = n, d = c, f = v(null), m = v(!1), h = v(!1), _ = v(0), y = v(0), b = v(0), x = v(0), C = v(0), w = v(0), T = v(0), E = v(""), D = v({
 			left: 0,
 			width: 0
-		}), D = r(() => {
+		}), O = r(() => {
 			let e = l.max - l.min;
 			return e <= 0 ? 0 : (l.modelValue - l.min) / e * 100;
-		}), O = r(() => l.formatValue(l.modelValue)), k = (e) => {
+		}), k = r(() => l.formatValue(l.modelValue)), A = (e) => {
 			if (e.button !== 0 || l.max - l.min <= 0) return;
-			p.value = !0, m.value = !1;
+			m.value = !0, h.value = !1;
 			let t = e.currentTarget.getBoundingClientRect();
-			E.value = {
+			D.value = {
 				left: t.left,
-				width: t.width
+				width: t.width,
+				top: t.top,
+				bottom: t.bottom,
+				height: t.height
 			};
 			let n = e.clientX;
-			g.value = n, v.value = l.modelValue, S.value = l.modelValue, y.value = n, b.value = e.clientY, C.value = n, w.value = e.clientY, T.value = "Coarse (Full range)", document.addEventListener("mousemove", A), document.addEventListener("mouseup", j), e.preventDefault();
-		}, A = (e) => {
-			if (!p.value) return;
-			C.value = e.clientX, w.value = e.clientY;
-			let t = e.clientY - b.value, n = Math.abs(t), r = l.max - l.min;
-			if (!(r <= 0)) if (!m.value && n >= 15 && (m.value = !0, y.value = e.clientX, Math.abs(e.clientX - g.value) < 8 ? S.value = v.value : S.value = l.modelValue), m.value) {
-				let e = Math.max(0, Math.abs(t) - 15), n = .25, r = 1.08, i = e + (r ** +e - 1), a = Math.round(-Math.sign(t) * n * i), o = S.value + a;
-				o > l.max && (o = l.max), o < l.min && (o = l.min), u("update:modelValue", o);
-				let s = n * (1 + r ** +e * Math.log(r));
-				s >= 1e9 ? T.value = `Coarse (±${M(Math.round(s))} / px)` : s >= 1e6 ? T.value = `Medium (±${M(Math.round(s))} / px)` : s >= 1 ? T.value = `Fine (±${M(Math.round(s))} / px)` : T.value = `Ultra-Fine (±1 index per ${Math.round(1 / s)}px)`;
+			_.value = n, y.value = l.modelValue, C.value = l.modelValue, b.value = n, x.value = e.clientY, w.value = n, T.value = e.clientY, E.value = "Coarse (Full range)", document.addEventListener("mousemove", j), document.addEventListener("mouseup", M), e.preventDefault();
+		}, j = (e) => {
+			if (!m.value) return;
+			w.value = e.clientX, T.value = e.clientY;
+			let t = l.max - l.min;
+			if (t <= 0) return;
+			let n = D.value, r = 0, i = !1;
+			if (e.clientY < n.top ? (i = !0, r = n.top - e.clientY) : e.clientY > n.bottom && (i = !0, r = e.clientY - n.bottom), !h.value && i && (h.value = !0, b.value = e.clientX, x.value = e.clientY > n.bottom ? n.bottom : n.top, Math.abs(e.clientX - _.value) < 8 ? C.value = y.value : C.value = l.modelValue), h.value) {
+				let t = r, i = .25, a = 1.08, o = t + (a ** +t - 1), s = e.clientY < n.top ? -1 : 1, c = Math.round(-s * i * o), u = C.value + c;
+				u > l.max && (u = l.max), u < l.min && (u = l.min), d("update:modelValue", u);
+				let f = i * (1 + a ** +t * Math.log(a));
+				f >= 1e9 ? E.value = `Coarse (±${N(Math.round(f))} / px)` : f >= 1e6 ? E.value = `Medium (±${N(Math.round(f))} / px)` : f >= 1 ? E.value = `Fine (±${N(Math.round(f))} / px)` : E.value = `Ultra-Fine (±1 index per ${Math.round(1 / f)}px)`;
 			} else {
-				let t = E.value, n = t.width - 16, i = Math.min(1, Math.max(0, (e.clientX - t.left - 8) / n));
-				u("update:modelValue", l.min + Math.round(i * r)), T.value = "Coarse (Full range)";
+				let r = n.width - 16, i = Math.min(1, Math.max(0, (e.clientX - n.left - 8) / r));
+				d("update:modelValue", l.min + Math.round(i * t)), E.value = "Coarse (Full range)";
 			}
-		}, j = (e) => {
-			if (p.value && !m.value) {
+		}, M = (e) => {
+			if (m.value && !h.value) {
 				let t = l.max - l.min;
-				if (t > 0 && E.value.width > 0) {
-					let n = E.value, r = n.width - 16, i = Math.min(1, Math.max(0, (e.clientX - n.left - 8) / r));
-					u("update:modelValue", l.min + Math.round(i * t));
+				if (t > 0 && D.value.width > 0) {
+					let n = D.value, r = n.width - 16, i = Math.min(1, Math.max(0, (e.clientX - n.left - 8) / r));
+					d("update:modelValue", l.min + Math.round(i * t));
 				}
 			}
-			p.value = !1, document.removeEventListener("mousemove", A), document.removeEventListener("mouseup", j);
-		}, M = (e) => String(e).replace(/\B(?=(\d{3})+(?!\d))/g, " ");
-		return (r, c) => (h(), o(e, null, [s("div", {
+			m.value = !1, document.removeEventListener("mousemove", j), document.removeEventListener("mouseup", M);
+		}, N = (e) => String(e).replace(/\B(?=(\d{3})+(?!\d))/g, " ");
+		return (r, c) => (g(), o(e, null, [s("div", u({
 			class: "nano-scrub-track",
-			onMousedown: k,
+			onMousedown: A,
 			ref_key: "trackRef",
-			ref: d
-		}, [s("div", {
+			ref: f
+		}, r.$attrs), [s("div", {
 			class: "nano-scrub-progress",
-			style: f({ width: D.value + "%" })
-		}, null, 4), s("span", Ue, x(n.label), 1)], 544), (h(), i(t, { to: "body" }, [p.value ? (h(), o("div", We, [
-			m.value ? (h(), o("div", {
+			style: p({ width: O.value + "%" })
+		}, null, 4), s("span", We, S(n.label), 1)], 16), (g(), i(t, { to: "body" }, [m.value ? (g(), o("div", Ge, [
+			h.value ? (g(), o("div", {
 				key: 0,
 				class: "nano-scrub-anchor",
-				style: f({
-					left: y.value + "px",
-					top: b.value + "px"
+				style: p({
+					left: b.value + "px",
+					top: x.value + "px"
 				})
 			}, null, 4)) : a("", !0),
-			m.value ? (h(), o("svg", Ge, [s("line", {
-				x1: y.value,
-				y1: b.value,
-				x2: C.value,
-				y2: w.value,
+			h.value ? (g(), o("svg", Ke, [s("line", {
+				x1: b.value,
+				y1: x.value,
+				x2: w.value,
+				y2: T.value,
 				stroke: "#00e5ff",
 				"stroke-dasharray": "4,4",
 				"stroke-width": "1.5",
 				opacity: "0.6"
-			}, null, 8, Ke)])) : a("", !0),
+			}, null, 8, qe)])) : a("", !0),
 			s("div", {
 				class: "nano-scrub-popup",
-				style: f({
-					left: C.value + 15 + "px",
-					top: w.value + 15 + "px"
+				style: p({
+					left: w.value + 15 + "px",
+					top: T.value + 15 + "px"
 				})
 			}, [
 				c[0] ||= s("div", { class: "nano-scrub-popup-title" }, "Scrubbing Mode", -1),
-				s("div", qe, x(O.value), 1),
-				s("div", U, x(T.value), 1)
+				s("div", U, S(k.value), 1),
+				s("div", Je, S(E.value), 1)
 			], 4)
 		])) : a("", !0)]))], 64));
 	}
-}, [["__scopeId", "data-v-5ed42841"]]);
+}), [["__scopeId", "data-v-429ba0d9"]]);
 //#endregion
 //#region src/index.js
-O.init("nano-ui", "https://analytics.7u.pl");
-var Je = { install(e) {
-	e.directive("ripple", k), e.directive("tooltip", N), e.component("GlobalTooltip", F), e.component("NanoModal", B), e.component("ThreeDDonutChart", H), e.component("PrecisionScrubber", W);
+k.init("nano-ui", "https://analytics.7u.pl");
+var Xe = { install(e) {
+	e.directive("ripple", A), e.directive("tooltip", P), e.component("GlobalTooltip", I), e.component("NanoModal", V), e.component("ThreeDDonutChart", Ue), e.component("PrecisionScrubber", Ye);
 } };
 //#endregion
-export { F as GlobalTooltip, B as NanoModal, W as PrecisionScrubber, k as Ripple, H as ThreeDDonutChart, Je as default, M as hideTooltip, j as showTooltip, N as tooltipDirective, A as tooltipState };
+export { I as GlobalTooltip, V as NanoModal, Ye as PrecisionScrubber, A as Ripple, Ue as ThreeDDonutChart, Xe as default, N as hideTooltip, M as showTooltip, P as tooltipDirective, j as tooltipState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gkucmierz/nano-ui",
-  "version": "1.5.0",
+  "version": "1.5.3",
   "license": "ISC",
   "description": "High-performance, minimal footprint Vue 3 UI library, interactive 3D charts, and directives.",
   "type": "module",