mesurer-solid 0.2.2-beta.6 → 0.2.2-beta.7

package/dist/inject.js

@@ -14267,20 +14267,43 @@ var Dg = 80, Og = 8, kg = 8, Ag = 0, jg = (e) => ({
 function Wg(e, t) {
 	let { ownerDocument: n, ownerWindow: r, pageTarget: i, portalTarget: a } = t, o = r;
 	if (!Ig(o) || a instanceof o.ShadowRoot || i instanceof o.ShadowRoot || a.getRootNode() !== n || i.getRootNode() !== n || !n.body) return;
-	let s = bs(n), c = t.createWorkspaceRuntime(), l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map(), m = null, h = null, g = !1, _ = !1, v = 0, y = 0, b = !1, x = 0, S = a.querySelectorAll("[data-mesurer-text-edit-runtime='true']"), C = S.item(S.length - 1), w = C?.isConnected ? Ug(n, C, "runtime") : null;
-	C && (C.dataset.mesurerNativeScrollRuntimeLayer = "true");
-	let T = n.createElement("style");
-	T.dataset.mesurerNativeScrollAnchoring = "true", T.dataset.mesurerInspectorUi = "true", T.textContent = "\n[data-mesurer-native-scroll-anchor=\"box\"] {\n  position: absolute !important;\n  left: anchor(left) !important;\n  top: anchor(top) !important;\n  right: auto !important;\n  bottom: auto !important;\n  width: anchor-size(width) !important;\n  height: anchor-size(height) !important;\n  transition: none !important;\n  animation: none !important;\n}\n[data-mesurer-native-scroll-anchor=\"label\"] {\n  position: absolute !important;\n  left: anchor(center) !important;\n  top: calc(anchor(bottom) + 2px) !important;\n  right: auto !important;\n  bottom: auto !important;\n  transition: none !important;\n  animation: none !important;\n}\n[data-mesurer-native-scroll-anchor=\"offset\"] {\n  position: absolute !important;\n  left: calc(anchor(left) + var(--mesurer-native-anchor-x, 0px)) !important;\n  top: calc(anchor(top) + var(--mesurer-native-anchor-y, 0px)) !important;\n  right: auto !important;\n  bottom: auto !important;\n  transition: none !important;\n  animation: none !important;\n}\n", n.head.append(T);
-	let E = (e, t) => {
+	let s = bs(n), c = t.createWorkspaceRuntime(), l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), h = null, g = null, _ = !1, v = !1, y = 0, b = 0, x = !1, S = 0, C = a.querySelectorAll("[data-mesurer-text-edit-runtime='true']"), w = C.item(C.length - 1), T = w?.isConnected ? Ug(n, w, "runtime") : null;
+	w && (w.dataset.mesurerNativeScrollRuntimeLayer = "true");
+	let E = n.createElement("style");
+	E.dataset.mesurerNativeScrollAnchoring = "true", E.dataset.mesurerInspectorUi = "true", E.textContent = "\n/* The selected page element, not a document-level portal, paints its outline.\n   The source's own compositor scroll node can then move outline and text in\n   the same frame. The invisible portaled box remains usable for measurement\n   and element identity tests without displaying the delayed duplicate. */\n[data-mesurer-source-selection-paint=\"true\"] {\n  outline: 1px solid var(--mesurer-selected-source-outline, #0d99ff) !important;\n  outline-offset: -1px !important;\n  /* Tint source text as well as its background: the previous translucent\n     portal covered both, while source-local background paint alone would\n     leave all antialiased text pixels visibly darker. */\n  color: color-mix(\n    in srgb,\n    var(--mesurer-selected-source-text, currentColor) 84.64%,\n    rgb(from var(--mesurer-selected-source-fill) r g b / 1) 15.36%\n  ) !important;\n  background-image:\n    linear-gradient(var(--mesurer-selected-source-fill, transparent), var(--mesurer-selected-source-fill, transparent)),\n    var(--mesurer-selected-source-background, none) !important;\n}\n[data-mesurer-source-selection-owner=\"true\"] > [data-mesurer-measurement-chrome=\"true\"] {\n  opacity: 0 !important;\n}\nbody:has([data-mesurer-source-selection-paint=\"true\"]) > [data-mesurer-arrange-native-stroke=\"true\"] {\n  opacity: 0 !important;\n}\nbody:has([data-mesurer-text-editor=\"true\"]) [data-mesurer-source-selection-paint=\"true\"] {\n  outline: none !important;\n  background-image: var(--mesurer-selected-source-background, none) !important;\n  color: var(--mesurer-selected-source-text, inherit) !important;\n}\n[data-mesurer-native-scroll-anchor=\"box\"] {\n  position: absolute !important;\n  left: anchor(left) !important;\n  top: anchor(top) !important;\n  right: auto !important;\n  bottom: auto !important;\n  width: anchor-size(width) !important;\n  height: anchor-size(height) !important;\n  transition: none !important;\n  animation: none !important;\n}\n[data-mesurer-native-scroll-anchor=\"label\"] {\n  position: absolute !important;\n  left: anchor(center) !important;\n  top: calc(anchor(bottom) + 2px) !important;\n  right: auto !important;\n  bottom: auto !important;\n  transition: none !important;\n  animation: none !important;\n}\n[data-mesurer-native-scroll-anchor=\"offset\"] {\n  position: absolute !important;\n  left: calc(anchor(left) + var(--mesurer-native-anchor-x, 0px)) !important;\n  top: calc(anchor(top) + var(--mesurer-native-anchor-y, 0px)) !important;\n  right: auto !important;\n  bottom: auto !important;\n  transition: none !important;\n  animation: none !important;\n}\n", n.head.append(E);
+	let D = [
+		"--mesurer-selected-source-outline",
+		"--mesurer-selected-source-fill",
+		"--mesurer-selected-source-background",
+		"--mesurer-selected-source-text"
+	], O = (e, t) => {
+		let n = u.get(e);
+		if (n) n.count += 1;
+		else {
+			let n = o.getComputedStyle(e), r = t.querySelector(":scope > div"), i = r ? o.getComputedStyle(r).backgroundColor : "#0d99ff", a = o.getComputedStyle(t).backgroundColor, s = Vg(e, D);
+			u.set(e, {
+				count: 1,
+				previous: e.getAttribute("data-mesurer-source-selection-paint"),
+				styles: s
+			}), e.style.setProperty("--mesurer-selected-source-outline", i), e.style.setProperty("--mesurer-selected-source-fill", a), e.style.setProperty("--mesurer-selected-source-background", n.backgroundImage), e.style.setProperty("--mesurer-selected-source-text", n.color), e.dataset.mesurerSourceSelectionPaint = "true";
+		}
+		let r = !1;
+		return () => {
+			if (r) return;
+			r = !0;
+			let t = u.get(e);
+			t && (--t.count, !(t.count > 0) && (t.previous === null ? e.removeAttribute("data-mesurer-source-selection-paint") : e.setAttribute("data-mesurer-source-selection-paint", t.previous), Hg(e, t.styles), u.delete(e)));
+		};
+	}, k = (e, t) => {
 		let n = t.original.trim(), r = Array.from(t.names), i = [n && n !== "none" ? n : "", ...r].filter(Boolean).join(", ");
 		i ? e.style.setProperty("anchor-name", i, t.originalPriority) : e.style.removeProperty("anchor-name");
-	}, D = (e, t) => {
+	}, A = (e, t) => {
 		let n = l.get(e);
 		n || (n = {
 			original: e.style.getPropertyValue("anchor-name"),
 			originalPriority: e.style.getPropertyPriority("anchor-name"),
 			names: /* @__PURE__ */ new Set()
-		}, l.set(e, n)), n.names.add(t), E(e, n);
+		}, l.set(e, n)), n.names.add(t), k(e, n);
 		let r = !1;
 		return () => {
 			if (r) return;
@@ -14288,76 +14311,77 @@ function Wg(e, t) {
 			let n = l.get(e);
 			if (n) {
 				if (n.names.delete(t), n.names.size) {
-					E(e, n);
+					k(e, n);
 					return;
 				}
 				n.original ? e.style.setProperty("anchor-name", n.original, n.originalPriority) : e.style.removeProperty("anchor-name"), l.delete(e);
 			}
 		};
-	}, O = (e, t) => {
+	}, j = (e, t) => {
 		let n = `--mesurer-${t}-${++Ag}`;
 		return {
 			target: e,
 			name: n,
-			release: D(e, n)
+			release: A(e, n)
 		};
-	}, k = (e, t, n) => {
+	}, M = (e, t, n) => {
 		e.dataset.mesurerNativeScrollAnchor = n, Lg(e, "position-anchor", t.name);
-	}, A = (e) => {
-		Rg(e.chrome), Rg(e.label), e.release(), e.placement.release();
-	}, j = (e, t, r, i) => {
-		let a = u.get(e);
-		a && A(a);
-		let o = O(t, "selection"), s = Ug(n, e, e.parentNode === n.body ? "none" : "selection-root"), c = {
+	}, N = (e) => {
+		delete e.root.dataset.mesurerSourceSelectionOwner, Rg(e.chrome), Rg(e.label), e.releaseSourcePaint(), e.release(), e.placement.release();
+	}, P = (e, t, r, i) => {
+		let a = d.get(e);
+		a && N(a);
+		let o = j(t, "selection"), s = Ug(n, e, e.parentNode === n.body ? "none" : "selection-root"), c = {
 			...o,
 			root: e,
 			chrome: r,
 			label: i,
-			placement: s
+			placement: s,
+			releaseSourcePaint: O(t, r)
 		};
-		u.set(e, c), k(r, c, "box"), i && k(i, c, "label");
-	}, M = (e, t) => t.find((t) => Pg(jg(t.getBoundingClientRect()), e)) || (t.length === 1 ? t[0] : null), N = () => {
+		e.dataset.mesurerSourceSelectionOwner = "true", d.set(e, c), M(r, c, "box"), i && M(i, c, "label");
+	}, F = (e, t) => t.find((t) => Pg(jg(t.getBoundingClientRect()), e)) || (t.length === 1 ? t[0] : null), I = () => {
 		let e = /* @__PURE__ */ new Set();
-		for (let t of u.keys()) t.isConnected && e.add(t);
+		for (let t of d.keys()) t.isConnected && e.add(t);
 		for (let t of a.querySelectorAll("[data-mesurer-selected-measurement='true']")) t.dataset.mesurerSelectionGroup !== "true" && e.add(t);
 		let t = c.currentSelection().elements.filter((e) => e instanceof o.HTMLElement);
 		for (let a of e) {
-			let e = u.get(a);
+			let e = d.get(a);
 			if (e?.target.isConnected && e.chrome.isConnected) {
-				if (k(e.chrome, e, "box"), e.label?.isConnected && k(e.label, e, "label"), t.includes(e.target) || b) continue;
-				let s = ws(e.chrome), c = Ng(e.chrome, a, n, r), l = s instanceof o.HTMLElement && s.isConnected ? s : M(c, t) ?? Bg(c, n, o, i);
-				l && j(a, l, e.chrome, e.label);
+				if (M(e.chrome, e, "box"), e.label?.isConnected && M(e.label, e, "label"), t.includes(e.target) || x) continue;
+				let s = ws(e.chrome), c = Ng(e.chrome, a, n, r), l = s instanceof o.HTMLElement && s.isConnected ? s : F(c, t) ?? Bg(c, n, o, i);
+				l && P(a, l, e.chrome, e.label);
 				continue;
 			}
-			e && (A(e), u.delete(a));
+			e && (N(e), d.delete(a));
 			let s = a.children.item(0);
 			if (!(s instanceof o.HTMLElement)) continue;
-			let c = a.children.item(a.children.length - 1), l = c instanceof o.HTMLElement && c !== s ? c : null, d = ws(s), f = Ng(s, a, n, r), p = d instanceof o.HTMLElement && d.isConnected ? d : M(f, t) ?? Bg(f, n, o, i);
-			p && j(a, p, s, l);
+			let c = a.children.item(a.children.length - 1), l = c instanceof o.HTMLElement && c !== s ? c : null, u = ws(s), f = Ng(s, a, n, r), p = u instanceof o.HTMLElement && u.isConnected ? u : F(f, t) ?? Bg(f, n, o, i);
+			p && P(a, p, s, l);
 		}
-		for (let [e, t] of Array.from(u)) e.isConnected || (A(t), u.delete(e));
-	}, P = () => {
-		m &&= (Rg(m.surface), m.release(), m.placement.release(), null);
-	}, F = () => {
-		let e = m?.surface.isConnected ? m.surface : a.querySelector("[data-mesurer-hover-measurement='true']");
+		for (let [e, t] of Array.from(d)) e.isConnected || (N(t), d.delete(e));
+	}, L = () => {
+		h &&= (Rg(h.surface), h.release(), h.placement.release(), null);
+	}, R = () => {
+		let e = h?.surface.isConnected ? h.surface : a.querySelector("[data-mesurer-hover-measurement='true']");
 		if (!e?.isConnected) {
-			P();
+			L();
 			return;
 		}
 		let t = Mg(e);
-		if (m?.surface === e && m.target.isConnected && (k(e, m, "box"), b || Pg(jg(m.target.getBoundingClientRect()), t))) return;
+		if (h?.surface === e && h.target.isConnected && (M(e, h, "box"), x || Pg(jg(h.target.getBoundingClientRect()), t))) return;
 		let r = Bg(t, n, o, i);
 		if (!r) return;
-		P();
-		let s = O(r, "hover"), c = Ug(n, e);
-		m = {
+		L();
+		let s = j(r, "hover"), c = Ug(n, e);
+		h = {
 			...s,
 			surface: e,
 			placement: c
-		}, k(e, m, "box");
-	}, I = () => {
-		h &&= (Rg(h.ring), h.release(), null);
-	}, L = (e, t, n) => {
+		}, M(e, h, "box");
+	}, z = () => {
+		g &&= (Rg(g.ring), g.release(), null);
+	}, B = (e, t, n) => {
 		let i = t.getBoundingClientRect();
 		if (i.width <= 0 || i.height <= 0) return;
 		let a = i.width, o = Math.max(i.height, t.scrollHeight), s = r.innerWidth - Og, c = r.innerHeight - Og, l = Math.max(Og, s - a), u = Math.max(Og, c - o), d = Math.min(Math.max(n.left + n.width / 2 - a / 2, Og), l), f = Math.min(Math.max(n.top + n.height / 2 - o / 2, Og), u), p = [
@@ -14396,46 +14420,46 @@ function Wg(e, t) {
 			e && e.height > 0 && (v = e.top, y = e.name, t.style.maxHeight = `${e.height}px`);
 		}
 		e.style.setProperty("--mesurer-native-anchor-x", `${_ - n.left}px`), e.style.setProperty("--mesurer-native-anchor-y", `${v - n.top}px`), t.dataset.mesurerTextInspectorPlacement = y;
-	}, R = () => {
-		if (!C?.isConnected) {
-			I();
+	}, V = () => {
+		if (!w?.isConnected) {
+			z();
 			return;
 		}
-		let e = C.querySelectorAll("[data-mesurer-text-edit-ring='true']"), t = h?.ring.isConnected ? h.ring : e.item(e.length - 1);
+		let e = w.querySelectorAll("[data-mesurer-text-edit-ring='true']"), t = g?.ring.isConnected ? g.ring : e.item(e.length - 1);
 		if (!t?.isConnected) {
-			I();
+			z();
 			return;
 		}
 		let a = Mg(t);
-		if (!h || h.ring !== t || !h.target.isConnected || !b && !Pg(jg(h.target.getBoundingClientRect()), a)) {
+		if (!g || g.ring !== t || !g.target.isConnected || !x && !Pg(jg(g.target.getBoundingClientRect()), a)) {
 			let e = Bg(a, n, o, i);
-			e && (I(), h = {
-				...O(e, "edit"),
+			e && (z(), g = {
+				...j(e, "edit"),
 				ring: t
 			});
 		}
-		if (!h) return;
-		k(t, h, "box");
-		let s = jg(h.target.getBoundingClientRect()), c = /* @__PURE__ */ new Set();
+		if (!g) return;
+		M(t, g, "box");
+		let s = jg(g.target.getBoundingClientRect()), c = /* @__PURE__ */ new Set();
 		for (let e of n.querySelectorAll("[data-mesurer-text-selection-highlight='true']")) {
 			if (!e.isConnected) continue;
 			c.add(e);
 			let t = Mg(e);
-			d.has(e) || d.set(e, Ug(n, e)), k(e, h, "offset"), b || (e.style.setProperty("--mesurer-native-anchor-x", `${t.left - s.left}px`), e.style.setProperty("--mesurer-native-anchor-y", `${t.top - s.top}px`));
+			f.has(e) || f.set(e, Ug(n, e)), M(e, g, "offset"), x || (e.style.setProperty("--mesurer-native-anchor-x", `${t.left - s.left}px`), e.style.setProperty("--mesurer-native-anchor-y", `${t.top - s.top}px`));
 		}
-		for (let [e, t] of Array.from(d)) c.has(e) && e.isConnected || (Rg(e), t.release(), d.delete(e));
-		let l = C.querySelector("[data-mesurer-text-inspector-placement-shell='true']"), u = C.querySelector("[data-mesurer-text-inspector-info='true']");
+		for (let [e, t] of Array.from(f)) c.has(e) && e.isConnected || (Rg(e), t.release(), f.delete(e));
+		let l = w.querySelector("[data-mesurer-text-inspector-placement-shell='true']"), u = w.querySelector("[data-mesurer-text-inspector-info='true']");
 		if (l?.isConnected && u?.isConnected) {
 			let e = l.dataset.mesurerNativeScrollOwner === "typography" && l.dataset.mesurerNativeScrollAnchor === "offset";
-			l.dataset.mesurerNativeScrollOwner = "typography", k(l, h, "offset");
+			l.dataset.mesurerNativeScrollOwner = "typography", M(l, g, "offset");
 			let t = s.right > 0 && s.bottom > 0 && s.left < r.innerWidth && s.top < r.innerHeight;
-			!e && t && L(l, u, s);
+			!e && t && B(l, u, s);
 		}
-	}, z = (e) => {
+	}, ee = (e) => {
 		Rg(e.box), Rg(e.card), e.release();
-	}, B = () => {
+	}, H = () => {
 		let e = /* @__PURE__ */ new Set();
-		for (let t of p.keys()) t.isConnected && e.add(t);
+		for (let t of m.keys()) t.isConnected && e.add(t);
 		for (let t of a.querySelectorAll(".mesurer-ti-box")) {
 			let n = t.parentElement;
 			n?.dataset.mesurerInspectorUi === "true" && e.add(n);
@@ -14453,9 +14477,9 @@ function Wg(e, t) {
 				}), t.add(r);
 			}
 			if (s.length) {
-				p.has(a) || p.set(a, Ug(n, a, "inspector-overlay"));
+				m.has(a) || m.set(a, Ug(n, a, "inspector-overlay"));
 				for (let { box: e, card: t } of s) {
-					let a = Mg(e), s = f.get(e), c = !1;
+					let a = Mg(e), s = p.get(e), c = !1;
 					if (s?.target.isConnected) {
 						let t = jg(s.target.getBoundingClientRect());
 						if (Pg(t, a)) s.fallbackScrollX = r.scrollX, s.fallbackScrollY = r.scrollY, c = !0;
@@ -14468,22 +14492,22 @@ function Wg(e, t) {
 								width: a.width,
 								height: a.height
 							});
-							!b && !o && (z(s), f.delete(e), s = void 0);
+							!x && !o && (ee(s), p.delete(e), s = void 0);
 						}
-					} else s &&= (z(s), f.delete(e), void 0);
+					} else s &&= (ee(s), p.delete(e), void 0);
 					if (!s) {
 						let l = Bg(a, n, o, i);
 						if (!l) continue;
 						s = {
-							...O(l, "typography"),
+							...j(l, "typography"),
 							box: e,
 							card: t,
 							fallbackScrollX: r.scrollX,
 							fallbackScrollY: r.scrollY
-						}, f.set(e, s), c = !0;
+						}, p.set(e, s), c = !0;
 					}
-					if (e.dataset.mesurerNativeScrollOwner = "typography", k(e, s, "box"), t?.isConnected && !t.classList.contains("mesurer-ti-card--pinned")) {
-						if (t.dataset.mesurerNativeScrollOwner = "typography", k(t, s, "offset"), !b && c) {
+					if (e.dataset.mesurerNativeScrollOwner = "typography", M(e, s, "box"), t?.isConnected && !t.classList.contains("mesurer-ti-card--pinned")) {
+						if (t.dataset.mesurerNativeScrollOwner = "typography", M(t, s, "offset"), !x && c) {
 							let e = jg(s.target.getBoundingClientRect()), n = Number.parseFloat(t.style.left), r = Number.parseFloat(t.style.top);
 							Number.isFinite(n) && t.style.setProperty("--mesurer-native-anchor-x", `${n - e.left}px`), Number.isFinite(r) && t.style.setProperty("--mesurer-native-anchor-y", `${r - e.top}px`);
 						}
@@ -14491,54 +14515,56 @@ function Wg(e, t) {
 				}
 			}
 		}
-		for (let [e, n] of Array.from(f)) t.has(e) && e.isConnected || (z(n), f.delete(e));
-		for (let [e, t] of Array.from(p)) e.isConnected || (t.release(), p.delete(e));
-	}, V = () => {
-		g || (N(), F(), R(), B());
-	}, ee = (e = !1) => {
-		g || (_ || (_ = !0, r.queueMicrotask(() => {
-			_ = !1, V();
-		})), e && !v && (v = r.requestAnimationFrame(() => {
-			v = 0, V();
+		for (let [e, n] of Array.from(p)) t.has(e) && e.isConnected || (ee(n), p.delete(e));
+		for (let [e, t] of Array.from(m)) e.isConnected || (t.release(), m.delete(e));
+	}, te = () => {
+		_ || (I(), R(), V(), H());
+	}, U = (e = !1) => {
+		_ || (v || (v = !0, r.queueMicrotask(() => {
+			v = !1, te();
+		})), e && !y && (y = r.requestAnimationFrame(() => {
+			y = 0, te();
 		})));
-	}, H = () => {
-		g || b || y || (y = r.requestAnimationFrame(() => {
-			y = 0, !(g || b) && F();
+	}, ne = () => {
+		_ || x || b || (b = r.requestAnimationFrame(() => {
+			b = 0, !(_ || x) && R();
 		}));
-	}, te = new o.MutationObserver(() => {
-		b || ee();
+	}, re = new o.MutationObserver(() => {
+		x || U();
 	});
-	te.observe(a, {
+	re.observe(a, {
 		subtree: !0,
 		childList: !0,
 		attributes: !0,
 		attributeFilter: ["data-state"]
-	}), C && te.observe(C, {
+	}), w && re.observe(w, {
 		subtree: !0,
 		childList: !0,
 		attributes: !0,
 		attributeFilter: ["data-state"]
 	});
-	let U = () => {
-		b = !0, x && r.clearTimeout(x), x = r.setTimeout(() => {
-			x = 0, b = !1, ee(!0);
+	let ie = () => {
+		x = !0, S && r.clearTimeout(S), S = r.setTimeout(() => {
+			S = 0, x = !1, U(!0);
 		}, Dg);
-	}, ne = () => ee(!0);
-	r.addEventListener("scroll", U, {
+	}, ae = () => U(!0);
+	r.addEventListener("scroll", ie, {
 		capture: !0,
 		passive: !0
-	}), r.addEventListener("resize", ne, !0), r.addEventListener("pointermove", H, !0), r.addEventListener("pointerup", ne, !0), r.addEventListener("dblclick", ne, !0), ee(!0), e.lifecycle.onDispose(() => {
-		g = !0, te.disconnect(), v && r.cancelAnimationFrame(v), y && r.cancelAnimationFrame(y), x && r.clearTimeout(x), r.removeEventListener("scroll", U, !0), r.removeEventListener("resize", ne, !0), r.removeEventListener("pointermove", H, !0), r.removeEventListener("pointerup", ne, !0), r.removeEventListener("dblclick", ne, !0);
-		for (let e of u.values()) A(e);
-		u.clear(), P(), I();
-		for (let [e, t] of d) Rg(e), t.release();
+	}), r.addEventListener("resize", ae, !0), r.addEventListener("pointermove", ne, !0), r.addEventListener("pointerup", ae, !0), r.addEventListener("dblclick", ae, !0), U(!0), e.lifecycle.onDispose(() => {
+		_ = !0, re.disconnect(), y && r.cancelAnimationFrame(y), b && r.cancelAnimationFrame(b), S && r.clearTimeout(S), r.removeEventListener("scroll", ie, !0), r.removeEventListener("resize", ae, !0), r.removeEventListener("pointermove", ne, !0), r.removeEventListener("pointerup", ae, !0), r.removeEventListener("dblclick", ae, !0);
+		for (let e of d.values()) N(e);
 		d.clear();
-		for (let e of f.values()) z(e);
+		for (let [e, t] of u) t.previous === null ? e.removeAttribute("data-mesurer-source-selection-paint") : e.setAttribute("data-mesurer-source-selection-paint", t.previous), Hg(e, t.styles);
+		u.clear(), L(), z();
+		for (let [e, t] of f) Rg(e), t.release();
 		f.clear();
-		for (let e of p.values()) e.release();
-		p.clear(), C && delete C.dataset.mesurerNativeScrollRuntimeLayer, w?.release(), c.dispose();
+		for (let e of p.values()) ee(e);
+		p.clear();
+		for (let e of m.values()) e.release();
+		m.clear(), w && delete w.dataset.mesurerNativeScrollRuntimeLayer, T?.release(), c.dispose();
 		for (let [e, t] of l) t.original ? e.style.setProperty("anchor-name", t.original, t.originalPriority) : e.style.removeProperty("anchor-name");
-		l.clear(), s(), T.remove();
+		l.clear(), s(), E.remove();
 	});
 }
 var Gg = (e, t) => e.portalTarget instanceof t.ShadowRoot && !(e.pageTarget instanceof t.ShadowRoot) && e.pageTarget.getRootNode() === e.ownerDocument;
@@ -22710,7 +22736,7 @@ function FC(e) {
 }
 //#endregion
 //#region src/version.ts
-var IC = "0.2.2-beta.6", LC = gh, RC = _h, zC = () => ({
+var IC = "0.2.2-beta.7", LC = gh, RC = _h, zC = () => ({
 	...fg(),
 	version: IC
 }), BC = RC, VC = (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, HC = (e) => {

package/dist/plugins.js

@@ -9037,7 +9037,7 @@ var Sc = "mesurer.layout-guides", Cc = "layout-guides:v1", wc = "mesurer.layout-
 			C = !0, b += 1, d.removeEventListener("pointerdown", z), d.removeEventListener("pointermove", B), d.removeEventListener("pointerup", V), d.removeEventListener("pointercancel", H), i.removeEventListener("keydown", U, !0), y && i.clearTimeout(y), M.dispose(), k(), ti(i), a.finishCapture(), a.dispose(), o.dispose();
 		});
 	}
-}), Qu = "0.2.2-beta.6", $u = ko, ed = Eo, td = Do, nd = Ao, rd = Oo, id = () => ({
+}), Qu = "0.2.2-beta.7", $u = ko, ed = Eo, td = Do, nd = Ao, rd = Oo, id = () => ({
 	...Ss(),
 	version: Qu
 }), ad = id, od = $u, sd = ed, cd = td, ld = nd, ud = rd, dd = (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, fd = (e) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mesurer-solid",
-  "version": "0.2.2-beta.6",
+  "version": "0.2.2-beta.7",
   "description": "Framework-agnostic UI measurement and inspection tools for browser apps and coding agents.",
   "license": "MIT",
   "type": "module",