@sakuzu/maplibre-gl-draw-ui 1.2.0 → 1.2.1

package/dist/maplibre-gl-draw-ui.js

@@ -10,7 +10,7 @@ var x = () => {};
 function S(e) {
 	for (var t = 0; t < e.length; t++) e[t]();
 }
-function ee() {
+function C() {
 	var e, t;
 	return {
 		promise: new Promise((n, r) => {
@@ -20,10 +20,10 @@ function ee() {
 		reject: t
 	};
 }
-function C(e, t, n = !1) {
+function w(e, t, n = !1) {
 	return e === void 0 ? n ? t() : t : e;
 }
-function w(e, t) {
+function ee(e, t) {
 	if (Array.isArray(e)) return e;
 	if (t === void 0 || !(Symbol.iterator in e)) return Array.from(e);
 	let n = [];
@@ -333,7 +333,7 @@ function jt(e, t, n) {
 	r === null && Ke();
 	var i = void 0, a = sn(Oe), o = !lr, s = /* @__PURE__ */ new Set();
 	return Un(() => {
-		var t = fr, n = ee();
+		var t = fr, n = C();
 		i = n.promise;
 		try {
 			Promise.resolve(e()).then(n.resolve, (e) => {
@@ -630,7 +630,7 @@ var Rt = null, zt = null, Bt = null, Vt = null, Ht = null, Ut = !1, Wt = !1, Gt
 		this.#i.add(e);
 	}
 	settled() {
-		return (this.#s ??= ee()).promise;
+		return (this.#s ??= C()).promise;
 	}
 	static ensure() {
 		if (zt === null) {
@@ -2047,10 +2047,10 @@ function Di(e, t, n, r, i) {
 				if (p.length < m.length) {
 					var b = m[0], x;
 					u = b.prev;
-					var S = p[0], ee = p[p.length - 1];
+					var S = p[0], C = p[p.length - 1];
 					for (x = 0; x < p.length; x += 1) ki(p[x], b, n);
 					for (x = 0; x < m.length; x += 1) l.delete(m[x]);
-					Ai(e, S.prev, ee.next), Ai(e, u, S), Ai(e, ee, b), c = b, u = ee, --v, p = [], m = [];
+					Ai(e, S.prev, C.next), Ai(e, u, S), Ai(e, C, b), c = b, u = C, --v, p = [], m = [];
 				} else l.delete(_), ki(_, c, n), Ai(e, _.prev, _.next), Ai(e, _, u === null ? e.effect.first : u.next), Ai(e, u, _), u = _;
 				continue;
 			}
@@ -2064,17 +2064,17 @@ function Di(e, t, n, r, i) {
 		e.outrogroups.size === 0 && (e.outrogroups = null);
 	}
 	if (c !== null || l !== void 0) {
-		var C = [];
-		if (l !== void 0) for (_ of l) _.f & 8192 || C.push(_);
-		for (; c !== null;) !(c.f & 8192) && c !== e.fallback && C.push(c), c = Ei(c.next);
-		var w = C.length;
-		if (w > 0) {
+		var w = [];
+		if (l !== void 0) for (_ of l) _.f & 8192 || w.push(_);
+		for (; c !== null;) !(c.f & 8192) && c !== e.fallback && w.push(c), c = Ei(c.next);
+		var ee = w.length;
+		if (ee > 0) {
 			var te = r & 4 && o === 0 ? n : null;
 			if (a) {
-				for (v = 0; v < w; v += 1) C[v].nodes?.a?.measure();
-				for (v = 0; v < w; v += 1) C[v].nodes?.a?.fix();
+				for (v = 0; v < ee; v += 1) w[v].nodes?.a?.measure();
+				for (v = 0; v < ee; v += 1) w[v].nodes?.a?.fix();
 			}
-			Si(e, C, te);
+			Si(e, w, te);
 		}
 	}
 	a && pt(() => {
@@ -2973,7 +2973,7 @@ function Va(e, t) {
 		className: Na("lucide-icon", n.class),
 		hasA11yProp: L(p),
 		attributes: f
-	})), h = /* @__PURE__ */ A(() => w(L(m), 3)), g = /* @__PURE__ */ A(() => L(h)[1]), _ = /* @__PURE__ */ A(() => C(L(h)[2], () => [], !0)), v = /* @__PURE__ */ A(() => ({
+	})), h = /* @__PURE__ */ A(() => ee(L(m), 3)), g = /* @__PURE__ */ A(() => L(h)[1]), _ = /* @__PURE__ */ A(() => w(L(h)[2], () => [], !0)), v = /* @__PURE__ */ A(() => ({
 		...L(g),
 		class: [...L(g).class.split(" "), t.class]
 	}));
@@ -2981,7 +2981,7 @@ function Va(e, t) {
 	fa(y, () => ({ ...L(v) }));
 	var b = N(y);
 	Ti(b, 17, () => L(_), xi, (e, t) => {
-		var n = /* @__PURE__ */ A(() => w(L(t), 2));
+		var n = /* @__PURE__ */ A(() => ee(L(t), 2));
 		let r = () => L(n)[0], i = () => L(n)[1];
 		var a = B();
 		Ni(P(a), r, !0, (e, t) => {
@@ -4352,40 +4352,48 @@ function Qs(e, t) {
 	zn(() => {
 		t.onOpenChange?.(L(l));
 	});
-	let u = /* @__PURE__ */ j(void 0), d = /* @__PURE__ */ j(void 0), f = /* @__PURE__ */ j(!1), p = /* @__PURE__ */ j(hn({
+	let u = /* @__PURE__ */ j(void 0), d = !1;
+	zn(() => {
+		let e = L(u), t = L(l);
+		!e || t === d || (d = t, e.dispatchEvent(new CustomEvent("kata-menu-toggle", {
+			bubbles: !0,
+			detail: { open: t }
+		})));
+	});
+	let f = /* @__PURE__ */ j(void 0), p = /* @__PURE__ */ j(!1), m = /* @__PURE__ */ j(hn({
 		top: 0,
 		left: 0,
 		maxHeight: 0
-	})), m = !1, h = null;
-	function g() {
-		if (!L(u) || !L(d)) return;
-		let e = L(u).getBoundingClientRect(), t = L(u).closest("[role=\"toolbar\"], [data-role=\"toolbar\"]"), i = t ? t.getBoundingClientRect() : e, a = window.innerWidth, o = window.innerHeight, s = L(d).offsetWidth, c = L(d).style.maxHeight;
-		L(d).style.maxHeight = "";
-		let l = L(d).scrollHeight;
-		if (L(d).style.maxHeight = c, t?.getAttribute("aria-orientation") === "vertical") {
+	})), h = !1, g = null;
+	function _() {
+		if (!L(u) || !L(f)) return;
+		let e = L(u).getBoundingClientRect(), t = L(u).closest("[role=\"toolbar\"], [data-role=\"toolbar\"]"), i = t ? t.getBoundingClientRect() : e, a = window.innerWidth, o = window.innerHeight, s = L(f).offsetWidth, c = L(f).style.maxHeight;
+		L(f).style.maxHeight = "";
+		let l = L(f).scrollHeight;
+		if (L(f).style.maxHeight = c, t?.getAttribute("aria-orientation") === "vertical") {
 			let t = Math.max(120, o - 16), n = Math.min(l, t), r = Math.max(8, Math.min(e.top, o - n - 8)), c = i.left - 4 - s;
-			c < 8 && (c = Math.min(i.right + 4, a - s - 8)), M(p, {
+			c < 8 && (c = Math.min(i.right + 4, a - s - 8)), M(m, {
 				top: Math.round(r),
 				left: Math.round(c),
 				maxHeight: Math.round(t)
 			}, !0);
 			return;
 		}
-		let f = o - i.bottom - 4 - 8, m = i.top - 4 - 8, h = r() ? !(m < Math.min(l, 120) && f > m) : f < Math.min(l, 120) && m > f, g = Math.max(120, h ? m : f), _ = Math.min(l, g), v = h ? i.top - 4 - _ : i.bottom + 4, y = n() === "end" ? e.right - s : e.left;
-		y = Math.max(8, Math.min(y, a - s - 8)), M(p, {
+		let d = o - i.bottom - 4 - 8, p = i.top - 4 - 8, h = r() ? !(p < Math.min(l, 120) && d > p) : d < Math.min(l, 120) && p > d, g = Math.max(120, h ? p : d), _ = Math.min(l, g), v = h ? i.top - 4 - _ : i.bottom + 4, y = n() === "end" ? e.right - s : e.left;
+		y = Math.max(8, Math.min(y, a - s - 8)), M(m, {
 			top: Math.round(v),
 			left: Math.round(y),
 			maxHeight: Math.round(g)
 		}, !0);
 	}
-	function _() {
-		M(l, !L(l)), L(l) && (h = a() ? document.activeElement : null, m = a(), M(f, !1));
-	}
 	function v() {
+		M(l, !L(l)), L(l) && (g = a() ? document.activeElement : null, h = a(), M(p, !1));
+	}
+	function y() {
 		M(l, !1);
 	}
-	let y = typeof HTMLElement < "u" && typeof HTMLElement.prototype.showPopover == "function";
-	function b(e) {
+	let b = typeof HTMLElement < "u" && typeof HTMLElement.prototype.showPopover == "function";
+	function x(e) {
 		try {
 			return e.matches(":popover-open");
 		} catch {
@@ -4393,67 +4401,67 @@ function Qs(e, t) {
 		}
 	}
 	zn(() => {
-		if (!L(l) || !L(d)) return;
-		let e = L(d);
-		if (y && !b(e)) try {
+		if (!L(l) || !L(f)) return;
+		let e = L(f);
+		if (b && !x(e)) try {
 			e.showPopover();
 		} catch {}
 		(async () => {
-			await Mr(), g(), M(f, !0), m && (m = !1, await Mr(), S(0));
+			await Mr(), _(), M(p, !0), h && (h = !1, await Mr(), C(0));
 		})();
 	});
-	function x() {
-		return L(d) ? [...L(d).querySelectorAll("[role=\"menuitem\"]")] : [];
+	function S() {
+		return L(f) ? [...L(f).querySelectorAll("[role=\"menuitem\"]")] : [];
 	}
-	function S(e) {
-		let t = x();
+	function C(e) {
+		let t = S();
 		t.length !== 0 && t[(e % t.length + t.length) % t.length]?.focus();
 	}
-	function ee() {
-		M(l, !1), h?.focus?.();
+	function w() {
+		M(l, !1), g?.focus?.();
 	}
-	function C(e) {
+	function ee(e) {
 		if (!a()) return;
-		let t = x();
+		let t = S();
 		if (t.length === 0) return;
 		let n = t.indexOf(document.activeElement);
-		e.key === "ArrowDown" ? (e.preventDefault(), S(n < 0 ? 0 : n + 1)) : e.key === "ArrowUp" ? (e.preventDefault(), S(n < 0 ? t.length - 1 : n - 1)) : e.key === "Home" ? (e.preventDefault(), S(0)) : e.key === "End" ? (e.preventDefault(), S(t.length - 1)) : e.key === "Tab" && ee();
+		e.key === "ArrowDown" ? (e.preventDefault(), C(n < 0 ? 0 : n + 1)) : e.key === "ArrowUp" ? (e.preventDefault(), C(n < 0 ? t.length - 1 : n - 1)) : e.key === "Home" ? (e.preventDefault(), C(0)) : e.key === "End" ? (e.preventDefault(), C(t.length - 1)) : e.key === "Tab" && w();
 	}
-	function w(e) {
+	function te(e) {
 		if (!L(l)) return;
 		let t = e.target;
-		L(u)?.contains(t) || L(d)?.contains(t) || M(l, !1);
+		L(u)?.contains(t) || L(f)?.contains(t) || M(l, !1);
 	}
-	function te(e) {
-		e.key !== "Escape" || !L(l) || (e.stopPropagation(), a() ? ee() : M(l, !1));
+	function ne(e) {
+		e.key !== "Escape" || !L(l) || (e.stopPropagation(), a() ? w() : M(l, !1));
 	}
-	var ne = Zs();
-	Qr("keydown", vn, te, !0), Qr("pointerdown", vn, w, !0), Qr("resize", vn, () => L(l) && g()), Qr("scroll", vn, () => L(l) && g());
-	var re = P(ne);
-	let ie;
-	W(N(re), () => t.trigger, () => _, () => L(l)), E(re), Ca(re, (e) => M(u, e), () => L(u));
-	var ae = F(re, 2), oe = (e) => {
+	var re = Zs();
+	Qr("keydown", vn, ne, !0), Qr("pointerdown", vn, te, !0), Qr("resize", vn, () => L(l) && _()), Qr("scroll", vn, () => L(l) && _());
+	var ie = P(re);
+	let ae;
+	W(N(ie), () => t.trigger, () => v, () => L(l)), E(ie), Ca(ie, (e) => M(u, e), () => L(u));
+	var oe = F(ie, 2), se = (e) => {
 		var n = Xs();
 		let r, i;
-		W(N(n), () => t.panel, () => v), E(n), Ca(n, (e) => M(d, e), () => L(d)), I(() => {
+		W(N(n), () => t.panel, () => y), E(n), Ca(n, (e) => M(f, e), () => L(f)), I(() => {
 			r = G(n, 1, "seat svelte-k2w6bw", null, r, {
 				menu: !o(),
-				placed: L(f)
-			}), K(n, "popover", y ? "manual" : void 0), K(n, "role", a() ? "menu" : void 0), K(n, "aria-orientation", a() ? "vertical" : void 0), i = Gi(n, "", i, {
-				top: `${L(p).top}px`,
-				left: `${L(p).left}px`,
-				"max-height": `${L(p).maxHeight}px`,
+				placed: L(p)
+			}), K(n, "popover", b ? "manual" : void 0), K(n, "role", a() ? "menu" : void 0), K(n, "aria-orientation", a() ? "vertical" : void 0), i = Gi(n, "", i, {
+				top: `${L(m).top}px`,
+				left: `${L(m).left}px`,
+				"max-height": `${L(m).maxHeight}px`,
 				"max-width": t.menuMaxWidth
 			});
 		}), R("keydown", n, function(...e) {
-			(a() ? C : void 0)?.apply(this, e);
+			(a() ? ee : void 0)?.apply(this, e);
 		}), V(e, n);
 	};
-	U(ae, (e) => {
-		L(l) && e(oe);
+	U(oe, (e) => {
+		L(l) && e(se);
 	}), I(() => {
-		ie = G(re, 1, "anchor svelte-k2w6bw", null, ie, { block: s() }), K(re, "data-role", c());
-	}), V(e, ne), k();
+		ae = G(ie, 1, "anchor svelte-k2w6bw", null, ae, { block: s() }), K(ie, "data-role", c());
+	}), V(e, re), k();
 }
 $r(["keydown"]);
 //#endregion
@@ -4811,7 +4819,7 @@ function Ac(e, t) {
 		e.disabled || (e.href || t.onselect?.(e.id), t.onclose?.());
 	}
 	let x = /* @__PURE__ */ A(() => L(c) === null ? null : t.items[L(c)]), S = /* @__PURE__ */ A(() => L(l) === null ? null : t.items[L(l)]);
-	var ee = kc(), C = P(ee), w = N(C), te = (e) => {
+	var C = kc(), w = P(C), ee = N(w), te = (e) => {
 		{
 			let n = /* @__PURE__ */ A(() => L(S).items ?? []);
 			Ac(e, {
@@ -4837,10 +4845,10 @@ function Ac(e, t) {
 	}, ne = (e) => {
 		n(e);
 	};
-	U(w, (e) => {
+	U(ee, (e) => {
 		L(S) && !("divider" in L(S)) && !("heading" in L(S)) ? e(te) : e(ne, -1);
-	}), E(C), Ca(C, (e) => M(d, e), () => L(d));
-	var re = F(C, 2), ie = (e) => {
+	}), E(w), Ca(w, (e) => M(d, e), () => L(d));
+	var re = F(w, 2), ie = (e) => {
 		var n = Oc();
 		let r;
 		mc(N(n), {
@@ -4871,8 +4879,8 @@ function Ac(e, t) {
 	U(re, (e) => {
 		L(x) && !("divider" in L(x)) && !("heading" in L(x)) && e(ie);
 	}), I(() => {
-		K(C, "role", i() === "floating" ? "menu" : "group"), K(C, "aria-label", i() === "in-place" ? t.backLabel : void 0);
-	}), R("keydown", C, y), V(e, ee), k();
+		K(w, "role", i() === "floating" ? "menu" : "group"), K(w, "aria-label", i() === "in-place" ? t.backLabel : void 0);
+	}), R("keydown", w, y), V(e, C), k();
 }
 $r(["keydown"]);
 //#endregion
@@ -5718,11 +5726,11 @@ function Vl(e, t) {
 		let t = e.target;
 		L(u)?.contains(t) || L(d)?.contains(t) || v(!1);
 	}
-	var ee = Bl();
+	var C = Bl();
 	Qr("pointerdown", vn, S, !0), Qr("resize", vn, () => L(c) && m()), Qr("scroll", vn, () => L(c) && m());
-	var C = P(ee);
-	let w;
-	var te = N(C), ne = (e) => {
+	var w = P(C);
+	let ee;
+	var te = N(w), ne = (e) => {
 		var t = Pl(), n = Dn(t, !0);
 		I(() => H(n, L(s).label)), V(e, t);
 	}, re = (e) => {
@@ -5731,8 +5739,8 @@ function Vl(e, t) {
 	};
 	U(te, (e) => {
 		L(s) ? e(ne) : e(re, -1);
-	}), X(F(te, 2), { name: "chevron-down" }), E(C), Ca(C, (e) => M(u, e), () => L(u));
-	var ie = F(C, 2), ae = (e) => {
+	}), X(F(te, 2), { name: "chevron-down" }), E(w), Ca(w, (e) => M(u, e), () => L(u));
+	var ie = F(w, 2), ae = (e) => {
 		var i = zl();
 		let a, o;
 		Ti(i, 21, () => t.options, (e) => e.value, (e, t) => {
@@ -5770,11 +5778,11 @@ function Vl(e, t) {
 	U(ie, (e) => {
 		L(c) && e(ae);
 	}), I(() => {
-		w = G(C, 1, "trigger svelte-gho7xv", null, w, {
+		ee = G(w, 1, "trigger svelte-gho7xv", null, ee, {
 			err: o(),
 			disabled: a()
-		}), K(C, "id", t.id), C.disabled = a(), K(C, "aria-label", t.ariaLabel), K(C, "aria-expanded", L(c)), K(C, "aria-controls", L(c) ? n : void 0);
-	}), R("click", C, () => L(c) ? v(!1) : _()), R("keydown", C, b), V(e, ee), k();
+		}), K(w, "id", t.id), w.disabled = a(), K(w, "aria-label", t.ariaLabel), K(w, "aria-expanded", L(c)), K(w, "aria-controls", L(c) ? n : void 0);
+	}), R("click", w, () => L(c) ? v(!1) : _()), R("keydown", w, b), V(e, C), k();
 }
 $r(["click", "keydown"]);
 //#endregion
@@ -5843,7 +5851,7 @@ function Jl(e, t) {
 				let u;
 				var d = N(c);
 				let f;
-				E(c), Ca(c, (e) => M(w, e), () => L(w));
+				E(c), Ca(c, (e) => M(ee, e), () => L(ee));
 				var p = F(c, 2);
 				Nl(p, {
 					gap: "sm",
@@ -5890,7 +5898,7 @@ function Jl(e, t) {
 							], (e) => e, (e, t, n) => {
 								jl(e, {
 									get value() {
-										return L(ee)[L(n)];
+										return L(C)[L(n)];
 									},
 									get unit() {
 										return t;
@@ -5909,7 +5917,7 @@ function Jl(e, t) {
 								let e = /* @__PURE__ */ A(() => Y().hue);
 								jl(n, {
 									get value() {
-										return L(C).h;
+										return L(w).h;
 									},
 									unit: "H",
 									min: 0,
@@ -5925,7 +5933,7 @@ function Jl(e, t) {
 								let e = /* @__PURE__ */ A(() => Y().saturation);
 								jl(r, {
 									get value() {
-										return L(C).s;
+										return L(w).s;
 									},
 									unit: "S",
 									min: 0,
@@ -5941,7 +5949,7 @@ function Jl(e, t) {
 								let e = /* @__PURE__ */ A(() => Y().lightness);
 								jl(i, {
 									get value() {
-										return L(C).l;
+										return L(w).l;
 									},
 									unit: "L",
 									min: 0,
@@ -6112,11 +6120,11 @@ function Jl(e, t) {
 			M(y, e.h, !0), M(b, e.s, !0), M(x, e.v, !0);
 		})(f(...e));
 	});
-	let S = /* @__PURE__ */ A(() => p(L(y), 1, 1)), ee = /* @__PURE__ */ A(() => d(L(_)) ?? [
+	let S = /* @__PURE__ */ A(() => p(L(y), 1, 1)), C = /* @__PURE__ */ A(() => d(L(_)) ?? [
 		0,
 		0,
 		0
-	]), C = /* @__PURE__ */ A(() => h(...L(ee))), w = /* @__PURE__ */ j(void 0), te = /* @__PURE__ */ j(void 0), ne = /* @__PURE__ */ j(!1), re = /* @__PURE__ */ j(!1);
+	]), w = /* @__PURE__ */ A(() => h(...L(C))), ee = /* @__PURE__ */ j(void 0), te = /* @__PURE__ */ j(void 0), ne = /* @__PURE__ */ j(!1), re = /* @__PURE__ */ j(!1);
 	function ie(e, t, n) {
 		let r = Math.round(Number(e));
 		return Number.isNaN(r) ? t : Math.min(n, Math.max(t, r));
@@ -6141,27 +6149,27 @@ function Jl(e, t) {
 		n ? se(m(...n)) : t.value = L(_);
 	}
 	function ue(e, t) {
-		let n = [...L(ee)];
+		let n = [...L(C)];
 		n[e] = ie(t, 0, 255), se(m(...n));
 	}
 	function de(e, t) {
-		let { h: n, s: r, l: i } = L(C);
+		let { h: n, s: r, l: i } = L(w);
 		e === "h" ? n = ie(t, 0, 360) % 360 : e === "s" ? r = ie(t, 0, 100) : i = ie(t, 0, 100), se(m(...g(n, r, i)));
 	}
 	function fe(e, t) {
-		let n = L(w);
+		let n = L(ee);
 		if (!n) return;
 		let r = n.getBoundingClientRect();
 		M(b, u((e - r.left) / r.width), !0), M(x, 1 - u((t - r.top) / r.height)), ae();
 	}
 	function pe(e) {
-		M(ne, !0), L(w)?.setPointerCapture(e.pointerId), fe(e.clientX, e.clientY);
+		M(ne, !0), L(ee)?.setPointerCapture(e.pointerId), fe(e.clientX, e.clientY);
 	}
 	function me(e) {
 		L(ne) && fe(e.clientX, e.clientY);
 	}
 	function he(e) {
-		M(ne, !1), L(w)?.releasePointerCapture(e.pointerId);
+		M(ne, !1), L(ee)?.releasePointerCapture(e.pointerId);
 	}
 	function ge(e) {
 		let t = .02;
@@ -6579,10 +6587,10 @@ function Cu(e, t) {
 		});
 		var g = F(m, 2);
 		let x;
-		var S = N(g), ee = (e) => {
+		var S = N(g), C = (e) => {
 			var n = B();
 			W(P(n), () => t.children), V(e, n);
-		}, C = (e) => {
+		}, w = (e) => {
 			Sl(e, {
 				gap: "md",
 				children: (e, n) => {
@@ -6609,9 +6617,9 @@ function Cu(e, t) {
 			});
 		};
 		U(S, (e) => {
-			p() ? e(ee) : e(C, -1);
+			p() ? e(C) : e(w, -1);
 		}), E(g);
-		var w = F(g, 2), te = (e) => {
+		var ee = F(g, 2), te = (e) => {
 			{
 				let n = /* @__PURE__ */ A(() => t.lead ?? (t.status ? r : void 0));
 				pu(e, {
@@ -6630,7 +6638,7 @@ function Cu(e, t) {
 				});
 			}
 		};
-		U(w, (e) => {
+		U(ee, (e) => {
 			!L(_) && L(v) && e(te);
 		}), I(() => {
 			x = G(g, 1, "body svelte-1nboboq", null, x, { flush: p() }), K(g, "data-inset", !p() || void 0);
@@ -6655,7 +6663,7 @@ function Cu(e, t) {
 	function S() {
 		l(!1), t.onclose?.();
 	}
-	var ee = B(), C = P(ee), w = (e) => {
+	var C = B(), w = P(C), ee = (e) => {
 		var t = xu();
 		let r;
 		var i = N(t);
@@ -6673,9 +6681,9 @@ function Cu(e, t) {
 			}), K(t, "aria-labelledby", n), K(t, "role", d() ? "alertdialog" : "dialog");
 		}), Qr("close", t, S), Qr("cancel", t, (e) => f() && e.preventDefault()), R("click", t, (e) => e.target === L(h) && !d() && !f() && x()), V(e, t);
 	};
-	U(C, (e) => {
-		m() ? e(w) : e(te, -1);
-	}), V(e, ee), k();
+	U(w, (e) => {
+		m() ? e(ee) : e(te, -1);
+	}), V(e, C), k();
 }
 $r(["click"]);
 //#endregion
@@ -7800,12 +7808,12 @@ function gd(e, t) {
 	});
 	var y = F(v, 2), b = N(y), S = Dn(b, !0);
 	X(F(b), { name: "chevron-down" }), E(y);
-	var ee = F(y, 2), C = (e) => {
+	var C = F(y, 2), w = (e) => {
 		var t = md(), n = N(t), r = Dn(n, !0);
 		X(F(n), { name: "chevron-down" }), E(t), I(() => H(r, L(u))), V(e, t);
 	};
-	U(ee, (e) => {
-		L(u) !== void 0 && e(C);
+	U(C, (e) => {
+		L(u) !== void 0 && e(w);
 	}), E(_), Ca(_, (e) => M(i, e), () => L(i)), E(f), Ca(f, (e) => M(r, e), () => L(r)), I((e) => {
 		p = G(f, 1, "tabs svelte-dvdfj", null, p, { bar: L(a) }), K(f, "aria-label", t.label), K(f, "data-rule", L(a) ? void 0 : ""), H(S, e);
 	}, [() => Y().more]), V(e, f), k();
@@ -8888,8 +8896,8 @@ $.prototype = {
 				if (n = b, i = rf(n), Cp(Nf, t, Q, r, n, i, e, !1) !== !1) return g(), t.insertBefore(Q, b), jf = t, v(), _(!0);
 			} else if (n.parentNode === t) {
 				i = rf(n);
-				var x = 0, S, ee = Q.parentNode !== t, C = !hp(Q.animated && Q.toRect || r, n.animated && n.toRect || i, f), w = f ? "top" : "left", te = af(n, "top", "top") || af(Q, "top", "top"), ne = te ? te.scrollTop : void 0;
-				ep !== n && (S = i[w], np = !1, rp = !C && o.invertSwap || ee), x = Op(e, n, i, f, C ? 1 : o.swapThreshold, o.invertedSwapThreshold == null ? o.swapThreshold : o.invertedSwapThreshold, rp, ep === n);
+				var x = 0, S, C = Q.parentNode !== t, w = !hp(Q.animated && Q.toRect || r, n.animated && n.toRect || i, f), ee = f ? "top" : "left", te = af(n, "top", "top") || af(Q, "top", "top"), ne = te ? te.scrollTop : void 0;
+				ep !== n && (S = i[ee], np = !1, rp = !w && o.invertSwap || C), x = Op(e, n, i, f, w ? 1 : o.swapThreshold, o.invertedSwapThreshold == null ? o.swapThreshold : o.invertedSwapThreshold, rp, ep === n);
 				var re;
 				if (x !== 0) {
 					var ie = cf(Q);
@@ -8902,7 +8910,7 @@ $.prototype = {
 				var ae = n.nextElementSibling, oe = !1;
 				oe = x === 1;
 				var se = Cp(Nf, t, Q, r, n, i, e, oe);
-				if (se !== !1) return (se === 1 || se === -1) && (oe = se === 1), sp = !0, setTimeout(Tp, 30), g(), oe && !ae ? t.appendChild(Q) : n.parentNode.insertBefore(Q, oe ? ae : n), te && _f(te, 0, ne - te.scrollTop), jf = Q.parentNode, S !== void 0 && !rp && (ip = Math.abs(S - rf(n)[w])), v(), _(!0);
+				if (se !== !1) return (se === 1 || se === -1) && (oe = se === 1), sp = !0, setTimeout(Tp, 30), g(), oe && !ae ? t.appendChild(Q) : n.parentNode.insertBefore(Q, oe ? ae : n), te && _f(te, 0, ne - te.scrollTop), jf = Q.parentNode, S !== void 0 && !rp && (ip = Math.abs(S - rf(n)[ee])), v(), _(!0);
 			}
 			if (t.contains(Q)) return _(!1);
 		}
@@ -9189,9 +9197,9 @@ var Gp = hf(function(e, t, n, r) {
 		Ip !== n && (Ip = n, Up(), Fp = t.scroll, u = t.scrollFn, Fp === !0 && (Fp = df(n, !0)));
 		var d = 0, f = Fp;
 		do {
-			var p = f, m = rf(p), h = m.top, g = m.bottom, _ = m.left, v = m.right, y = m.width, b = m.height, x = void 0, S = void 0, ee = p.scrollWidth, C = p.scrollHeight, w = Z(p), te = p.scrollLeft, ne = p.scrollTop;
-			p === c ? (x = y < ee && (w.overflowX === "auto" || w.overflowX === "scroll" || w.overflowX === "visible"), S = b < C && (w.overflowY === "auto" || w.overflowY === "scroll" || w.overflowY === "visible")) : (x = y < ee && (w.overflowX === "auto" || w.overflowX === "scroll"), S = b < C && (w.overflowY === "auto" || w.overflowY === "scroll"));
-			var re = x && (Math.abs(v - i) <= o && te + y < ee) - (Math.abs(_ - i) <= o && !!te), ie = S && (Math.abs(g - a) <= o && ne + b < C) - (Math.abs(h - a) <= o && !!ne);
+			var p = f, m = rf(p), h = m.top, g = m.bottom, _ = m.left, v = m.right, y = m.width, b = m.height, x = void 0, S = void 0, C = p.scrollWidth, w = p.scrollHeight, ee = Z(p), te = p.scrollLeft, ne = p.scrollTop;
+			p === c ? (x = y < C && (ee.overflowX === "auto" || ee.overflowX === "scroll" || ee.overflowX === "visible"), S = b < w && (ee.overflowY === "auto" || ee.overflowY === "scroll" || ee.overflowY === "visible")) : (x = y < C && (ee.overflowX === "auto" || ee.overflowX === "scroll"), S = b < w && (ee.overflowY === "auto" || ee.overflowY === "scroll"));
+			var re = x && (Math.abs(v - i) <= o && te + y < C) - (Math.abs(_ - i) <= o && !!te), ie = S && (Math.abs(g - a) <= o && ne + b < w) - (Math.abs(h - a) <= o && !!ne);
 			if (!Pp[d]) for (var ae = 0; ae <= d; ae++) Pp[ae] || (Pp[ae] = {});
 			(Pp[d].vx != re || Pp[d].vy != ie || Pp[d].el !== p) && (Pp[d].el = p, Pp[d].vx = re, Pp[d].vy = ie, clearInterval(Pp[d].pid), (re != 0 || ie != 0) && (l = !0, Pp[d].pid = setInterval(function() {
 				r && this.layer === 0 && $.active._onTouchMove(Bp);
@@ -9391,22 +9399,33 @@ function cm(e, t) {
 			i?.disconnect(), a?.disconnect(), n && cancelAnimationFrame(n);
 		};
 	});
-	function g() {
+	let g = /* @__PURE__ */ j(void 0), _ = /* @__PURE__ */ j(!1);
+	zn(() => {
+		let e = L(g);
+		if (!e) return;
+		let t = /* @__PURE__ */ new Set(), n = (e) => {
+			let n = e.target;
+			n && (e.detail?.open ? t.add(n) : t.delete(n), M(_, t.size > 0));
+		};
+		return e.addEventListener("kata-menu-toggle", n), () => e.removeEventListener("kata-menu-toggle", n);
+	});
+	function v() {
 		i(!i()), t.ontoggle?.(i());
 	}
-	function _(e) {
+	function y(e) {
 		let t = e.target;
-		t !== e.currentTarget && !t.classList.contains("chev") || r() && (e.key === "ArrowRight" && !i() || e.key === "ArrowLeft" && i()) && (e.preventDefault(), g());
+		t !== e.currentTarget && !t.classList.contains("chev") || r() && (e.key === "ArrowRight" && !i() || e.key === "ArrowLeft" && i()) && (e.preventDefault(), v());
 	}
-	let v = /* @__PURE__ */ A(() => [
+	let b = /* @__PURE__ */ A(() => [
 		L(p) ? "" : "auto",
 		"minmax(0, 1fr)",
 		L(h) > 0 ? "auto" : ""
 	].filter(Boolean).join(" "));
-	var y = sm();
-	fa(y, () => ({
+	var x = sm();
+	fa(x, () => ({
 		class: "tree-row",
 		"data-dim": c() || l() || u() ? "" : void 0,
+		"data-open": L(_) ? "" : void 0,
 		role: "treeitem",
 		"aria-selected": s(),
 		"aria-expanded": r() ? i() : void 0,
@@ -9420,12 +9439,12 @@ function cm(e, t) {
 		},
 		[ta]: { "--kata-tree-depth": n() }
 	}), void 0, void 0, void 0, "svelte-19ffqlj");
-	var b = N(y);
+	var S = N(x);
 	{
 		let e = /* @__PURE__ */ A(() => !!t.end);
-		nu(b, {
+		nu(S, {
 			get columns() {
-				return L(v);
+				return L(b);
 			},
 			get sel() {
 				return s();
@@ -9436,7 +9455,7 @@ function cm(e, t) {
 			get onclick() {
 				return t.onclick;
 			},
-			onkeydown: _,
+			onkeydown: y,
 			children: (e, s) => {
 				var c = om(), l = P(c), u = (e) => {
 					var t = tm();
@@ -9461,17 +9480,17 @@ function cm(e, t) {
 					E(n), I((e) => {
 						K(n, "tabindex", t.onclick ? -1 : 0), K(n, "aria-label", e);
 					}, [() => i() ? Y().collapse : Y().expand]), R("click", n, (e) => {
-						e.stopPropagation(), g();
+						e.stopPropagation(), v();
 					}), V(e, n);
-				}, _ = (e) => {
+				}, g = (e) => {
 					V(e, rm());
 				};
 				U(d, (e) => {
-					r() ? e(f) : L(p) || e(_, 1);
+					r() ? e(f) : L(p) || e(g, 1);
 				});
-				var v = F(d, 2);
-				W(N(v), () => t.children), E(v);
-				var y = F(v, 2), b = (e) => {
+				var _ = F(d, 2);
+				W(N(_), () => t.children), E(_);
+				var y = F(_, 2), b = (e) => {
 					var n = am(), r = P(n), i = (e) => {
 						var t = im();
 						let n;
@@ -9491,7 +9510,7 @@ function cm(e, t) {
 			$$slots: { default: !0 }
 		});
 	}
-	E(y), V(e, y), k();
+	E(x), Ca(x, (e) => M(g, e), () => L(g)), V(e, x), k();
 }
 $r(["click"]);
 //#endregion
@@ -9785,19 +9804,19 @@ function ym(e, t) {
 			for (let r of t) e.push(r.id), r.children && L(_).has(r.id) && n(r.children);
 		};
 		return n(t.nodes), e;
-	}), S = /* @__PURE__ */ A(() => !!(t.onvisible || t.onlock || t.actions)), ee = /* @__PURE__ */ j(void 0);
-	function C(e, n) {
+	}), S = /* @__PURE__ */ A(() => !!(t.onvisible || t.onlock || t.actions)), C = /* @__PURE__ */ j(void 0);
+	function w(e, n) {
 		n !== L(_).has(e) && (u(n ? [...u(), e] : u().filter((t) => t !== e)), t.onexpand?.(e, n));
 	}
-	let w = null;
+	let ee = null;
 	function te(e, n) {
 		if (e.selectable === !1) return;
 		let r = {
 			range: !!n?.shiftKey,
 			toggle: !!(n?.metaKey || n?.ctrlKey),
 			pressed: e.id
-		}, i, a = w ? L(b).indexOf(w) : -1, o = L(b).indexOf(e.id);
-		r.range && a !== -1 && o !== -1 ? i = L(b).slice(Math.min(a, o), Math.max(a, o) + 1).filter((e) => L(v).get(e)?.node.selectable !== !1) : r.toggle ? (i = L(y).has(e.id) ? l().filter((t) => t !== e.id) : [...l(), e.id], w = e.id) : (i = [e.id], w = e.id), l(i), t.onselect?.(i, r);
+		}, i, a = ee ? L(b).indexOf(ee) : -1, o = L(b).indexOf(e.id);
+		r.range && a !== -1 && o !== -1 ? i = L(b).slice(Math.min(a, o), Math.max(a, o) + 1).filter((e) => L(v).get(e)?.node.selectable !== !1) : r.toggle ? (i = L(y).has(e.id) ? l().filter((t) => t !== e.id) : [...l(), e.id], ee = e.id) : (i = [e.id], ee = e.id), l(i), t.onselect?.(i, r);
 	}
 	let ne = /* @__PURE__ */ j(null);
 	function re(e) {
@@ -9809,10 +9828,10 @@ function ym(e, t) {
 		}));
 	}
 	function ae() {
-		return L(ee) ? [...L(ee).querySelectorAll("[role=\"treeitem\"] > [data-role=\"list-item\"]")] : [];
+		return L(C) ? [...L(C).querySelectorAll("[role=\"treeitem\"] > [data-role=\"list-item\"]")] : [];
 	}
 	function oe(e) {
-		return L(ee)?.querySelector(`[role="treeitem"][data-node="${CSS.escape(e)}"] > [data-role="list-item"]`) ?? void 0;
+		return L(C)?.querySelector(`[role="treeitem"][data-node="${CSS.escape(e)}"] > [data-role="list-item"]`) ?? void 0;
 	}
 	function se(e) {
 		let n = e.target;
@@ -9848,7 +9867,7 @@ function ym(e, t) {
 	function me(e) {
 		let t = e ? L(v).get(e.overId)?.node : void 0;
 		return !e || !t?.children || L(_).has(t.id) || !le(e.dragId, t) ? (pe(), !1) : (de !== t.id && (pe(), de = t.id, fe = window.setTimeout(() => {
-			de && C(de, !0), pe();
+			de && w(de, !0), pe();
 		}, 550)), !0);
 	}
 	function he(e) {
@@ -9869,7 +9888,7 @@ function ym(e, t) {
 			depth: n,
 			expandable: !!e.children,
 			expanded: L(_).has(e.id),
-			ontoggle: (t) => C(e.id, t),
+			ontoggle: (t) => w(e.id, t),
 			grip: i,
 			gripShow: f() && i,
 			hidden: !e.visible,
@@ -9907,7 +9926,7 @@ function ym(e, t) {
 	};
 	U(ve, (e) => {
 		c() ? e(ye) : e(be, -1);
-	}), E(_e), Ca(_e, (e) => M(ee, e), () => L(ee)), Pi(_e, (e) => ce?.(e)), V(e, _e), k();
+	}), E(_e), Ca(_e, (e) => M(C, e), () => L(C)), Pi(_e, (e) => ce?.(e)), V(e, _e), k();
 }
 //#endregion
 //#region ../node_modules/@sakuzu/kata/dist/svelte/components/Sheet.svelte
@@ -9922,51 +9941,60 @@ function xm(e, t) {
 		peek: .14,
 		half: .5,
 		full: 1
-	}, c = /* @__PURE__ */ j(void 0), l = /* @__PURE__ */ j(null), u = /* @__PURE__ */ j(!1), d = 0, f = 0, p = 0, m = /* @__PURE__ */ A(() => Math.max(0, r().indexOf(n())));
-	function h(e) {
+	}, c = /* @__PURE__ */ j(void 0), l = /* @__PURE__ */ j(null), u = /* @__PURE__ */ j(!1), d = !1, f = 0, p = 0, m = 0, h = /* @__PURE__ */ A(() => Math.max(0, r().indexOf(n())));
+	function g(e) {
 		e !== n() && (n(e), t.onstage?.(e));
 	}
-	function g() {
-		L(u) || h(r()[L(m) >= r().length - 1 ? 0 : L(m) + 1]);
-	}
 	function _(e) {
-		L(c) && (p = L(c).parentElement?.clientHeight ?? window.innerHeight, d = e.clientY, f = L(c).getBoundingClientRect().height, M(l, f, !0), M(u, !0), e.currentTarget.setPointerCapture?.(e.pointerId));
+		if (!L(u)) {
+			if (d && e.detail > 0) {
+				d = !1;
+				return;
+			}
+			g(r()[L(h) >= r().length - 1 ? 0 : L(h) + 1]);
+		}
 	}
 	function v(e) {
+		L(c) && (m = L(c).parentElement?.clientHeight ?? window.innerHeight, f = e.clientY, p = L(c).getBoundingClientRect().height, M(l, p, !0), M(u, !0), d = !1, e.currentTarget.setPointerCapture?.(e.pointerId));
+	}
+	function y(e) {
 		if (!L(u)) return;
-		let t = f + (d - e.clientY);
-		M(l, Math.max(48, Math.min(p * .94, t)), !0);
+		let t = p + (f - e.clientY);
+		M(l, Math.max(48, Math.min(m * .94, t)), !0);
 	}
-	function y() {
+	function b(e) {
 		if (!L(u)) return;
 		M(u, !1);
-		let e = (L(l) ?? 0) / (p || 1);
-		if (M(l, null), i() && e < s[r()[0]] * .55) {
+		let n = L(l) ?? 0;
+		if (M(l, null), Math.abs(e.clientY - f) < 4) return;
+		d = !0;
+		let a = n / (m || 1);
+		if (i() && a < s[r()[0]] * .55) {
 			t.onclose?.();
 			return;
 		}
-		let n = r()[0], a = Infinity;
-		for (let t of r()) {
-			let r = Math.abs(s[t] - e);
-			r < a && (a = r, n = t);
+		let o = r().filter((e, t) => n > p ? t >= L(h) : n < p ? t <= L(h) : !0), c = o[0], _ = Infinity;
+		for (let e of o) {
+			let t = Math.abs(s[e] - a);
+			t < _ && (_ = t, c = e);
 		}
-		h(n);
+		g(c);
 	}
-	function b(e) {
-		e.key === "ArrowUp" ? (e.preventDefault(), h(r()[Math.min(r().length - 1, L(m) + 1)])) : e.key === "ArrowDown" && (e.preventDefault(), L(m) === 0 && i() ? t.onclose?.() : h(r()[Math.max(0, L(m) - 1)]));
-	}
-	var S = bm();
-	let ee, C;
-	var w = N(S), te = F(w, 2);
-	W(te, () => t.head ?? x);
-	var ne = F(te, 2);
-	let re;
-	W(N(ne), () => t.children), E(ne), W(F(ne, 2), () => t.foot ?? x), E(S), Ca(S, (e) => M(c, e), () => L(c)), I((e) => {
-		ee = G(S, 1, "sheet svelte-1l2tcmc", null, ee, { dragging: L(u) }), K(S, "data-stage", n()), K(S, "data-inline", o() ? "" : void 0), K(S, "data-sheet", t.name), K(S, "aria-label", t.label), C = Gi(S, "", C, {
+	function S(e) {
+		e.key === "ArrowUp" ? (e.preventDefault(), g(r()[Math.min(r().length - 1, L(h) + 1)])) : e.key === "ArrowDown" && (e.preventDefault(), L(h) === 0 && i() ? t.onclose?.() : g(r()[Math.max(0, L(h) - 1)]));
+	}
+	var C = bm();
+	let w, ee;
+	var te = N(C), ne = F(te, 2);
+	W(ne, () => t.head ?? x);
+	var re = F(ne, 2);
+	let ie;
+	W(N(re), () => t.children), E(re), W(F(re, 2), () => t.foot ?? x), E(C), Ca(C, (e) => M(c, e), () => L(c)), I((e) => {
+		w = G(C, 1, "sheet svelte-1l2tcmc", null, w, { dragging: L(u) }), K(C, "data-stage", n()), K(C, "data-inline", o() ? "" : void 0), K(C, "data-sheet", t.name), K(C, "aria-label", t.label), ee = Gi(C, "", ee, {
 			"z-index": t.z,
 			height: L(l) === null ? void 0 : `${L(l)}px`
-		}), K(w, "aria-label", e), re = G(ne, 1, "scroll svelte-1l2tcmc", null, re, { pane: a() });
-	}, [() => Y().sheetHeight]), R("click", w, g), R("pointerdown", w, _), R("pointermove", w, v), R("pointerup", w, y), Qr("pointercancel", w, y), R("keydown", w, b), V(e, S), k();
+		}), K(te, "aria-label", e), ie = G(re, 1, "scroll svelte-1l2tcmc", null, ie, { pane: a() });
+	}, [() => Y().sheetHeight]), R("click", te, _), R("pointerdown", te, v), R("pointermove", te, y), R("pointerup", te, b), Qr("pointercancel", te, b), R("keydown", te, S), V(e, C), k();
 }
 $r([
 	"click",
@@ -10174,7 +10202,7 @@ function Mm(e, t) {
 }
 //#endregion
 //#region ../node_modules/@sakuzu/kata/dist/svelte/components/Stat.svelte
-var Nm = /* @__PURE__ */ z("<div class=\"stat svelte-1hxotol\" data-role=\"stat\"><span class=\"v svelte-1hxotol\"> </span> <span class=\"k svelte-1hxotol\"><!><span class=\"t svelte-1hxotol\"> </span></span></div>");
+var Nm = /* @__PURE__ */ z("<div class=\"stat svelte-1hxotol\" data-role=\"stat\" data-pass=\"\"><span class=\"v svelte-1hxotol\"> </span> <span class=\"k svelte-1hxotol\"><!><span class=\"t svelte-1hxotol\"> </span></span></div>");
 function Pm(e, t) {
 	var n = Nm(), r = N(n), i = Dn(r, !0), a = F(r, 2), o = N(a), s = (e) => {
 		X(e, { get name() {
@@ -10515,7 +10543,7 @@ function rh(e, t) {
 						U(i, (e) => {
 							L(s).length > 0 && e(a);
 						}), Ti(F(i, 2), 17, () => L(c), ([e, t]) => e, (e, t) => {
-							var r = /* @__PURE__ */ A(() => w(L(t), 2));
+							var r = /* @__PURE__ */ A(() => ee(L(t), 2));
 							let i = () => L(r)[0], a = () => L(r)[1];
 							Mm(e, {
 								get title() {
@@ -10559,16 +10587,16 @@ function Sh(e, t) {
 	} });
 	let m = fc(ec.narrow), h = fc(ec.mid);
 	zn(() => m.start(L(p))), zn(() => h.start(L(p)));
-	let g = /* @__PURE__ */ A(() => t.narrow ?? m.current), _ = /* @__PURE__ */ A(() => L(g) ? "narrow" : h.current ? "mid" : "wide"), v = /* @__PURE__ */ A(() => L(_) === "narrow" ? "sheet" : L(_) === "wide" && r() === "beside" ? "beside" : "floating"), y = /* @__PURE__ */ A(() => !!t.dock && L(v) === "sheet"), b = ["half", "full"], S = /* @__PURE__ */ A(() => t.dockSheet?.stages ?? b), ee = /* @__PURE__ */ j(void 0);
+	let g = /* @__PURE__ */ A(() => t.narrow ?? m.current), _ = /* @__PURE__ */ A(() => L(g) ? "narrow" : h.current ? "mid" : "wide"), v = /* @__PURE__ */ A(() => L(_) === "narrow" ? "sheet" : L(_) === "wide" && r() === "beside" ? "beside" : "floating"), y = /* @__PURE__ */ A(() => !!t.dock && L(v) === "sheet"), b = ["half", "full"], S = /* @__PURE__ */ A(() => t.dockSheet?.stages ?? b), C = /* @__PURE__ */ j(void 0);
 	zn(() => {
 		L(y) && Fr(() => {
 			i(!1), a(!1);
 		});
 	});
-	let C = /* @__PURE__ */ j(hn([])), w = {};
+	let w = /* @__PURE__ */ j(hn([])), ee = {};
 	function te(e, n) {
-		let r = L(C).filter((t) => t !== e);
-		n && !L(C).includes(e) ? (w[e] = typeof document > "u" ? null : document.activeElement, M(C, [...r, e], !0), L(v) === "sheet" && (r.length > 0 && ne(r[0], !1), L(y) && t.ondockclose?.())) : !n && L(C).includes(e) && M(C, r, !0);
+		let r = L(w).filter((t) => t !== e);
+		n && !L(w).includes(e) ? (ee[e] = typeof document > "u" ? null : document.activeElement, M(w, [...r, e], !0), L(v) === "sheet" && (r.length > 0 && ne(r[0], !1), L(y) && t.ondockclose?.())) : !n && L(w).includes(e) && M(w, r, !0);
 	}
 	function ne(e, t) {
 		e === "left" ? i(t) : a(t);
@@ -10581,14 +10609,14 @@ function Sh(e, t) {
 		Fr(() => te("right", e));
 	}), zn(() => {
 		L(v) === "sheet" && Fr(() => {
-			L(C).length > 1 && ne(L(C)[0], !1);
+			L(w).length > 1 && ne(L(w)[0], !1);
 		});
 	});
-	let re = (e) => e === "left" ? t.left : t.right, ie = (e) => L(C).includes(e), ae = [
+	let re = (e) => e === "left" ? t.left : t.right, ie = (e) => L(w).includes(e), ae = [
 		"peek",
 		"half",
 		"full"
-	], oe = (e) => e === "left" ? t.leftSheet : t.rightSheet, se = (e) => oe(e)?.stages ?? ae, ce = (e) => oe(e)?.closable ?? !0, le = /* @__PURE__ */ A(() => L(v) === "sheet" ? [...["left", "right"].filter((e) => !ce(e) && !!re(e) && !ie(e)), ...L(C)] : []);
+	], oe = (e) => e === "left" ? t.leftSheet : t.rightSheet, se = (e) => oe(e)?.stages ?? ae, ce = (e) => oe(e)?.closable ?? !0, le = /* @__PURE__ */ A(() => L(v) === "sheet" ? [...["left", "right"].filter((e) => !ce(e) && !!re(e) && !ie(e)), ...L(w)] : []);
 	function ue(e) {
 		return ie(e) ? e === "left" ? u() : d() : se(e)[0];
 	}
@@ -10607,8 +10635,8 @@ function Sh(e, t) {
 	}
 	function be(e) {
 		e === "left" ? i(!1) : a(!1);
-		let t = w[e];
-		w[e] = null, t instanceof HTMLElement && t.isConnected && Mr().then(() => t.focus());
+		let t = ee[e];
+		ee[e] = null, t instanceof HTMLElement && t.isConnected && Mr().then(() => t.focus());
 	}
 	let xe = hn({
 		left: 0,
@@ -10706,7 +10734,7 @@ function Sh(e, t) {
 	function Re(e) {
 		if (e.defaultPrevented || e.isComposing || s() || Le() || eh(e.target) || eh(document.activeElement)) return;
 		if (e.key === "Escape" && !e.metaKey && !e.ctrlKey && !e.altKey) {
-			let n = L(v) === "sheet" ? L(C).at(-1) : void 0;
+			let n = L(v) === "sheet" ? L(w).at(-1) : void 0;
 			n ? (e.preventDefault(), be(n)) : t.onescape && t.onescape(e) !== !1 && e.preventDefault();
 			return;
 		}
@@ -10848,7 +10876,7 @@ function Sh(e, t) {
 		}), V(e, t);
 	}, ot = (e) => {
 		var r = vh(), i = P(r), a = (e) => {
-			var n = gh(), r = N(n), i = () => L(ee) ?? L(S)[0], a = (e) => M(ee, e, !0);
+			var n = gh(), r = N(n), i = () => L(C) ?? L(S)[0], a = (e) => M(C, e, !0);
 			{
 				let e = /* @__PURE__ */ A(() => t.dockSheet?.label ?? Y().dock);
 				xm(r, {
@@ -11417,21 +11445,40 @@ function hg(e, t) {
 	let f = (e, t) => (L(u), e[t]?.() === !0), p = (e) => r() && e.shortcut ? Km(Gh(e.shortcut)) : void 0, m = /* @__PURE__ */ j(void 0), h = /* @__PURE__ */ j(0), g = /* @__PURE__ */ j(null), _ = () => L(m)?.querySelector(":scope > [data-role=\"floating\"]"), v = () => t.corner?.querySelector(":scope > .maplibregl-control-container > .maplibregl-ctrl-bottom-left") ?? null, y = () => t.corner?.querySelector(":scope > .maplibregl-control-container > .maplibregl-ctrl-bottom-right > .maplibregl-ctrl-attrib") ?? null, b = (e) => e.querySelector("[data-region=\"bottom\"] [data-role=\"drawbar\"]"), x = (e) => e.querySelector(":scope > [data-role=\"reopen\"] > [data-role=\"floating\"]");
 	function S() {
 		let e = L(m)?.parentElement, t = _();
-		if (!e || !t) return;
+		if (!e || !t) return null;
 		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = v()?.getBoundingClientRect(), a = i && i.width > 0 && i.height > 0 ? n.bottom - i.top : 0, o = y()?.getBoundingClientRect();
 		o && o.width > 0 && o.height > 0 && o.left < r.right && r.left < o.right && (a = Math.max(a, n.bottom - o.top));
-		let l = b(e)?.getBoundingClientRect();
-		l && l.width > 0 && l.height > 0 && r.right > l.left && r.left < l.right && (a = Math.max(a, n.bottom - l.top)), a = Math.max(0, Math.round(a));
-		let u = `${Math.max(0, Math.round(r.height + (n.bottom - r.bottom) + (a - L(h))))}px`;
-		e.style.getPropertyValue(c) !== u && e.style.setProperty(c, u), M(h, a, !0);
-		let d = s() ? x(e)?.getBoundingClientRect() : void 0, f = d && d.height > 0 ? d.height : 0;
-		M(g, Math.max(0, Math.round(n.height - a - f)), !0);
+		let c = b(e)?.getBoundingClientRect();
+		c && c.width > 0 && c.height > 0 && r.right > c.left && r.left < c.right && (a = Math.max(a, n.bottom - c.top)), a = Math.max(0, Math.round(a));
+		let l = `${Math.max(0, Math.round(r.height + (n.bottom - r.bottom) + (a - L(h))))}px`, u = s() ? x(e)?.getBoundingClientRect() : void 0, d = u && u.height > 0 ? u.height : 0;
+		return {
+			root: e,
+			reserve: l,
+			bottom: a,
+			room: Math.max(0, Math.round(n.height - a - d))
+		};
+	}
+	function C(e) {
+		let { root: t, reserve: n } = e;
+		t.style.getPropertyValue(c) !== n && t.style.setProperty(c, n), M(h, e.bottom, !0), M(g, e.room, !0);
+	}
+	let w = 0;
+	function ee() {
+		w && cancelAnimationFrame(w), w = 0;
+		let e = S();
+		e && C(e);
+	}
+	function te() {
+		let e = S();
+		w && cancelAnimationFrame(w), w = e ? requestAnimationFrame(() => {
+			w = 0, C(e);
+		}) : 0;
 	}
 	zn(() => {
 		let e = L(m) && _(), n = L(m)?.parentElement;
 		if (!e || !n) return;
-		if (L(d), L(l), o(), s(), typeof ResizeObserver > "u") return S(), () => n.style.removeProperty(c);
-		let r = new ResizeObserver(() => S()), i = null, a = () => {
+		if (L(d), L(l), o(), s(), typeof ResizeObserver > "u") return ee(), () => n.style.removeProperty(c);
+		let r = new ResizeObserver(() => te()), i = null, a = () => {
 			i = b(n), r.disconnect();
 			for (let t of [
 				n,
@@ -11443,26 +11490,26 @@ function hg(e, t) {
 		};
 		a();
 		let u = n.querySelector("[data-role=\"shell\"]"), f = typeof MutationObserver > "u" || !u ? null : new MutationObserver(() => {
-			b(n) !== i && (a(), S());
+			b(n) !== i && (a(), te());
 		});
 		f?.observe(u, {
 			childList: !0,
 			subtree: !0
 		});
-		let p = typeof MutationObserver > "u" || !t.corner ? null : new MutationObserver(() => S());
+		let p = typeof MutationObserver > "u" || !t.corner ? null : new MutationObserver(() => te());
 		return t.corner && p?.observe(t.corner, {
 			attributes: !0,
 			attributeFilter: ["style"]
-		}), S(), () => {
-			r.disconnect(), f?.disconnect(), p?.disconnect(), n.style.removeProperty(c);
+		}), ee(), () => {
+			w && cancelAnimationFrame(w), w = 0, r.disconnect(), f?.disconnect(), p?.disconnect(), n.style.removeProperty(c);
 		};
 	});
-	var ee = mg();
-	Qr("resize", vn, S);
-	var C = N(ee);
+	var ne = mg();
+	Qr("resize", vn, ee);
+	var re = N(ne);
 	{
 		let e = /* @__PURE__ */ A(() => o() ? "calc(var(--kata-width-panel) + var(--kata-gap-md))" : "md"), r = /* @__PURE__ */ A(() => `calc(var(--kata-gap-md) + ${L(h)}px)`);
-		od(C, {
+		od(re, {
 			get left() {
 				return L(e);
 			},
@@ -11580,7 +11627,7 @@ function hg(e, t) {
 			$$slots: { default: !0 }
 		});
 	}
-	E(ee), Ca(ee, (e) => M(m, e), () => L(m)), V(e, ee), k();
+	E(ne), Ca(ne, (e) => M(m, e), () => L(m)), V(e, ne), k();
 }
 //#endregion
 //#region src/components/BasemapPanel.svelte
@@ -13166,7 +13213,7 @@ function ev(e, t) {
 			$$slots: { default: !0 }
 		});
 	}
-	var ee = F(S, 2), C = (e) => {
+	var C = F(S, 2), w = (e) => {
 		{
 			let n = /* @__PURE__ */ A(() => [L(s)]);
 			q_(e, {
@@ -13191,8 +13238,8 @@ function ev(e, t) {
 			});
 		}
 	};
-	U(ee, (e) => {
-		L(l).buffer && e(C);
+	U(C, (e) => {
+		L(l).buffer && e(w);
 	}), V(e, x), k();
 }
 //#endregion
@@ -14272,21 +14319,21 @@ function Wv(e, t) {
 		id: "group",
 		label: L(u).newGroup,
 		disabled: !Iv(L(p).get(), (e) => t.draw.features.get(e))
-	}] : void 0), S = (e) => L(h).get(e)?.node.kind, ee = (e) => {
+	}] : void 0), S = (e) => L(h).get(e)?.node.kind, C = (e) => {
 		let t = S(e);
 		return mv(t) ? t : void 0;
-	}, C;
-	function w(e) {
+	}, w;
+	function ee(e) {
 		let t = (e.target?.closest?.("[data-sortable-item]"))?.getAttribute("data-id"), n = t ? S(t) : void 0;
-		C = t && n ? {
+		w = t && n ? {
 			id: t,
 			kind: n
 		} : void 0;
 	}
 	function te(e) {
-		let n = C;
-		if (C = void 0, n && !mv(n.kind)) return;
-		let r = Pv(e, ee, mv(n?.kind) ? n.kind : void 0);
+		let n = w;
+		if (w = void 0, n && !mv(n.kind)) return;
+		let r = Pv(e, C, mv(n?.kind) ? n.kind : void 0);
 		if (!r) {
 			t.draw.selection.clear();
 			return;
@@ -14308,7 +14355,7 @@ function Wv(e, t) {
 		}
 	}
 	function re(e, n) {
-		let r = ee(e);
+		let r = C(e);
 		r === "layer" ? t.draw.layers.update(e, { locked: n }) : r === "group" ? t.draw.groups.update(e, { locked: n }) : r === "feature" && t.draw.features.update(e, { locked: n });
 	}
 	function ie(e, n) {
@@ -14446,7 +14493,7 @@ function Wv(e, t) {
 	};
 	U(me, (e) => {
 		c() && L(de) && !t.onopenbasemap ? e(he) : e(ge, -1);
-	}), E(pe), Qr("click", pe, w, !0), V(e, pe), k();
+	}), E(pe), Qr("click", pe, ee, !0), V(e, pe), k();
 }
 //#endregion
 //#region src/layers/legend.ts
@@ -14919,64 +14966,64 @@ $r(["click"]);
 var oy = /* @__PURE__ */ z("<!> <!>", 1);
 function sy(e, t) {
 	O(t, !0);
-	let n = J(t, "deletable", 3, !0), r = J(t, "snapping", 3, !0), i = J(t, "keys", 3, !1), a = /* @__PURE__ */ A(() => Aa(t.draw, ["mode.changed"], () => t.draw.getMode())), o = /* @__PURE__ */ A(() => Aa(t.draw, ["selection.changed"], () => t.draw.selection.get().ids.length)), s = /* @__PURE__ */ A(() => Aa(t.draw, ["options.changed"], () => t.draw.options.get().snapping?.enabled !== !1)), c = /* @__PURE__ */ j(void 0), l = /* @__PURE__ */ A(() => t.messages.get()), u = /* @__PURE__ */ A(() => t.tools.get().map((e) => Lh(e, L(l)))), d = /* @__PURE__ */ A(() => {
+	let n = J(t, "deletable", 3, !0), r = J(t, "snapping", 3, !0), i = J(t, "keys", 3, !1), a = /* @__PURE__ */ A(() => Aa(t.draw, ["mode.changed"], () => t.draw.getMode())), o = /* @__PURE__ */ A(() => Aa(t.draw, ["selection.changed"], () => t.draw.selection.get().ids.length)), s = /* @__PURE__ */ A(() => Aa(t.draw, ["readOnly.changed"], () => t.draw.isReadOnly())), c = /* @__PURE__ */ A(() => Aa(t.draw, ["options.changed"], () => t.draw.options.get().snapping?.enabled !== !1)), l = /* @__PURE__ */ j(void 0), u = /* @__PURE__ */ A(() => t.messages.get()), d = /* @__PURE__ */ A(() => t.tools.get().map((e) => Lh(e, L(u)))), f = /* @__PURE__ */ A(() => {
 		let e = L(a).get();
-		return L(u).find((t) => t.mode === e)?.id;
-	}), f = /* @__PURE__ */ A(() => [...Hh(L(u), i()), ...n() ? [{
+		return L(d).find((t) => t.mode === e)?.id;
+	}), p = /* @__PURE__ */ A(() => [...Hh(L(d), i()), ...n() ? [{
 		id: Dh,
-		label: L(l).delete,
+		label: L(u).delete,
 		icon: kh[Dh],
 		kbd: i() ? Km("delete") : void 0,
 		group: Dh,
 		tone: "danger",
-		disabled: L(o).get() === 0
-	}] : []]), p = /* @__PURE__ */ A(() => r() ? [{
+		disabled: L(o).get() === 0 || L(s).get()
+	}] : []]), m = /* @__PURE__ */ A(() => r() ? [{
 		id: Oh,
-		label: L(l).snapping,
+		label: L(u).snapping,
 		icon: kh[Oh],
-		on: L(s).get(),
-		onchange: () => L(c)?.toggle()
+		on: L(c).get(),
+		onchange: () => L(l)?.toggle()
 	}] : []);
-	function m(e) {
+	function h(e) {
 		if (n() && e === "delete") {
 			t.draw.selection.delete();
 			return;
 		}
-		let r = L(u).find((t) => t.id === e);
+		let r = L(d).find((t) => t.id === e);
 		r && t.draw.setMode(r.mode);
 	}
-	var h = oy(), g = P(h);
-	ju(g, {
+	var g = oy(), _ = P(g);
+	ju(_, {
 		get label() {
-			return L(l).toolbar;
+			return L(u).toolbar;
 		},
 		get tools() {
-			return L(f);
+			return L(p);
 		},
 		get toggles() {
-			return L(p);
+			return L(m);
 		},
 		get current() {
-			return L(d);
+			return L(f);
 		},
-		onselect: m
+		onselect: h
 	});
-	var _ = F(g, 2), v = (e) => {
+	var v = F(_, 2), y = (e) => {
 		Ca(ay(e, {
 			get draw() {
 				return t.draw;
 			},
 			get messages() {
-				return L(l);
+				return L(u);
 			},
 			get label() {
-				return L(l).snapping;
+				return L(u).snapping;
 			}
-		}), (e) => M(c, e, !0), () => L(c));
+		}), (e) => M(l, e, !0), () => L(l));
 	};
-	U(_, (e) => {
-		r() && e(v);
-	}), V(e, h), k();
+	U(v, (e) => {
+		r() && e(y);
+	}), V(e, g), k();
 }
 //#endregion
 //#region src/components/DrawUI.svelte
@@ -15097,7 +15144,7 @@ function dy(e, t) {
 		run: () => {
 			M(b, !L(b));
 		}
-	}] : []), ee = /* @__PURE__ */ A(() => t.actions.list.get()), C = /* @__PURE__ */ A(() => t.actionsTitle ?? L(g).actions), w = /* @__PURE__ */ A(() => a() && L(ee).length > 0 ? $h(t.actions, L(C)) : []), te = /* @__PURE__ */ j(null);
+	}] : []), C = /* @__PURE__ */ A(() => t.actions.list.get()), w = /* @__PURE__ */ A(() => t.actionsTitle ?? L(g).actions), ee = /* @__PURE__ */ A(() => a() && L(C).length > 0 ? $h(t.actions, L(w)) : []), te = /* @__PURE__ */ j(null);
 	zn(() => {
 		let e = L(te) ? { ...L(te).inset } : {
 			top: 0,
@@ -15120,7 +15167,7 @@ function dy(e, t) {
 		let e = /* @__PURE__ */ A(() => L(d) && L(f) ? L(g).basemap : L(g).inspector), t = /* @__PURE__ */ A(() => [
 			...L(v),
 			...L(S),
-			...L(w)
+			...L(ee)
 		]), a = /* @__PURE__ */ A(() => L(y) ? r : void 0), s = /* @__PURE__ */ A(() => L(l) || L(d) ? i : void 0), c = /* @__PURE__ */ A(() => L(_) ? n : void 0);
 		Sh(ce, {
 			overlay: !0,
@@ -15209,7 +15256,7 @@ function dy(e, t) {
 					return L(g);
 				},
 				get title() {
-					return L(C);
+					return L(w);
 				},
 				get keys() {
 					return a();
@@ -15233,7 +15280,7 @@ function dy(e, t) {
 		}
 	};
 	U(pe, (e) => {
-		L(ee).length > 0 && e(me);
+		L(C).length > 0 && e(me);
 	});
 	var he = F(pe, 2), ge = (e) => {
 		var n = ly(), r = N(n);
@@ -15307,81 +15354,98 @@ var py = "data-mgd-ui-lift", my = (e, t, n) => ({
 	bottom: e.bottom + n
 }), hy = (e, t) => e.left < t.right && t.left < e.right, gy = (e, t) => e.top < t.bottom && t.top < e.bottom;
 function _y(e, t) {
-	let n = !1, r, i = [], a = {
+	let n = !1, r, i = 0, a = [], o = {
 		top: 0,
 		right: 0,
 		bottom: 0,
 		left: 0
-	}, o = {
+	}, s = {
 		left: 0,
 		right: 0,
 		shift: 0
-	}, s = "";
+	}, c = "";
 	e.setAttribute(py, "");
-	let c = (t) => e.querySelector(`:scope > .maplibregl-control-container > .maplibregl-ctrl-bottom-${t}`), l = () => t.querySelector("[data-region=\"bottom\"] [data-role=\"drawbar\"]"), u = () => c("right")?.querySelector(":scope > .maplibregl-ctrl-attrib") ?? null, d = () => t.querySelector("[data-role=\"shell\"] [data-region=\"right\"]"), f = () => [...c("right")?.querySelectorAll(":scope > .maplibregl-ctrl:not(.maplibregl-ctrl-attrib)") ?? []];
-	function p() {
+	let l = (t) => e.querySelector(`:scope > .maplibregl-control-container > .maplibregl-ctrl-bottom-${t}`), u = () => t.querySelector("[data-region=\"bottom\"] [data-role=\"drawbar\"]"), d = () => l("right")?.querySelector(":scope > .maplibregl-ctrl-attrib") ?? null, f = () => t.querySelector("[data-role=\"shell\"] [data-region=\"right\"]"), p = () => [...l("right")?.querySelectorAll(":scope > .maplibregl-ctrl:not(.maplibregl-ctrl-attrib)") ?? []];
+	function m() {
 		let e = document.createElement("div");
 		e.style.cssText = "position:absolute;visibility:hidden;pointer-events:none;height:0;width:var(--kata-gap-md)", t.appendChild(e);
 		let n = e.getBoundingClientRect().width;
 		return e.remove(), n;
 	}
-	function m(t, n, r) {
-		o = {
+	function h(t, n, r) {
+		s = {
 			left: t,
 			right: n,
 			shift: r
 		};
 		let i = `${t} ${n} ${r}`;
-		i !== s && (s = i, e.style.setProperty("--mgd-ui-lift-left", `${t}px`), e.style.setProperty("--mgd-ui-lift-right", `${n}px`), e.style.setProperty("--mgd-ui-shift-right", `${r}px`));
+		i !== c && (c = i, e.style.setProperty("--mgd-ui-lift-left", `${t}px`), e.style.setProperty("--mgd-ui-lift-right", `${n}px`), e.style.setProperty("--mgd-ui-shift-right", `${r}px`));
 	}
-	function h() {
-		if (n) return;
-		if (!e.isConnected) {
-			m(0, 0, 0);
-			return;
-		}
-		let t = e.getBoundingClientRect(), r = (e) => {
-			let t = c(e);
+	function g() {
+		if (!e.isConnected) return {
+			left: 0,
+			right: 0,
+			shift: 0
+		};
+		let t = e.getBoundingClientRect(), n = (e) => {
+			let t = l(e);
 			if (!t) return null;
 			let n = t.getBoundingClientRect();
-			return n.width === 0 ? null : my(n, 0, e === "left" ? o.left : o.right);
-		}, i = r("left"), s = r("right"), h = l()?.getBoundingClientRect(), g = h && h.width > 0 && h.height > 0 ? h : null, _ = g ? Math.round(Math.max(0, Math.min(t.bottom - g.top, t.height))) : 0, v = (e) => !!e && !!g && hy(e, g), y = v(s) ? _ : 0, b = 0, x = f().map((e) => e.getBoundingClientRect()).filter((e) => e.width > 0 && e.height > 0).map((e) => my(e, o.shift, o.right)), S = a.right > 0 ? d()?.getBoundingClientRect() : void 0;
-		if (S && S.width > 0 && x.length > 0) {
+			return n.width === 0 ? null : my(n, 0, e === "left" ? s.left : s.right);
+		}, r = n("left"), i = n("right"), a = u()?.getBoundingClientRect(), c = a && a.width > 0 && a.height > 0 ? a : null, h = c ? Math.round(Math.max(0, Math.min(t.bottom - c.top, t.height))) : 0, g = (e) => !!e && !!c && hy(e, c), _ = g(i) ? h : 0, v = 0, y = p().map((e) => e.getBoundingClientRect()).filter((e) => e.width > 0 && e.height > 0).map((e) => my(e, s.shift, s.right)), b = o.right > 0 ? f()?.getBoundingClientRect() : void 0;
+		if (b && b.width > 0 && y.length > 0) {
 			let e = {
-				left: Math.min(...x.map((e) => e.left)),
-				right: Math.max(...x.map((e) => e.right)),
-				top: Math.min(...x.map((e) => e.top)),
-				bottom: Math.max(...x.map((e) => e.bottom))
+				left: Math.min(...y.map((e) => e.left)),
+				right: Math.max(...y.map((e) => e.right)),
+				top: Math.min(...y.map((e) => e.top)),
+				bottom: Math.max(...y.map((e) => e.bottom))
 			};
-			gy(my(e, 0, -y), S) && (b = Math.round(a.right + p()), y === 0 && v(my(e, -b, 0)) && (y = _));
+			gy(my(e, 0, -_), b) && (v = Math.round(o.right + m()), _ === 0 && g(my(e, -v, 0)) && (_ = h));
 		}
-		let ee = v(i) ? _ : 0, C = u()?.getBoundingClientRect();
-		if (i && C && C.width > 0 && C.height > 0) {
-			let e = my(C, 0, o.right - y), t = my(i, 0, -ee);
-			hy(e, t) && gy(e, t) && (ee = Math.round(i.bottom - e.top));
+		let x = g(r) ? h : 0, S = d()?.getBoundingClientRect();
+		if (r && S && S.width > 0 && S.height > 0) {
+			let e = my(S, 0, s.right - _), t = my(r, 0, -x);
+			hy(e, t) && gy(e, t) && (x = Math.round(r.bottom - e.top));
 		}
-		m(Math.max(0, ee), y, b);
+		return {
+			left: Math.max(0, x),
+			right: _,
+			shift: v
+		};
 	}
-	function g() {
+	function _() {
+		if (n) return;
+		i && cancelAnimationFrame(i), i = 0;
+		let e = g();
+		h(e.left, e.right, e.shift);
+	}
+	function v() {
+		if (n) return;
+		let e = g();
+		i && cancelAnimationFrame(i), i = requestAnimationFrame(() => {
+			i = 0, n || h(e.left, e.right, e.shift);
+		});
+	}
+	function y() {
 		let t = [
 			e,
-			l(),
-			c("left"),
-			c("right"),
 			u(),
-			a.right > 0 ? d() : null
+			l("left"),
+			l("right"),
+			d(),
+			o.right > 0 ? f() : null
 		].filter((e) => !!e);
-		if (!(t.length === i.length && t.every((e, t) => e === i[t])) && (r?.disconnect(), i = t, !(typeof ResizeObserver > "u"))) {
-			r ??= new ResizeObserver(h);
-			for (let e of i) r.observe(e);
+		if (!(t.length === a.length && t.every((e, t) => e === a[t])) && (r?.disconnect(), a = t, !(typeof ResizeObserver > "u"))) {
+			r ??= new ResizeObserver(v);
+			for (let e of a) r.observe(e);
 		}
 	}
 	return {
 		update(e) {
-			n || (e && (a = { ...e }), g(), h());
+			n || (e && (o = { ...e }), y(), _());
 		},
 		destroy() {
-			n || (n = !0, r?.disconnect(), r = void 0, i = [], e.removeAttribute(py), e.style.removeProperty("--mgd-ui-lift-left"), e.style.removeProperty("--mgd-ui-lift-right"), e.style.removeProperty("--mgd-ui-shift-right"));
+			n || (n = !0, i && cancelAnimationFrame(i), i = 0, r?.disconnect(), r = void 0, a = [], e.removeAttribute(py), e.style.removeProperty("--mgd-ui-lift-left"), e.style.removeProperty("--mgd-ui-lift-right"), e.style.removeProperty("--mgd-ui-shift-right"));
 		}
 	};
 }
@@ -15535,21 +15599,21 @@ function ky(e, t = {}) {
 			[e]: e === "layers" && null
 		};
 		s.set(n.layers || n.legend ? n : null);
-	}, ee = {
+	}, C = {
 		get element() {
 			return p.querySelector("[data-role=\"layer-panel\"]") ?? p;
 		},
 		destroy() {
 			S("layers");
 		}
-	}, C = {
+	}, w = {
 		get element() {
 			return p.querySelector("[data-role=\"legend\"]") ?? p;
 		},
 		destroy() {
 			S("legend");
 		}
-	}, w = {
+	}, ee = {
 		get element() {
 			return p.querySelector("[data-role=\"drawbar\"]") ?? p;
 		},
@@ -15568,7 +15632,7 @@ function ky(e, t = {}) {
 	return {
 		element: p,
 		get toolbar() {
-			return !x && o.get() ? w : null;
+			return !x && o.get() ? ee : null;
 		},
 		get inspector() {
 			return !x && c.get() ? te : null;
@@ -15576,10 +15640,10 @@ function ky(e, t = {}) {
 		tools: Oy(i, a, u),
 		actions: Qh(u, i, a),
 		get layers() {
-			return !x && s.get()?.layers ? ee : null;
+			return !x && s.get()?.layers ? C : null;
 		},
 		get legend() {
-			return !x && s.get()?.legend ? C : null;
+			return !x && s.get()?.legend ? w : null;
 		},
 		setLocale(e) {
 			x || Dy(p, a, e);