@nubisco/ui 5.30.0 → 5.31.1

package/dist/{main-3k7sSIY5.js → main-B7CVGoiq.js}

@@ -2,17 +2,17 @@ import { prefersReducedMotion as e } from "./composables/useReducedMotion.compos
 import { TOUR_STEP_ATTRIBUTE as t } from "./utils/tourTarget.helper.mjs";
 import { NB_COMMAND_PALETTE_KEY as n, createCommandPaletteState as r } from "./composables/useCommandPalette.composable.mjs";
 import { t as i } from "./_plugin-vue_export-helper-O4QQSku4.js";
-import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onMounted as m, openBlock as h, ref as g, renderList as ee, renderSlot as te, toDisplayString as _, useTemplateRef as ne, vModelText as re, withDirectives as ie, withModifiers as ae } from "vue";
+import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onMounted as m, openBlock as h, ref as g, renderList as ee, renderSlot as te, toDisplayString as ne, useTemplateRef as re, vModelText as ie, withDirectives as ae, withModifiers as oe } from "vue";
 //#region \0rolldown/runtime.js
-var v = Object.defineProperty, y = (e, t) => {
+var _ = Object.defineProperty, v = (e, t) => {
 	let n = {};
-	for (var r in e) v(n, r, {
+	for (var r in e) _(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || v(n, Symbol.toStringTag, { value: "Module" }), n;
-}, b = /* @__PURE__ */ y({ default: () => x });
-function x(e) {
+	return t || _(n, Symbol.toStringTag, { value: "Module" }), n;
+}, y = /* @__PURE__ */ v({ default: () => b });
+function b(e) {
 	e.directive("nb-context-menu", {
 		mounted(e, t) {
 			let n = (e) => {
@@ -40,10 +40,10 @@ function x(e) {
 }
 //#endregion
 //#region src/directives/ToolTip.content.ts
-var S = /* @__PURE__ */ y({
-	devWarn: () => N,
-	renderTooltipContent: () => P
-}), C = new Set([
+var x = /* @__PURE__ */ v({
+	devWarn: () => j,
+	renderTooltipContent: () => N
+}), S = new Set([
 	"span",
 	"div",
 	"p",
@@ -60,17 +60,17 @@ var S = /* @__PURE__ */ y({
 	"ul",
 	"ol",
 	"li"
-]), w = new Set(["br"]), oe = new Set([
+]), C = new Set(["br"]), w = new Set([
 	"class",
 	"style",
 	"dir",
 	"lang"
-]), se = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;"), T = new Set(/* @__PURE__ */ "color.background-color.font-family.font-size.font-style.font-variant.font-weight.letter-spacing.line-height.text-align.text-decoration.text-transform.white-space.word-break.overflow-wrap.opacity.display.flex-direction.align-items.justify-content.gap.margin.margin-top.margin-right.margin-bottom.margin-left.padding.padding-top.padding-right.padding-bottom.padding-left.max-width.min-width.border-radius".split(".")), E = /url\(|image-set\(|expression\(|javascript:|@import|\\/i, D = /^[A-Za-z_-][A-Za-z0-9_-]*$/, ce = (e) => e.split(";").map((e) => {
+]), se = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;"), ce = new Set(/* @__PURE__ */ "color.background-color.font-family.font-size.font-style.font-variant.font-weight.letter-spacing.line-height.text-align.text-decoration.text-transform.white-space.word-break.overflow-wrap.opacity.display.flex-direction.align-items.justify-content.gap.margin.margin-top.margin-right.margin-bottom.margin-left.padding.padding-top.padding-right.padding-bottom.padding-left.max-width.min-width.border-radius".split(".")), T = /url\(|image-set\(|expression\(|javascript:|@import|\\/i, le = /^[A-Za-z_-][A-Za-z0-9_-]*$/, E = (e) => e.split(";").map((e) => {
 	let t = e.indexOf(":");
 	if (t < 0) return "";
 	let n = e.slice(0, t).trim().toLowerCase(), r = e.slice(t + 1).trim();
-	return !n || !r ? "" : T.has(n) ? E.test(r) ? (N(`style-value:${n}`, `The value of "${n}" was dropped: tooltip content may not load a resource or call a CSS function that does.`), "") : `${n}: ${r}` : (N(`style:${n}`, `"${n}" is not an allowed tooltip content style property and was dropped.`), "");
-}).filter(Boolean).join("; "), O = (e) => e.split(/\s+/).filter((e) => e ? D.test(e) ? !0 : (N(`class:${e}`, `"${e}" is not a valid class token for tooltip content and was dropped.`), !1) : !1).join(" "), k = (e, t) => e === "style" ? ce(t) : e === "class" ? O(t) : t, A = new Set([
+	return !n || !r ? "" : ce.has(n) ? T.test(r) ? (j(`style-value:${n}`, `The value of "${n}" was dropped: tooltip content may not load a resource or call a CSS function that does.`), "") : `${n}: ${r}` : (j(`style:${n}`, `"${n}" is not an allowed tooltip content style property and was dropped.`), "");
+}).filter(Boolean).join("; "), D = (e) => e.split(/\s+/).filter((e) => e ? le.test(e) ? !0 : (j(`class:${e}`, `"${e}" is not a valid class token for tooltip content and was dropped.`), !1) : !1).join(" "), ue = (e, t) => e === "style" ? E(t) : e === "class" ? D(t) : t, O = new Set([
 	"b",
 	"strong",
 	"em",
@@ -82,47 +82,47 @@ var S = /* @__PURE__ */ y({
 	"kbd",
 	"br",
 	"p"
-]), le = {
+]), k = {
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;",
 	"'": "&#039;"
-}, ue = (e) => e.replace(/&(?!(?:[a-zA-Z][a-zA-Z0-9]{1,10}|#\d{1,7}|#[xX][0-9a-fA-F]{1,6});)/g, "&amp;").replace(/[<>"']/g, (e) => le[e]), j = (e) => e.split(/(<[^<>]*>)/g).map((e) => {
+}, A = (e) => e.replace(/&(?!(?:[a-zA-Z][a-zA-Z0-9]{1,10}|#\d{1,7}|#[xX][0-9a-fA-F]{1,6});)/g, "&amp;").replace(/[<>"']/g, (e) => k[e]), de = (e) => e.split(/(<[^<>]*>)/g).map((e) => {
 	if (e.startsWith("<") && e.endsWith(">")) {
 		let t = /^<\s*(\/?)\s*([a-zA-Z][a-zA-Z0-9]*)\s*\/?\s*>$/.exec(e), n = t?.[2]?.toLowerCase();
-		return n && A.has(n) ? `<${t[1]}${n}>` : (n && N(`string-tag:${n}`, `<${n}> is not allowed in a tooltip string and was shown as text. Use the structured content form for anything richer.`), ue(e));
+		return n && O.has(n) ? `<${t[1]}${n}>` : (n && j(`string-tag:${n}`, `<${n}> is not allowed in a tooltip string and was shown as text. Use the structured content form for anything richer.`), A(e));
 	}
-	return ue(e).replace(/\n/g, "<br>");
-}).join(""), M = /* @__PURE__ */ new Set(), N = (e, t) => {
-	typeof process < "u" && process.env.NODE_ENV === "production" || M.has(e) || (M.add(e), console.warn(`[nb-tooltip] ${t}`));
-}, de = (e) => {
-	if (Array.isArray(e)) return e.map((e) => de(e)).join("");
+	return A(e).replace(/\n/g, "<br>");
+}).join(""), fe = /* @__PURE__ */ new Set(), j = (e, t) => {
+	typeof process < "u" && process.env.NODE_ENV === "production" || fe.has(e) || (fe.add(e), console.warn(`[nb-tooltip] ${t}`));
+}, M = (e) => {
+	if (Array.isArray(e)) return e.map((e) => M(e)).join("");
 	if (!e || typeof e != "object" || !e.component) return "";
-	let { component: t, props: n = {}, children: r, content: i } = e, a = r === void 0 ? i : r, o = Array.isArray(a) ? de(a) : a === void 0 ? "" : j(String(a)), s = String(t).toLowerCase();
-	if (!C.has(s)) return N(`tag:${s}`, `<${s}> is not allowed in tooltip content and was dropped. Allowed tags: ${[...C].join(", ")}.`), o;
-	let c = Object.entries(n).filter(([e]) => oe.has(e) ? !0 : (N(`prop:${e}`, `"${e}" is not an allowed tooltip content prop and was dropped. Allowed props: ${[...oe].join(", ")}.`), !1)).map(([e, t]) => [e, k(e, String(t))]).filter(([, e]) => e !== "").map(([e, t]) => `${e}="${se(t)}"`).join(" "), l = `<${s}${c ? ` ${c}` : ""}>`;
-	return w.has(s) ? l : `${l}${o}</${s}>`;
-}, P = (e) => e ? typeof e == "string" ? j(e) : Array.isArray(e) ? de(e) : "" : "", F = /* @__PURE__ */ y({
-	default: () => ct,
-	dismissAllTooltips: () => bt
-}), I = (e) => e.status ?? e.flavor ?? "default", L = (e) => e.chipClass ?? e.classExtra, R = /* @__PURE__ */ new Set(), fe = 0, pe = () => `nb-tooltip-${++fe}`, me = 900, he = 4e3, ge = 500, z = 0, B = (e, t) => {
+	let { component: t, props: n = {}, children: r, content: i } = e, a = r === void 0 ? i : r, o = Array.isArray(a) ? M(a) : a === void 0 ? "" : de(String(a)), s = String(t).toLowerCase();
+	if (!S.has(s)) return j(`tag:${s}`, `<${s}> is not allowed in tooltip content and was dropped. Allowed tags: ${[...S].join(", ")}.`), o;
+	let c = Object.entries(n).filter(([e]) => w.has(e) ? !0 : (j(`prop:${e}`, `"${e}" is not an allowed tooltip content prop and was dropped. Allowed props: ${[...w].join(", ")}.`), !1)).map(([e, t]) => [e, ue(e, String(t))]).filter(([, e]) => e !== "").map(([e, t]) => `${e}="${se(t)}"`).join(" "), l = `<${s}${c ? ` ${c}` : ""}>`;
+	return C.has(s) ? l : `${l}${o}</${s}>`;
+}, N = (e) => e ? typeof e == "string" ? de(e) : Array.isArray(e) ? M(e) : "" : "", pe = /* @__PURE__ */ v({
+	default: () => st,
+	dismissAllTooltips: () => yt
+}), me = (e) => e.status ?? e.flavor ?? "default", P = (e) => e.chipClass ?? e.classExtra, F = /* @__PURE__ */ new Set(), he = 0, ge = () => `nb-tooltip-${++he}`, _e = 900, ve = 4e3, ye = 500, I = 0, L = (e, t) => {
 	if (!e) return !1;
 	let n = Date.now() - e;
 	return n >= 0 && n < t;
-}, _e = !1, ve = () => {
-	if (_e || typeof document > "u") return;
-	_e = !0;
+}, be = !1, xe = () => {
+	if (be || typeof document > "u") return;
+	be = !0;
 	let e = (e) => {
-		if (R.size === 0) return;
+		if (F.size === 0) return;
 		let t = e?.target;
-		t instanceof Element && t.closest(".nb-tooltip") || yt("dismiss");
+		t instanceof Element && t.closest(".nb-tooltip") || vt("dismiss");
 	};
 	document.addEventListener("pointerdown", () => {
-		z = Date.now();
+		I = Date.now();
 	}, !0), document.addEventListener("dragstart", () => e(), !0), document.addEventListener("keydown", (t) => {
 		t.key === "Escape" && e();
 	}, !0), document.addEventListener("pointerdown", e, !0), window.addEventListener("blur", e), document.addEventListener("mouseleave", e);
-}, ye = 200, V = 1e3, be = 2, xe = (e) => {
+}, R = 200, Se = 1e3, Ce = 2, we = (e) => {
 	let t = e.tooltipElement;
 	if (!t) return !1;
 	if (t.__hovered__) return !0;
@@ -131,38 +131,38 @@ var S = /* @__PURE__ */ y({
 	} catch {
 		return !1;
 	}
-}, Se = (e) => {
+}, Te = (e) => {
 	if (!e.isConnected) return !1;
-	if (xe(e) || e.__trigger__ === "focus" && e.contains(document.activeElement) || e.__trigger__ === "touch" && B(e.__lastTouchAt__, he)) return !0;
+	if (we(e) || e.__trigger__ === "focus" && e.contains(document.activeElement) || e.__trigger__ === "touch" && L(e.__lastTouchAt__, ve)) return !0;
 	try {
 		return e.matches(":hover");
 	} catch {
 		return !0;
 	}
-}, H = (e) => {
+}, Ee = (e) => {
 	clearTimeout(e.__watchdogTimer__), e.__watchdogTimer__ = void 0, e.__watchdogMisses__ = 0;
-}, Ce = (e) => {
-	H(e);
+}, z = (e) => {
+	Ee(e);
 	let t = () => {
 		if (!e.__chips__?.size) {
-			H(e);
+			Ee(e);
 			return;
 		}
-		if (Se(e)) e.__watchdogMisses__ = 0;
+		if (Te(e)) e.__watchdogMisses__ = 0;
 		else {
 			if (e.__watchdogMisses__ = (e.__watchdogMisses__ ?? 0) + 1, !e.isConnected) {
-				Z(e, !0, "program");
+				Q(e, !0, "program");
 				return;
 			}
-			if (e.__watchdogMisses__ >= be) {
-				pt(e, "dismiss");
+			if (e.__watchdogMisses__ >= Ce) {
+				ft(e, "dismiss");
 				return;
 			}
 		}
-		e.__watchdogTimer__ = setTimeout(t, V);
+		e.__watchdogTimer__ = setTimeout(t, Se);
 	};
-	e.__watchdogTimer__ = setTimeout(t, V);
-}, U = /* @__PURE__ */ new Set(), W = null, G = (e) => `${Math.round(e.top)}:${Math.round(e.left)}:${Math.round(e.width)}:${Math.round(e.height)}`, we = (e) => {
+	e.__watchdogTimer__ = setTimeout(t, Se);
+}, B = /* @__PURE__ */ new Set(), V = null, H = (e) => `${Math.round(e.top)}:${Math.round(e.left)}:${Math.round(e.width)}:${Math.round(e.height)}`, De = (e) => {
 	if (typeof getComputedStyle != "function") return !1;
 	let t;
 	try {
@@ -172,110 +172,110 @@ var S = /* @__PURE__ */ y({
 	}
 	let n = `${t.overflow} ${t.overflowX} ${t.overflowY}`;
 	return /hidden|scroll|auto|clip|overlay/.test(n);
-}, Te = (e) => {
+}, Oe = (e) => {
 	let t = [], n = e.parentElement;
-	for (; n && n !== document.body && n !== document.documentElement;) we(n) && t.push(n), n = n.parentElement;
+	for (; n && n !== document.body && n !== document.documentElement;) De(n) && t.push(n), n = n.parentElement;
 	return t;
-}, K = (e) => !(e.width === 0 && e.height === 0 && e.top === 0 && e.left === 0), Ee = (e, t) => {
+}, U = (e) => !(e.width === 0 && e.height === 0 && e.top === 0 && e.left === 0), ke = (e, t) => {
 	if (!e.isConnected) return !1;
-	if (!K(t)) return !0;
+	if (!U(t)) return !0;
 	if (t.width === 0 || t.height === 0 || !(t.bottom > 0 && t.right > 0 && t.top < window.innerHeight && t.left < window.innerWidth)) return !1;
 	for (let n of e.__clippers__ ?? []) {
 		if (!n.isConnected) continue;
 		let e = n.getBoundingClientRect();
-		if (K(e) && (t.bottom <= e.top || t.top >= e.bottom || t.right <= e.left || t.left >= e.right)) return !1;
+		if (U(e) && (t.bottom <= e.top || t.top >= e.bottom || t.right <= e.left || t.left >= e.right)) return !1;
 	}
 	return !0;
-}, De = (e) => {
+}, Ae = (e) => {
 	let t = e.tooltipElement;
 	if (!t || !e.__chips__?.size) {
-		U.delete(e);
+		B.delete(e);
 		return;
 	}
 	let n = e.getBoundingClientRect();
-	if (!Ee(e, n)) {
-		e.__offscreenReported__ || (e.__offscreenReported__ = !0, pt(e, "dismiss"));
+	if (!ke(e, n)) {
+		e.__offscreenReported__ || (e.__offscreenReported__ = !0, ft(e, "dismiss"));
 		return;
 	}
-	e.__offscreenReported__ = !1, e.__lastRect__ = G(n), e.__side__ !== "cursor" && Q(e, t, e.__requestedSide__ ?? e.__side__);
+	e.__offscreenReported__ = !1, e.__lastRect__ = H(n), e.__side__ !== "cursor" && $(e, t, e.__requestedSide__ ?? e.__side__);
+}, W = () => {
+	K();
+	for (let e of Array.from(B)) Ae(e);
+}, je = 100, G = 320, Me = 0, Ne = 0, K = () => {
+	Ne = Date.now() + G;
 }, q = () => {
-	Ae();
-	for (let e of Array.from(U)) De(e);
-}, Oe = 100, J = 320, Y = 0, ke = 0, Ae = () => {
-	ke = Date.now() + J;
-}, je = () => {
-	if (U.size === 0) {
-		W = null;
+	if (B.size === 0) {
+		V = null;
 		return;
 	}
 	let e = Date.now();
-	if (e >= ke && e - Y < Oe) {
-		W = requestAnimationFrame(je);
+	if (e >= Ne && e - Me < je) {
+		V = requestAnimationFrame(q);
 		return;
 	}
-	Y = e;
-	for (let e of Array.from(U)) {
+	Me = e;
+	for (let e of Array.from(B)) {
 		if (!e.tooltipElement) {
-			U.delete(e);
+			B.delete(e);
 			continue;
 		}
-		G(e.getBoundingClientRect()) !== e.__lastRect__ && (Ae(), De(e));
+		H(e.getBoundingClientRect()) !== e.__lastRect__ && (K(), Ae(e));
 	}
-	W = requestAnimationFrame(je);
-}, Me = !1, Ne = (e) => {
-	U.add(e), e.__lastRect__ = void 0, e.__clippers__ = Te(e), !(typeof window > "u") && (Me || (Me = !0, document.addEventListener("scroll", q, {
+	V = requestAnimationFrame(q);
+}, J = !1, Pe = (e) => {
+	B.add(e), e.__lastRect__ = void 0, e.__clippers__ = Oe(e), !(typeof window > "u") && (J || (J = !0, document.addEventListener("scroll", W, {
 		capture: !0,
 		passive: !0
-	}), window.addEventListener("resize", q, { passive: !0 })), W === null && typeof requestAnimationFrame == "function" && (W = requestAnimationFrame(je)));
-}, Pe = (e) => {
-	U.delete(e), e.__lastRect__ = void 0, e.__clippers__ = void 0, !(U.size > 0 || typeof window > "u") && (Me && (Me = !1, document.removeEventListener("scroll", q, { capture: !0 }), window.removeEventListener("resize", q)), W !== null && typeof cancelAnimationFrame == "function" && (cancelAnimationFrame(W), W = null));
+	}), window.addEventListener("resize", W, { passive: !0 })), V === null && typeof requestAnimationFrame == "function" && (V = requestAnimationFrame(q)));
+}, Y = (e) => {
+	B.delete(e), e.__lastRect__ = void 0, e.__clippers__ = void 0, !(B.size > 0 || typeof window > "u") && (J && (J = !1, document.removeEventListener("scroll", W, { capture: !0 }), window.removeEventListener("resize", W)), V !== null && typeof cancelAnimationFrame == "function" && (cancelAnimationFrame(V), V = null));
 }, Fe = (t, n, r) => {
 	if (t.__chips__?.delete(n), clearTimeout(n.__removeTimer__), n.__removeTimer__ = void 0, r || e()) {
 		n.remove();
 		return;
 	}
-	n.style.animation = `tooltipDisappear ${ye}ms ease-in-out forwards`, n.__removeTimer__ = setTimeout(() => {
+	n.style.animation = `tooltipDisappear ${R}ms ease-in-out forwards`, n.__removeTimer__ = setTimeout(() => {
 		n.__removeTimer__ = void 0, n.remove();
-	}, ye);
+	}, R);
 }, Ie = (e, t) => {
-	if (Pe(e), e.__trigger__ = void 0, e.__side__ = void 0, e.__chips__) for (let n of Array.from(e.__chips__)) Fe(e, n, t);
-	e.tooltipElement = void 0, e.__lastContent__ = void 0, H(e);
-}, Le = "a[href], button, input, select, textarea, summary, [tabindex]", Re = "data-nb-tooltip-anchor", ze = (e, t) => {
+	if (Y(e), e.__trigger__ = void 0, e.__side__ = void 0, e.__chips__) for (let n of Array.from(e.__chips__)) Fe(e, n, t);
+	e.tooltipElement = void 0, e.__lastContent__ = void 0, Ee(e);
+}, Le = "a[href], button, input, select, textarea, summary, [tabindex]", Re = "data-nb-tooltip-anchor", X = (e, t) => {
 	let n = t.target;
 	if (!(n instanceof Element) || n === e) return !0;
 	let r = n.closest(`[${Re}]`);
 	return r === null || r === e;
-}, Be = "button, a[href], [role=\"button\"], [role=\"tab\"], [role=\"menuitem\"], input, select, textarea, label", Ve = (e) => {
-	let t = e.closest(Be);
+}, ze = "button, a[href], [role=\"button\"], [role=\"tab\"], [role=\"menuitem\"], input, select, textarea, label", Be = (e) => {
+	let t = e.closest(ze);
 	return !t || t.disabled === !0 ? !1 : t.getAttribute("aria-disabled") !== "true";
-}, X = (e) => {
+}, Z = (e) => {
 	if (!e) return "";
 	if (typeof e == "string") return e.replace(/<[^>]*>/g, " ").replace(/&nbsp;/g, " ").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, "\"").replace(/&#039;/g, "'").replace(/\s+/g, " ").trim();
-	if (Array.isArray(e)) return e.map((e) => X(e)).filter(Boolean).join(" ");
+	if (Array.isArray(e)) return e.map((e) => Z(e)).filter(Boolean).join(" ");
 	if (typeof e == "object") {
 		let t = e;
-		return X(t.children ?? t.content);
+		return Z(t.children ?? t.content);
 	}
 	return "";
-}, He = (e) => [
-	X(e.header),
-	X(e.body),
-	X(e.tip)
-].filter(Boolean).join(". "), Ue = (e) => {
+}, Ve = (e) => [
+	Z(e.header),
+	Z(e.body),
+	Z(e.tip)
+].filter(Boolean).join(". "), He = (e) => {
 	if (e.hasAttribute("aria-labelledby") || e.hasAttribute("aria-label") && !e.__ownsAriaLabel__ || e.hasAttribute("title") || (e.textContent ?? "").trim().length > 0) return !0;
 	let t = e.querySelector("img[alt]");
 	return !!t && (t.getAttribute("alt") ?? "").trim().length > 0;
-}, We = (e, t) => {
+}, Ue = (e, t) => {
 	let n = t.aria ?? "auto";
-	return n === "auto" ? Ue(e) ? "description" : "label" : n;
-}, Ge = (e, t) => {
-	if (!t || We(e, t) !== "label") {
+	return n === "auto" ? He(e) ? "description" : "label" : n;
+}, We = (e, t) => {
+	if (!t || Ue(e, t) !== "label") {
 		e.__ownsAriaLabel__ &&= (e.removeAttribute("aria-label"), !1), e.__ownsRole__ &&= (e.removeAttribute("role"), !1);
 		return;
 	}
-	let n = He(t);
+	let n = Ve(t);
 	n && (e.setAttribute("aria-label", n), e.__ownsAriaLabel__ = !0, !e.__ownsRole__ && !e.hasAttribute("role") && !e.matches(Le) && (e.setAttribute("role", "img"), e.__ownsRole__ = !0));
-}, Ke = (e, t) => {
+}, Ge = (e, t) => {
 	let n = !!t?.focusable;
 	if (n && !e.__ownsTabIndex__) {
 		if (e.matches(Le) || e.hasAttribute("tabindex")) return;
@@ -283,118 +283,118 @@ var S = /* @__PURE__ */ y({
 		return;
 	}
 	!n && e.__ownsTabIndex__ && (e.removeAttribute("tabindex"), e.__ownsTabIndex__ = !1);
-}, qe = (e, t) => {
+}, Ke = (e, t) => {
 	e.__prevDescribedBy__ = e.getAttribute("aria-describedby");
 	let n = [e.__prevDescribedBy__, t].filter(Boolean).join(" ");
 	e.setAttribute("aria-describedby", n);
-}, Je = (e) => {
+}, qe = (e) => {
 	e.__prevDescribedBy__ !== void 0 && (e.__prevDescribedBy__ ? e.setAttribute("aria-describedby", e.__prevDescribedBy__) : e.removeAttribute("aria-describedby"), e.__prevDescribedBy__ = void 0);
-}, Ye = "nb-tooltip-description", Xe = (e) => !!e && !!(e.body || e.header || e.tip), Ze = (e, t) => {
+}, Je = "nb-tooltip-description", Ye = (e) => !!e && !!(e.body || e.header || e.tip), Xe = (e, t) => {
 	if (typeof document > "u") return;
-	let n = t && Xe(t) && We(e, t) === "description" ? He(t) : "";
+	let n = t && Ye(t) && Ue(e, t) === "description" ? Ve(t) : "";
 	if (!n) {
-		Qe(e);
+		Ze(e);
 		return;
 	}
 	let r = e.__descNode__;
-	r || (r = document.createElement("span"), r.className = Ye, r.id = pe(), r.setAttribute("role", "tooltip"), document.body.appendChild(r), e.__descNode__ = r, qe(e, r.id)), e.__descText__ !== n && (r.textContent = n, e.__descText__ = n);
-}, Qe = (e) => {
-	e.__descNode__ && (Je(e), e.__descNode__.remove(), e.__descNode__ = void 0, e.__descText__ = void 0);
-}, $e = (e, t) => {
-	if (Xe(t)) {
+	r || (r = document.createElement("span"), r.className = Je, r.id = ge(), r.setAttribute("role", "tooltip"), document.body.appendChild(r), e.__descNode__ = r, Ke(e, r.id)), e.__descText__ !== n && (r.textContent = n, e.__descText__ = n);
+}, Ze = (e) => {
+	e.__descNode__ && (qe(e), e.__descNode__.remove(), e.__descNode__ = void 0, e.__descText__ = void 0);
+}, Qe = (e, t) => {
+	if (Ye(t)) {
 		e.__prevTitle__ === void 0 && e.hasAttribute("title") && (e.__prevTitle__ = e.getAttribute("title") ?? "", e.removeAttribute("title"));
 		return;
 	}
-	et(e);
-}, et = (e) => {
+	$e(e);
+}, $e = (e) => {
 	e.__prevTitle__ !== void 0 && (e.hasAttribute("title") || e.setAttribute("title", e.__prevTitle__), e.__prevTitle__ = void 0);
-}, tt = (e, t) => {
-	$e(e, t), Ge(e, t), Ze(e, t);
-}, nt = (e) => e.disabled === !0 ? !0 : !!e.closest?.("fieldset[disabled]") && !e.closest?.("fieldset[disabled] > legend:first-of-type"), rt = (e, t, n) => t >= e.left && t <= e.right && n >= e.top && n <= e.bottom, it = (e) => {
+}, et = (e, t) => {
+	Qe(e, t), We(e, t), Xe(e, t);
+}, tt = (e) => e.disabled === !0 ? !0 : !!e.closest?.("fieldset[disabled]") && !e.closest?.("fieldset[disabled] > legend:first-of-type"), nt = (e, t, n) => t >= e.left && t <= e.right && n >= e.top && n <= e.bottom, rt = (e) => {
 	let t = e.__proxyHost__;
 	t && (e.__proxyMove__ && t.removeEventListener("mousemove", e.__proxyMove__), e.__proxyLeave__ && t.removeEventListener("mouseleave", e.__proxyLeave__), e.__proxyHost__ = void 0, e.__proxyMove__ = void 0, e.__proxyLeave__ = void 0, e.__proxyInside__ = !1);
-}, at = (e) => {
-	let t = e.__tooltipBinding__ && nt(e) ? e.parentElement : null;
-	e.__proxyHost__ !== t && (it(e), t && (e.__proxyMove__ = ((t) => {
+}, it = (e) => {
+	let t = e.__tooltipBinding__ && tt(e) ? e.parentElement : null;
+	e.__proxyHost__ !== t && (rt(e), t && (e.__proxyMove__ = ((t) => {
 		let n = t;
 		if (n.buttons) return;
 		let r = e.getBoundingClientRect();
-		if (K(r) ? rt(r, n.clientX, n.clientY) : t.target === e || e.contains(t.target)) {
-			e.__mouseX__ = n.clientX, e.__mouseY__ = n.clientY, e.__proxyInside__ ? e.__tooltipBinding__?.followCursor && Q(e, e.tooltipElement, e.__requestedSide__) : (e.__proxyInside__ = !0, e.__showTooltip__?.("pointer"));
+		if (U(r) ? nt(r, n.clientX, n.clientY) : t.target === e || e.contains(t.target)) {
+			e.__mouseX__ = n.clientX, e.__mouseY__ = n.clientY, e.__proxyInside__ ? e.__tooltipBinding__?.followCursor && $(e, e.tooltipElement, e.__requestedSide__) : (e.__proxyInside__ = !0, e.__showTooltip__?.("pointer"));
 			return;
 		}
 		e.__proxyInside__ && (e.__proxyInside__ = !1, e.__hideTooltip__?.(void 0, "pointer"));
 	}), e.__proxyLeave__ = (() => {
 		e.__proxyInside__ && (e.__proxyInside__ = !1, e.__hideTooltip__?.(void 0, "pointer"));
 	}), t.addEventListener("mousemove", e.__proxyMove__), t.addEventListener("mouseleave", e.__proxyLeave__), e.__proxyHost__ = t));
-}, ot = (e) => {
-	e.onOpenChange || N("controlled-no-handler", "a tooltip was given `open` but no `onOpenChange`, so nothing the user does (hover, blur, Escape) can change it. Either handle `onOpenChange` or drop `open` and let the directive own visibility.");
-}, st = (e, t) => {
+}, at = (e) => {
+	e.onOpenChange || j("controlled-no-handler", "a tooltip was given `open` but no `onOpenChange`, so nothing the user does (hover, blur, Escape) can change it. Either handle `onOpenChange` or drop `open` and let the directive own visibility.");
+}, ot = (e, t) => {
 	if (!t) return;
 	let n = t.open === void 0 ? e.__openState__ === void 0 && t.defaultOpen ? !0 : void 0 : t.open;
 	n !== void 0 && n !== (e.__openState__ === !0 || !!e.__showTimer__) && (n ? e.__showTooltip__?.("program") : e.__hideTooltip__?.(0, "program"));
-}, ct = (e) => {
-	ve();
+}, st = (e) => {
+	xe();
 	let t = e.config.globalProperties.$router;
 	t && t.beforeEach(() => {
-		R.forEach((e) => e?.__hideTooltip__?.(0, "program")), R.clear();
+		F.forEach((e) => e?.__hideTooltip__?.(0, "program")), F.clear();
 	}), e.directive("nb-tooltip", {
 		mounted(e, t) {
 			e.__showTooltip__ = (t = "pointer") => {
 				let n = e.__tooltipBinding__;
 				if (n) {
 					if (n.open !== void 0 && t !== "program") {
-						ot(n), n.onOpenChange?.(!0, t);
+						at(n), n.onOpenChange?.(!0, t);
 						return;
 					}
-					clearTimeout(e.__hideTimer__), e.__hideTimer__ = void 0, ft(e, n, t);
+					clearTimeout(e.__hideTimer__), e.__hideTimer__ = void 0, dt(e, n, t);
 				}
 			}, e.__hideTooltip__ = (t = e.__tooltipBinding__?.hideDelay ?? 150, n = "dismiss") => {
 				let r = e.__tooltipBinding__;
 				if (r?.open !== void 0 && n !== "program") {
-					ot(r), r.onOpenChange?.(!1, n);
+					at(r), r.onOpenChange?.(!1, n);
 					return;
 				}
 				if (clearTimeout(e.__hideTimer__), t <= 0) {
-					e.__hideTimer__ = void 0, Z(e, !0, n);
+					e.__hideTimer__ = void 0, Q(e, !0, n);
 					return;
 				}
 				e.__hideTimer__ = setTimeout(() => {
-					e.__hideTimer__ = void 0, Z(e, t <= 0, n);
+					e.__hideTimer__ = void 0, Q(e, t <= 0, n);
 				}, t);
 			}, e.__mouseMove__ = (t) => {
-				e.__mouseX__ = t.clientX, e.__mouseY__ = t.clientY, e.__tooltipBinding__?.followCursor && Q(e, e.tooltipElement, e.__tooltipBinding__?.position);
+				e.__mouseX__ = t.clientX, e.__mouseY__ = t.clientY, e.__tooltipBinding__?.followCursor && $(e, e.tooltipElement, e.__tooltipBinding__?.position);
 			}, e.__tooltipBinding__ = t.value, e.__showHandler__ = (t) => {
-				if (B(e.__lastTouchAt__, me)) return;
+				if (L(e.__lastTouchAt__, _e)) return;
 				let n = t;
 				n.buttons || (typeof n.clientX == "number" && (n.clientX || n.clientY) && (e.__mouseX__ = n.clientX, e.__mouseY__ = n.clientY), e.__showTooltip__?.("pointer"));
 			}, e.__hideHandler__ = () => e.__hideTooltip__?.(void 0, "pointer"), e.__focusHandler__ = (t) => {
-				B(z, ge) || ze(e, t) && e.__showTooltip__?.("focus");
+				L(I, ye) || X(e, t) && e.__showTooltip__?.("focus");
 			}, e.__blurHandler__ = () => e.__hideTooltip__?.(void 0, "focus"), e.__touchHandler__ = (t) => {
-				e.__tooltipBinding__?.touch !== !1 && ze(e, t) && (e.__lastTouchAt__ = Date.now(), !Ve(e) && (e.__showTooltip__?.("touch"), e.__hideTooltip__?.(he, "touch")));
-			}, Ke(e, t.value), tt(e, t.value), e.setAttribute(Re, ""), e.addEventListener("mouseenter", e.__showHandler__), e.addEventListener("mouseleave", e.__hideHandler__), e.addEventListener("mousemove", e.__mouseMove__), e.addEventListener("focusin", e.__focusHandler__), e.addEventListener("focusout", e.__blurHandler__), e.addEventListener("touchstart", e.__touchHandler__, { passive: !0 }), at(e), st(e, t.value);
+				e.__tooltipBinding__?.touch !== !1 && X(e, t) && (e.__lastTouchAt__ = Date.now(), !Be(e) && (e.__showTooltip__?.("touch"), e.__hideTooltip__?.(ve, "touch")));
+			}, Ge(e, t.value), et(e, t.value), e.setAttribute(Re, ""), e.addEventListener("mouseenter", e.__showHandler__), e.addEventListener("mouseleave", e.__hideHandler__), e.addEventListener("mousemove", e.__mouseMove__), e.addEventListener("focusin", e.__focusHandler__), e.addEventListener("focusout", e.__blurHandler__), e.addEventListener("touchstart", e.__touchHandler__, { passive: !0 }), it(e), ot(e, t.value);
 		},
 		updated(e, t) {
 			let n = e.__tooltipBinding__;
 			if (e.__tooltipBinding__ = t.value, !t.value) {
-				tt(e, void 0), Ke(e, void 0), Z(e, !0);
+				et(e, void 0), Ge(e, void 0), Q(e, !0);
 				return;
 			}
-			if (n !== t.value && (tt(e, t.value), Ke(e, t.value)), at(e), st(e, t.value), !e.tooltipElement || n === t.value) return;
-			let r = dt(t.value);
-			r !== e.__lastContent__ && (e.__lastContent__ = r, mt(e, t.value));
+			if (n !== t.value && (et(e, t.value), Ge(e, t.value)), it(e), ot(e, t.value), !e.tooltipElement || n === t.value) return;
+			let r = ut(t.value);
+			r !== e.__lastContent__ && (e.__lastContent__ = r, pt(e, t.value));
 		},
 		unmounted(e) {
-			clearTimeout(e.__showTimer__), e.__showTimer__ = void 0, clearTimeout(e.__hideTimer__), e.__hideTimer__ = void 0, Z(e, !0), R.delete(e), e.__showHandler__ && e.removeEventListener("mouseenter", e.__showHandler__), e.__hideHandler__ && e.removeEventListener("mouseleave", e.__hideHandler__), e.__focusHandler__ && e.removeEventListener("focusin", e.__focusHandler__), e.__blurHandler__ && e.removeEventListener("focusout", e.__blurHandler__), e.__touchHandler__ && e.removeEventListener("touchstart", e.__touchHandler__), Qe(e), et(e), e.__ownsAriaLabel__ &&= (e.removeAttribute("aria-label"), !1), e.__ownsTabIndex__ &&= (e.removeAttribute("tabindex"), !1), e.__ownsRole__ &&= (e.removeAttribute("role"), !1), e.removeAttribute(Re), it(e), e.__mouseMove__ && e.removeEventListener("mousemove", e.__mouseMove__), Pe(e);
+			clearTimeout(e.__showTimer__), e.__showTimer__ = void 0, clearTimeout(e.__hideTimer__), e.__hideTimer__ = void 0, Q(e, !0), F.delete(e), e.__showHandler__ && e.removeEventListener("mouseenter", e.__showHandler__), e.__hideHandler__ && e.removeEventListener("mouseleave", e.__hideHandler__), e.__focusHandler__ && e.removeEventListener("focusin", e.__focusHandler__), e.__blurHandler__ && e.removeEventListener("focusout", e.__blurHandler__), e.__touchHandler__ && e.removeEventListener("touchstart", e.__touchHandler__), Ze(e), $e(e), e.__ownsAriaLabel__ &&= (e.removeAttribute("aria-label"), !1), e.__ownsTabIndex__ &&= (e.removeAttribute("tabindex"), !1), e.__ownsRole__ &&= (e.removeAttribute("role"), !1), e.removeAttribute(Re), rt(e), e.__mouseMove__ && e.removeEventListener("mousemove", e.__mouseMove__), Y(e);
 		}
 	});
-}, lt = ({ header: e = "", body: t = "", tip: n = "" }) => `<div class="nb-tooltip-content"><div class="nb-tooltip-header">${P(e)}</div><div class="nb-tooltip-body">${P(t)}</div><div class="nb-tooltip-tip">${P(n)}</div></div>`, ut = (e, t, n) => [
+}, ct = ({ header: e = "", body: t = "", tip: n = "" }) => `<div class="nb-tooltip-content"><div class="nb-tooltip-header">${N(e)}</div><div class="nb-tooltip-body">${N(t)}</div><div class="nb-tooltip-tip">${N(n)}</div></div>`, lt = (e, t, n) => [
 	"nb-tooltip",
 	`nb-tooltip-${e}`,
 	t ? `nb-tooltip-flavor-${t}` : "",
 	n || ""
-].filter(Boolean).join(" "), dt = (e) => `${e.position ?? ""}|${I(e)}|${L(e) ?? ""}|${lt(e)}`, ft = (t, n, r = "pointer") => {
-	let { header: i, body: a, tip: o, delay: s = 400, animationTime: c = 300, position: l, overflowOnly: u } = n, d = I(n), f = L(n);
+].filter(Boolean).join(" "), ut = (e) => `${e.position ?? ""}|${me(e)}|${P(e) ?? ""}|${ct(e)}`, dt = (t, n, r = "pointer") => {
+	let { header: i, body: a, tip: o, delay: s = 400, animationTime: c = 300, position: l, overflowOnly: u } = n, d = me(n), f = P(n);
 	if (clearTimeout(t.__showTimer__), t.__showTimer__ = void 0, Ie(t, !0), u) {
 		let e = t.getBoundingClientRect();
 		if (!(Math.round(e.width) < Math.round(t.scrollWidth))) return;
@@ -404,9 +404,9 @@ var S = /* @__PURE__ */ y({
 	t.__showTimer__ = setTimeout(() => {
 		if (t.__showTimer__ = void 0, !t.isConnected) return;
 		let e = r === "pointer" ? l ?? "cursor" : l && l !== "cursor" ? l : "top";
-		for (let e of Array.from(U)) e !== t && pt(e, "superseded");
+		for (let e of Array.from(B)) e !== t && ft(e, "superseded");
 		let s = document.createElement("span");
-		s.className = ut(e, d, f), s.innerHTML = lt({
+		s.className = lt(e, d, f), s.innerHTML = ct({
 			header: i,
 			body: a,
 			tip: o
@@ -414,29 +414,29 @@ var S = /* @__PURE__ */ y({
 			s.__hovered__ = !0, clearTimeout(t.__hideTimer__), t.__hideTimer__ = void 0, t.__watchdogMisses__ = 0;
 		}), s.addEventListener("mouseleave", () => {
 			s.__hovered__ = !1, t.__hideTooltip__?.();
-		}), m ? s.style.opacity = "1" : (s.style.transition = `opacity ${c}ms ease-in-out`, s.style.animation = `tooltipAppear ${c}ms ease-in-out forwards`), s.setAttribute("aria-hidden", "true"), t.__trigger__ = r, t.tooltipElement = s, (t.__chips__ ??= /* @__PURE__ */ new Set()).add(s), t.__lastContent__ = dt(n), R.add(t), document.body.appendChild(s), t.__requestedSide__ = e, t.__side__ = e, Q(t, s, e), Ne(t), Ce(t);
+		}), m ? s.style.opacity = "1" : (s.style.transition = `opacity ${c}ms ease-in-out`, s.style.animation = `tooltipAppear ${c}ms ease-in-out forwards`), s.setAttribute("aria-hidden", "true"), t.__trigger__ = r, t.tooltipElement = s, (t.__chips__ ??= /* @__PURE__ */ new Set()).add(s), t.__lastContent__ = ut(n), F.add(t), document.body.appendChild(s), t.__requestedSide__ = e, t.__side__ = e, $(t, s, e), Pe(t), z(t);
 		let u = t.__openState__ === !0;
 		t.__openState__ = !0, u || n.onOpenChange?.(!0, r);
 	}, p);
-}, pt = (e, t, n = !0) => {
+}, ft = (e, t, n = !0) => {
 	if (e.__hideTooltip__) {
 		e.__hideTooltip__(n ? 0 : void 0, t);
 		return;
 	}
-	Z(e, n, t);
-}, Z = (e, t = !1, n = "dismiss") => {
+	Q(e, n, t);
+}, Q = (e, t = !1, n = "dismiss") => {
 	clearTimeout(e.__showTimer__), e.__showTimer__ = void 0;
 	let r = e.__openState__ === !0;
-	Ie(e, t), R.delete(e), e.__requestedSide__ = void 0, r && (e.__openState__ = !1, e.__tooltipBinding__?.onOpenChange?.(!1, n));
-}, mt = (e, t) => {
-	let { header: n, body: r, tip: i, position: a } = t, o = I(t), s = L(t), c = e.__requestedSide__ ?? e.__side__ ?? a, l = e.tooltipElement;
-	l && (l.innerHTML = lt({
+	Ie(e, t), F.delete(e), e.__requestedSide__ = void 0, r && (e.__openState__ = !1, e.__tooltipBinding__?.onOpenChange?.(!1, n));
+}, pt = (e, t) => {
+	let { header: n, body: r, tip: i, position: a } = t, o = me(t), s = P(t), c = e.__requestedSide__ ?? e.__side__ ?? a, l = e.tooltipElement;
+	l && (l.innerHTML = ct({
 		header: n,
 		body: r,
 		tip: i
-	}), l.className = ut(e.__side__ ?? c ?? "cursor", o, s), Q(e, l, c));
+	}), l.className = lt(e.__side__ ?? c ?? "cursor", o, s), $(e, l, c));
 };
-function ht(e, t, n, r, i, a, o) {
+function mt(e, t, n, r, i, a, o) {
 	switch (e) {
 		case "top": return {
 			top: t.top - (r + i * 2),
@@ -455,16 +455,16 @@ function ht(e, t, n, r, i, a, o) {
 			left: t.right + i
 		};
 		default: return {
-			top: o + gt,
-			left: a + gt
+			top: o + ht,
+			left: a + ht
 		};
 	}
 }
-var gt = 14;
-function _t(e, t, n, r, i) {
+var ht = 14;
+function gt(e, t, n, r, i) {
 	return t >= i && e >= i && t + n <= window.innerWidth - i && e + r <= window.innerHeight - i;
 }
-var vt = {
+var _t = {
 	top: [
 		"bottom",
 		"right",
@@ -486,12 +486,12 @@ var vt = {
 		"bottom"
 	],
 	cursor: []
-}, Q = (e, t, n) => {
+}, $ = (e, t, n) => {
 	if (!t) return;
-	let r = e.getBoundingClientRect(), i = t.getBoundingClientRect(), a = i.width || 0, o = i.height || 0, s = e.__mouseX__ ?? 0, c = e.__mouseY__ ?? 0, l = n ?? "cursor", u = (e) => ht(e, r, a, o, 4, s, c), d = u(l), f = l;
-	if (a > 0 && o > 0 && !_t(d.top, d.left, a, o, 16)) for (let e of vt[l]) {
+	let r = e.getBoundingClientRect(), i = t.getBoundingClientRect(), a = i.width || 0, o = i.height || 0, s = e.__mouseX__ ?? 0, c = e.__mouseY__ ?? 0, l = n ?? "cursor", u = (e) => mt(e, r, a, o, 4, s, c), d = u(l), f = l;
+	if (a > 0 && o > 0 && !gt(d.top, d.left, a, o, 16)) for (let e of _t[l]) {
 		let t = u(e);
-		if (_t(t.top, t.left, a, o, 16)) {
+		if (gt(t.top, t.left, a, o, 16)) {
 			d = t, f = e;
 			break;
 		}
@@ -522,24 +522,24 @@ var vt = {
 	}
 	t.style.top = `${p}px`, t.style.left = `${m}px`;
 };
-function yt(e) {
-	for (let t of Array.from(R)) t.__hideTooltip__?.(0, e);
+function vt(e) {
+	for (let t of Array.from(F)) t.__hideTooltip__?.(0, e);
 	let t = /* @__PURE__ */ new Set();
-	for (let e of Array.from(R)) for (let n of e.__chips__ ?? []) t.add(n);
+	for (let e of Array.from(F)) for (let n of e.__chips__ ?? []) t.add(n);
 	document.querySelectorAll("span.nb-tooltip").forEach((e) => {
 		t.has(e) || e.remove();
 	});
 }
-function bt() {
-	for (let e of Array.from(R)) e.__hideTooltip__?.(0, "program");
-	R.clear();
-	for (let e of Array.from(U)) Pe(e);
+function yt() {
+	for (let e of Array.from(F)) e.__hideTooltip__?.(0, "program");
+	F.clear();
+	for (let e of Array.from(B)) Y(e);
 	document.querySelectorAll("span.nb-tooltip").forEach((e) => e.remove());
 }
 //#endregion
 //#region src/directives/TourStep.directive.ts
-var xt = /* @__PURE__ */ y({ default: () => Ct });
-function St(e, n) {
+var bt = /* @__PURE__ */ v({ default: () => St });
+function xt(e, n) {
 	let r = n.value;
 	if (r == null || r === "") {
 		e.removeAttribute(t);
@@ -547,41 +547,41 @@ function St(e, n) {
 	}
 	e.setAttribute(t, String(r));
 }
-var Ct = (e) => {
+var St = (e) => {
 	e.directive("nb-tour-step", {
-		mounted: St,
-		updated: St,
+		mounted: xt,
+		updated: xt,
 		unmounted(e) {
 			e.removeAttribute(t);
 		}
 	});
-}, wt = /* @__PURE__ */ Object.assign({
-	"./ContextMenu.directive.ts": b,
-	"./ToolTip.content.ts": S,
-	"./ToolTip.directive.ts": F,
-	"./TourStep.directive.ts": xt
-}), Tt = { install(e) {
-	Object.values(wt).forEach((t) => {
+}, Ct = /* @__PURE__ */ Object.assign({
+	"./ContextMenu.directive.ts": y,
+	"./ToolTip.content.ts": x,
+	"./ToolTip.directive.ts": pe,
+	"./TourStep.directive.ts": bt
+}), wt = { install(e) {
+	Object.values(Ct).forEach((t) => {
 		typeof t.default == "function" && t.default(e);
 	});
-} }, Et = { install(e) {
+} }, Tt = { install(e) {
 	let t = r();
 	e.provide(n, t);
-} }, Dt = {
+} }, Et = {
 	key: 0,
 	class: "nb-spreadsheet__toolbar"
-}, Ot = {
+}, Dt = {
 	key: 0,
 	class: "nb-spreadsheet__corner",
 	style: {
 		gridRow: 1,
 		gridColumn: 1
 	}
-}, kt = ["onClick"], At = { class: "nb-spreadsheet__header-label" }, jt = {
+}, Ot = ["onClick"], kt = { class: "nb-spreadsheet__header-label" }, At = {
 	key: 0,
 	class: "nb-spreadsheet__sort",
 	"aria-hidden": "true"
-}, Mt = ["onMousedown"], Nt = [
+}, jt = ["onMousedown"], Mt = [
 	"title",
 	"data-cell",
 	"data-row",
@@ -589,7 +589,7 @@ var Ct = (e) => {
 	"onMousedown",
 	"onMouseenter",
 	"onDblclick"
-], Pt = ["inputmode"], Ft = 44, It = 32, $ = 28, Lt = /* @__PURE__ */ u({
+], Nt = ["inputmode"], Pt = 36, Ft = 32, It = /* @__PURE__ */ u({
 	__name: "Spreadsheet",
 	props: {
 		columns: {},
@@ -608,6 +608,7 @@ var Ct = (e) => {
 			type: Boolean,
 			default: !0
 		},
+		gutterWidth: { default: 44 },
 		windowRows: { default: 80 },
 		locale: { default: "pt-PT" }
 	},
@@ -619,7 +620,7 @@ var Ct = (e) => {
 		"row-reorder"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, i = n, u = ne("scrollerRef"), v = ne("editorRef"), y = g({}), b = g(null), x = g(null), S = g(null), C = g(!1), w = g(null), oe = g(0), se = g([]), T = g([]), E = o(() => {
+		let r = e, i = n, u = re("scrollerRef"), _ = re("editorRef"), v = g({}), y = g(null), b = g(null), x = g(null), S = g(!1), C = g(null), w = g(0), se = g(0), ce = "", T = g([]), le = g([]), E = o(() => {
 			let e = r.columns.filter((e) => e.pinned === "left"), t = r.columns.filter((e) => e.pinned === "right"), n = r.columns.filter((e) => !e.pinned);
 			return [
 				...e,
@@ -628,17 +629,17 @@ var Ct = (e) => {
 			];
 		});
 		function D(e) {
-			return y.value[e.id] ?? e.width ?? 120;
+			return v.value[e.id] ?? e.width ?? 120;
 		}
-		let ce = o(() => ({ gridTemplateColumns: (r.showGutter ? `${Ft}px ` : "") + E.value.map((e) => `${D(e)}px`).join(" ") })), O = o(() => {
+		let ue = o(() => ({ gridTemplateColumns: (r.showGutter ? `${r.gutterWidth}px ` : "") + E.value.map((e) => `${D(e)}px`).join(" ") })), O = o(() => {
 			let e = r.rows.filter((e) => !e.pinned);
-			if (!b.value) return e;
-			let t = r.columns.find((e) => e.id === b.value.columnId);
+			if (!y.value) return e;
+			let t = r.columns.find((e) => e.id === y.value.columnId);
 			if (!t) return e;
-			let n = b.value.direction === "asc" ? 1 : -1, i = (e, t) => e == null && t == null ? 0 : e == null ? -1 : t == null ? 1 : typeof e == "number" && typeof t == "number" ? (e - t) * n : String(e).localeCompare(String(t)) * n;
+			let n = y.value.direction === "asc" ? 1 : -1, i = (e, t) => e == null && t == null ? 0 : e == null ? -1 : t == null ? 1 : typeof e == "number" && typeof t == "number" ? (e - t) * n : String(e).localeCompare(String(t)) * n;
 			return [...e].sort((e, n) => i(e.values[t.id], n.values[t.id]));
-		}), k = o(() => r.rows.filter((e) => e.pinned === "top")), A = o(() => r.rows.filter((e) => e.pinned === "bottom")), le = o(() => {
-			let e = Math.max(1, Math.ceil((u.value?.clientHeight ?? 600) / $)), t = Math.max(10, Math.floor(r.windowRows / 4)), n = Math.floor(oe.value / $) - k.value.length - t, i = Math.max(0, n), a = Math.min(O.value.length, i + e + t * 2), o = k.value.map((e, t) => ({
+		}), k = o(() => r.rows.filter((e) => e.pinned === "top")), A = o(() => r.rows.filter((e) => e.pinned === "bottom")), de = o(() => {
+			let e = Math.max(1, Math.ceil((u.value?.clientHeight ?? 600) / Ft)), t = Math.max(10, Math.floor(r.windowRows / 4)), n = Math.floor(w.value / Ft) - k.value.length - t, i = Math.max(0, n), a = Math.min(O.value.length, i + e + t * 2), o = k.value.map((e, t) => ({
 				...e,
 				__virtualIndex: t,
 				gutterLabel: ""
@@ -656,7 +657,7 @@ var Ct = (e) => {
 				...c
 			];
 		});
-		function ue(e, t) {
+		function fe(e, t) {
 			if (t == null || t === "") return "";
 			if (e.type === "number") {
 				let e = typeof t == "number" ? t : Number(t);
@@ -692,19 +693,19 @@ var Ct = (e) => {
 		function N(e, t) {
 			return r.cellAttrs ? r.cellAttrs(e.id, t.id, e, t) ?? {} : {};
 		}
-		function de(e, t) {
+		function pe(e, t) {
 			let n = N(e, t);
 			if (n.display !== void 0) return n.display;
 			let r = M(e.id, t.id);
-			return t.format ? t.format(r, e) : ue(t, r);
+			return t.format ? t.format(r, e) : fe(t, r);
 		}
-		function P(e, t) {
-			let n = N(e, t), r = x.value?.rowId === e.id && x.value?.columnId === t.id, i = ge(e.id, t.id);
+		function me(e, t) {
+			let n = N(e, t), r = b.value?.rowId === e.id && b.value?.columnId === t.id, i = xe(e.id, t.id);
 			return {
 				[`nb-spreadsheet__cell--${t.align ?? (t.type === "number" || t.type === "date" ? "right" : "left")}`]: !0,
 				"nb-spreadsheet__cell--focused": r,
 				"nb-spreadsheet__cell--selected": i,
-				"nb-spreadsheet__cell--readonly": F(e, t),
+				"nb-spreadsheet__cell--readonly": P(e, t),
 				"nb-spreadsheet__cell--computed": !!n.computed || !!e.computed,
 				"nb-spreadsheet__cell--pinned-top": e.pinned === "top",
 				"nb-spreadsheet__cell--pinned-bottom": e.pinned === "bottom",
@@ -712,31 +713,31 @@ var Ct = (e) => {
 				[e.className ?? ""]: !!e.className
 			};
 		}
-		function F(e, t) {
+		function P(e, t) {
 			if (e.computed || t.readOnly) return !0;
 			let n = N(e, t);
 			return !!n.readOnly || !!n.computed;
 		}
-		function I(e, t) {
+		function F(e, t) {
 			return N(e, t).tooltip ?? "";
 		}
-		function L(e) {
+		function he(e) {
 			return {
 				"nb-spreadsheet__header--sortable": !!e.sortable,
 				"nb-spreadsheet__header--pinned-left": e.pinned === "left",
 				"nb-spreadsheet__header--pinned-right": e.pinned === "right"
 			};
 		}
-		function R(e) {
+		function ge(e) {
 			if (e.pinned !== "left") return 0;
-			let t = r.showGutter ? Ft : 0;
+			let t = r.showGutter ? r.gutterWidth : 0;
 			for (let n of E.value) {
 				if (n.id === e.id) break;
 				n.pinned === "left" && (t += D(n));
 			}
 			return t;
 		}
-		function fe(e) {
+		function _e(e) {
 			if (e.pinned !== "right") return 0;
 			let t = 0, n = [...E.value].reverse();
 			for (let r of n) {
@@ -745,218 +746,313 @@ var Ct = (e) => {
 			}
 			return t;
 		}
-		function pe(e, t) {
+		function ve(e, t) {
 			let n = (r.showGutter ? 2 : 1) + t, i = {};
-			return e.pinned === "left" ? (i.position = "sticky", i.left = `${R(e)}px`, i.zIndex = "3") : e.pinned === "right" && (i.position = "sticky", i.right = `${fe(e)}px`, i.zIndex = "3"), {
+			return e.pinned === "left" ? (i.position = "sticky", i.left = `${ge(e)}px`, i.zIndex = "3") : e.pinned === "right" && (i.position = "sticky", i.right = `${_e(e)}px`, i.zIndex = "3"), {
 				gridRow: 1,
 				gridColumn: n,
 				...i
 			};
 		}
-		function me(e, t, n, i) {
-			let a = (r.showGutter ? 2 : 1) + i, o = n + 2, s = {};
-			return t.pinned === "left" ? (s.position = "sticky", s.left = `${R(t)}px`, s.zIndex = "2") : t.pinned === "right" && (s.position = "sticky", s.right = `${fe(t)}px`, s.zIndex = "2"), (e.pinned === "top" || e.pinned === "bottom") && (s.position = "sticky", s.zIndex = String(Math.max(Number(s.zIndex ?? 0), 2)), e.pinned === "top" && (s.top = `${It}px`), e.pinned === "bottom" && (s.bottom = "0")), {
-				gridRow: o,
-				gridColumn: a,
-				...s
+		function ye(e, t, n) {
+			let i = (r.showGutter ? 2 : 1) + n, a = e.__virtualIndex + 2, o = {};
+			return t.pinned === "left" ? (o.position = "sticky", o.left = `${ge(t)}px`, o.zIndex = "2") : t.pinned === "right" && (o.position = "sticky", o.right = `${_e(t)}px`, o.zIndex = "2"), (e.pinned === "top" || e.pinned === "bottom") && (o.position = "sticky", o.zIndex = String(Math.max(Number(o.zIndex ?? 0), 2)), Object.assign(o, I(e))), {
+				gridRow: a,
+				gridColumn: i,
+				...o
 			};
 		}
-		function he(e, t) {
-			let n = {
+		function I(e) {
+			if (e.pinned === "top") {
+				let t = k.value.findIndex((t) => t.id === e.id);
+				return { top: `calc(var(--nbss-header-height) + var(--nbss-row-height) * ${Math.max(0, t)})` };
+			}
+			if (e.pinned === "bottom") {
+				let t = A.value, n = t.findIndex((t) => t.id === e.id);
+				return { bottom: `calc(var(--nbss-row-height) * ${Math.max(0, t.length - 1 - n)})` };
+			}
+			return {};
+		}
+		function L(e) {
+			return e.label === void 0 ? e.gutterLabel === void 0 ? String(e.__virtualIndex - k.value.length + 1) : e.gutterLabel : e.label;
+		}
+		function be(e) {
+			let t = {
 				position: "sticky",
 				left: "0",
 				zIndex: "2"
 			};
-			return t.pinned === "top" && (n.top = `${It}px`, n.zIndex = "4"), t.pinned === "bottom" && (n.bottom = "0", n.zIndex = "4"), {
-				gridRow: e + 2,
+			return e.pinned && (Object.assign(t, I(e)), t.zIndex = "4"), {
+				gridRow: e.__virtualIndex + 2,
 				gridColumn: 1,
-				...n
+				...t
 			};
 		}
-		function ge(e, t) {
-			if (!S.value) return !1;
+		function xe(e, t) {
+			if (!x.value) return !1;
 			let n = [
 				...k.value,
 				...O.value,
 				...A.value
-			].map((e) => e.id), r = E.value.map((e) => e.id), i = n.indexOf(S.value.startRowId), a = n.indexOf(S.value.endRowId), o = r.indexOf(S.value.startColumnId), s = r.indexOf(S.value.endColumnId), c = n.indexOf(e), l = r.indexOf(t);
+			].map((e) => e.id), r = E.value.map((e) => e.id), i = n.indexOf(x.value.startRowId), a = n.indexOf(x.value.endRowId), o = r.indexOf(x.value.startColumnId), s = r.indexOf(x.value.endColumnId), c = n.indexOf(e), l = r.indexOf(t);
 			return c >= Math.min(i, a) && c <= Math.max(i, a) && l >= Math.min(o, s) && l <= Math.max(o, s);
 		}
-		function z(e, t, n = !1) {
-			x.value = {
+		function R(e, t, n = !1) {
+			b.value = {
 				rowId: e,
 				columnId: t
-			}, n && S.value ? S.value = {
-				...S.value,
+			}, n && x.value ? x.value = {
+				...x.value,
 				endRowId: e,
 				endColumnId: t
-			} : S.value = {
+			} : x.value = {
 				startRowId: e,
 				startColumnId: t,
 				endRowId: e,
 				endColumnId: t
-			}, i("focus", x.value), i("selection", S.value);
+			}, i("focus", b.value), i("selection", x.value);
 		}
-		function B(e, t, n) {
-			w.value && G(!0), C.value = !0, z(t.id, n.id, e.shiftKey), u.value?.focus(), e.preventDefault(), document.addEventListener("mouseup", ve, { once: !0 });
+		function Se(e) {
+			ce = e.pointerType;
 		}
-		function _e(e, t) {
-			!C.value || !S.value || (S.value = {
-				...S.value,
+		function Ce(e, t, n) {
+			let r = ce === "touch" && !e.shiftKey && b.value?.rowId === t.id && b.value?.columnId === n.id;
+			if (ce = "", C.value && q(), S.value = !0, R(t.id, n.id, e.shiftKey), z(), e.preventDefault(), document.addEventListener("mouseup", Te, { once: !0 }), r && !P(t, n)) {
+				let e = M(t.id, n.id);
+				G(t, n, e == null ? "" : String(e), "edit");
+			}
+		}
+		function we(e, t) {
+			!S.value || !x.value || (x.value = {
+				...x.value,
 				endRowId: e.id,
 				endColumnId: t.id
-			}, i("selection", S.value));
+			}, i("selection", x.value));
+		}
+		function Te() {
+			S.value = !1;
 		}
-		function ve() {
-			C.value = !1;
+		function Ee(e, t) {
+			if (P(e, t)) return;
+			let n = M(e.id, t.id);
+			G(e, t, n == null ? "" : String(n), "edit");
 		}
-		function ye(e, t) {
-			F(e, t) || H(e, t, "");
+		function z() {
+			u.value?.focus({ preventScroll: !0 });
 		}
-		function V(e, t, n = !1) {
-			if (!x.value) {
-				let e = E.value[0], t = le.value[0];
-				e && t && z(t.id, e.id);
+		function B(e, t, n = !1) {
+			if (!b.value) {
+				let e = E.value[0], t = de.value[0];
+				e && t && R(t.id, e.id);
 				return;
 			}
 			let r = [
 				...k.value,
 				...O.value,
 				...A.value
-			], i = r.findIndex((e) => e.id === x.value.rowId), a = E.value.findIndex((e) => e.id === x.value.columnId), o = Math.max(0, Math.min(r.length - 1, i + e)), s = Math.max(0, Math.min(E.value.length - 1, a + t));
-			z(r[o].id, E.value[s].id, n), be(r[o].id);
+			], i = r.findIndex((e) => e.id === b.value.rowId), a = E.value.findIndex((e) => e.id === b.value.columnId), o = Math.max(0, Math.min(r.length - 1, i + e)), s = Math.max(0, Math.min(E.value.length - 1, a + t)), c = r[o].id, l = E.value[s].id;
+			R(c, l, n), U(c, l);
 		}
-		function be(e) {
-			let t = O.value.findIndex((t) => t.id === e);
-			if (t < 0 || !u.value) return;
-			let n = t * $, r = u.value;
-			n < r.scrollTop ? r.scrollTop = n : n + $ > r.scrollTop + r.clientHeight - It && (r.scrollTop = n - r.clientHeight + It + $);
+		function V(e) {
+			return e.replace(/["\\]/g, "\\$&");
 		}
-		function xe() {
-			oe.value = u.value?.scrollTop ?? 0;
+		function H(e) {
+			let t = u.value?.querySelector(e);
+			return t ? t.offsetHeight : 0;
 		}
-		function Se(e) {
-			if (!w.value) {
-				if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "z") {
-					e.preventDefault(), e.shiftKey ? ke() : Y();
-					return;
+		function De(e) {
+			let t = 0;
+			for (let n of e) t += H(`[data-row="${V(n.id)}"]`);
+			return t;
+		}
+		function Oe(e) {
+			let t = e === "left" && r.showGutter ? r.gutterWidth : 0;
+			for (let n of E.value) n.pinned === e && (t += D(n));
+			return t;
+		}
+		function U(e, t) {
+			let n = u.value;
+			if (!n) return;
+			let i = O.value.findIndex((t) => t.id === e);
+			if (i >= 0) {
+				let e = H(".nb-spreadsheet__header") || Pt, t = H(".nb-spreadsheet__cell") || Ft, r = e + (k.value.length + i) * t, a = e + De(k.value), o = De(A.value);
+				r - a < n.scrollTop ? n.scrollTop = r - a : r + t > n.scrollTop + n.clientHeight - o && (n.scrollTop = r + t - n.clientHeight + o);
+			}
+			let a = t ? E.value.find((e) => e.id === t) : void 0;
+			if (a && !a.pinned) {
+				let e = r.showGutter ? r.gutterWidth : 0;
+				for (let t of E.value) {
+					if (t.id === a.id) break;
+					e += D(t);
 				}
-				switch (e.key) {
-					case "ArrowDown":
-						e.preventDefault(), V(1, 0, e.shiftKey);
-						break;
-					case "ArrowUp":
-						e.preventDefault(), V(-1, 0, e.shiftKey);
-						break;
-					case "ArrowLeft":
-						e.preventDefault(), V(0, -1, e.shiftKey);
-						break;
-					case "ArrowRight":
-						e.preventDefault(), V(0, 1, e.shiftKey);
-						break;
-					case "Tab":
-						e.preventDefault(), V(0, e.shiftKey ? -1 : 1);
-						break;
-					case "Enter":
-						if (e.preventDefault(), x.value) {
-							let e = r.rows.find((e) => e.id === x.value.rowId), t = r.columns.find((e) => e.id === x.value.columnId);
-							e && t && !F(e, t) && H(e, t, "");
-						}
-						break;
-					case "Escape":
-						S.value = null, i("selection", null);
-						break;
-					case "Delete":
-					case "Backspace":
-						e.preventDefault(), Te();
-						break;
-					case "F2":
-						if (e.preventDefault(), x.value) {
-							let e = r.rows.find((e) => e.id === x.value.rowId), t = r.columns.find((e) => e.id === x.value.columnId);
-							if (e && t && !F(e, t)) {
-								let n = M(e.id, t.id);
-								H(e, t, n == null ? "" : String(n));
-							}
-						}
-						break;
-					default: if (x.value && !e.metaKey && !e.ctrlKey && !e.altKey && e.key.length === 1) {
-						let t = r.rows.find((e) => e.id === x.value.rowId), n = r.columns.find((e) => e.id === x.value.columnId);
-						t && n && !F(t, n) && (e.preventDefault(), H(t, n, e.key));
+				let t = D(a), i = Oe("left"), o = Oe("right");
+				e - i < n.scrollLeft ? n.scrollLeft = e - i : e + t > n.scrollLeft + n.clientWidth - o && (n.scrollLeft = e + t - n.clientWidth + o);
+			}
+			ke();
+		}
+		function ke() {
+			w.value = u.value?.scrollTop ?? 0, se.value = u.value?.scrollLeft ?? 0;
+		}
+		function Ae() {
+			if (!b.value) return null;
+			let e = r.rows.find((e) => e.id === b.value.rowId), t = r.columns.find((e) => e.id === b.value.columnId);
+			return e && t ? {
+				r: e,
+				c: t
+			} : null;
+		}
+		function W(e) {
+			return !e.metaKey && !e.ctrlKey && !e.altKey && e.key.length === 1;
+		}
+		function je(e) {
+			if (C.value) {
+				e.target !== _.value && (W(e) ? (e.preventDefault(), C.value.draft += e.key) : K(e));
+				return;
+			}
+			if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "z") {
+				e.preventDefault(), e.shiftKey ? Be() : ze();
+				return;
+			}
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), B(1, 0, e.shiftKey);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), B(-1, 0, e.shiftKey);
+					break;
+				case "ArrowLeft":
+					e.preventDefault(), B(0, -1, e.shiftKey);
+					break;
+				case "ArrowRight":
+					e.preventDefault(), B(0, 1, e.shiftKey);
+					break;
+				case "Tab":
+					e.preventDefault(), B(0, e.shiftKey ? -1 : 1);
+					break;
+				case "Enter":
+					e.preventDefault(), B(e.shiftKey ? -1 : 1, 0);
+					break;
+				case "Escape":
+					x.value = null, i("selection", null);
+					break;
+				case "Delete":
+				case "Backspace":
+					e.preventDefault(), Pe();
+					break;
+				case "F2": {
+					e.preventDefault();
+					let t = Ae();
+					if (t && !P(t.r, t.c)) {
+						let e = M(t.r.id, t.c.id);
+						G(t.r, t.c, e == null ? "" : String(e), "edit");
 					}
+					break;
+				}
+				default: {
+					if (!W(e)) break;
+					let t = Ae();
+					t && !P(t.r, t.c) && (e.preventDefault(), G(t.r, t.c, e.key, "enter"));
 				}
 			}
 		}
-		function H(e, t, n) {
-			w.value = {
+		function G(e, t, n, r) {
+			U(e.id, t.id), C.value = {
 				rowId: e.id,
 				columnId: t.id,
-				draft: n
+				draft: n,
+				mode: r
 			}, d(() => {
-				v.value?.focus(), v.value?.select();
+				let e = _.value;
+				if (e) if (e.focus({ preventScroll: !0 }), r === "enter") {
+					let t = e.value.length;
+					e.setSelectionRange(t, t);
+				} else e.select();
 			});
 		}
-		let Ce = o(() => {
-			if (w.value) return r.columns.find((e) => e.id === w.value.columnId)?.type === "number" ? "decimal" : "text";
-		}), U = o(() => {
-			if (!w.value) return { display: "none" };
-			let e = u.value?.querySelector(`[data-cell="${w.value.rowId}::${w.value.columnId}"]`);
-			if (!e) return { display: "none" };
-			let t = e.getBoundingClientRect(), n = u.value.getBoundingClientRect();
+		let Me = o(() => {
+			if (C.value) return r.columns.find((e) => e.id === C.value.columnId)?.type === "number" ? "decimal" : "text";
+		}), Ne = o(() => {
+			if (!C.value) return { display: "none" };
+			let e = u.value, t = e?.querySelector(`[data-cell="${V(`${C.value.rowId}::${C.value.columnId}`)}"]`);
+			if (!e || !t) return { display: "none" };
+			let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
 			return {
-				top: `${t.top - n.top}px`,
-				left: `${t.left - n.left}px`,
-				width: `${t.width}px`,
-				height: `${t.height}px`
+				top: `${n.top - r.top - e.clientTop + w.value}px`,
+				left: `${n.left - r.left - e.clientLeft + se.value}px`,
+				width: `${n.width}px`,
+				height: `${n.height}px`
 			};
 		});
-		function W(e) {
-			e.key === "Enter" ? (e.preventDefault(), G(!1), V(1, 0)) : e.key === "Tab" ? (e.preventDefault(), G(!1), V(0, e.shiftKey ? -1 : 1)) : e.key === "Escape" && (e.preventDefault(), w.value = null, u.value?.focus());
-		}
-		function G(e) {
-			if (!w.value) return;
-			let { rowId: t, columnId: n, draft: a } = w.value, o = r.columns.find((e) => e.id === n);
-			if (!o) {
-				w.value = null;
-				return;
+		function K(e) {
+			let t = C.value?.mode, n = null;
+			switch (e.key) {
+				case "Enter":
+					n = [e.shiftKey ? -1 : 1, 0];
+					break;
+				case "Tab":
+					n = [0, e.shiftKey ? -1 : 1];
+					break;
+				case "ArrowDown":
+					n = [1, 0];
+					break;
+				case "ArrowUp":
+					n = [-1, 0];
+					break;
+				case "ArrowLeft":
+					t === "enter" && (n = [0, -1]);
+					break;
+				case "ArrowRight":
+					t === "enter" && (n = [0, 1]);
+					break;
+				case "Escape":
+					e.preventDefault(), C.value = null, z();
+					return;
 			}
+			n && (e.preventDefault(), q(), B(n[0], n[1]));
+		}
+		function q(e = !0) {
+			if (!C.value) return;
+			let { rowId: t, columnId: n, draft: a } = C.value;
+			C.value = null;
+			let o = r.columns.find((e) => e.id === n);
+			if (!o) return;
 			let s;
 			try {
 				s = o.parse ? o.parse(a) : j(o, a);
 			} catch {
-				w.value = null;
+				e && z();
 				return;
 			}
 			let c = M(t, n);
-			if (c === s) {
-				w.value = null;
-				return;
+			if (c !== s) {
+				let e = {
+					rowId: t,
+					columnId: n,
+					before: c,
+					after: s
+				};
+				X([e]), i("commit", e), i("change", [e]);
 			}
-			let l = {
-				rowId: t,
-				columnId: n,
-				before: c,
-				after: s
-			};
-			J([l]), i("commit", l), i("change", [l]), w.value = null, u.value?.focus();
+			e && z();
 		}
-		function we() {
-			if (!S.value) return [];
+		function J() {
+			if (!x.value) return [];
 			let e = [
 				...k.value,
 				...O.value,
 				...A.value
-			].map((e) => e.id), t = E.value.map((e) => e.id), n = e.indexOf(S.value.startRowId), r = e.indexOf(S.value.endRowId), i = t.indexOf(S.value.startColumnId), a = t.indexOf(S.value.endColumnId), o = [];
+			].map((e) => e.id), t = E.value.map((e) => e.id), n = e.indexOf(x.value.startRowId), r = e.indexOf(x.value.endRowId), i = t.indexOf(x.value.startColumnId), a = t.indexOf(x.value.endColumnId), o = [];
 			for (let s = Math.min(n, r); s <= Math.max(n, r); s++) for (let n = Math.min(i, a); n <= Math.max(i, a); n++) o.push({
 				rowId: e[s],
 				columnId: t[n]
 			});
 			return o;
 		}
-		function Te() {
-			let e = we(), t = [];
+		function Pe() {
+			let e = J(), t = [];
 			for (let { rowId: n, columnId: i } of e) {
 				let e = r.rows.find((e) => e.id === n), a = r.columns.find((e) => e.id === i);
-				if (!e || !a || F(e, a)) continue;
+				if (!e || !a || P(e, a)) continue;
 				let o = M(n, i);
 				o == null || o === "" || t.push({
 					rowId: n,
@@ -966,18 +1062,18 @@ var Ct = (e) => {
 				});
 			}
 			if (t.length !== 0) {
-				J(t);
+				X(t);
 				for (let e of t) i("commit", e);
 				i("change", t);
 			}
 		}
-		function K(e) {
-			if (we().length === 0) return;
+		function Y(e) {
+			if (J().length === 0) return;
 			let t = [
 				...k.value,
 				...O.value,
 				...A.value
-			].map((e) => e.id), n = E.value.map((e) => e.id), r = Math.min(t.indexOf(S.value.startRowId), t.indexOf(S.value.endRowId)), i = Math.max(t.indexOf(S.value.startRowId), t.indexOf(S.value.endRowId)), a = Math.min(n.indexOf(S.value.startColumnId), n.indexOf(S.value.endColumnId)), o = Math.max(n.indexOf(S.value.startColumnId), n.indexOf(S.value.endColumnId)), s = [];
+			].map((e) => e.id), n = E.value.map((e) => e.id), r = Math.min(t.indexOf(x.value.startRowId), t.indexOf(x.value.endRowId)), i = Math.max(t.indexOf(x.value.startRowId), t.indexOf(x.value.endRowId)), a = Math.min(n.indexOf(x.value.startColumnId), n.indexOf(x.value.endColumnId)), o = Math.max(n.indexOf(x.value.startColumnId), n.indexOf(x.value.endColumnId)), s = [];
 			for (let e = r; e <= i; e++) {
 				let r = [];
 				for (let i = a; i <= o; i++) {
@@ -988,11 +1084,11 @@ var Ct = (e) => {
 			}
 			e.preventDefault(), e.clipboardData?.setData("text/plain", s.join("\n"));
 		}
-		function Ee(e) {
-			K(e), Te();
+		function Fe(e) {
+			Y(e), Pe();
 		}
-		function De(e) {
-			if (!x.value) return;
+		function Ie(e) {
+			if (!b.value) return;
 			let t = e.clipboardData?.getData("text/plain") ?? "";
 			if (!t) return;
 			e.preventDefault();
@@ -1000,13 +1096,13 @@ var Ct = (e) => {
 				...k.value,
 				...O.value,
 				...A.value
-			].map((e) => e.id), o = E.value.map((e) => e.id), s = a.indexOf(x.value.rowId), c = o.indexOf(x.value.columnId), l = [];
+			].map((e) => e.id), o = E.value.map((e) => e.id), s = a.indexOf(b.value.rowId), c = o.indexOf(b.value.columnId), l = [];
 			if (n.forEach((e, t) => {
 				e.forEach((e, n) => {
 					let i = a[s + t], u = o[c + n];
 					if (!i || !u) return;
 					let d = r.rows.find((e) => e.id === i), f = r.columns.find((e) => e.id === u);
-					if (!d || !f || F(d, f)) return;
+					if (!d || !f || P(d, f)) return;
 					let p;
 					try {
 						p = f.parse ? f.parse(e) : j(f, e);
@@ -1022,16 +1118,16 @@ var Ct = (e) => {
 					});
 				});
 			}), l.length !== 0) {
-				J(l);
+				X(l);
 				for (let e of l) i("commit", e);
 				i("change", l);
 			}
 		}
-		function q(e, t) {
+		function Le(e, t) {
 			let n = e.clientX, r = D(t), i = t.minWidth ?? 60, a = (e) => {
 				let a = Math.max(i, r + (e.clientX - n));
-				y.value = {
-					...y.value,
+				v.value = {
+					...v.value,
 					[t.id]: a
 				};
 			}, o = () => {
@@ -1039,20 +1135,20 @@ var Ct = (e) => {
 			};
 			window.addEventListener("mousemove", a), window.addEventListener("mouseup", o);
 		}
-		function Oe(e) {
-			e.sortable && (b.value?.columnId === e.id ? b.value = b.value.direction === "asc" ? {
+		function Re(e) {
+			e.sortable && (y.value?.columnId === e.id ? y.value = y.value.direction === "asc" ? {
 				columnId: e.id,
 				direction: "desc"
-			} : null : b.value = {
+			} : null : y.value = {
 				columnId: e.id,
 				direction: "asc"
 			});
 		}
-		function J(e) {
-			se.value.push(e), T.value = [];
+		function X(e) {
+			T.value.push(e), le.value = [];
 		}
-		function Y() {
-			let e = se.value.pop();
+		function ze() {
+			let e = T.value.pop();
 			if (!e) return;
 			let t = e.map((e) => ({
 				...e,
@@ -1060,90 +1156,92 @@ var Ct = (e) => {
 				after: e.before
 			}));
 			for (let e of t) i("commit", e);
-			i("change", t), T.value.push(e);
+			i("change", t), le.value.push(e);
 		}
-		function ke() {
-			let e = T.value.pop();
+		function Be() {
+			let e = le.value.pop();
 			if (e) {
 				for (let t of e) i("commit", t);
-				i("change", e), se.value.push(e);
+				i("change", e), T.value.push(e);
 			}
 		}
 		return m(() => {
-			u.value?.focus();
+			z();
 		}), t({
-			focus: (e, t) => z(e, t),
-			undo: Y,
-			redo: ke,
-			getSelection: () => S.value
-		}), (t, n) => (h(), c("div", { class: f(["nb-spreadsheet", { "nb-spreadsheet--editing": !!w.value }]) }, [t.$slots.toolbar ? (h(), c("div", Dt, [te(t.$slots, "toolbar", {}, void 0, !0)])) : s("", !0), l("div", {
+			focus: (e, t) => R(e, t),
+			undo: ze,
+			redo: Be,
+			getSelection: () => x.value
+		}), (t, n) => (h(), c("div", { class: f(["nb-spreadsheet", { "nb-spreadsheet--editing": !!C.value }]) }, [t.$slots.toolbar ? (h(), c("div", Et, [te(t.$slots, "toolbar", {}, void 0, !0)])) : s("", !0), l("div", {
 			ref_key: "scrollerRef",
 			ref: u,
 			class: "nb-spreadsheet__scroller",
 			tabindex: "0",
-			onKeydown: Se,
-			onCopy: K,
-			onCut: Ee,
-			onPaste: De,
-			onScroll: xe
+			onKeydown: je,
+			onCopy: Y,
+			onCut: Fe,
+			onPaste: Ie,
+			onScroll: ke
 		}, [l("div", {
 			class: "nb-spreadsheet__grid",
-			style: p(ce.value)
+			style: p(ue.value)
 		}, [
-			e.showGutter ? (h(), c("div", Ot)) : s("", !0),
+			e.showGutter ? (h(), c("div", Dt)) : s("", !0),
 			(h(!0), c(a, null, ee(E.value, (t, n) => (h(), c("div", {
 				key: `h-${t.id}`,
-				class: f(["nb-spreadsheet__header", L(t)]),
-				style: p(pe(t, n)),
-				onClick: (e) => Oe(t)
+				class: f(["nb-spreadsheet__header", he(t)]),
+				style: p(ve(t, n)),
+				onClick: (e) => Re(t)
 			}, [
-				l("span", At, _(t.label), 1),
-				b.value && b.value.columnId === t.id ? (h(), c("span", jt, _(b.value.direction === "asc" ? "▲" : "▼"), 1)) : s("", !0),
+				l("span", kt, ne(t.label), 1),
+				y.value && y.value.columnId === t.id ? (h(), c("span", At, ne(y.value.direction === "asc" ? "▲" : "▼"), 1)) : s("", !0),
 				e.resizable ? (h(), c("span", {
 					key: 1,
 					class: "nb-spreadsheet__resize-handle",
-					onMousedown: ae((e) => q(e, t), ["stop"])
-				}, null, 40, Mt)) : s("", !0)
-			], 14, kt))), 128)),
-			(h(!0), c(a, null, ee(le.value, (t, n) => (h(), c(a, { key: `r-${t.id}` }, [e.showGutter ? (h(), c("div", {
+					onMousedown: oe((e) => Le(e, t), ["stop"])
+				}, null, 40, jt)) : s("", !0)
+			], 14, Ot))), 128)),
+			(h(!0), c(a, null, ee(de.value, (t) => (h(), c(a, { key: `r-${t.id}` }, [e.showGutter ? (h(), c("div", {
 				key: 0,
 				class: f(["nb-spreadsheet__gutter", {
 					"nb-spreadsheet__gutter--pinned-top": t.pinned === "top",
 					"nb-spreadsheet__gutter--pinned-bottom": t.pinned === "bottom"
 				}]),
-				style: p(he(n, t))
-			}, _(t.gutterLabel ?? n + 1), 7)) : s("", !0), (h(!0), c(a, null, ee(E.value, (e, r) => (h(), c("div", {
+				style: p(be(t))
+			}, ne(L(t)), 7)) : s("", !0), (h(!0), c(a, null, ee(E.value, (e, r) => (h(), c("div", {
 				key: `c-${t.id}-${e.id}`,
-				class: f(["nb-spreadsheet__cell", P(t, e)]),
-				style: p(me(t, e, n, r)),
-				title: I(t, e),
+				class: f(["nb-spreadsheet__cell", me(t, e)]),
+				style: p(ye(t, e, r)),
+				title: F(t, e),
 				"data-cell": `${t.id}::${e.id}`,
 				"data-row": t.id,
 				"data-col": e.id,
-				onMousedown: (n) => B(n, t, e),
-				onMouseenter: (n) => _e(t, e),
-				onDblclick: (n) => ye(t, e)
-			}, [l("span", null, _(de(t, e)), 1)], 46, Nt))), 128))], 64))), 128))
-		], 4), w.value ? ie((h(), c("input", {
+				onPointerdown: n[0] ||= (e) => Se(e),
+				onMousedown: (n) => Ce(n, t, e),
+				onMouseenter: (n) => we(t, e),
+				onDblclick: (n) => Ee(t, e)
+			}, [l("span", null, ne(pe(t, e)), 1)], 46, Mt))), 128))], 64))), 128))
+		], 4), C.value ? ae((h(), c("input", {
 			key: 0,
 			ref_key: "editorRef",
-			ref: v,
-			"onUpdate:modelValue": n[0] ||= (e) => w.value.draft = e,
+			ref: _,
+			"onUpdate:modelValue": n[1] ||= (e) => C.value.draft = e,
 			class: "nb-spreadsheet__editor",
-			style: p(U.value),
-			inputmode: Ce.value,
-			onBlur: n[1] ||= (e) => G(!0),
-			onKeydown: ae(W, ["stop"])
-		}, null, 44, Pt)), [[re, w.value.draft]]) : s("", !0)], 544)], 2));
+			style: p(Ne.value),
+			inputmode: Me.value,
+			enterkeyhint: "next",
+			onBlur: n[2] ||= (e) => q(!1),
+			onKeydown: oe(K, ["stop"])
+		}, null, 44, Nt)), [[ie, C.value.draft]]) : s("", !0)], 544)], 2));
 	}
-}), Rt = /* @__PURE__ */ y({ default: () => zt }), zt = /* @__PURE__ */ i(Lt, [["__scopeId", "data-v-df859a7e"]]), Bt = /* @__PURE__ */ Object.assign({ "./components/labs/Spreadsheet.vue": Rt }), Vt = { install(e) {
-	Object.keys(Bt).forEach((t) => {
-		let n = `Nb${t.replace(/(.+\/)(\w+)(\.vue)$/, "$2")}`, r = Bt[t];
+}), Lt = /* @__PURE__ */ v({ default: () => Rt }), Rt = /* @__PURE__ */ i(It, [["__scopeId", "data-v-d04d6e9c"]]), zt = /* @__PURE__ */ Object.assign({ "./components/labs/Spreadsheet.vue": Lt }), Bt = { install(e) {
+	Object.keys(zt).forEach((t) => {
+		let n = `Nb${t.replace(/(.+\/)(\w+)(\.vue)$/, "$2")}`, r = zt[t];
 		e.component(n, r.default);
 	});
-} }, Ht = { install(e, t = {}) {
+} }, Vt = { install(e, t = {}) {
 	if (t.components) for (let [n, r] of Object.entries(t.components)) e.component(n, r);
-	e.use(Tt), e.use(Et);
+	e.use(wt), e.use(Tt);
 } };
 //#endregion
-export { Ct as a, Et as i, Vt as n, bt as o, zt as r, ct as s, Ht as t };
+export { St as a, Tt as i, Bt as n, yt as o, Rt as r, st as s, Vt as t };