mesurer-solid 0.1.8-beta.1 → 0.1.8-beta.2

package/dist/index.js

@@ -5142,8 +5142,10 @@ function oc(e) {
 			var n = X("div", {
 				"data-mesurer-measurement-chrome": "true",
 				class: "msr:absolute"
-			}), i = t;
-			return typeof i == "function" || Array.isArray(i) ? Ji(() => i, n) : t = n, Q(n, Y(q, {
+			});
+			return Ji(() => (e) => {
+				t = e;
+			}, n), Q(n, Y(q, {
 				get when() {
 					return a().top;
 				},
@@ -5208,9 +5210,9 @@ function oc(e) {
 				"data-mesurer-measurement-label": "true",
 				class: "msr:pointer-events-none msr:absolute msr:rounded msr:px-1 msr:py-0.5 msr:text-[10px] msr:text-ink-50 msr:tabular-nums msr:select-none msr:-translate-x-1/2 msr:bg-ink-900/90"
 			}), t = Wi(" x ");
-			Z(e, t);
-			var i = n;
-			return typeof i == "function" || Array.isArray(i) ? Ji(() => i, e) : n = e, Q(e, () => ic(r().rect.width), t), Q(e, () => ic(r().rect.height), null), J(() => ({
+			return Z(e, t), Ji(() => (e) => {
+				n = e;
+			}, e), Q(e, () => ic(r().rect.width), t), Q(e, () => ic(r().rect.height), null), J(() => ({
 				left: `${r().rect.left + d().x + r().rect.width / 2}px`,
 				top: `${r().rect.top + d().y + r().rect.height + 2}px`,
 				"z-index": s() ? ac : void 0,
@@ -13490,9 +13492,9 @@ function jh(e, t) {
 		u.popup.style.width = `${n}px`;
 		let i = u.popup.getBoundingClientRect(), a = r.innerWidth - kh, o = r.innerHeight - kh, s = Math.max(kh, a - i.width), c = Math.min(Math.max(e.left, kh), s), l = e.bottom + Ah, f = e.top - Ah - i.height, p = l + i.height <= o || f < kh ? Math.min(l, Math.max(kh, o - i.height)) : f;
 		u.popup.style.left = `${c}px`, u.popup.style.top = `${Math.max(kh, p)}px`;
-	}, p = (e, t) => {
-		let r = n.createElement("button");
-		r.type = "button", r.dataset.mesurerUnifiedSelectOption = e.key, r.setAttribute("role", "option"), r.setAttribute("aria-selected", e.selected ? "true" : "false"), r.disabled = e.disabled, Object.assign(r.style, {
+	}, p = (e) => {
+		let t = n.createElement("button");
+		t.type = "button", t.dataset.mesurerUnifiedSelectOption = e.key, t.setAttribute("role", "option"), t.setAttribute("aria-selected", e.selected ? "true" : "false"), t.disabled = e.disabled, Object.assign(t.style, {
 			width: "100%",
 			minHeight: "30px",
 			display: "flex",
@@ -13511,39 +13513,39 @@ function jh(e, t) {
 			opacity: e.disabled ? "0.55" : "1",
 			pointerEvents: "auto"
 		});
-		let i = n.createElement("span");
-		if (i.textContent = e.label, Object.assign(i.style, {
+		let r = n.createElement("span");
+		if (r.textContent = e.label, Object.assign(r.style, {
 			minWidth: "0",
 			overflow: "hidden",
 			textOverflow: "ellipsis",
 			whiteSpace: "nowrap"
-		}), r.append(i), e.shortcut) {
-			let t = n.createElement("span");
-			t.textContent = e.shortcut, Object.assign(t.style, {
+		}), t.append(r), e.shortcut) {
+			let r = n.createElement("span");
+			r.textContent = e.shortcut, Object.assign(r.style, {
 				flex: "0 0 auto",
 				color: Th,
 				font: "500 10px/1 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif",
 				whiteSpace: "nowrap"
-			}), r.append(t);
+			}), t.append(r);
 		}
-		return r.addEventListener("mouseenter", () => {
-			e.disabled || (r.style.background = e.selected ? Ch : Sh);
-		}), r.addEventListener("mouseleave", () => {
-			r.style.background = e.selected ? Ch : "transparent";
-		}), r.addEventListener("click", () => {
+		return t.addEventListener("mouseenter", () => {
+			e.disabled || (t.style.background = e.selected ? Ch : Sh);
+		}), t.addEventListener("mouseleave", () => {
+			t.style.background = e.selected ? Ch : "transparent";
+		}), t.addEventListener("click", () => {
 			e.disabled || (e.activate(), d());
-		}), r.addEventListener("keydown", (e) => {
+		}), t.addEventListener("keydown", (e) => {
 			if (e.key === "Escape") {
 				e.preventDefault(), d(!0);
 				return;
 			}
 			if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
 			e.preventDefault();
-			let t = r.closest("[data-mesurer-unified-select-popup='true']");
-			if (!t) return;
-			let n = Array.from(t.querySelectorAll("[data-mesurer-unified-select-option]")).filter((e) => !e.disabled), i = n.indexOf(r);
-			i < 0 || n.length === 0 || n[(i + (e.key === "ArrowDown" ? 1 : -1) + n.length) % n.length]?.focus({ preventScroll: !0 });
-		}), r;
+			let n = t.closest("[data-mesurer-unified-select-popup='true']");
+			if (!n) return;
+			let r = Array.from(n.querySelectorAll("[data-mesurer-unified-select-option]")).filter((e) => !e.disabled), i = r.indexOf(t);
+			i < 0 || r.length === 0 || r[(i + (e.key === "ArrowDown" ? 1 : -1) + r.length) % r.length]?.focus({ preventScroll: !0 });
+		}), t;
 	}, m = (e, t, r) => {
 		if (u?.trigger === e) {
 			d(!0);
@@ -13566,7 +13568,7 @@ function jh(e, t) {
 			boxShadow: "0 8px 24px rgba(15, 23, 42, 0.14), 0 2px 6px rgba(15, 23, 42, 0.08)",
 			pointerEvents: "auto"
 		});
-		for (let t of r) i.append(p(t, e));
+		for (let e of r) i.append(p(e));
 		s.append(i), e.setAttribute("aria-expanded", "true"), t?.style.setProperty("transform", "rotate(225deg)");
 		let a = e.closest("[data-mesurer-unified-select-shell='true'], [data-mesurer-unified-style-shell='true']");
 		a && (a.style.borderColor = "transparent", a.style.boxShadow = `inset 0 0 0 1px ${Oh}`), u = {
@@ -17010,7 +17012,7 @@ async function Y_(e, t, n) {
 }
 //#endregion
 //#region src/version.ts
-var X_ = "0.1.8-beta.1", Z_ = "mesurer.context", Q_ = "context:v1", $_ = "mesurer.context.settings", ev = "context.ui", tv = "data-mesurer-direct-text-edit-active", nv = {
+var X_ = "0.1.8-beta.2", Z_ = "mesurer.context", Q_ = "context:v1", $_ = "mesurer.context.settings", ev = "context.ui", tv = "data-mesurer-direct-text-edit-active", nv = {
 	viewBox: "0 0 256 256",
 	paths: ["M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z"]
 }, rv = {