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

package/dist/inject.js

@@ -8464,13 +8464,17 @@ function Hu(e) {
 	}), Ne = X("div", {
 		class: "mesurer-toolbar-mode-slot",
 		"data-mode": "edit"
-	}), Pe = X("div", { class: "mesurer-toolbar-mode-panel" }), Fe = X("div", { class: "msr:flex msr:items-stretch msr:px-0.5 msr:py-1" }), Ie = X("div", { class: "msr:flex msr:items-center msr:p-1" }), Le = X("button", {
+	}), Pe = X("div", { class: "mesurer-toolbar-mode-panel" }), Fe = X("div", {
+		role: "group",
+		"aria-label": "Shared guide tools",
+		class: "msr:flex msr:items-stretch msr:py-1"
+	}), Ie = X("div", { class: "msr:flex msr:items-stretch msr:px-0.5 msr:py-1" }), Le = X("div", { class: "msr:flex msr:items-center msr:p-1" }), Re = X("button", {
 		type: "button",
 		"data-mesurer-toolbar-compact-toggle": "true",
 		class: "msr:flex msr:size-7 msr:select-none msr:items-center msr:justify-center msr:rounded-[7px] msr:text-black msr:outline-none msr:hover:bg-black/4",
 		onClick: be
 	});
-	return Z(De, Oe), Z(De, Fe), Z(De, Ie), aa(() => (e) => {
+	return Z(De, Oe), Z(De, Fe), Z(De, Ie), Z(De, Le), aa(() => (e) => {
 		g = e;
 	}, De), Q(De, Y(Bu, {
 		get value() {
@@ -8583,24 +8587,6 @@ function Hu(e) {
 				}
 			});
 		}
-	}), null), Q(Me, Y(Ru, {
-		get visible() {
-			return ne(L(), !0);
-		},
-		get children() {
-			return Y(Lu, ra({
-				id: "rulers",
-				builtin: "rulers",
-				get active() {
-					return L();
-				},
-				label: "Rulers",
-				shortcut: "R",
-				onClick: () => e.onBuiltinAction("rulers")
-			}, () => we("rulers"), { get children() {
-				return Y(Gl, { size: 20 });
-			} }));
-		}
 	}), null), Q(Me, Y(Ru, {
 		get visible() {
 			return ne(R());
@@ -8622,7 +8608,63 @@ function Hu(e) {
 				return Y(Yl, { size: 20 });
 			} }));
 		}
-	}), null), Q(Me, Y(Ru, {
+	}), null), Q(je, Y(q, {
+		get when() {
+			return U().length > 0;
+		},
+		get children() {
+			return [Y(zu, { marker: "select-plugins" }), (() => {
+				var e = X("div", {
+					role: "group",
+					"aria-label": "Select plugin tools",
+					class: "msr:flex msr:items-stretch msr:px-0.5 msr:py-1"
+				});
+				return Q(e, Y(Zr, {
+					get each() {
+						return U();
+					},
+					children: (e) => Ee(e, e.compactPinned ?? !1)
+				})), e;
+			})()];
+		}
+	}), null), Z(Ne, Pe), aa(() => (e) => {
+		x = e;
+	}, Pe), Q(Pe, Y(q, {
+		get when() {
+			return W().length > 0;
+		},
+		get children() {
+			var e = X("div", {
+				role: "group",
+				"aria-label": "Edit tools",
+				class: "msr:flex msr:items-stretch msr:px-0.5 msr:py-1"
+			});
+			return Q(e, Y(Zr, {
+				get each() {
+					return W();
+				},
+				children: (e) => Ee(e)
+			})), e;
+		}
+	})), Q(Fe, Y(Ru, {
+		get visible() {
+			return ne(L(), !0);
+		},
+		get children() {
+			return Y(Lu, ra({
+				id: "rulers",
+				builtin: "rulers",
+				get active() {
+					return L();
+				},
+				label: "Rulers",
+				shortcut: "R",
+				onClick: () => e.onBuiltinAction("rulers")
+			}, () => we("rulers"), { get children() {
+				return Y(Gl, { size: 20 });
+			} }));
+		}
+	}), null), Q(Fe, Y(Ru, {
 		get visible() {
 			return ne(z(), !0);
 		},
@@ -8722,45 +8764,7 @@ function Hu(e) {
 				}), t;
 			})()];
 		}
-	}), null), Q(je, Y(q, {
-		get when() {
-			return U().length > 0;
-		},
-		get children() {
-			return [Y(zu, { marker: "select-plugins" }), (() => {
-				var e = X("div", {
-					role: "group",
-					"aria-label": "Select plugin tools",
-					class: "msr:flex msr:items-stretch msr:px-0.5 msr:py-1"
-				});
-				return Q(e, Y(Zr, {
-					get each() {
-						return U();
-					},
-					children: (e) => Ee(e, e.compactPinned ?? !1)
-				})), e;
-			})()];
-		}
-	}), null), Z(Ne, Pe), aa(() => (e) => {
-		x = e;
-	}, Pe), Q(Pe, Y(q, {
-		get when() {
-			return W().length > 0;
-		},
-		get children() {
-			var e = X("div", {
-				role: "group",
-				"aria-label": "Edit tools",
-				class: "msr:flex msr:items-stretch msr:px-0.5 msr:py-1"
-			});
-			return Q(e, Y(Zr, {
-				get each() {
-					return W();
-				},
-				children: (e) => Ee(e)
-			})), e;
-		}
-	})), Q(De, Y(q, {
+	}), null), Q(De, Y(q, {
 		get when() {
 			return ee().length > 0;
 		},
@@ -8784,7 +8788,7 @@ function Hu(e) {
 				})), e;
 			})()];
 		}
-	}), Fe), Q(Fe, Y(Ru, {
+	}), Ie), Q(Ie, Y(Ru, {
 		get visible() {
 			return ne(B());
 		},
@@ -8855,7 +8859,7 @@ function Hu(e) {
 			return ie();
 		},
 		marker: "compact"
-	}), Ie), Z(Ie, Le), Q(Le, Y(Kl, {
+	}), Le), Z(Le, Re), Q(Re, Y(Kl, {
 		size: 10,
 		get class() {
 			return d() ? "msr:-rotate-90" : "msr:rotate-90";
@@ -8878,7 +8882,7 @@ function Hu(e) {
 		u: d() ? "Expand toolbar" : "Compact toolbar",
 		c: d() ? "true" : "false"
 	}), ({ e, t, a: n, o: r, i, n: a, s: o, h: s, r: c, d: l, l: u, u: d, c: f }, p) => {
-		e !== p?.e && $(De, "data-mesurer-toolbar-compact", e, p?.e), t !== p?.t && $(De, "data-mesurer-toolbar-mode", t, p?.t), n !== p?.a && $(De, "style", n, p?.a), r !== p?.o && $(De, "onMouseLeave", r, p?.o), i !== p?.i && $(Oe, "data-mode", i, p?.i), a !== p?.n && $(Ae, "data-open", a, p?.n), o !== p?.s && $(Ae, "aria-hidden", o, p?.s), s !== p?.h && $(Ae, "inert", s, p?.h), c !== p?.r && $(Ne, "data-open", c, p?.r), l !== p?.d && $(Ne, "aria-hidden", l, p?.d), u !== p?.l && $(Ne, "inert", u, p?.l), d !== p?.u && $(Le, "aria-label", d, p?.u), f !== p?.c && $(Le, "aria-pressed", f, p?.c);
+		e !== p?.e && $(De, "data-mesurer-toolbar-compact", e, p?.e), t !== p?.t && $(De, "data-mesurer-toolbar-mode", t, p?.t), n !== p?.a && $(De, "style", n, p?.a), r !== p?.o && $(De, "onMouseLeave", r, p?.o), i !== p?.i && $(Oe, "data-mode", i, p?.i), a !== p?.n && $(Ae, "data-open", a, p?.n), o !== p?.s && $(Ae, "aria-hidden", o, p?.s), s !== p?.h && $(Ae, "inert", s, p?.h), c !== p?.r && $(Ne, "data-open", c, p?.r), l !== p?.d && $(Ne, "aria-hidden", l, p?.d), u !== p?.l && $(Ne, "inert", u, p?.l), d !== p?.u && $(Re, "aria-label", d, p?.u), f !== p?.c && $(Re, "aria-pressed", f, p?.c);
 	}), De;
 }
 var Uu = (e) => Number.parseFloat(e) || 0, Wu = 0, Gu = (e, t) => {
@@ -12165,7 +12169,7 @@ function Um(e, t) {
 				c = !1, l = !1;
 				return;
 			}
-			if (n === "select") {
+			if (n === "select" || n === "guides") {
 				c = !1, l = !1;
 				return;
 			}
@@ -12177,7 +12181,7 @@ function Um(e, t) {
 		}));
 	}, d = () => {
 		let e = t.currentToolMode?.();
-		s === "select" && e !== void 0 && e !== "select" && (l = !0), s = e, u();
+		(s === "select" || s === "guides") && e !== void 0 && e !== "select" && e !== "guides" && (l = !0), s = e, u();
 	}, f = () => {
 		let t = e.state.get("mesurer.arrange.active") ?? !1;
 		t && !o && (c = !0), o = t, u();
@@ -15741,7 +15745,7 @@ function rv(e) {
 			xrayVisible: t?.current.xrayVisible ?? !1,
 			rulersVisible: t?.current.rulersVisible ?? !1,
 			pluginToolIds: r
-		}, e && t && (t.current.xrayVisible && e.deactivate("xray"), t.current.rulersVisible && e.deactivate("rulers"), t.current.colorPickerActive && e.deactivate("color-picker"), t.current.toolMode === "text-inspector" && e.deactivate("text-inspector"), t.current.toolMode === "guides" && e.deactivate("guides"));
+		}, e && t && (t.current.xrayVisible && e.deactivate("xray"), t.current.colorPickerActive && e.deactivate("color-picker"), t.current.toolMode === "text-inspector" && e.deactivate("text-inspector"));
 		for (let e of r) {
 			let t = n.tools().find((t) => t.id === e);
 			!t || !(t.active?.() ?? !1) || await n.command.execute(t.command, void 0, {
@@ -15940,7 +15944,7 @@ function rv(e) {
 			let t = g?.current;
 			return t ? e === "select" ? t.toolMode === "select" : e === "xray" ? t.xrayVisible : e === "color-picker" ? t.colorPickerActive : e === "rulers" ? t.rulersVisible : e === "text-inspector" ? t.toolMode === "text-inspector" : e === "guides" ? t.toolMode === "guides" : e === "settings" && t.settingsOpen : !1;
 		}, Se = async (e) => {
-			if (D(e) || e !== "settings" && E() && (await F("select-mode-builtin"), e === "select" || xe(e))) return;
+			if (D(e) || e !== "settings" && e !== "rulers" && e !== "guides" && E() && (await F("select-mode-builtin"), e === "select" || xe(e))) return;
 			let t = w(e);
 			if (t) {
 				await L(t, {
@@ -15949,7 +15953,13 @@ function rv(e) {
 				});
 				return;
 			}
-			T(e) && await ee().run(e);
+			if (!T(e)) return;
+			let n = ee();
+			if (e === "guides" && E() && xe("guides")) {
+				await n.run("select");
+				return;
+			}
+			await n.run(e);
 		};
 		(async () => {
 			for (let e of s) await me(e);
@@ -17630,7 +17640,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			shortcut: "L",
 			command: Zv,
 			order: 38,
-			toolbarMode: "select",
+			toolbarMode: "always",
 			compactPinned: !0,
 			icon: vy,
 			active: u
@@ -19687,7 +19697,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	}), h.addEventListener("click", L), g.addEventListener("click", k), t.addEventListener("mousemove", U, !0), t.addEventListener("mouseup", W, !0), t.addEventListener("pointermove", te, !0), t.addEventListener("pointerup", G, !0), t.addEventListener("pointercancel", ne, !0), t.addEventListener("keydown", oe, !0), {
 		show(e, n) {
 			if (T) return;
-			E(), k(), w &&= (w.cancel(), null), o.style.opacity = "1", o.style.transform = "none", o.style.removeProperty("will-change"), o.style.pointerEvents = "auto", A(), v = e;
+			E(), k(), w &&= (w.cancel(), null), o.style.opacity = "1", o.style.transform = "none", o.style.willChange = "transform, opacity", o.style.pointerEvents = "auto", A(), v = e;
 			let i = globalThis.URL.createObjectURL(e);
 			y = i, s.src = i, f.src = i, o.style.display = "block", P(b ?? N()), O(Xb(n)), r > 0 && (S = t.setTimeout(j, r));
 		},
@@ -19961,7 +19971,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					Za(n, Xa(), r, i), l = !0;
 				}) : Promise.resolve(), p = await Promise.allSettled([u, f]), m = s.copy && p[0]?.status === "rejected", h = s.download && p[1]?.status === "rejected";
 				if (b !== o) throw Error("Screenshot capture was cancelled.");
-				return M.show(n, {
+				return w() && F(), M.show(n, {
 					copied: a,
 					downloaded: l,
 					copyFailed: m,
@@ -20504,7 +20514,7 @@ function Yx(e) {
 }
 //#endregion
 //#region src/version.ts
-var Xx = "0.2.1-beta.13", Zx = Np, Qx = Pp, $x = () => ({
+var Xx = "0.2.1-beta.14", Zx = Np, Qx = Pp, $x = () => ({
 	...km(),
 	version: Xx
 }), eS = Qx, tS = (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, nS = (e) => {

package/dist/plugins.js

@@ -6149,7 +6149,7 @@ var Zs = "mesurer.layout-guides", Qs = "layout-guides:v1", $s = "mesurer.layout-
 			shortcut: "L",
 			command: nc,
 			order: 38,
-			toolbarMode: "select",
+			toolbarMode: "always",
 			compactPinned: !0,
 			icon: Cc,
 			active: u
@@ -8206,7 +8206,7 @@ var Zs = "mesurer.layout-guides", Qs = "layout-guides:v1", $s = "mesurer.layout-
 	}), h.addEventListener("click", F), g.addEventListener("click", k), t.addEventListener("mousemove", V, !0), t.addEventListener("mouseup", H, !0), t.addEventListener("pointermove", W, !0), t.addEventListener("pointerup", G, !0), t.addEventListener("pointercancel", ne, !0), t.addEventListener("keydown", ae, !0), {
 		show(e, n) {
 			if (T) return;
-			E(), k(), w &&= (w.cancel(), null), o.style.opacity = "1", o.style.transform = "none", o.style.removeProperty("will-change"), o.style.pointerEvents = "auto", A(), v = e;
+			E(), k(), w &&= (w.cancel(), null), o.style.opacity = "1", o.style.transform = "none", o.style.willChange = "transform, opacity", o.style.pointerEvents = "auto", A(), v = e;
 			let i = globalThis.URL.createObjectURL(e);
 			y = i, s.src = i, f.src = i, o.style.display = "block", N(b ?? ee()), O(tu(n)), r > 0 && (S = t.setTimeout(j, r));
 		},
@@ -8480,7 +8480,7 @@ var Zs = "mesurer.layout-guides", Qs = "layout-guides:v1", $s = "mesurer.layout-
 					Mr(n, jr(), r, i), l = !0;
 				}) : Promise.resolve(), p = await Promise.allSettled([u, f]), m = s.copy && p[0]?.status === "rejected", h = s.download && p[1]?.status === "rejected";
 				if (b !== o) throw Error("Screenshot capture was cancelled.");
-				return M.show(n, {
+				return w() && P(), M.show(n, {
 					copied: a,
 					downloaded: l,
 					copyFailed: m,
@@ -8644,7 +8644,7 @@ var Zs = "mesurer.layout-guides", Qs = "layout-guides:v1", $s = "mesurer.layout-
 			C = !0, b += 1, d.removeEventListener("pointerdown", L), d.removeEventListener("pointermove", R), d.removeEventListener("pointerup", z), d.removeEventListener("pointercancel", B), i.removeEventListener("keydown", V, !0), y && i.clearTimeout(y), M.dispose(), k(), Qr(i), a.finishCapture(), a.dispose(), o.dispose();
 		});
 	}
-}), Tu = "0.2.1-beta.13", Eu = ro, Du = eo, Ou = to, ku = io, Au = no, ju = () => ({
+}), Tu = "0.2.1-beta.14", Eu = ro, Du = eo, Ou = to, ku = io, Au = no, ju = () => ({
 	...Zo(),
 	version: Tu
 }), Mu = ju, Nu = Eu, Pu = Du, Fu = Ou, Iu = ku, Lu = Au, Ru = (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, zu = (e) => {

package/package.json

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