mesurer-solid 0.2.0-beta.11 → 0.2.0-beta.12

package/dist/index.js

@@ -10825,21 +10825,72 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 		}, W = () => {
 			for (let [e, t] of h) t.value || t.priority ? e.style.setProperty("visibility", t.value, t.priority) : e.style.removeProperty("visibility");
 			h.clear();
-		}, ee = (e = k()) => {
+		}, ee = (e) => {
+			if (e.parentElement instanceof c.HTMLElement) return e.parentElement;
+			let t = e.getRootNode();
+			return t instanceof c.ShadowRoot && t.host instanceof c.HTMLElement ? t.host : null;
+		}, te = (e, t) => {
+			let n = ee(e);
+			for (; n;) {
+				let e = t.get(n);
+				if (e) return e;
+				n = ee(n);
+			}
+			return {
+				x: 0,
+				y: 0
+			};
+		}, ne = (e = k()) => {
 			let t = /* @__PURE__ */ new Map();
 			for (let n of e) for (let e of n.targets) {
 				let n = N(e);
-				n && t.set(n, {
-					x: e.desiredOffsetX,
-					y: e.desiredOffsetY
-				});
+				n && t.set(n, e);
 			}
 			return t;
-		}, te = () => {
+		}, re = (e) => e.offsetSpace !== "local" || e.desiredLocalOffsetX === null || e.desiredLocalOffsetY === null ? null : {
+			x: e.desiredLocalOffsetX,
+			y: e.desiredLocalOffsetY
+		}, ie = (e, t) => {
+			let n = ee(e);
+			for (; n;) {
+				if (t.has(n)) return n;
+				n = ee(n);
+			}
+			return null;
+		}, ae = (e = k(), t = /* @__PURE__ */ new Map()) => {
+			let n = ne(e), r = /* @__PURE__ */ new Set([...n.keys(), ...t.keys()]), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), o = (e) => {
+				let s = i.get(e);
+				if (s) return s;
+				let c = n.get(e), l = t.get(e) ?? (c ? re(c) : null);
+				if (!l && c) {
+					let t = {
+						x: c.desiredOffsetX,
+						y: c.desiredOffsetY
+					};
+					return i.set(e, t), t;
+				}
+				if (!l) return {
+					x: 0,
+					y: 0
+				};
+				if (a.has(e)) return l;
+				a.add(e);
+				let u = ie(e, r), d = u ? o(u) : {
+					x: 0,
+					y: 0
+				}, f = {
+					x: d.x + l.x,
+					y: d.y + l.y
+				};
+				return a.delete(e), i.set(e, f), f;
+			};
+			for (let e of r) o(e);
+			return i;
+		}, oe = () => {
 			if (_.state === "live") return /* @__PURE__ */ new Map();
-			if (!_.intentId) return ee();
+			if (!_.intentId) return ae();
 			let e = w().intents.find((e) => e.id === _.intentId);
-			if (!e) return ee();
+			if (!e) return ae();
 			let t = /* @__PURE__ */ new Map();
 			for (let n of e.targets) {
 				let e = N(n);
@@ -10852,25 +10903,10 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				});
 			}
 			return t;
-		}, ne = (e) => {
-			if (e.parentElement instanceof c.HTMLElement) return e.parentElement;
-			let t = e.getRootNode();
-			return t instanceof c.ShadowRoot && t.host instanceof c.HTMLElement ? t.host : null;
-		}, re = (e, t) => {
-			let n = ne(e);
-			for (; n;) {
-				let e = t.get(n);
-				if (e) return e;
-				n = ne(n);
-			}
-			return {
-				x: 0,
-				y: 0
-			};
-		}, ie = (e) => {
+		}, se = (e) => {
 			let t = [...e].flatMap(([t, n]) => {
 				if (!t.isConnected || !j(t)) return [];
-				let r = re(t, e), i = {
+				let r = te(t, e), i = {
 					x: n.x - r.x,
 					y: n.y - r.y
 				};
@@ -10890,25 +10926,25 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				});
 			}
 			L(n);
-		}, ae = () => ie(te()), oe = (e) => {
+		}, ce = () => se(oe()), le = (e) => {
 			z();
 			try {
 				return e();
 			} finally {
-				!x && !v && ae();
+				!x && !v && ce();
 			}
-		}, se = () => i.currentSelection().elements.filter((e) => e instanceof c.HTMLElement && e.isConnected && j(e));
+		}, ue = () => i.currentSelection().elements.filter((e) => e instanceof c.HTMLElement && e.isConnected && j(e));
 		e.state.register({
 			id: _p,
-			initial: se().length > 0
+			initial: ue().length > 0
 		});
-		let ce = () => e.state.get(_p) ?? !1, le = () => {
-			let t = se().length > 0;
-			t !== ce() && e.state.update(_p, () => t);
-		}, ue = () => Ap(se().map((e) => Pu(e))), de = () => {
+		let de = () => e.state.get(_p) ?? !1, fe = () => {
+			let t = ue().length > 0;
+			t !== de() && e.state.update(_p, () => t);
+		}, pe = () => Ap(ue().map((e) => Pu(e))), me = () => {
 			for (let e of g.values()) e.remove();
 			g.clear();
-		}, fe = (e) => {
+		}, he = (e) => {
 			let t = e.getBoundingClientRect(), n = t.right + wp;
 			n + Cp > r.innerWidth - 4 && (n = Math.max(4, t.left - Cp - wp));
 			let i = Math.min(Math.max(4, t.top + Tp), Math.max(4, r.innerHeight - Cp - 4));
@@ -10916,27 +10952,34 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				left: n,
 				top: i
 			};
-		}, pe = () => {
+		}, ge = () => {
 			if (!T() || v) {
-				de();
+				me();
 				return;
 			}
-			let t = ee(k()), r = /* @__PURE__ */ new Set();
-			for (let i of se()) {
-				let a = t.get(i);
-				if (!a || Math.abs(a.x) <= Ep && Math.abs(a.y) <= Ep) continue;
-				r.add(i);
-				let o = g.get(i);
-				o || (o = n.createElement("button"), o.type = "button", o.dataset.mesurerArrangeReset = "true", o.dataset.mesurerInspectorUi = "true", o.setAttribute("aria-label", "Reset position"), o.title = "Reset position", o.textContent = "↺", o.className = "msr:pointer-events-auto msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-[7px] msr:border msr:border-ink-200 msr:bg-white msr:text-[14px] msr:leading-none msr:text-black msr:outline-none msr:hover:bg-ink-50 msr:focus-visible:border-[#0d99ff]", o.style.position = "fixed", o.addEventListener("pointerdown", (e) => e.stopPropagation()), o.addEventListener("click", (t) => {
-					t.preventDefault(), t.stopPropagation(), b = [i], e.command.execute(hp, void 0, { source: "arrange-reset-button" }).catch(() => {
+			let t = k(), r = ne(t), i = ae(t), a = /* @__PURE__ */ new Set();
+			for (let t of ue()) {
+				let o = r.get(t);
+				if (!o) continue;
+				let s = i.get(t);
+				if (!s) continue;
+				let c = te(t, i), u = re(o) ?? {
+					x: s.x - c.x,
+					y: s.y - c.y
+				};
+				if (Math.abs(u.x) <= Ep && Math.abs(u.y) <= Ep) continue;
+				a.add(t);
+				let d = g.get(t);
+				d || (d = n.createElement("button"), d.type = "button", d.dataset.mesurerArrangeReset = "true", d.dataset.mesurerInspectorUi = "true", d.setAttribute("aria-label", "Reset position"), d.title = "Reset position", d.textContent = "↺", d.className = "msr:pointer-events-auto msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-[7px] msr:border msr:border-ink-200 msr:bg-white msr:text-[14px] msr:leading-none msr:text-black msr:outline-none msr:hover:bg-ink-50 msr:focus-visible:border-[#0d99ff]", d.style.position = "fixed", d.addEventListener("pointerdown", (e) => e.stopPropagation()), d.addEventListener("click", (n) => {
+					n.preventDefault(), n.stopPropagation(), b = [t], e.command.execute(hp, void 0, { source: "arrange-reset-button" }).catch(() => {
 						b = null;
 					});
-				}), g.set(i, o), l.append(o));
-				let s = fe(i);
-				o.style.left = `${s.left}px`, o.style.top = `${s.top}px`;
+				}), g.set(t, d), l.append(d));
+				let f = he(t);
+				d.style.left = `${f.left}px`, d.style.top = `${f.top}px`;
 			}
-			for (let [e, t] of g) r.has(e) || (t.remove(), g.delete(e));
-		}, me = (t) => {
+			for (let [e, t] of g) a.has(e) || (t.remove(), g.delete(e));
+		}, _e = (t) => {
 			let n = new Set(t);
 			n.size && (e.state.update("mesurer.arrange.intents", (e) => {
 				let t = !1, r = e.intents.flatMap((e) => {
@@ -10951,13 +10994,13 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 					}] : [];
 				});
 				return t ? { intents: r } : e;
-			}), ve(), _e());
-		}, he = () => {
+			}), xe(), be());
+		}, ve = () => {
 			e.state.update(sp, (e) => {
 				let t = e.intents.filter((e) => e.pageUrl !== O());
 				return t.length === e.intents.length ? e : { intents: t };
-			}), ve(), _e();
-		}, ge = (e) => {
+			}), xe(), be();
+		}, ye = (e) => {
 			let t = E();
 			if (!t.snapping) return [];
 			let n = [], a = new Set(e), s = i.snapshot(), l = s.xrayVisible && t.preferXrayEdges && t.elementEdges, u = 0, d = (i) => {
@@ -11029,38 +11072,38 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				kind: "guide"
 			});
 			return n;
-		}, _e = (e) => {
+		}, be = (e) => {
 			if (!T()) {
-				f.style.display = "none", de();
+				f.style.display = "none", me();
 				return;
 			}
-			let t = e === void 0 ? ue() : e;
+			let t = e === void 0 ? pe() : e;
 			if (!t) {
-				f.style.display = "none", de();
+				f.style.display = "none", me();
 				return;
 			}
-			f.style.display = "block", f.style.left = `${t.left}px`, f.style.top = `${t.top}px`, f.style.width = `${t.width}px`, f.style.height = `${t.height}px`, v ? de() : pe();
-		}, ve = () => {
+			f.style.display = "block", f.style.left = `${t.left}px`, f.style.top = `${t.top}px`, f.style.width = `${t.width}px`, f.style.height = `${t.height}px`, v ? me() : ge();
+		}, xe = () => {
 			_ = {
 				intentId: null,
 				state: "desired"
-			}, ae(), V(), T() ? U() : W();
-		}, ye = () => {
+			}, ce(), V(), T() ? U() : W();
+		}, Se = () => {
 			_ = {
 				intentId: null,
 				state: "live"
 			}, B(), V(), W();
-		}, be = () => {
-			x || v || (ae(), V(), T() ? U() : W(), _e());
-		}, xe = () => {
+		}, Ce = () => {
+			x || v || (ce(), V(), T() ? U() : W(), be());
+		}, we = () => {
 			S || x || (S = r.requestAnimationFrame(() => {
-				S = 0, be();
+				S = 0, Ce();
 			}));
-		}, Se = async () => {
+		}, Te = async () => {
 			s.querySelector("[data-mesurer-builtin='select'] button")?.getAttribute("aria-pressed") !== "true" && await e.command.execute(dp, void 0, { source: "arrange" });
-		}, Ce = (e) => {
+		}, Ee = (e) => {
 			if (!T() || e.button !== 0) return;
-			let r = se();
+			let r = ue();
 			if (!r.length) return;
 			let a = e.shiftKey ? Wu(t.rendererRoot ?? null, () => Wu(l, () => Hu({
 				x: e.clientX,
@@ -11073,62 +11116,81 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 			e.preventDefault(), e.stopPropagation(), _ = {
 				intentId: null,
 				state: "desired"
-			}, ae();
-			let s = ee(k());
+			}, ce();
+			let s = ne(k()), u = ae(k()), d = new Set(r);
 			z();
-			let u = r.map((e, t) => {
-				let n = Pu(e), r = s.get(e) ?? {
-					x: 0,
-					y: 0
-				}, i = Op(n, r), a = Ku(e);
+			let p = r.map((e, t) => {
+				let n = Pu(e), r = te(e, u), i = u.get(e) ?? r, a = s.get(e), o = (a ? re(a) : null) ?? {
+					x: i.x - r.x,
+					y: i.y - r.y
+				}, c = Op(n, i), l = Ku(e);
 				return {
 					element: e,
+					movesDirectly: ie(e, d) === null,
 					target: {
 						id: `target-${t + 1}`,
 						selector: Gu(e),
-						fingerprintTag: a.tag,
-						fingerprintId: a.id,
-						fingerprintTestId: a.testId,
-						fingerprintRole: a.role,
-						fingerprintAriaLabel: a.ariaLabel,
-						fingerprintClasses: [...a.classes],
-						fingerprintText: a.text,
-						beforeLeft: i.left,
-						beforeTop: i.top,
-						beforeWidth: i.width,
-						beforeHeight: i.height,
-						desiredLeft: i.left,
-						desiredTop: i.top,
-						desiredWidth: i.width,
-						desiredHeight: i.height,
-						beforeOffsetX: r.x,
-						beforeOffsetY: r.y,
-						desiredOffsetX: r.x,
-						desiredOffsetY: r.y
+						fingerprintTag: l.tag,
+						fingerprintId: l.id,
+						fingerprintTestId: l.testId,
+						fingerprintRole: l.role,
+						fingerprintAriaLabel: l.ariaLabel,
+						fingerprintClasses: [...l.classes],
+						fingerprintText: l.text,
+						beforeLeft: c.left,
+						beforeTop: c.top,
+						beforeWidth: c.width,
+						beforeHeight: c.height,
+						desiredLeft: c.left,
+						desiredTop: c.top,
+						desiredWidth: c.width,
+						desiredHeight: c.height,
+						beforeOffsetX: i.x,
+						beforeOffsetY: i.y,
+						desiredOffsetX: i.x,
+						desiredOffsetY: i.y,
+						offsetSpace: "local",
+						beforeLocalOffsetX: o.x,
+						beforeLocalOffsetY: o.y,
+						desiredLocalOffsetX: o.x,
+						desiredLocalOffsetY: o.y
 					}
 				};
-			}), d = Ap(u.map(({ target: e }) => ({
+			}), m = Ap(p.map(({ target: e }) => ({
 				left: e.beforeLeft,
 				top: e.beforeTop,
 				width: e.beforeWidth,
 				height: e.beforeHeight
 			})));
-			if (!d) {
-				ae();
+			if (!m) {
+				ce();
 				return;
 			}
-			ae(), U(), V(), v = {
+			ce(), U(), V(), v = {
 				pointerId: e.pointerId,
 				originX: e.clientX,
 				originY: e.clientY,
-				targets: u,
-				groupBefore: d,
-				snapCandidates: ge(r),
+				targets: p,
+				groupBefore: m,
+				snapCandidates: ye(r),
 				shiftToggleElement: e.shiftKey && a instanceof c.HTMLElement && r.includes(a) ? a : null,
 				dx: 0,
 				dy: 0
-			}, _e(d), f.style.cursor = "grabbing", f.setPointerCapture?.(e.pointerId);
-		}, we = (e) => {
+			}, be(m), f.style.cursor = "grabbing", f.setPointerCapture?.(e.pointerId);
+		}, De = (e, t, n) => {
+			let r = /* @__PURE__ */ new Map();
+			for (let i of e.targets) {
+				let e = {
+					x: i.target.beforeLocalOffsetX ?? 0,
+					y: i.target.beforeLocalOffsetY ?? 0
+				};
+				r.set(i.element, i.movesDirectly ? {
+					x: e.x + t,
+					y: e.y + n
+				} : e);
+			}
+			return r;
+		}, Oe = (e) => {
 			if (!v || e.pointerId !== v.pointerId) return;
 			let t = e.clientX - v.originX, n = e.clientY - v.originY, r = null;
 			e.shiftKey && (Math.abs(t) >= Math.abs(n) ? (n = 0, r = "x") : (t = 0, r = "y"));
@@ -11137,60 +11199,71 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				y: n
 			}), a = r === "y" ? null : Fp("x", i, v.snapCandidates), o = r === "x" ? null : Fp("y", i, v.snapCandidates);
 			t += a?.delta ?? 0, n += o?.delta ?? 0, v.dx = t, v.dy = n;
-			let s = ee(k());
-			for (let e of v.targets) s.set(e.element, {
-				x: e.target.beforeOffsetX + t,
-				y: e.target.beforeOffsetY + n
-			});
-			ie(s);
+			let s = ae(k(), De(v, t, n));
+			se(s);
 			let c = Op(v.groupBefore, {
 				x: t,
 				y: n
 			});
-			_e(c), H(a, o, c);
-		}, Te = () => {
+			be(c), H(a, o, c);
+		}, ke = () => {
 			if (!v) return;
 			let e = v.pointerId;
-			v = null, f.hasPointerCapture?.(e) && f.releasePointerCapture(e), f.style.cursor = "grab", ve(), _e();
-		}, Ee = (t) => {
+			v = null, f.hasPointerCapture?.(e) && f.releasePointerCapture(e), f.style.cursor = "grab", xe(), be();
+		}, Ae = (t) => {
 			if (!v || t.pointerId !== v.pointerId) return;
 			t.preventDefault(), t.stopPropagation();
 			let n = v;
 			if (v = null, f.hasPointerCapture?.(t.pointerId) && f.releasePointerCapture(t.pointerId), f.style.cursor = "grab", V(), n.dx === 0 && n.dy === 0) {
-				n.shiftToggleElement && i.toggleSelection(n.shiftToggleElement), ve(), _e();
+				n.shiftToggleElement && i.toggleSelection(n.shiftToggleElement), xe(), be();
 				return;
 			}
+			let a = ae(k(), De(n, n.dx, n.dy));
 			y = {
 				id: Lp(r, "arrange"),
 				createdAt: Date.now(),
 				pageUrl: O(),
-				targets: n.targets.map(({ target: e }) => ({
-					...e,
-					desiredLeft: e.beforeLeft + n.dx,
-					desiredTop: e.beforeTop + n.dy,
-					desiredOffsetX: e.beforeOffsetX + n.dx,
-					desiredOffsetY: e.beforeOffsetY + n.dy
-				}))
+				targets: n.targets.map(({ element: e, movesDirectly: t, target: r }) => {
+					let i = {
+						x: r.beforeLocalOffsetX ?? 0,
+						y: r.beforeLocalOffsetY ?? 0
+					}, o = t ? {
+						x: i.x + n.dx,
+						y: i.y + n.dy
+					} : i, s = a.get(e) ?? {
+						x: r.beforeOffsetX + n.dx,
+						y: r.beforeOffsetY + n.dy
+					};
+					return {
+						...r,
+						desiredLeft: r.beforeLeft + n.dx,
+						desiredTop: r.beforeTop + n.dy,
+						desiredOffsetX: s.x,
+						desiredOffsetY: s.y,
+						desiredLocalOffsetX: o.x,
+						desiredLocalOffsetY: o.y
+					};
+				})
 			}, e.command.execute(pp).catch(() => {
-				y = null, ve(), _e();
+				y = null, xe(), be();
 			});
-		}, De = (e) => {
-			!v || e.pointerId !== v.pointerId || Te();
-		}, Oe = (t) => {
+		}, je = (e) => {
+			!v || e.pointerId !== v.pointerId || ke();
+		}, Me = (t) => {
 			if (t.key !== "Escape" || !T() && !v || Kp(t.target) || s.querySelector("[data-mesurer-tool-menu]")) return;
 			if (t.preventDefault(), t.stopImmediatePropagation(), v) {
-				Te();
+				ke();
 				return;
 			}
 			let n = i.currentSelection();
 			if (n.elements.length > 0 || n.region) {
-				i.clearSelection(), _e();
+				i.clearSelection(), be();
 				return;
 			}
-			e.state.update(cp, () => !1), ye(), _e(), e.command.execute(dp, void 0, { source: "arrange-escape" }).catch(() => void 0);
+			e.state.update(cp, () => !1), Se(), be(), e.command.execute(dp, void 0, { source: "arrange-escape" }).catch(() => void 0);
 		};
-		f.addEventListener("pointerdown", Ce), f.addEventListener("pointermove", we), f.addEventListener("pointerup", Ee), f.addEventListener("pointercancel", De), r.addEventListener("keydown", Oe, !0), r.addEventListener("resize", xe), r.addEventListener("scroll", xe, !0), o.addEventListener("scroll", xe, !0), C = new c.MutationObserver(() => {
-			le(), xe();
+		f.addEventListener("pointerdown", Ee), f.addEventListener("pointermove", Oe), f.addEventListener("pointerup", Ae), f.addEventListener("pointercancel", je), r.addEventListener("keydown", Me, !0), r.addEventListener("resize", we), r.addEventListener("scroll", we, !0), o.addEventListener("scroll", we, !0), C = new c.MutationObserver(() => {
+			fe(), we();
 		}), C.observe(o, {
 			childList: !0,
 			subtree: !0,
@@ -11203,9 +11276,9 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				"aria-label"
 			]
 		});
-		let ke = i.subscribe(() => {
-			le(), xe();
-		}), Ae = e.state.subscribe(xe), je = (e) => w().intents.find((t) => t.id === e) ?? null, Me = (e, t) => {
+		let Ne = i.subscribe(() => {
+			fe(), we();
+		}), Pe = e.state.subscribe(we), Fe = (e) => w().intents.find((t) => t.id === e) ?? null, Ie = (e, t) => {
 			let n = null;
 			if (n = t === "before" ? Ap(e.targets.map((e) => ({
 				left: e.beforeLeft,
@@ -11217,7 +11290,7 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				top: e.desiredTop,
 				width: e.desiredWidth,
 				height: e.desiredHeight
-			}))) : oe(() => Ap(e.targets.map((e) => N(e)).filter((e) => e !== null).map((e) => Pu(e)))), !n) throw Error(`Arrange intent has no resolvable capture region: ${e.id}`);
+			}))) : le(() => Ap(e.targets.map((e) => N(e)).filter((e) => e !== null).map((e) => Pu(e)))), !n) throw Error(`Arrange intent has no resolvable capture region: ${e.id}`);
 			let i = Math.max(0, n.left - yp), a = Math.max(0, n.top - yp), o = Math.min(r.innerWidth, n.left + n.width + yp), s = Math.min(r.innerHeight, n.top + n.height + yp);
 			return {
 				left: i,
@@ -11225,28 +11298,28 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				width: Math.max(0, o - i),
 				height: Math.max(0, s - a)
 			};
-		}, Ne = {
+		}, Le = {
 			active: T,
 			intents: () => w().intents.map(Bp),
 			intent(e) {
-				let t = je(e);
+				let t = Fe(e);
 				return t ? Bp(t) : null;
 			},
 			show(e, t) {
-				if (!je(e)) throw Error(`Arrange intent not found: ${e}`);
+				if (!Fe(e)) throw Error(`Arrange intent not found: ${e}`);
 				_ = {
 					intentId: e,
 					state: t
-				}, be();
+				}, Ce();
 			},
 			showCurrent() {
 				_ = {
 					intentId: null,
 					state: "desired"
-				}, be();
+				}, Ce();
 			},
 			capturePlan(e, t) {
-				let n = je(e);
+				let n = Fe(e);
 				if (!n) throw Error(`Arrange intent not found: ${e}`);
 				return {
 					schema: "mesurer.arrange-capture/v1",
@@ -11259,14 +11332,14 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 					}, {
 						id: "focus",
 						kind: "clip",
-						rect: Me(n, t)
+						rect: Ie(n, t)
 					}]
 				};
 			},
 			review: (e, t = vp) => {
-				let n = je(e);
+				let n = Fe(e);
 				if (!n) throw Error(`Arrange intent not found: ${e}`);
-				let r = oe(() => n.targets.map((e) => {
+				let r = le(() => n.targets.map((e) => {
 					let n = N(e), r = {
 						left: e.desiredLeft,
 						top: e.desiredTop,
@@ -11433,24 +11506,24 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 			]
 		}), e.command.register(fp, async () => {
 			let t = !T();
-			if (t && await Se(), e.state.update("mesurer.arrange.active", () => t), !t) {
-				v && Te(), ye(), _e();
+			if (t && await Te(), e.state.update("mesurer.arrange.active", () => t), !t) {
+				v && ke(), Se(), be();
 				return;
 			}
-			ve(), _e();
+			xe(), be();
 		}), e.command.register(pp, () => {
 			let t = y;
-			y = null, t && (e.state.update("mesurer.arrange.intents", (e) => ({ intents: [...e.intents, t].slice(-100) })), ve(), _e());
+			y = null, t && (e.state.update("mesurer.arrange.intents", (e) => ({ intents: [...e.intents, t].slice(-100) })), xe(), be());
 		}), e.command.register(hp, () => {
-			let e = b ?? se();
-			b = null, me(e);
-		}), e.command.register(gp, he), e.command.register(mp, () => {
+			let e = b ?? ue();
+			b = null, _e(e);
+		}), e.command.register(gp, ve), e.command.register(mp, () => {
 			e.state.update(sp, () => ({ intents: [] })), _ = {
 				intentId: null,
 				state: "desired"
-			}, B(), V(), T() ? U() : W(), _e();
-		}), e.service.provide(op, Ne), ae(), _e(), e.lifecycle.onDispose(() => {
-			x = !0, S && r.cancelAnimationFrame(S), C?.disconnect(), C = null, f.removeEventListener("pointerdown", Ce), f.removeEventListener("pointermove", we), f.removeEventListener("pointerup", Ee), f.removeEventListener("pointercancel", De), r.removeEventListener("keydown", Oe, !0), r.removeEventListener("resize", xe), r.removeEventListener("scroll", xe, !0), o.removeEventListener("scroll", xe, !0), ke(), Ae.dispose(), B(), de(), V(), W(), i.dispose(), a.dispose();
+			}, B(), V(), T() ? U() : W(), be();
+		}), e.service.provide(op, Le), ce(), be(), e.lifecycle.onDispose(() => {
+			x = !0, S && r.cancelAnimationFrame(S), C?.disconnect(), C = null, f.removeEventListener("pointerdown", Ee), f.removeEventListener("pointermove", Oe), f.removeEventListener("pointerup", Ae), f.removeEventListener("pointercancel", je), r.removeEventListener("keydown", Me, !0), r.removeEventListener("resize", we), r.removeEventListener("scroll", we, !0), o.removeEventListener("scroll", we, !0), Ne(), Pe.dispose(), B(), me(), V(), W(), i.dispose(), a.dispose();
 		});
 	}
 }), Jp = (e, t, n) => {
@@ -18036,7 +18109,7 @@ function Hy(e) {
 }
 //#endregion
 //#region src/version.ts
-var Uy = "0.2.0-beta.11", Wy = ap, Gy = op, Ky = () => ({
+var Uy = "0.2.0-beta.12", Wy = ap, Gy = op, Ky = () => ({
 	...$p(),
 	version: Uy
 }), qy = (e, t) => e.left <= t.left + t.width && e.left + e.width >= t.left && e.top <= t.top + t.height && e.top + e.height >= t.top, Jy = (e) => {