@popcorn245/cornfield-components 0.52.0 → 0.52.1

package/dist/chunks/{corn-search-BY1Po63S.js → corn-search-CXs5d06S.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./rolldown-runtime-CGnMp29N.js";
 import { n as t, r as n, t as r } from "./runtime-DFu6W5g-.js";
-import { n as i, t as a } from "./around-D7aqHejs.js";
-import { D as o, Gt as s, N as c, P as l, Tn as u, Vt as d, Wt as f, it as p, kn as m, ln as h, on as g, ot as _, pn as v, t as y, tn as b, wn as x } from "./engine-HIgX35hE.js";
-import { _ as ee } from "./layers-n1mJVJs8.js";
-import "./sheets-TFCL_dIn.js";
-var S = (e, t) => `${m(e, "searchNoMatch")} “${t}”`, C = (e) => e.slot("search-status", () => {
+import { n as i, t as a } from "./around-BFqYTZ0K.js";
+import { Dn as o, En as s, F as c, Kt as l, O as u, P as d, Ut as f, cn as p, ct as m, dn as h, hn as g, jn as _, ot as v, qt as y, rn as b, t as x } from "./engine-BmXtSISH.js";
+import { _ as ee } from "./layers-Bj4Tluxe.js";
+import "./sheets-D-sMZzSs.js";
+var S = (e, t) => `${_(e, "searchNoMatch")} “${t}”`, C = (e) => e.slot("search-status", () => {
 	let t = { pending: null };
 	return e.own(() => clearTimeout(t.pending)), t;
 });
@@ -39,29 +39,29 @@ function O(e, t, n = {}) {
 	if (!r) return o;
 	let s = [];
 	for (let t of e) {
-		let e = l(t, r);
+		let e = c(t, r);
 		e < 0 || s.push({
 			node: t,
 			rank: e,
 			on: !!i(t),
-			group: c(t),
+			group: d(t),
 			parent: a(t)
 		});
 	}
 	s.sort((e, t) => e.rank - t.rank || String(e.node.label).localeCompare(String(t.node.label)) || String(e.node.id).localeCompare(String(t.node.id)));
-	let u = /* @__PURE__ */ new Map();
+	let l = /* @__PURE__ */ new Map();
 	for (let e of s) {
 		let t = e.on ? `on|${e.group}` : "off";
-		u.has(t) || u.set(t, {
+		l.has(t) || l.set(t, {
 			name: e.on ? e.group : D,
 			off: !e.on,
 			rows: []
-		}), u.get(t).rows.push(e);
+		}), l.get(t).rows.push(e);
 	}
-	let d = [...u.values()].sort((e, t) => Number(e.off) - Number(t.off) || e.rows[0].rank - t.rows[0].rank || e.name.localeCompare(t.name));
-	o.matches = d.flatMap((e) => e.rows), o.total = o.matches.length, o.onMap = s.filter((e) => e.on).length, o.off = o.total - o.onMap;
+	let u = [...l.values()].sort((e, t) => Number(e.off) - Number(t.off) || e.rows[0].rank - t.rows[0].rank || e.name.localeCompare(t.name));
+	o.matches = u.flatMap((e) => e.rows), o.total = o.matches.length, o.onMap = s.filter((e) => e.on).length, o.off = o.total - o.onMap;
 	let f = 50;
-	for (let e of d) {
+	for (let e of u) {
 		if (f <= 0) break;
 		o.groups.push({
 			name: e.name,
@@ -115,18 +115,18 @@ var j = (e) => `No node matches “${e}”. Search reads names, files, types and
 	bar: e ? "<div id=\"mobile-search-bar\" class=\"hx-mobile-search glass-header\" role=\"search\" hidden data-corn=\"mobile-search\">\n  <input type=\"text\" id=\"mobile-node-search\" class=\"hx-input hx-input--wide\" placeholder=\"Search nodes, apps, components...\" aria-label=\"Search nodes\" data-corn=\"search-input\" />\n  <button type=\"button\" class=\"hx-textbtn\" data-action=\"close-mobile-search\" data-corn-kind=\"quiet\">Cancel</button>\n  <span id=\"mobile-search-steps\" class=\"hx-search-steps\" data-corn=\"search-steps\" hidden>\n        <span id=\"mobile-search-count\" class=\"hx-search-count\" data-corn=\"search-count\" aria-hidden=\"true\"></span>\n        <button type=\"button\" class=\"hx-search-btn\" data-action=\"search-prev\" aria-label=\"Previous match\" title=\"Previous match (Shift+Enter)\" data-corn-kind=\"icon\"><svg viewBox=\"0 0 16 16\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M3.5 10.5L8 6l4.5 4.5\" /></svg></button>\n        <button type=\"button\" class=\"hx-search-btn\" data-action=\"search-next\" aria-label=\"Next match\" title=\"Next match (Enter)\" data-corn-kind=\"icon\"><svg viewBox=\"0 0 16 16\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M3.5 5.5L8 10l4.5-4.5\" /></svg></button>\n        <button type=\"button\" class=\"hx-search-btn\" data-action=\"clear-search\" aria-label=\"Clear search\" title=\"Clear search (Escape)\" data-corn-kind=\"icon\"><svg viewBox=\"0 0 16 16\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 4l8 8M12 4l-8 8\" /></svg></button>\n      </span>\n  <div id=\"mobile-search-status\" class=\"hx-search-status\" role=\"status\" aria-live=\"polite\" data-corn=\"search-status\"></div>\n  <div id=\"mobile-search-results\" class=\"hx-search-results\" data-corn=\"search-results\" hidden></div>\n</div>" : ""
 });
 function L(e, t, n, r = !1) {
-	let i = n ? ` · ${f(t.group)}` : "", a = t.parent ? f(t.parent) : "", o = e.searchCurrent === t.node.id;
-	return `<button type="button" role="option" class="hx-search-row" data-corn="search-result" data-search-id="${f(t.node.id)}" tabindex="${r ? 0 : -1}" aria-selected="${o}"${o ? " aria-current=\"true\"" : ""}><span class="hx-search-row-label">${f(t.node.label)}</span><span class="hx-search-row-parent">${a}${i}</span></button>`;
+	let i = n ? ` · ${l(t.group)}` : "", a = t.parent ? l(t.parent) : "", o = e.searchCurrent === t.node.id;
+	return `<button type="button" role="option" class="hx-search-row" data-corn="search-result" data-search-id="${l(t.node.id)}" tabindex="${r ? 0 : -1}" aria-selected="${o}"${o ? " aria-current=\"true\"" : ""}><span class="hx-search-row-label">${l(t.node.label)}</span><span class="hx-search-row-parent">${a}${i}</span></button>`;
 }
 function R(e, t, n = "search-listbox") {
 	if (!t.query) return "";
-	if (!t.total) return `<p class="hx-search-empty" data-corn="search-empty">${f(j(t.query))}</p>`;
-	let r = t.groups.flatMap((e) => e.rows), i = r.some((t) => t.node.id === e.searchCurrent) ? e.searchCurrent : t.onMap ? F : r[0].node.id, a = t.onMap ? `<button type="button" role="option" aria-selected="false" class="hx-search-row hx-search-frame" data-corn="search-result" data-search-frame tabindex="${i === F ? 0 : -1}">Frame all ${t.onMap}</button>` : "", o = t.groups.map((t) => `<div class="hx-search-group" role="group" aria-label="${f(t.name)}, ${t.count}" data-corn="search-group"><div class="hx-search-group-title" aria-hidden="true">${f(t.name)} <span class="hx-search-group-count">${t.count}</span></div>${t.rows.map((n) => L(e, n, t.off, n.node.id === i)).join("")}</div>`).join(""), s = t.more ? `<p class="hx-search-more">${f(M(t.more))}</p>` : "";
-	return `<div role="listbox" id="${f(n)}" aria-label="Search results">${a}${o}</div>${s}`;
+	if (!t.total) return `<p class="hx-search-empty" data-corn="search-empty">${l(j(t.query))}</p>`;
+	let r = t.groups.flatMap((e) => e.rows), i = r.some((t) => t.node.id === e.searchCurrent) ? e.searchCurrent : t.onMap ? F : r[0].node.id, a = t.onMap ? `<button type="button" role="option" aria-selected="false" class="hx-search-row hx-search-frame" data-corn="search-result" data-search-frame tabindex="${i === F ? 0 : -1}">Frame all ${t.onMap}</button>` : "", o = t.groups.map((t) => `<div class="hx-search-group" role="group" aria-label="${l(t.name)}, ${t.count}" data-corn="search-group"><div class="hx-search-group-title" aria-hidden="true">${l(t.name)} <span class="hx-search-group-count">${t.count}</span></div>${t.rows.map((n) => L(e, n, t.off, n.node.id === i)).join("")}</div>`).join(""), s = t.more ? `<p class="hx-search-more">${l(M(t.more))}</p>` : "";
+	return `<div role="listbox" id="${l(n)}" aria-label="Search results">${a}${o}</div>${s}`;
 }
 var z = (e) => [...e.querySelectorAll("[data-corn=\"search-result\"]")], B = (e) => !!e && (e.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName));
 function V(e, t, n = {}) {
-	let { state: r } = t, a = u(t), c = [...x(t, e, I({ phone: n.phone !== !1 }).field, n.slots, "field"), ...x(t, e, I({ phone: n.phone !== !1 }).bar, n.slots, "bar")], l = (e) => {
+	let { state: r } = t, a = o(t), c = [...s(t, e, I({ phone: n.phone !== !1 }).field, n.slots, "field"), ...s(t, e, I({ phone: n.phone !== !1 }).bar, n.slots, "bar")], l = (e) => {
 		for (let t of c) {
 			if (t.id === e) return t;
 			let n = t.querySelector(`[id="${e}"]`);
@@ -135,8 +135,8 @@ function V(e, t, n = {}) {
 		return null;
 	};
 	a.keepParts(...c);
-	let d = P.filter((e) => l(e.input)), f = null, m = 0;
-	function y() {
+	let d = P.filter((e) => l(e.input)), f = null, _ = 0;
+	function x() {
 		let e = new Map(r.nodes.map((e) => [e.id, e])), t = /* @__PURE__ */ new Map();
 		for (let e of r.edges) e.kind || e.dashed || t.has(e.to) || t.set(e.to, e.from);
 		return (n) => {
@@ -149,7 +149,7 @@ function V(e, t, n = {}) {
 		if (f && f.key === e && f.nodes === r.nodes) return f.result;
 		let n = O(r.nodes, r.searchQuery, {
 			visible: (e) => t.map.isNodeVisible(e),
-			parentLabel: y()
+			parentLabel: x()
 		});
 		return f = {
 			key: e,
@@ -208,19 +208,19 @@ function V(e, t, n = {}) {
 	}
 	function F(e) {
 		let n = [
-			_(r, e),
-			o(e),
+			m(r, e),
+			u(e),
 			e.type === "store" || e.type === "rom" ? "flow" : null,
 			e.type === "core" ? "pkg" : null,
 			e.type === "core" ? "core" : null
 		];
 		for (let i of n) {
 			if (t.map.isNodeVisible(e)) return;
-			i && !p(r, i) && ee(t, i);
+			i && !v(r, i) && ee(t, i);
 		}
 	}
 	function L(e, n) {
-		let r = v(t);
+		let r = g(t);
 		return {
 			x: r.x + r.width / 2 - e.x * n,
 			y: r.y + r.height / 2 - e.y * n,
@@ -228,16 +228,16 @@ function V(e, t, n = {}) {
 		};
 	}
 	async function V(e, { say: n = !0 } = {}) {
-		let i = e.node, a = ++m;
+		let i = e.node, a = ++_;
 		t.map.isNodeVisible(i) || F(i), r.searchCurrent = i.id, t.touchScene();
-		let o = S(), c = o.matches.findIndex((e) => e.node.id === i.id);
-		if (b(t, i, { source: "search" }), a !== m || r.searchCurrent !== i.id) return;
-		g(t, L(i, Math.max(r.camera.zoom, 1))), D(), t.emit("search", {
+		let o = S(), s = o.matches.findIndex((e) => e.node.id === i.id);
+		if (b(t, i, { source: "search" }), a !== _ || r.searchCurrent !== i.id) return;
+		p(t, L(i, Math.max(r.camera.zoom, 1))), D(), t.emit("search", {
 			query: r.searchQuery,
 			current: r.searchCurrent
 		});
-		let l = `${c + 1} of ${o.total}: ${i.label}${e.parent ? `, in ${e.parent}` : ""}`;
-		T(t, ""), n && s(t, l);
+		let c = `${s + 1} of ${o.total}: ${i.label}${e.parent ? `, in ${e.parent}` : ""}`;
+		T(t, ""), n && y(t, c);
 	}
 	function H(e) {
 		let t = S();
@@ -247,7 +247,7 @@ function V(e, t, n = {}) {
 	}
 	function U() {
 		let e = S(), n = new Set(e.matches.filter((e) => e.on).map((e) => e.node.id));
-		n.size && (t.map.fitGraphToViewport(t.map.fitPadding(), n), T(t, ""), s(t, `Framed ${n.size} ${n.size === 1 ? "match" : "matches"}`));
+		n.size && (t.map.fitGraphToViewport(t.map.fitPadding(), n), T(t, ""), y(t, `Framed ${n.size} ${n.size === 1 ? "match" : "matches"}`));
 	}
 	function W(e, n) {
 		let i = e.currentTarget;
@@ -257,7 +257,7 @@ function V(e, t, n = {}) {
 			let n = i.value.trim();
 			if (n !== r.searchQuery && N(i.value), !n) return;
 			if (!S().total) {
-				s(t, `No node matches ${n}`);
+				y(t, `No node matches ${n}`);
 				return;
 			}
 			H(e.shiftKey ? -1 : 1);
@@ -276,7 +276,7 @@ function V(e, t, n = {}) {
 				e.preventDefault(), j(n);
 				return;
 			}
-			r.searchQuery && (e.preventDefault(), N(""), s(t, "Search cleared"));
+			r.searchQuery && (e.preventDefault(), N(""), y(t, "Search cleared"));
 		}
 	}
 	function G(e, n) {
@@ -392,7 +392,7 @@ function V(e, t, n = {}) {
 	}), a.on("search:active", () => C()), a.on("search:step", (e) => H(e)), a.on("layers", () => {
 		r.searchQuery && D();
 	}), a.own(() => {
-		m++, c.forEach((e) => e.remove());
+		_++, c.forEach((e) => e.remove());
 	}), {
 		elements: c,
 		setQuery: N,
@@ -408,7 +408,7 @@ function V(e, t, n = {}) {
 			e && (e.focus(), e.select());
 		},
 		reset() {
-			f = null, m++, r.searchQuery = "", r.searchCurrent = null;
+			f = null, _++, r.searchQuery = "", r.searchCurrent = null;
 		},
 		update(e) {
 			e && "query" in e ? N(e.query) : D();
@@ -446,8 +446,8 @@ var H = () => "*,:before,:after{box-sizing:border-box}*{--hx-control-h:var(--cor
 		this.unmountPiece(), this.loaded && this.el.isConnected && this.mountPiece();
 	}
 	mountPiece() {
-		!this.piece && this.el.shadowRoot && (this.changes = {}, this.scope = d(this.el, () => this.remount()), this.piece = a(N, this.el.shadowRoot, this.scope.inst, {
-			tokens: y,
+		!this.piece && this.el.shadowRoot && (this.changes = {}, this.scope = f(this.el, () => this.remount()), this.piece = a(N, this.el.shadowRoot, this.scope.inst, {
+			tokens: x,
 			initial: this.query ? { query: this.query } : {},
 			onSearch: (e) => {
 				this.query = e.query, delete this.changes.query, this.cornSearch.emit(e);