mesurer-solid 0.2.0-beta.13 → 0.2.0-beta.14

package/dist/index.js

@@ -10753,10 +10753,10 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 		d.dataset.mesurerArrangeSnapLine = "horizontal", d.setAttribute("aria-hidden", "true"), d.style.position = "fixed", d.style.display = "none", d.style.height = "1px", d.style.backgroundColor = Sp, d.style.pointerEvents = "none";
 		let f = n.createElement("div");
 		f.dataset.mesurerArrangeBox = "true", f.setAttribute("role", "application"), f.setAttribute("aria-label", "Arrange selected elements"), f.style.position = "fixed", f.style.display = "none", f.style.boxSizing = "border-box", f.style.border = "1px solid #0d99ff", f.style.cursor = "grab", f.style.pointerEvents = "auto", f.style.touchAction = "none", f.style.userSelect = "none", l.append(u, d, f);
-		let p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), _ = {
+		let p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map(), v = {
 			intentId: null,
 			state: "desired"
-		}, v = null, y = null, b = null, x = !1, S = 0, C = null, w = () => e.state.get("mesurer.arrange.intents") ?? { intents: [] }, T = () => e.state.get("mesurer.arrange.active") ?? !1, E = () => {
+		}, y = null, b = null, x = null, S = !1, C = 0, w = null, T = () => e.state.get("mesurer.arrange.intents") ?? { intents: [] }, E = () => e.state.get("mesurer.arrange.active") ?? !1, D = () => {
 			let t = e.state.get(lp);
 			return {
 				snapping: t?.snapping ?? !0,
@@ -10766,58 +10766,59 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				preferXrayEdges: t?.preferXrayEdges ?? !0,
 				snapLines: t?.snapLines ?? !0
 			};
-		}, D = (t) => {
+		}, O = (t) => {
 			e.state.update(lp, (e) => ({
 				...e,
 				...t
 			}));
-		}, O = () => Ip(r), k = () => w().intents.filter((e) => e.pageUrl === O()), A = (e) => !!e.closest("[data-mesurer-island='true'], [data-mesurer-inspector-ui='true'], [data-mesurer-root='true']"), j = (e) => Uu(e, o) && !A(e), M = (e) => {
+		}, k = () => Ip(r), A = () => T().intents.filter((e) => e.pageUrl === k()), j = (e) => !!e.closest("[data-mesurer-island='true'], [data-mesurer-inspector-ui='true'], [data-mesurer-root='true']"), M = (e) => Uu(e, o) && !j(e), N = (e) => {
 			let t = [];
-			o instanceof c.HTMLElement && o.matches(e) && !A(o) && t.push(o);
-			for (let n of o.querySelectorAll(e)) n instanceof c.HTMLElement && j(n) && t.push(n);
+			o instanceof c.HTMLElement && o.matches(e) && !j(o) && t.push(o);
+			for (let n of o.querySelectorAll(e)) n instanceof c.HTMLElement && M(n) && t.push(n);
 			return t;
-		}, N = (e) => {
-			let t = Rp(e);
-			if (!qu(t)) return null;
-			let n = [];
+		}, P = (e, t) => e.localName !== t.fingerprintTag || t.fingerprintId && e.id !== t.fingerprintId || t.fingerprintTestId && e.getAttribute("data-testid") !== t.fingerprintTestId || t.fingerprintRole && e.getAttribute("role") !== t.fingerprintRole || t.fingerprintAriaLabel && e.getAttribute("aria-label") !== t.fingerprintAriaLabel ? !1 : t.fingerprintClasses.every((t) => e.classList.contains(t)), F = (e) => {
+			let t = Rp(e), n = m.get(e.selector);
+			if (n && n.isConnected && M(n) && P(n, e)) return n;
+			if (n && m.delete(e.selector), !qu(t)) return null;
+			let r = [];
 			try {
-				n = M(e.selector).filter((e) => Ju(e, t));
+				r = N(e.selector).filter((e) => Ju(e, t));
 			} catch {
 				return null;
 			}
-			if (n.length !== 1) return null;
+			if (r.length !== 1) return null;
 			if (!t.id && !t.testId) {
 				let e = [];
 				try {
-					e = M(t.tag).filter((e) => Ju(e, t));
+					e = N(t.tag).filter((e) => Ju(e, t));
 				} catch {
 					return null;
 				}
-				if (e.length !== 1 || e[0] !== n[0]) return null;
+				if (e.length !== 1 || e[0] !== r[0]) return null;
 			}
-			return n[0] ?? null;
-		}, P = {
+			return r[0] ?? null;
+		}, I = {
 			value: "none",
 			priority: "important"
-		}, F = (e) => {
-			let t = Vp(e, "transition-property");
-			(!m.get(e) || !Up(t, P)) && m.set(e, t), Up(t, P) || e.style.setProperty("transition-property", P.value, P.priority);
-		}, I = (e) => {
-			let t = m.get(e);
-			t && (Up(Vp(e, "transition-property"), P) && (t.value || t.priority ? e.style.setProperty("transition-property", t.value, t.priority) : e.style.removeProperty("transition-property")), m.delete(e));
 		}, L = (e) => {
-			for (let t of m.keys()) e.has(t) || I(t);
-		}, R = () => {
-			for (let e of m.keys()) I(e);
-		}, z = () => {
-			for (let e of p.values()) Gp(e);
-			p.clear();
+			let t = Vp(e, "transition-property");
+			(!h.get(e) || !Up(t, I)) && h.set(e, t), Up(t, I) || e.style.setProperty("transition-property", I.value, I.priority);
+		}, R = (e) => {
+			let t = h.get(e);
+			t && (Up(Vp(e, "transition-property"), I) && (t.value || t.priority ? e.style.setProperty("transition-property", t.value, t.priority) : e.style.removeProperty("transition-property")), h.delete(e));
+		}, z = (e) => {
+			for (let t of h.keys()) e.has(t) || R(t);
 		}, B = () => {
-			z(), R();
+			for (let e of h.keys()) R(e);
 		}, V = () => {
+			for (let e of p.values()) Gp(e);
+			p.clear();
+		}, H = () => {
+			V(), B();
+		}, U = () => {
 			u.style.display = "none", d.style.display = "none";
-		}, H = (e, t, n) => {
-			if (V(), E().snapLines) {
+		}, W = (e, t, n) => {
+			if (U(), D().snapLines) {
 				if (e) {
 					let t = Math.min(n.top, e.start), r = Math.max(n.top + n.height, e.end);
 					u.style.display = "block", u.style.left = `${e.position}px`, u.style.top = `${t}px`, u.style.height = `${Math.max(1, r - t)}px`;
@@ -10827,51 +10828,51 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 					d.style.display = "block", d.style.left = `${e}px`, d.style.top = `${t.position}px`, d.style.width = `${Math.max(1, r - e)}px`;
 				}
 			}
-		}, U = () => {
-			if (!(h.size > 0)) for (let e of s.querySelectorAll("[data-mesurer-measurement='true']")) e instanceof c.HTMLElement && (h.set(e, {
+		}, ee = () => {
+			if (!(g.size > 0)) for (let e of s.querySelectorAll("[data-mesurer-measurement='true']")) e instanceof c.HTMLElement && (g.set(e, {
 				value: e.style.getPropertyValue("visibility"),
 				priority: e.style.getPropertyPriority("visibility")
 			}), e.style.setProperty("visibility", "hidden", "important"));
-		}, 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) => {
+		}, te = () => {
+			for (let [e, t] of g) t.value || t.priority ? e.style.setProperty("visibility", t.value, t.priority) : e.style.removeProperty("visibility");
+			g.clear();
+		}, 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;
-		}, te = (e, t) => {
-			let n = ee(e);
+		}, re = (e, t) => {
+			let n = ne(e);
 			for (; n;) {
 				let e = t.get(n);
 				if (e) return e;
-				n = ee(n);
+				n = ne(n);
 			}
 			return {
 				x: 0,
 				y: 0
 			};
-		}, ne = (e = k()) => {
+		}, ie = (e = A()) => {
 			let t = /* @__PURE__ */ new Map();
 			for (let n of e) for (let e of n.targets) {
-				let n = N(e);
+				let n = F(e);
 				n && t.set(n, e);
 			}
 			return t;
-		}, re = (e) => e.offsetSpace !== "local" || e.desiredLocalOffsetX === null || e.desiredLocalOffsetY === null ? null : {
+		}, ae = (e) => e.offsetSpace !== "local" || e.desiredLocalOffsetX === null || e.desiredLocalOffsetY === null ? null : {
 			x: e.desiredLocalOffsetX,
 			y: e.desiredLocalOffsetY
-		}, ie = (e, t) => {
-			let n = ee(e);
+		}, oe = (e, t) => {
+			let n = ne(e);
 			for (; n;) {
 				if (t.has(n)) return n;
-				n = ee(n);
+				n = ne(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) => {
+		}, se = (e = A(), t = /* @__PURE__ */ new Map()) => {
+			let n = ie(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);
+				let c = n.get(e), l = t.get(e) ?? (c ? ae(c) : null);
 				if (!l && c) {
 					let t = {
 						x: c.desiredOffsetX,
@@ -10885,7 +10886,7 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				};
 				if (a.has(e)) return l;
 				a.add(e);
-				let u = ie(e, r), d = u ? o(u) : {
+				let u = oe(e, r), d = u ? o(u) : {
 					x: 0,
 					y: 0
 				}, f = {
@@ -10896,15 +10897,15 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 			};
 			for (let e of r) o(e);
 			return i;
-		}, oe = () => {
-			if (_.state === "live") return /* @__PURE__ */ new Map();
-			if (!_.intentId) return ae();
-			let e = w().intents.find((e) => e.id === _.intentId);
-			if (!e) return ae();
+		}, ce = () => {
+			if (v.state === "live") return /* @__PURE__ */ new Map();
+			if (!v.intentId) return se();
+			let e = T().intents.find((e) => e.id === v.intentId);
+			if (!e) return se();
 			let t = /* @__PURE__ */ new Map();
 			for (let n of e.targets) {
-				let e = N(n);
-				e && t.set(e, _.state === "before" ? {
+				let e = F(n);
+				e && t.set(e, v.state === "before" ? {
 					x: n.beforeOffsetX,
 					y: n.beforeOffsetY
 				} : {
@@ -10913,10 +10914,10 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				});
 			}
 			return t;
-		}, se = (e) => {
+		}, le = (e) => {
 			let t = [...e].flatMap(([t, n]) => {
-				if (!t.isConnected || !j(t)) return [];
-				let r = te(t, e), i = {
+				if (!t.isConnected || !M(t)) return [];
+				let r = re(t, e), i = {
 					x: n.x - r.x,
 					y: n.y - r.y
 				};
@@ -10925,8 +10926,8 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 					offset: i
 				}];
 			}), n = new Set(t.map(({ element: e }) => e));
-			for (let { element: e } of t) F(e);
-			z();
+			for (let { element: e } of t) L(e);
+			V();
 			for (let { element: e, offset: n } of t) {
 				let t = Hp(e), i = r.getComputedStyle(e).transform, a = i && i !== "none" ? ` ${i}` : "";
 				e.style.setProperty("transform", `translate3d(${n.x}px, ${n.y}px, 0)${a}`, "important"), p.set(e, {
@@ -10935,26 +10936,26 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 					appliedTransform: Hp(e)
 				});
 			}
-			L(n);
-		}, ce = () => se(oe()), le = (e) => {
-			z();
+			z(n);
+		}, ue = () => le(ce()), de = (e) => {
+			V();
 			try {
 				return e();
 			} finally {
-				!x && !v && ce();
+				!S && !y && ue();
 			}
-		}, ue = () => i.currentSelection().elements.filter((e) => e instanceof c.HTMLElement && e.isConnected && j(e));
+		}, fe = () => i.currentSelection().elements.filter((e) => e instanceof c.HTMLElement && e.isConnected && M(e));
 		e.state.register({
 			id: _p,
-			initial: ue().length > 0
+			initial: fe().length > 0
 		});
-		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();
-		}, he = (e) => {
+		let pe = () => e.state.get(_p) ?? !1, me = () => {
+			let t = fe().length > 0;
+			t !== pe() && e.state.update(_p, () => t);
+		}, he = () => Ap(fe().map((e) => Pu(e))), ge = () => {
+			for (let e of _.values()) e.remove();
+			_.clear();
+		}, _e = (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));
@@ -10962,40 +10963,40 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				left: n,
 				top: i
 			};
-		}, ge = () => {
-			if (!T() || v) {
-				me();
+		}, ve = () => {
+			if (!E() || y) {
+				ge();
 				return;
 			}
-			let t = k(), r = ne(t), i = ae(t), a = /* @__PURE__ */ new Set();
-			for (let t of ue()) {
+			let t = A(), r = ie(t), i = se(t), a = /* @__PURE__ */ new Set();
+			for (let t of fe()) {
 				let o = r.get(t);
 				if (!o) continue;
 				let s = i.get(t);
 				if (!s) continue;
-				let c = te(t, i), u = re(o) ?? {
+				let c = re(t, i), u = ae(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);
+				let d = _.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;
+					n.preventDefault(), n.stopPropagation(), x = [t], e.command.execute(hp, void 0, { source: "arrange-reset-button" }).catch(() => {
+						x = null;
 					});
-				}), g.set(t, d), l.append(d));
-				let f = he(t);
+				}), _.set(t, d), l.append(d));
+				let f = _e(t);
 				d.style.left = `${f.left}px`, d.style.top = `${f.top}px`;
 			}
-			for (let [e, t] of g) a.has(e) || (t.remove(), g.delete(e));
-		}, _e = (t) => {
+			for (let [e, t] of _) a.has(e) || (t.remove(), _.delete(e));
+		}, ye = (t) => {
 			let n = new Set(t);
 			n.size && (e.state.update("mesurer.arrange.intents", (e) => {
 				let t = !1, r = e.intents.flatMap((e) => {
-					if (e.pageUrl !== O()) return [e];
+					if (e.pageUrl !== k()) return [e];
 					let r = e.targets.filter((e) => {
-						let r = N(e), i = r !== null && n.has(r);
+						let r = F(e), i = r !== null && n.has(r);
 						return i && (t = !0), !i;
 					});
 					return r.length ? r.length === e.targets.length ? [e] : [{
@@ -11004,17 +11005,17 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 					}] : [];
 				});
 				return t ? { intents: r } : e;
-			}), xe(), be());
-		}, ve = () => {
+			}), Ce(), Se());
+		}, be = () => {
 			e.state.update(sp, (e) => {
-				let t = e.intents.filter((e) => e.pageUrl !== O());
+				let t = e.intents.filter((e) => e.pageUrl !== k());
 				return t.length === e.intents.length ? e : { intents: t };
-			}), xe(), be();
-		}, ye = (e) => {
-			let t = E();
+			}), Ce(), Se();
+		}, xe = (e) => {
+			let t = D();
 			if (!t.snapping) return [];
 			let n = [], a = new Set(e), s = i.snapshot(), l = s.xrayVisible && t.preferXrayEdges && t.elementEdges, u = 0, d = (i) => {
-				if (u >= xp || a.has(i) || e.some((e) => e.contains(i)) || !j(i)) return;
+				if (u >= xp || a.has(i) || e.some((e) => e.contains(i)) || !M(i)) return;
 				let o = r.getComputedStyle(i);
 				if (o.display === "none" || o.visibility === "hidden" || o.visibility === "collapse") return;
 				let s = o.outlineStyle === "solid" && (Number.parseFloat(o.outlineWidth) || 0) > 0;
@@ -11082,61 +11083,61 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				kind: "guide"
 			});
 			return n;
-		}, be = (e) => {
-			if (!T()) {
-				f.style.display = "none", me();
+		}, Se = (e) => {
+			if (!E()) {
+				f.style.display = "none", ge();
 				return;
 			}
-			let t = e === void 0 ? pe() : e;
+			let t = e === void 0 ? he() : e;
 			if (!t) {
-				f.style.display = "none", me();
+				f.style.display = "none", ge();
 				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 ? me() : ge();
-		}, xe = () => {
-			_ = {
+			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`, y ? ge() : ve();
+		}, Ce = () => {
+			v = {
 				intentId: null,
 				state: "desired"
-			}, ce(), V(), T() ? U() : W();
-		}, Se = () => {
-			_ = {
+			}, ue(), U(), E() ? ee() : te();
+		}, we = () => {
+			v = {
 				intentId: null,
 				state: "live"
-			}, B(), V(), W();
-		}, Ce = () => {
-			x || v || (ce(), V(), T() ? U() : W(), be());
-		}, we = () => {
-			S || x || (S = r.requestAnimationFrame(() => {
-				S = 0, Ce();
+			}, H(), U(), te();
+		}, Te = () => {
+			S || y || (ue(), U(), E() ? ee() : te(), Se());
+		}, Ee = () => {
+			C || S || (C = r.requestAnimationFrame(() => {
+				C = 0, Te();
 			}));
-		}, Te = async () => {
+		}, De = async () => {
 			s.querySelector("[data-mesurer-builtin='select'] button")?.getAttribute("aria-pressed") !== "true" && await e.command.execute(dp, void 0, { source: "arrange" });
-		}, Ee = (e) => {
-			if (!T() || e.button !== 0) return;
-			let r = ue();
+		}, Oe = (e) => {
+			if (!E() || e.button !== 0) return;
+			let r = fe();
 			if (!r.length) return;
 			let a = e.shiftKey ? Wu(t.rendererRoot ?? null, () => Wu(l, () => Hu({
 				x: e.clientX,
 				y: e.clientY
 			}, o, n))) : null;
-			if (e.shiftKey && a instanceof c.HTMLElement && j(a) && !r.includes(a)) {
+			if (e.shiftKey && a instanceof c.HTMLElement && M(a) && !r.includes(a)) {
 				e.preventDefault(), e.stopPropagation(), i.toggleSelection(a);
 				return;
 			}
-			e.preventDefault(), e.stopPropagation(), _ = {
+			e.preventDefault(), e.stopPropagation(), v = {
 				intentId: null,
 				state: "desired"
-			}, ce();
-			let s = ne(k()), u = ae(k()), d = new Set(r);
-			z();
+			}, ue();
+			let s = ie(A()), u = se(A()), d = new Set(r);
+			V();
 			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) ?? {
+				let n = Pu(e), r = re(e, u), i = u.get(e) ?? r, a = s.get(e), o = (a ? ae(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,
+					movesDirectly: oe(e, d) === null,
 					target: {
 						id: `target-${t + 1}`,
 						selector: Gu(e),
@@ -11173,21 +11174,21 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				height: e.beforeHeight
 			})));
 			if (!m) {
-				ce();
+				ue();
 				return;
 			}
-			ce(), U(), V(), v = {
+			ue(), ee(), U(), y = {
 				pointerId: e.pointerId,
 				originX: e.clientX,
 				originY: e.clientY,
 				targets: p,
 				groupBefore: m,
-				snapCandidates: ye(r),
+				snapCandidates: xe(r),
 				shiftToggleElement: e.shiftKey && a instanceof c.HTMLElement && r.includes(a) ? a : null,
 				dx: 0,
 				dy: 0
-			}, be(m), f.style.cursor = "grabbing", f.setPointerCapture?.(e.pointerId);
-		}, De = (e, t, n) => {
+			}, Se(m), f.style.cursor = "grabbing", f.setPointerCapture?.(e.pointerId);
+		}, ke = (e, t, n) => {
 			let r = /* @__PURE__ */ new Map();
 			for (let i of e.targets) {
 				let e = {
@@ -11200,39 +11201,39 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				} : 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;
+		}, Ae = (e) => {
+			if (!y || e.pointerId !== y.pointerId) return;
+			let t = e.clientX - y.originX, n = e.clientY - y.originY, r = null;
 			e.shiftKey && (Math.abs(t) >= Math.abs(n) ? (n = 0, r = "x") : (t = 0, r = "y"));
-			let i = Op(v.groupBefore, {
+			let i = Op(y.groupBefore, {
 				x: t,
 				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 = ae(k(), De(v, t, n));
-			se(s);
-			let c = Op(v.groupBefore, {
+			}), a = r === "y" ? null : Fp("x", i, y.snapCandidates), o = r === "x" ? null : Fp("y", i, y.snapCandidates);
+			t += a?.delta ?? 0, n += o?.delta ?? 0, y.dx = t, y.dy = n;
+			let s = se(A(), ke(y, t, n));
+			le(s);
+			let c = Op(y.groupBefore, {
 				x: t,
 				y: n
 			});
-			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", xe(), be();
-		}, Ae = (t) => {
-			if (!v || t.pointerId !== v.pointerId) return;
+			Se(c), W(a, o, c);
+		}, je = () => {
+			if (!y) return;
+			let e = y.pointerId;
+			y = null, f.hasPointerCapture?.(e) && f.releasePointerCapture(e), f.style.cursor = "grab", Ce(), Se();
+		}, Me = (t) => {
+			if (!y || t.pointerId !== y.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), xe(), be();
+			let n = y;
+			if (y = null, f.hasPointerCapture?.(t.pointerId) && f.releasePointerCapture(t.pointerId), f.style.cursor = "grab", U(), n.dx === 0 && n.dy === 0) {
+				n.shiftToggleElement && i.toggleSelection(n.shiftToggleElement), Ce(), Se();
 				return;
 			}
-			let a = ae(k(), De(n, n.dx, n.dy));
-			y = {
+			let a = se(A(), ke(n, n.dx, n.dy));
+			b = {
 				id: Lp(r, "arrange"),
 				createdAt: Date.now(),
-				pageUrl: O(),
+				pageUrl: k(),
 				targets: n.targets.map(({ element: e, movesDirectly: t, target: r }) => {
 					let i = {
 						x: r.beforeLocalOffsetX ?? 0,
@@ -11254,27 +11255,29 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 						desiredLocalOffsetY: o.y
 					};
 				})
-			}, e.command.execute(pp).catch(() => {
-				y = null, xe(), be();
+			};
+			for (let { element: e, target: t } of n.targets) m.set(t.selector, e);
+			e.command.execute(pp).catch(() => {
+				b = null, Ce(), Se();
 			});
-		}, 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) {
-				ke();
+		}, Ne = (e) => {
+			!y || e.pointerId !== y.pointerId || je();
+		}, Pe = (t) => {
+			if (t.key !== "Escape" || !E() && !y || Kp(t.target) || s.querySelector("[data-mesurer-tool-menu]")) return;
+			if (t.preventDefault(), t.stopImmediatePropagation(), y) {
+				je();
 				return;
 			}
 			let n = i.currentSelection();
 			if (n.elements.length > 0 || n.region) {
-				i.clearSelection(), be();
+				i.clearSelection(), Se();
 				return;
 			}
-			e.state.update(cp, () => !1), Se(), be(), e.command.execute(dp, void 0, { source: "arrange-escape" }).catch(() => void 0);
+			e.state.update(cp, () => !1), we(), Se(), e.command.execute(dp, void 0, { source: "arrange-escape" }).catch(() => void 0);
 		};
-		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, {
+		f.addEventListener("pointerdown", Oe), f.addEventListener("pointermove", Ae), f.addEventListener("pointerup", Me), f.addEventListener("pointercancel", Ne), r.addEventListener("keydown", Pe, !0), r.addEventListener("resize", Ee), r.addEventListener("scroll", Ee, !0), o.addEventListener("scroll", Ee, !0), w = new c.MutationObserver(() => {
+			me(), Ee();
+		}), w.observe(o, {
 			childList: !0,
 			subtree: !0,
 			attributes: !0,
@@ -11286,9 +11289,9 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				"aria-label"
 			]
 		});
-		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 Fe = i.subscribe(() => {
+			me(), Ee();
+		}), Ie = e.state.subscribe(Ee), Le = (e) => T().intents.find((t) => t.id === e) ?? null, Re = (e, t) => {
 			let n = null;
 			if (n = t === "before" ? Ap(e.targets.map((e) => ({
 				left: e.beforeLeft,
@@ -11300,7 +11303,7 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				top: e.desiredTop,
 				width: e.desiredWidth,
 				height: e.desiredHeight
-			}))) : 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}`);
+			}))) : de(() => Ap(e.targets.map((e) => F(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,
@@ -11308,28 +11311,28 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 				width: Math.max(0, o - i),
 				height: Math.max(0, s - a)
 			};
-		}, Le = {
-			active: T,
-			intents: () => w().intents.map(Bp),
+		}, ze = {
+			active: E,
+			intents: () => T().intents.map(Bp),
 			intent(e) {
-				let t = Fe(e);
+				let t = Le(e);
 				return t ? Bp(t) : null;
 			},
 			show(e, t) {
-				if (!Fe(e)) throw Error(`Arrange intent not found: ${e}`);
-				_ = {
+				if (!Le(e)) throw Error(`Arrange intent not found: ${e}`);
+				v = {
 					intentId: e,
 					state: t
-				}, Ce();
+				}, Te();
 			},
 			showCurrent() {
-				_ = {
+				v = {
 					intentId: null,
 					state: "desired"
-				}, Ce();
+				}, Te();
 			},
 			capturePlan(e, t) {
-				let n = Fe(e);
+				let n = Le(e);
 				if (!n) throw Error(`Arrange intent not found: ${e}`);
 				return {
 					schema: "mesurer.arrange-capture/v1",
@@ -11342,15 +11345,15 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 					}, {
 						id: "focus",
 						kind: "clip",
-						rect: Ie(n, t)
+						rect: Re(n, t)
 					}]
 				};
 			},
 			review: (e, t = vp) => {
-				let n = Fe(e);
+				let n = Le(e);
 				if (!n) throw Error(`Arrange intent not found: ${e}`);
-				let r = le(() => n.targets.map((e) => {
-					let n = N(e), r = {
+				let r = de(() => n.targets.map((e) => {
+					let n = F(e), r = {
 						left: e.desiredLeft,
 						top: e.desiredTop,
 						width: e.desiredWidth,
@@ -11400,55 +11403,55 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 			order: 65,
 			command: fp,
 			icon: Dp,
-			active: T,
+			active: E,
 			menu: {
 				label: "Arrange options",
 				items: [
 					{
 						id: "snapping",
 						label: "Snapping",
-						checked: () => E().snapping,
-						run: () => D({ snapping: !E().snapping })
+						checked: () => D().snapping,
+						run: () => O({ snapping: !D().snapping })
 					},
 					{
 						id: "element-edges",
 						label: "Element edges",
-						checked: () => E().elementEdges,
-						disabled: () => !E().snapping,
-						run: () => D({ elementEdges: !E().elementEdges })
+						checked: () => D().elementEdges,
+						disabled: () => !D().snapping,
+						run: () => O({ elementEdges: !D().elementEdges })
 					},
 					{
 						id: "element-centers",
 						label: "Element centers",
-						checked: () => E().elementCenters,
-						disabled: () => !E().snapping,
-						run: () => D({ elementCenters: !E().elementCenters })
+						checked: () => D().elementCenters,
+						disabled: () => !D().snapping,
+						run: () => O({ elementCenters: !D().elementCenters })
 					},
 					{
 						id: "guides",
 						label: "Guides",
-						checked: () => E().guides,
-						disabled: () => !E().snapping,
-						run: () => D({ guides: !E().guides })
+						checked: () => D().guides,
+						disabled: () => !D().snapping,
+						run: () => O({ guides: !D().guides })
 					},
 					{
 						id: "prefer-xray-edges",
 						label: "Prefer X-ray edges",
-						checked: () => E().preferXrayEdges,
-						disabled: () => !E().snapping || !E().elementEdges,
-						run: () => D({ preferXrayEdges: !E().preferXrayEdges })
+						checked: () => D().preferXrayEdges,
+						disabled: () => !D().snapping || !D().elementEdges,
+						run: () => O({ preferXrayEdges: !D().preferXrayEdges })
 					},
 					{
 						id: "alignment-rulers",
 						label: "Alignment rulers",
-						checked: () => E().snapLines,
-						disabled: () => !E().snapping,
-						run: () => D({ snapLines: !E().snapLines })
+						checked: () => D().snapLines,
+						disabled: () => !D().snapping,
+						run: () => O({ snapLines: !D().snapLines })
 					},
 					{
 						id: "reset-all-positions",
 						label: "Reset all positions",
-						disabled: () => k().length === 0,
+						disabled: () => A().length === 0,
 						run: async () => {
 							await e.command.execute(gp, void 0, { source: "arrange-menu" });
 						}
@@ -11465,75 +11468,75 @@ var $f = "mesurer.presentation.preferences", ep = "presentation", tp = {
 					id: "snapping",
 					label: "Snapping",
 					description: "Magnetically align dragged selections to nearby layout anchors.",
-					value: () => E().snapping,
-					set: (e) => D({ snapping: e })
+					value: () => D().snapping,
+					set: (e) => O({ snapping: e })
 				},
 				{
 					type: "toggle",
 					id: "element-edges",
 					label: "Element edges",
 					description: "Snap left/right and top/bottom edges to nearby elements.",
-					value: () => E().elementEdges,
-					set: (e) => D({ elementEdges: e }),
-					disabled: () => !E().snapping
+					value: () => D().elementEdges,
+					set: (e) => O({ elementEdges: e }),
+					disabled: () => !D().snapping
 				},
 				{
 					type: "toggle",
 					id: "element-centers",
 					label: "Element centers",
 					description: "Snap center-to-center when X-ray edge preference is not active.",
-					value: () => E().elementCenters,
-					set: (e) => D({ elementCenters: e }),
-					disabled: () => !E().snapping
+					value: () => D().elementCenters,
+					set: (e) => O({ elementCenters: e }),
+					disabled: () => !D().snapping
 				},
 				{
 					type: "toggle",
 					id: "guides",
 					label: "Guides",
 					description: "Snap to existing Mesurer guides.",
-					value: () => E().guides,
-					set: (e) => D({ guides: e }),
-					disabled: () => !E().snapping
+					value: () => D().guides,
+					set: (e) => O({ guides: e }),
+					disabled: () => !D().snapping
 				},
 				{
 					type: "toggle",
 					id: "prefer-xray-edges",
 					label: "Prefer X-ray edges",
 					description: "When X-ray is on, use its visible blue box edges as element snap targets.",
-					value: () => E().preferXrayEdges,
-					set: (e) => D({ preferXrayEdges: e }),
-					disabled: () => !E().snapping || !E().elementEdges
+					value: () => D().preferXrayEdges,
+					set: (e) => O({ preferXrayEdges: e }),
+					disabled: () => !D().snapping || !D().elementEdges
 				},
 				{
 					type: "toggle",
 					id: "alignment-rulers",
 					label: "Alignment rulers",
 					description: "Show the red alignment ruler while a snap is active.",
-					value: () => E().snapLines,
-					set: (e) => D({ snapLines: e }),
-					disabled: () => !E().snapping
+					value: () => D().snapLines,
+					set: (e) => O({ snapLines: e }),
+					disabled: () => !D().snapping
 				}
 			]
 		}), e.command.register(fp, async () => {
-			let t = !T();
-			if (t && await Te(), e.state.update("mesurer.arrange.active", () => t), !t) {
-				v && ke(), Se(), be();
+			let t = !E();
+			if (t && await De(), e.state.update("mesurer.arrange.active", () => t), !t) {
+				y && je(), we(), Se();
 				return;
 			}
-			xe(), be();
+			Ce(), Se();
 		}), e.command.register(pp, () => {
-			let t = y;
-			y = null, t && (e.state.update("mesurer.arrange.intents", (e) => ({ intents: [...e.intents, t].slice(-100) })), xe(), be());
+			let t = b;
+			b = null, t && (e.state.update("mesurer.arrange.intents", (e) => ({ intents: [...e.intents, t].slice(-100) })), Ce(), Se());
 		}), e.command.register(hp, () => {
-			let e = b ?? ue();
-			b = null, _e(e);
-		}), e.command.register(gp, ve), e.command.register(mp, () => {
-			e.state.update(sp, () => ({ intents: [] })), _ = {
+			let e = x ?? fe();
+			x = null, ye(e);
+		}), e.command.register(gp, be), e.command.register(mp, () => {
+			e.state.update(sp, () => ({ intents: [] })), v = {
 				intentId: null,
 				state: "desired"
-			}, 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();
+			}, H(), U(), E() ? ee() : te(), Se();
+		}), e.service.provide(op, ze), ue(), Se(), e.lifecycle.onDispose(() => {
+			S = !0, C && r.cancelAnimationFrame(C), w?.disconnect(), w = null, f.removeEventListener("pointerdown", Oe), f.removeEventListener("pointermove", Ae), f.removeEventListener("pointerup", Me), f.removeEventListener("pointercancel", Ne), r.removeEventListener("keydown", Pe, !0), r.removeEventListener("resize", Ee), r.removeEventListener("scroll", Ee, !0), o.removeEventListener("scroll", Ee, !0), Fe(), Ie.dispose(), H(), ge(), U(), te(), i.dispose(), a.dispose();
 		});
 	}
 }), Jp = (e, t, n) => {
@@ -18120,7 +18123,7 @@ function Hy(e) {
 }
 //#endregion
 //#region src/version.ts
-var Uy = "0.2.0-beta.13", Wy = ap, Gy = op, Ky = () => ({
+var Uy = "0.2.0-beta.14", 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) => {