@popcorn245/cornfield-components 0.52.1 → 0.53.0

package/dist/corn-layers.js

@@ -1 +1,275 @@
-export { t as CornLayers } from "./chunks/corn-layers-Cni5rISZ.js";
+import { t as e } from "./chunks/rolldown-runtime-CGnMp29N.js";
+import { r as t, t as n } from "./chunks/runtime-DFu6W5g-.js";
+import { n as r, r as i, t as a } from "./chunks/around-BcnegEdS.js";
+import { $ as o, A as s, Ct as c, Dn as l, Dt as u, En as d, Et as f, J as p, Kt as m, Q as h, S as g, Tn as _, Tt as v, Ut as y, Z as b, a as ee, bt as te, d as x, jn as S, l as C, m as w, nt as ne, ot as re, rt as ie, s as T, t as E, tt as ae, wt as oe, xt as se, y as D } from "./chunks/engine-xmHJvQY9.js";
+import { _ as O, a as k, g as A, h as j, o as M, p as N, s as P, u as ce } from "./chunks/layers-ho10a2y7.js";
+// ../explorer/edge-key.js
+var F = 44, I = 16, L = I / 2, R = 2, z = 41, B = (e, t) => {
+	let n = x.length * Math.cos(x.spread), r = x.length * Math.sin(x.spread);
+	if (e === "triangle") return `<path d="M${t} ${L} L${t - n} ${L - r} L${t - n} ${L + r} Z" fill="currentColor"/>`;
+	if (e === "chevron") return `<path d="M${t - n} ${L - r} L${t} ${L} L${t - n} ${L + r}" fill="none" stroke="currentColor" stroke-width="${w.strokeWidth}"/>`;
+	if (e === "bar") return `<path d="M${t - 1} ${L - w.barHalf} V${L + w.barHalf}" fill="none" stroke="currentColor" stroke-width="${w.strokeWidth}"/>`;
+	if (e === "diamond") {
+		let e = w.diamondHalf, n = w.diamondAcross;
+		return `<path d="M${t} ${L} L${t - e} ${L - n} L${t - 2 * e} ${L} L${t - e} ${L + n} Z" fill="none" stroke="currentColor" stroke-width="${w.strokeWidth}"/>`;
+	}
+	return "";
+};
+function V({ end: e = null, dash: t = null, width: n = 1.6, ticks: r = 0 } = {}) {
+	let i = e ? z - (e === "triangle" || e === "chevron" ? 1 : e === "diamond" ? 2 * w.diamondHalf : 1) : z, a = `<path d="M${R} ${L} H${i}" fill="none" stroke="currentColor" stroke-width="${n}"${t ? ` stroke-dasharray="${t.join(" ")}"` : ""}/>`, o = "";
+	for (let e = 0; e < r; e++) {
+		let t = (R + i) / 2 + (e - (r - 1) / 2) * w.tickGap;
+		o += `<path d="M${t} ${L - w.tickHalf} V${L + w.tickHalf}" fill="none" stroke="currentColor" stroke-width="${w.tickWidth}"/>`;
+	}
+	return `<svg class="hx-key-line" data-corn="swatch" viewBox="0 0 ${F} ${I}" width="${F}" height="${I}" aria-hidden="true" focusable="false">${a}${o}${e ? B(e, z) : ""}</svg>`;
+}
+var H = Object.freeze([
+	[{ width: 1.4 }, "Owns: a parent and what it holds"],
+	[{
+		dash: g,
+		width: 1.6
+	}, "Uses loosely: dotted"],
+	[{
+		dash: D,
+		end: "chevron"
+	}, "Proposed, not built: dashed, with its kind’s mark"],
+	[{ end: "chevron" }, "Data: flow, reads, writes (towards the page is a read)"],
+	[{ end: "triangle" }, "Services: calls, triggers, delivers"],
+	[{ end: "bar" }, "Places: runs on"],
+	[{ end: "diamond" }, "Tokens: uses, extends"]
+]);
+function le() {
+	return `<div class="hx-menu-title" data-corn="menu-title"><span>Key</span></div>${H.map(([e, t]) => `<div class="hx-legend-row"><span class="hx-legend-swatch hx-legend-swatch--wide">${V(e)}</span><span>${t}</span></div>`).join("")}<p class="hx-faint hx-key-note">A line says its kind in words when it is lit.</p>`;
+}
+// ../explorer/engine/flow-legend.js
+function ue(e, t) {
+	if (!t) return;
+	let { state: n } = e, r = o(n);
+	if (r.flow === !1 && r.table === !1) {
+		t.innerHTML = "", t.hidden = !0;
+		return;
+	}
+	t.hidden = !1;
+	let i = (e, t) => `<div class="hx-legend-row"><span class="hx-legend-swatch">${e}</span><span>${t}</span></div>`;
+	t.innerHTML = `
+    <div class="hx-menu-section" data-corn="menu-section" part="menu-section">
+      <div class="hx-menu-title" data-corn="menu-title" part="menu-title">
+        <span>Data Flow</span>
+      </div>
+      ${Object.values(b).map((e) => i(`<span data-corn="swatch" part="swatch" class="hx-swatch-line" data-style="background:${m(c(e.color, n.theme))}"></span>`, e.label)).join("")}
+    </div>`;
+}
+// ../explorer/pieces/layers.js
+var U = /* @__PURE__ */ e({
+	markup: () => W,
+	mount: () => G
+}), W = () => ({ menu: "<div class=\"hx-menu-wrap hx-layers\">\n  <button type=\"button\" id=\"legend-toggle-btn\" class=\"hx-layers-chip\" data-action=\"toggle-layers-menu\" aria-expanded=\"false\" aria-controls=\"legend-dropdown\" data-corn=\"layers-button\"><span data-corn-string=\"layers\">Layers</span><span id=\"layers-count\" class=\"hx-layers-count\" data-corn=\"count\"></span></button>\n  <div id=\"legend-dropdown\" class=\"hx-menu glass\" hidden data-corn=\"layers-menu\">\n    <div class=\"hx-menu-title hx-menu-head\" data-corn=\"menu-title\">\n      <span>Section Toggles</span>\n      <span class=\"hx-menu-links\">\n        <button type=\"button\" class=\"hx-textbtn hx-textbtn--accent\" data-action=\"layers-all\" data-corn=\"layers-all\" data-corn-kind=\"quiet\" data-corn-string=\"layersAll\">All</button>\n        <span class=\"hx-faint\">•</span>\n        <button type=\"button\" class=\"hx-textbtn\" data-action=\"layers-none\" data-corn=\"layers-none\" data-corn-kind=\"quiet\" data-corn-string=\"layersNone\">None</button>\n      </span>\n    </div>\n    <div class=\"hx-menu-body\">\n    <p id=\"layers-preset-note\" class=\"hx-note\" data-corn=\"notice\" hidden>The data-flow view shows its own tiers and ignores these toggles. Switch it off to use them.</p>\n    <div id=\"layer-toggles-container\" class=\"hx-toggles\"></div>\n    <div id=\"flow-legend\" hidden></div>\n    <div id=\"edge-key\" class=\"hx-menu-section\" data-corn=\"legend-key\"></div>\n    <div id=\"cloud-legend\" class=\"hx-menu-section\" data-corn=\"menu-section\" hidden></div>\n    <div id=\"runs-legend\" class=\"hx-menu-section\" data-corn=\"menu-section\" hidden>\n      <div class=\"hx-menu-title\" data-corn=\"menu-title\"><span>Agent runs</span></div>\n      <div class=\"hx-legend-row\"><span class=\"hx-run-swatch hx-run-swatch--flight\" aria-hidden=\"true\"></span><span>In flight: a pulsing ring (still under reduced motion)</span></div>\n      <div class=\"hx-legend-row\"><span class=\"hx-run-swatch hx-run-swatch--collision\" aria-hidden=\"true\"></span><span>Collision: dashed ring, ⚠ and the words, where two open runs change one node</span></div>\n    </div>\n    <div id=\"proposal-legend\" class=\"hx-menu-section\" data-corn=\"menu-section\" hidden>\n      <div class=\"hx-menu-title\" data-corn=\"menu-title\"><span>Proposal marks</span></div>\n      <div class=\"hx-legend-row\"><span class=\"hx-mark-dot hx-mark-dot--added\" data-corn=\"mark-dot\" data-corn-state=\"added\"></span><span>Added: dashed ring</span></div>\n      <div class=\"hx-legend-row\"><span class=\"hx-mark-dot hx-mark-dot--changed\" data-corn=\"mark-dot\" data-corn-state=\"changed\"></span><span>Changed: solid ring</span></div>\n      <div class=\"hx-legend-row\"><span class=\"hx-mark-dot hx-mark-dot--removed\" data-corn=\"mark-dot\" data-corn-state=\"removed\"></span><span>Removed: faded ring, label struck through</span></div>\n      <div class=\"hx-legend-row\"><span class=\"hx-mark-dot hx-mark-dot--edit\" data-corn=\"mark-dot\" data-corn-state=\"edit\"></span><span>Your edit: dotted ring, long-dashed line</span></div>\n    </div>\n    </div>\n  </div>\n</div>" }), de = Object.assign(Object.create(null), {
+	flow: (e) => `${e} ${e === 1 ? "link" : "links"}`,
+	runs: (e) => `${e} in flight`
+});
+function G(e, t, n = {}) {
+	let { state: a } = t, o = l(t), c = d(t, e, W().menu, n.slots, "menu"), g = (e) => {
+		for (let t of c) {
+			if (t.id === e) return t;
+			let n = t.querySelector(`[id="${e}"]`);
+			if (n) return n;
+		}
+		return null;
+	};
+	o.keepParts(...c);
+	let y = c[0], b = g("legend-dropdown"), x = g("legend-toggle-btn"), w = /* @__PURE__ */ new Set(), E = () => C(t).get();
+	"storageKey" in n && M(t, n.storageKey);
+	function D(e) {
+		b.hidden = !e, x.setAttribute("aria-expanded", String(e)), e && n.inline && F();
+	}
+	function F() {
+		b.classList.remove("hx-menu--end");
+		let e = t.win ? t.win.innerWidth : 0, n = b.getBoundingClientRect();
+		e && n.width && n.right > e && y.getBoundingClientRect().right - n.width >= 0 && b.classList.add("hx-menu--end");
+	}
+	let I = (e) => D(e === void 0 ? b.hidden : !!e), L = () => D(!1);
+	function R() {
+		let e = a.theme === "light" ? se : te, n = t.tokenReader();
+		if (!n) return e;
+		let r = f(n("--corn-ground")), i = f(n("--corn-surface-1"));
+		if (!r[3] || !i[3]) return e;
+		let [o, s, c] = v(i, v(r, [
+			0,
+			0,
+			0,
+			1
+		]));
+		return `rgb(${o}, ${s}, ${c})`;
+	}
+	function z(e, t) {
+		if (oe(u(v(f(e), f(t))), t) >= 3) return null;
+		let n = E().values[ee];
+		return { stroke: n ? j(n) : "" };
+	}
+	function B(e, t, n, r = "") {
+		let i = z(e, n), o = `background-color: ${e}; box-shadow: ${t && a.theme !== "light" ? /^#[0-9a-f]{6}$/i.test(e) ? `0 0 8px ${e}90` : `0 0 8px color-mix(in srgb, ${e} 56%, transparent)` : "none"}${i && i.stroke ? `; --hx-dot-ring: ${i.stroke}` : ""}`;
+		return `<span class="hx-dot${r ? " hx-kind-swatch" : ""}${i ? " is-ringed" : ""}" data-corn="swatch"${r} data-style="${m(o)}"></span>`;
+	}
+	function H(e) {
+		let t = re(a.nodes), n = /* @__PURE__ */ new Map();
+		return a.nodes.forEach((r) => {
+			if (typeof r.kind != "string" || !r.kind || r.type === "external") return;
+			let i = e(r);
+			if (!i) return;
+			n.has(i) || n.set(i, /* @__PURE__ */ new Map());
+			let a = `${r.type}\u0000${r.kind}`, o = n.get(i).get(a) || {
+				type: r.type,
+				kind: r.kind,
+				letters: t.get(r.type).get(r.kind),
+				n: 0
+			};
+			o.n++, n.get(i).set(a, o);
+		}), new Map([...n].map(([e, t]) => [e, [...t.values()].sort((e, t) => e.kind.localeCompare(t.kind))]));
+	}
+	function U(e, t, n) {
+		let r = E().values[T(e.type, e.kind)];
+		return r ? B(j(r), !0, t, " aria-hidden=\"true\"") : n ? "<span class=\"hx-dot hx-kind-swatch is-blank\" aria-hidden=\"true\"></span>" : "";
+	}
+	function G(e, t, n) {
+		if (!t || !t.length) return "";
+		let r = w.has(e.key), i = `layer-kinds-${e.key}`, a = `${t.length} ${t.length === 1 ? "kind" : "kinds"}`, o = t.some((e) => E().values[T(e.type, e.kind)]), s = r ? `<ul class="hx-kind-keys" id="${m(i)}">${t.map((e) => `<li class="hx-kind-key" data-corn="kind-key">${U(e, n, o)}<span class="hx-kind-letter" aria-hidden="true">${m(e.letters)}</span><span class="hx-kind-name">${m(e.kind)}</span><span class="hx-count" data-corn="count">${e.n}</span></li>`).join("")}</ul>` : "";
+		return `<div class="hx-kinds"><button type="button" class="hx-textbtn hx-kinds-btn" data-action="toggle-layer-kinds" data-layer="${m(e.key)}" aria-expanded="${r}" aria-controls="${m(i)}" data-corn="layer-kinds" data-corn-kind="quiet">${r ? "▾" : "▸"} ${m(a)}</button>${s}</div>`;
+	}
+	function K() {
+		let e = g("layers-count");
+		if (!e) return;
+		let { layers: n } = P(t);
+		e.textContent = ` · ${n.filter((e) => k(t, e.key)).length} of ${n.length}`;
+	}
+	function q() {
+		K();
+		let e = g("layer-toggles-container");
+		if (!e) return;
+		let n = (e) => ne(a, e), r = Object.create(null), i = Object.create(null);
+		a.nodes.forEach((e) => {
+			let t = n(e);
+			t && (r[t] = (r[t] || 0) + 1, !s(a, e) && ie(a, e) && (i[t] = (i[t] || 0) + 1));
+		}), r.flow = a.edges.filter((e) => e.kind === "flow").length, r.runs = a.runsMap ? a.runsMap.flight.size : 0;
+		let o = H(n), { layers: c, overlays: l } = P(t), u = R(), d = (e) => {
+			let n = k(t, e.key), s = i[e.key] ? `<span class="hx-faint hx-layer-note" data-corn="layer-note">+${i[e.key]} shown by the proposal</span>` : "", c = !s && r[e.key] && ae(a, e.key) ? `<span class="hx-faint hx-layer-note" data-corn="layer-note">${m(S(t, "hiddenWhileReviewing"))}</span>` : "", l = `<span class="hx-toggle-name">${m(e.label)}</span>`;
+			return `
+      <button type="button" class="hx-toggle-row${n ? "" : " is-off"}" data-action="toggle-layer" data-layer="${m(e.key)}" aria-pressed="${n}" title="${m(e.desc)}" data-corn="row">
+        <span class="hx-toggle-label">
+          ${B(j(e.color), n, u)}
+          ${c ? `<span class="hx-toggle-text">${l}${c}</span>` : l}${e.live ? "<span class=\"hx-live-tag\" data-corn=\"live-tag\">live</span>" : ""}
+        </span>
+        <span class="hx-toggle-meta">${s}
+          <span class="hx-count" data-corn="count">${(de[e.key] || String)(r[e.key] || 0)}</span>
+          <span class="hx-tick">${n ? "✓" : "—"}</span>
+        </span>
+      </button>${G(e, o.get(e.key), u)}`;
+		}, f = t.active(), p = f && e.contains(f) ? f : null, h = p ? {
+			action: p.getAttribute("data-action"),
+			layer: p.getAttribute("data-layer")
+		} : null;
+		if (e.innerHTML = c.map(d).join("") + (l.length ? `<div class="hx-menu-title hx-overlays" data-corn="overlays"><span>${m(S(t, "overlays"))}</span></div>${l.map(d).join("")}` : ""), _(e), h) {
+			let t = [...e.querySelectorAll("[data-action]")].find((e) => e.getAttribute("data-action") === h.action && e.getAttribute("data-layer") === h.layer);
+			t && typeof t.focus == "function" && t.focus({ preventScroll: !0 });
+		}
+		ue(t, g("flow-legend")), J(), Y(), _(g("flow-legend"));
+	}
+	function J() {
+		let e = g("edge-key");
+		e && (e.innerHTML = le(), _(e));
+	}
+	function Y() {
+		let e = g("cloud-legend");
+		e && (h(a, "cloud") ? (e.hidden = !1, e.innerHTML = `
+    <div class="hx-menu-title" data-corn="menu-title"><span>Cloud: when an outage bites</span></div>
+    ${Object.entries(p).map(([e, t]) => `<div class="hx-legend-row"><span class="hx-legend-swatch hx-legend-swatch--wide hx-swatch-when--${e}">${V({
+			end: "triangle",
+			ticks: t.ticks
+		})}</span><span>${t.legend}</span></div>`).join("")}
+    <div class="hx-legend-row"><span class="hx-legend-swatch"></span><span class="hx-faint"><span class="hx-cloud-browser">(browser)</span> the visitor's browser makes the call, not our server</span></div>`, _(e)) : (e.innerHTML = "", e.hidden = !0));
+	}
+	function X(e) {
+		w.has(e) ? w.delete(e) : w.add(e), q();
+	}
+	function Z() {
+		let e = a.view === "dataflow";
+		x.classList.toggle("hx-layers-chip--dim", e), g("layers-preset-note").hidden = !e;
+	}
+	let fe = {
+		"toggle-layers-menu": () => I(),
+		"layers-all": () => A(t, !0, { viewer: !0 }),
+		"layers-none": () => A(t, !1, { viewer: !0 }),
+		"toggle-layer": (e) => O(t, e.dataset.layer, { viewer: !0 }),
+		"toggle-layer-kinds": (e) => X(e.dataset.layer)
+	};
+	o.listen(y, "click", (e) => {
+		let t = e.target.closest && e.target.closest("[data-action]");
+		if (!t) return;
+		let n = fe[t.dataset.action];
+		n && n(t);
+	});
+	let Q = /* @__PURE__ */ new WeakSet();
+	o.listen(y, "click", (e) => {
+		Q.add(e);
+	}, !0), o.own(i(t, (e) => {
+		b.hidden || Q.has(e) || (typeof e.composedPath == "function" ? e.composedPath() : [e.target]).includes(y) || L();
+	}, { capture: !1 })), o.own(r(t, "keydown", (e) => {
+		e.key !== "Escape" || b.hidden || (L(), x.focus());
+	})), o.on("layers:present", () => !0), o.on("popup:open", () => !b.hidden || void 0), o.on("layers:redraw", q), o.on("theme", q), o.on("view", Z), o.on("runs:map", ({ active: e }) => {
+		let t = g("runs-legend");
+		t && (t.hidden = !e);
+	});
+	let $ = (e) => {
+		let t = g("proposal-legend");
+		t && (t.hidden = !e);
+	};
+	return o.on("proposal:draw", ({ open: e }) => $(e)), o.own(C(t).onChange(() => {
+		ce(t) || q();
+	})), o.own(() => c.forEach((e) => e.remove())), Z(), q(), $(!!t.state.proposal), {
+		elements: c,
+		renderToggles: q,
+		renderEdgeKey: J,
+		renderCloudLegend: Y,
+		toggleMenu: I,
+		closeMenu: L,
+		toggleKinds: X,
+		update(e) {
+			e && "layers" in e ? N(t, e.layers) : q();
+		},
+		destroy: () => o.destroy()
+	};
+}
+// \0stencil-css:/home/runner/work/CornField/CornField/explorer/css/base?tag=corn-layers&encapsulation=shadow&__ext=css
+var K = () => "*,:before,:after{box-sizing:border-box}*{--hx-control-h:var(--corn-control-height);--hx-seg-inner:calc(var(--hx-control-h) - var(--corn-space-1) - 2 * var(--corn-border))}@container corn-box (width<=767px){*{--hx-control-h:max(44px, var(--corn-control-height));--hx-seg-inner:var(--hx-control-h)}}img{image-rendering:var(--hx-pixelated,auto)}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}.glass{background:var(--corn-surface-1);-webkit-backdrop-filter:blur(var(--corn-blur));border:var(--corn-border) solid var(--corn-line);box-shadow:var(--corn-shadow)}.glass-header{background:color-mix(in srgb, var(--corn-ground) 88%, transparent);-webkit-backdrop-filter:blur(var(--corn-blur));border-bottom:var(--corn-border) solid var(--corn-line)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--corn-text) 18%, transparent);border-radius:var(--corn-radius-pill)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--corn-text) 28%, transparent)}.hx-faint{color:var(--corn-text-3)}.hx-mono{font-family:var(--corn-mono);font-size:var(--corn-text-2xs)}.hx-strong{color:var(--corn-text-2)}.hx-bold{font-weight:700}.hx-name{color:var(--corn-text-2)}.hx-accent{color:var(--corn-accent-text)}.hx-good{color:var(--corn-ok)}.hx-warn{color:var(--corn-warn)}.hx-rom{color:var(--corn-hue-fuchsia)}.hx-link{color:var(--corn-info);text-decoration:underline}.hx-link-faint{color:var(--corn-text-3);font-family:var(--corn-mono);font-size:var(--corn-text-2xs)}.hx-link-faint:hover{color:var(--corn-warn)}.hx-code{color:var(--corn-warn);font-family:var(--corn-mono);font-size:var(--corn-text-2xs)}.hx-chips{gap:var(--corn-space-1);padding-top:var(--corn-space-1);flex-wrap:wrap;display:flex}.hx-pt{padding-top:var(--corn-space-3)}.hx-switch{border-radius:var(--corn-radius-pill);border:var(--corn-border) solid var(--corn-line);background:var(--corn-surface-3);flex:none;width:28px;height:16px;position:relative}.hx-switch:after{content:\"\";background:var(--corn-text-3);border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:2px;left:2px}[aria-checked=true]>.hx-switch{background:var(--corn-accent);border-color:var(--corn-accent)}[aria-checked=true]>.hx-switch:after{background:var(--corn-text-on-accent);transform:translate(12px)}@media (prefers-reduced-motion:reduce){.hx-switch:after{transition:none}}.hx-btn{align-items:center;gap:var(--corn-space-2);padding:var(--corn-space-1) var(--corn-space-3);border-radius:var(--corn-radius-sm);border:var(--corn-border) solid var(--corn-line);background:var(--corn-surface-2);color:var(--corn-text-2);font-size:var(--corn-text-xs);white-space:nowrap;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.hx-btn:hover{background:var(--corn-surface-3);color:var(--corn-text)}.hx-btn:focus-visible,.hx-textbtn:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}.hx-btn--active,.hx-btn--active:hover{background:var(--corn-accent);border-color:var(--corn-accent-text);color:var(--corn-text-on-accent);box-shadow:var(--corn-shadow-sm)}.hx-btn--quiet{color:var(--corn-text-3);font-weight:500}.hx-btn--icon{width:28px;height:28px;font-size:var(--corn-text-base);justify-content:center;padding:0}.hx-btn--rom{width:100%;margin-top:var(--corn-space-1);padding:var(--corn-space-2);background:color-mix(in srgb, var(--corn-hue-fuchsia) 20%, transparent);border-color:color-mix(in srgb, var(--corn-hue-fuchsia) 40%, transparent);color:color-mix(in srgb, var(--corn-hue-fuchsia) 60%, var(--corn-text));justify-content:center;font-weight:700}.hx-btn--rom:hover{background:color-mix(in srgb, var(--corn-hue-fuchsia) 30%, transparent)}.hx-input{width:128px;padding:var(--corn-space-1) var(--corn-space-3) var(--corn-space-1) var(--corn-space-6);border-radius:var(--corn-radius-sm);border:var(--corn-border) solid var(--corn-line);background:color-mix(in srgb, var(--corn-ground) 80%, transparent);color:var(--corn-text);font:inherit;font-size:var(--corn-text-sm);user-select:text;outline:none;transition:width .2s,border-color .2s}.hx-input:focus{border-color:var(--corn-focus);width:208px}.hx-input::placeholder{color:var(--corn-text-3)}.hx-input--wide,.hx-input--wide:focus{flex:1;width:100%}.hx-menu-wrap{flex:none;position:relative}.hx-menu{margin-top:var(--corn-space-3);width:288px;max-width:calc(100cqw - 24px);max-height:calc(100cqh - 80px);padding:var(--corn-space-4);border-radius:var(--corn-radius-lg);font-size:var(--corn-text-xs);z-index:50;user-select:none;position:absolute;top:100%;left:0;overflow-y:auto}.hx-textbtn{padding:calc(var(--corn-space-1) / 2) var(--corn-space-1);border-radius:var(--corn-radius-xs);color:var(--corn-text-3);font-size:var(--corn-text-2xs);background:0 0;border:0;font-weight:600}.hx-textbtn:hover{background:var(--corn-line-soft);color:var(--corn-text-2)}.hx-textbtn--accent{color:var(--corn-accent-text)}.hx-close{width:var(--hx-control-h);height:var(--hx-control-h);border-radius:var(--corn-radius-sm);background:var(--corn-surface-2);color:var(--corn-text-3);font-weight:700;font-size:var(--corn-text-base);border:0;flex:none}.hx-close:hover{color:var(--corn-text)}.hx-mark-dot{width:12px;height:12px;margin-right:var(--corn-space-2);border:var(--corn-border-strong) solid var(--corn-changed);vertical-align:-2px;border-radius:50%;flex:none;display:inline-block}.hx-mark-dot--added{border-color:var(--corn-added);border-style:dashed}.hx-mark-dot--changed{border-color:var(--corn-changed)}.hx-mark-dot--removed{border-color:var(--corn-removed);background:color-mix(in srgb, var(--corn-removed) 25%, transparent)}.hx-mark-dot--edit{border-color:var(--corn-edit);border-style:dotted}.hx-glyph{color:color-mix(in srgb, var(--glyph) var(--corn-glyph-mix), var(--corn-text))}.hx-sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}:where(button,a[href],summary,select,textarea,[tabindex]):focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}@media (prefers-reduced-motion:reduce){.hx-input,.hx-btn,.hx-menu{transition:none;animation:none}}.hx-btn[aria-disabled=true]{opacity:.6;cursor:progress}@container corn-box (width<=767px){.hx-textbtn{min-width:44px;min-height:44px}}@media (pointer:coarse){.hx-textbtn{min-width:44px;min-height:44px}}", q = () => ".hx-menu-title{font-family:var(--corn-font-display)}.hx-layers-chip{align-items:center;gap:var(--corn-space-1);height:var(--hx-control-h);padding:0 var(--corn-space-4);border-radius:var(--corn-radius-sm);border:var(--corn-border) solid var(--corn-line);background:var(--corn-surface-2);color:var(--corn-text-2);font-size:var(--corn-text-sm);white-space:nowrap;display:inline-flex}.hx-layers-chip:hover,.hx-layers-chip[aria-expanded=true]{background:var(--corn-surface-3);color:var(--corn-text)}.hx-layers-count{color:var(--corn-text-3)}.hx-layers-chip--dim{border-color:var(--corn-line-soft)}.hx-layers-chip--dim,.hx-layers-chip--dim .hx-layers-count{color:var(--corn-text-3)}@container corn-box (width<=767px){.hx-header .hx-layers{top:calc(100% + var(--corn-space-4));left:var(--corn-space-4);position:absolute}.hx-layers-chip{height:var(--hx-control-h);padding:0 var(--corn-space-5);border-radius:var(--corn-radius-pill);background:var(--corn-surface-1);box-shadow:var(--corn-shadow)}}.hx-toggle-row:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}.hx-menu-title{padding-bottom:calc(var(--corn-space-1) / 2);font-size:var(--corn-text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--corn-text-3);justify-content:space-between;align-items:center;font-weight:700;display:flex}.hx-menu-head{padding-bottom:var(--corn-space-2);border-bottom:var(--corn-border) solid var(--corn-line);margin-bottom:var(--corn-space-3)}.hx-menu-links{align-items:center;gap:var(--corn-space-3);text-transform:none;letter-spacing:0;display:flex}.hx-menu-section{padding-top:var(--corn-space-3);margin-top:var(--corn-space-3);border-top:var(--corn-border) solid var(--corn-line)}.hx-note{padding:var(--corn-space-2) var(--corn-space-3);margin-bottom:var(--corn-space-3);border-radius:var(--corn-radius-sm);background:var(--corn-hue-orange-soft);color:var(--corn-hue-orange-text);font-size:var(--corn-text-xs);line-height:1.4}.hx-toggles{gap:var(--corn-space-1);flex-direction:column;display:flex}.hx-toggle-row{width:100%;padding:var(--corn-space-2) var(--corn-space-3);border-radius:var(--corn-radius);border:var(--corn-border) solid var(--corn-line);background:var(--corn-surface-2);color:var(--corn-text);text-align:left;justify-content:space-between;align-items:center;transition:background .15s;display:flex}.hx-toggle-row:hover{background:var(--corn-surface-3)}.hx-toggle-row.is-off{background:color-mix(in srgb, var(--corn-ground) 40%, transparent);color:var(--corn-text-3);border-color:#0000}.hx-toggle-label,.hx-toggle-meta{align-items:center;gap:var(--corn-space-3);display:flex}.hx-dot{border-radius:50%;flex:none;width:10px;height:10px;transition:transform .15s}.hx-toggle-row.is-off .hx-dot{opacity:.4;transform:scale(.75)}.hx-toggle-name{font-size:var(--corn-text-xs);color:var(--corn-text-2);font-weight:500}.hx-toggle-row.is-off .hx-toggle-name{color:var(--corn-text-3);text-decoration:line-through}.hx-count{padding:calc(var(--corn-space-1) / 2) var(--corn-space-2);border-radius:var(--corn-radius-xs);background:var(--corn-surface-3);color:var(--corn-text-2);font-size:var(--corn-text-2xs)}.hx-toggle-row.is-off .hx-count{background:color-mix(in srgb, var(--corn-ground) 40%, transparent);color:var(--corn-text-3)}.hx-tick{font-size:var(--corn-text-sm);color:var(--corn-ok);font-weight:700}.hx-toggle-row.is-off .hx-tick{color:var(--corn-text-3)}.hx-legend-row{align-items:center;gap:var(--corn-space-3);padding:calc(var(--corn-space-1) / 2) 0;color:var(--corn-text-2);display:flex}.hx-legend-row--split{justify-content:space-between}.hx-legend-label{align-items:center;gap:var(--corn-space-3);font-weight:500;display:flex}.hx-legend-swatch{flex:none;justify-content:center;width:16px;display:inline-flex}.hx-swatch-line{border-radius:var(--corn-radius-xs);width:16px;height:2px;display:inline-block}.hx-swatch-indigo{border-top-color:var(--corn-accent-text)}.hx-legend-row .hx-mark-dot{margin-right:0}.hx-count,.hx-layers-count{font-family:var(--corn-font-num);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.hx-dot{transition:none;animation:none}}@container corn-box (width<=767px){.hx-toggle-row{min-height:44px}}@media (pointer:coarse){.hx-toggle-row{min-height:44px}}.hx-layers .hx-menu{flex-direction:column;display:flex;overflow:hidden}.hx-layers .hx-menu[hidden]{display:none}.hx-layers .hx-menu-head{flex:none}.hx-menu-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.hx-overlays{margin-top:var(--corn-space-3);padding-top:var(--corn-space-3);border-top:var(--corn-border) solid var(--corn-line)}.hx-layer-note{font-size:var(--corn-text-2xs)}.hx-kinds{padding:0 var(--corn-space-3) var(--corn-space-1) var(--corn-space-5)}.hx-kinds-btn{align-items:center;gap:var(--corn-space-1);display:inline-flex}.hx-kind-keys{gap:calc(var(--corn-space-1) / 2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hx-kind-key{align-items:center;gap:var(--corn-space-3);padding:calc(var(--corn-space-1) / 2) 0;color:var(--corn-text-2);font-size:var(--corn-text-xs);display:flex}.hx-kind-letter{min-width:1.6em;padding:0 var(--corn-space-1);border-radius:var(--corn-radius-xs);background:var(--corn-surface-3);color:var(--corn-text);font-family:var(--corn-mono);font-size:var(--corn-text-2xs);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.hx-kind-name{overflow-wrap:anywhere;flex:1;min-width:0}@container corn-box (width<=767px){.hx-layers .hx-menu{top:calc(56px + var(--corn-space-4) + 44px + var(--corn-space-2));width:auto;max-width:none;max-height:70cqh;position:fixed;left:12px;right:12px}.hx-header:has(.hx-layers .hx-menu:not([hidden])){z-index:46}.hx-kinds-btn{min-height:44px}}.hx-legend-swatch--wide{width:44px;color:var(--corn-text-2);justify-content:flex-start}.hx-key-line{display:block;overflow:visible}.hx-key-note{margin:var(--corn-space-1) 0 0;font-size:var(--corn-text-xs)}.hx-dot.is-ringed{outline:var(--corn-border) solid var(--hx-dot-ring,var(--corn-text-3));outline-offset:0}.hx-kind-swatch{margin-inline-end:calc(var(--corn-space-1) * -1)}.hx-kind-swatch.is-blank{visibility:hidden}.hx-toggle-text{flex-direction:column;align-items:flex-start;min-width:0;display:flex}", J = () => ":host{min-width:0;color:var(--corn-text);font-family:var(--corn-font);display:block;position:relative;container:corn-box/inline-size}:host([hidden]){display:none!important}.hx-layers .hx-menu{width:18rem;max-width:max(100cqw - 24px,16rem);max-height:calc(100cqh - 80px);position:absolute;top:100%;left:0;right:auto}.hx-layers .hx-menu.hx-menu--end{left:auto;right:0}.hx-layers .hx-menu{background:var(--corn-ground)}.hx-needs{color:var(--corn-text-3);font-size:var(--corn-text-sm);margin:0}", Y = class extends n {
+	constructor(e) {
+		super(), e !== !1 && this.__registerHost(), this.__attachShadow();
+	}
+	get el() {
+		return this;
+	}
+	piece = null;
+	scope = null;
+	loaded = !1;
+	connectedCallback() {
+		this.loaded && this.mountPiece();
+	}
+	componentDidLoad() {
+		this.loaded = !0, this.mountPiece();
+	}
+	disconnectedCallback() {
+		this.unmountPiece();
+	}
+	unmountPiece() {
+		this.piece && this.piece.destroy(), this.piece = null, this.scope && this.scope.leave(), this.scope = null;
+	}
+	remount() {
+		this.unmountPiece(), this.loaded && this.el.isConnected && this.mountPiece();
+	}
+	mountPiece() {
+		!this.piece && this.el.shadowRoot && (this.scope = y(this.el, () => this.remount()), this.piece = a(U, this.el.shadowRoot, this.scope.inst, { tokens: E }));
+	}
+	static get style() {
+		return K() + q() + J();
+	}
+};
+t(Y, [1, "corn-layers"]);
+export { Y as CornLayers };

package/dist/corn-map.js

@@ -1 +1,125 @@
-export { t as CornMap } from "./chunks/corn-map-B2-YxiEL.js";
+import { n as e, r as t, t as n } from "./chunks/runtime-DFu6W5g-.js";
+import { t as r } from "./chunks/map-DbfPgQRe.js";
+import { Ut as i, t as a } from "./chunks/engine-xmHJvQY9.js";
+// \0stencil-css:/home/runner/work/CornField/CornField/explorer/pieces/map-stage?tag=corn-map&encapsulation=shadow&__ext=css
+var o = () => "[data-corn=map-stage]{background:var(--corn-ground-image), var(--corn-ground);width:100%;height:100%;min-height:16rem;display:block;position:relative;overflow:hidden}[data-corn=map-canvas]{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}[data-corn=map-canvas]:active{cursor:grabbing}[data-corn=map-canvas]:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:calc(var(--corn-focus-width) * -1)}[data-corn=label-canvas]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}[data-corn=map-overlay]{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hx-sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}", s = () => "[data-corn=source-status]{z-index:2;box-sizing:border-box;align-items:center;gap:var(--corn-space-3);width:min(26rem, calc(100% - var(--corn-space-6) * 2));padding:var(--corn-space-6);border:var(--corn-border) solid var(--corn-line);border-radius:var(--corn-radius-lg);background:var(--corn-surface-1);color:var(--corn-text-2);box-shadow:var(--corn-shadow);text-align:center;font-family:var(--corn-font);font-size:var(--corn-text-md);flex-direction:column;line-height:1.5;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-corn=source-status][hidden]{display:none}[data-corn=source-status]:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}[data-corn=source-status][data-corn-state=running]{box-shadow:none;color:var(--corn-text-3);background:0 0;border-color:#0000;padding:0}[data-corn=source-status][data-corn-state=running] [data-corn=source-title]{font-size:var(--corn-text-md);color:var(--corn-text-3);font-weight:400}[data-corn=source-status][data-corn-state=failure] [data-corn=source-title]{color:var(--corn-bad)}[data-corn=source-status][data-corn-state=waiting] [data-corn=source-title]{color:var(--corn-accent-text)}[data-corn=source-title],[data-corn=source-text]{margin:0}[data-corn=source-title]{font-size:var(--corn-text-lg);color:var(--corn-text);font-weight:600}[data-corn=source-text]{overflow-wrap:anywhere;user-select:text}[data-corn=source-origin]{font-family:var(--corn-mono);color:var(--corn-warn);overflow-wrap:anywhere;user-select:all}[data-corn=source-sign-in],[data-corn=source-retry]{box-sizing:border-box;min-height:max(var(--corn-control-height), 2.75rem);padding:0 var(--corn-space-6);border:var(--corn-border) solid var(--corn-line);border-radius:var(--corn-radius);background:var(--corn-surface-2);color:var(--corn-text);font-family:inherit;font-size:inherit;cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}[data-corn=source-sign-in]{border-color:var(--corn-accent);background:var(--corn-accent);color:var(--corn-text-on-accent);font-weight:600}[data-corn=source-sign-in]:hover{background:var(--corn-accent-hover)}[data-corn=source-retry]:hover{background:var(--corn-surface-3)}[data-corn=source-sign-in]:focus-visible,[data-corn=source-retry]:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}[data-corn=source-notice]{z-index:2;box-sizing:border-box;padding:var(--corn-space-3) var(--corn-space-6);background:var(--corn-surface-1);border-top:var(--corn-border) solid var(--corn-line-soft);color:var(--corn-text-2);font-family:var(--corn-font);font-size:var(--corn-text-sm);text-align:center;overflow-wrap:anywhere;margin:0;position:absolute;bottom:0;left:0;right:0}[data-corn=source-notice][hidden]{display:none}", c = () => ":host{contain:layout;min-width:0;color:var(--corn-text);font-family:var(--corn-font);display:block;position:relative}:host([hidden]){display:none!important}", l = class extends n {
+	constructor(t) {
+		super(), t !== !1 && this.__registerHost(), this.__attachShadow(), this.cornSelect = e(this, "cornSelect", 7), this.cornReady = e(this, "cornReady", 7), this.cornAuth = e(this, "cornAuth", 7), this.cornError = e(this, "cornError", 7);
+	}
+	get el() {
+		return this;
+	}
+	topology;
+	node;
+	view = "map";
+	theme;
+	renderer = "auto";
+	src;
+	useTheme = !1;
+	cornSelect;
+	cornReady;
+	cornAuth;
+	cornError;
+	piece = null;
+	scope = null;
+	loaded = !1;
+	changes = {};
+	connectedCallback() {
+		this.loaded && this.mountPiece();
+	}
+	componentDidLoad() {
+		this.loaded = !0, this.mountPiece();
+	}
+	disconnectedCallback() {
+		this.unmountPiece();
+	}
+	unmountPiece() {
+		this.piece && this.piece.destroy(), this.piece = null, this.scope && this.scope.leave(), this.scope = null;
+	}
+	remount() {
+		this.unmountPiece(), this.loaded && this.el.isConnected && this.mountPiece();
+	}
+	mountPiece() {
+		if (this.piece || !this.el.shadowRoot) return;
+		this.changes = {}, this.scope = i(this.el, () => this.remount()), this.piece = r(this.el.shadowRoot, this.scope.inst, {
+			topology: this.topology,
+			view: this.view,
+			node: this.node,
+			theme: this.theme,
+			renderer: this.renderer,
+			tokens: a,
+			src: this.src,
+			useTheme: this.useTheme,
+			version: "0.53.0",
+			pageUrl: () => typeof location > "u" ? "" : location.href,
+			onAuth: (e) => this.cornAuth.emit(e),
+			onError: (e) => this.cornError.emit(e),
+			onSelect: (e) => {
+				this.node = e.kind === "node" ? e.id : null, delete this.changes.node, this.cornSelect.emit(e);
+			},
+			onReady: () => this.cornReady.emit()
+		});
+		let e = this.node ? null : this.piece.selection();
+		e && e.kind === "node" && (this.node = e.id, delete this.changes.node);
+	}
+	componentDidRender() {
+		let e = this.changes;
+		this.changes = {}, this.piece && Object.keys(e).length && this.piece.update(e);
+	}
+	changed(e, t, n) {
+		this.changes[n] = e;
+	}
+	addressChanged() {
+		this.piece && this.scope && !this.scope.inst && this.remount();
+	}
+	async fit() {
+		this.piece && this.piece.fit();
+	}
+	async focusNode(e) {
+		this.piece && this.piece.focusNode(e);
+	}
+	async refresh() {
+		this.piece && this.piece.refresh();
+	}
+	static get watchers() {
+		return {
+			topology: [{ changed: 0 }],
+			view: [{ changed: 0 }],
+			node: [{ changed: 0 }],
+			theme: [{ changed: 0 }],
+			renderer: [{ changed: 0 }],
+			src: [{ addressChanged: 0 }],
+			useTheme: [{ addressChanged: 0 }]
+		};
+	}
+	static get style() {
+		return o() + s() + c();
+	}
+};
+t(l, [
+	513,
+	"corn-map",
+	{
+		topology: [16],
+		node: [1537],
+		view: [1],
+		theme: [513],
+		renderer: [1],
+		src: [1],
+		useTheme: [4, "use-theme"],
+		fit: [64],
+		focusNode: [64],
+		refresh: [64]
+	},
+	void 0,
+	{
+		topology: [{ changed: 0 }],
+		view: [{ changed: 0 }],
+		node: [{ changed: 0 }],
+		theme: [{ changed: 0 }],
+		renderer: [{ changed: 0 }],
+		src: [{ addressChanged: 0 }],
+		useTheme: [{ addressChanged: 0 }]
+	}
+]);
+export { l as CornMap };

package/dist/corn-node-panel.js

@@ -1 +1,42 @@
-export { t as CornNodePanel } from "./chunks/corn-node-panel-BkvJThlp.js";
+import { r as e, t } from "./chunks/runtime-DFu6W5g-.js";
+import { t as n } from "./chunks/around-BcnegEdS.js";
+import { Ut as r, t as i } from "./chunks/engine-xmHJvQY9.js";
+import { n as a } from "./chunks/node-panel-CC8UrSzJ.js";
+// \0stencil-css:/home/runner/work/CornField/CornField/explorer/css/base?tag=corn-node-panel&encapsulation=shadow&__ext=css
+var o = () => "*,:before,:after{box-sizing:border-box}*{--hx-control-h:var(--corn-control-height);--hx-seg-inner:calc(var(--hx-control-h) - var(--corn-space-1) - 2 * var(--corn-border))}@container corn-box (width<=767px){*{--hx-control-h:max(44px, var(--corn-control-height));--hx-seg-inner:var(--hx-control-h)}}img{image-rendering:var(--hx-pixelated,auto)}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}.glass{background:var(--corn-surface-1);-webkit-backdrop-filter:blur(var(--corn-blur));border:var(--corn-border) solid var(--corn-line);box-shadow:var(--corn-shadow)}.glass-header{background:color-mix(in srgb, var(--corn-ground) 88%, transparent);-webkit-backdrop-filter:blur(var(--corn-blur));border-bottom:var(--corn-border) solid var(--corn-line)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--corn-text) 18%, transparent);border-radius:var(--corn-radius-pill)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--corn-text) 28%, transparent)}.hx-faint{color:var(--corn-text-3)}.hx-mono{font-family:var(--corn-mono);font-size:var(--corn-text-2xs)}.hx-strong{color:var(--corn-text-2)}.hx-bold{font-weight:700}.hx-name{color:var(--corn-text-2)}.hx-accent{color:var(--corn-accent-text)}.hx-good{color:var(--corn-ok)}.hx-warn{color:var(--corn-warn)}.hx-rom{color:var(--corn-hue-fuchsia)}.hx-link{color:var(--corn-info);text-decoration:underline}.hx-link-faint{color:var(--corn-text-3);font-family:var(--corn-mono);font-size:var(--corn-text-2xs)}.hx-link-faint:hover{color:var(--corn-warn)}.hx-code{color:var(--corn-warn);font-family:var(--corn-mono);font-size:var(--corn-text-2xs)}.hx-chips{gap:var(--corn-space-1);padding-top:var(--corn-space-1);flex-wrap:wrap;display:flex}.hx-pt{padding-top:var(--corn-space-3)}.hx-switch{border-radius:var(--corn-radius-pill);border:var(--corn-border) solid var(--corn-line);background:var(--corn-surface-3);flex:none;width:28px;height:16px;position:relative}.hx-switch:after{content:\"\";background:var(--corn-text-3);border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:2px;left:2px}[aria-checked=true]>.hx-switch{background:var(--corn-accent);border-color:var(--corn-accent)}[aria-checked=true]>.hx-switch:after{background:var(--corn-text-on-accent);transform:translate(12px)}@media (prefers-reduced-motion:reduce){.hx-switch:after{transition:none}}.hx-btn{align-items:center;gap:var(--corn-space-2);padding:var(--corn-space-1) var(--corn-space-3);border-radius:var(--corn-radius-sm);border:var(--corn-border) solid var(--corn-line);background:var(--corn-surface-2);color:var(--corn-text-2);font-size:var(--corn-text-xs);white-space:nowrap;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.hx-btn:hover{background:var(--corn-surface-3);color:var(--corn-text)}.hx-btn:focus-visible,.hx-textbtn:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}.hx-btn--active,.hx-btn--active:hover{background:var(--corn-accent);border-color:var(--corn-accent-text);color:var(--corn-text-on-accent);box-shadow:var(--corn-shadow-sm)}.hx-btn--quiet{color:var(--corn-text-3);font-weight:500}.hx-btn--icon{width:28px;height:28px;font-size:var(--corn-text-base);justify-content:center;padding:0}.hx-btn--rom{width:100%;margin-top:var(--corn-space-1);padding:var(--corn-space-2);background:color-mix(in srgb, var(--corn-hue-fuchsia) 20%, transparent);border-color:color-mix(in srgb, var(--corn-hue-fuchsia) 40%, transparent);color:color-mix(in srgb, var(--corn-hue-fuchsia) 60%, var(--corn-text));justify-content:center;font-weight:700}.hx-btn--rom:hover{background:color-mix(in srgb, var(--corn-hue-fuchsia) 30%, transparent)}.hx-input{width:128px;padding:var(--corn-space-1) var(--corn-space-3) var(--corn-space-1) var(--corn-space-6);border-radius:var(--corn-radius-sm);border:var(--corn-border) solid var(--corn-line);background:color-mix(in srgb, var(--corn-ground) 80%, transparent);color:var(--corn-text);font:inherit;font-size:var(--corn-text-sm);user-select:text;outline:none;transition:width .2s,border-color .2s}.hx-input:focus{border-color:var(--corn-focus);width:208px}.hx-input::placeholder{color:var(--corn-text-3)}.hx-input--wide,.hx-input--wide:focus{flex:1;width:100%}.hx-menu-wrap{flex:none;position:relative}.hx-menu{margin-top:var(--corn-space-3);width:288px;max-width:calc(100cqw - 24px);max-height:calc(100cqh - 80px);padding:var(--corn-space-4);border-radius:var(--corn-radius-lg);font-size:var(--corn-text-xs);z-index:50;user-select:none;position:absolute;top:100%;left:0;overflow-y:auto}.hx-textbtn{padding:calc(var(--corn-space-1) / 2) var(--corn-space-1);border-radius:var(--corn-radius-xs);color:var(--corn-text-3);font-size:var(--corn-text-2xs);background:0 0;border:0;font-weight:600}.hx-textbtn:hover{background:var(--corn-line-soft);color:var(--corn-text-2)}.hx-textbtn--accent{color:var(--corn-accent-text)}.hx-close{width:var(--hx-control-h);height:var(--hx-control-h);border-radius:var(--corn-radius-sm);background:var(--corn-surface-2);color:var(--corn-text-3);font-weight:700;font-size:var(--corn-text-base);border:0;flex:none}.hx-close:hover{color:var(--corn-text)}.hx-mark-dot{width:12px;height:12px;margin-right:var(--corn-space-2);border:var(--corn-border-strong) solid var(--corn-changed);vertical-align:-2px;border-radius:50%;flex:none;display:inline-block}.hx-mark-dot--added{border-color:var(--corn-added);border-style:dashed}.hx-mark-dot--changed{border-color:var(--corn-changed)}.hx-mark-dot--removed{border-color:var(--corn-removed);background:color-mix(in srgb, var(--corn-removed) 25%, transparent)}.hx-mark-dot--edit{border-color:var(--corn-edit);border-style:dotted}.hx-glyph{color:color-mix(in srgb, var(--glyph) var(--corn-glyph-mix), var(--corn-text))}.hx-sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}:where(button,a[href],summary,select,textarea,[tabindex]):focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}@media (prefers-reduced-motion:reduce){.hx-input,.hx-btn,.hx-menu{transition:none;animation:none}}.hx-btn[aria-disabled=true]{opacity:.6;cursor:progress}@container corn-box (width<=767px){.hx-textbtn{min-width:44px;min-height:44px}}@media (pointer:coarse){.hx-textbtn{min-width:44px;min-height:44px}}", s = () => ".hx-var{color:var(--corn-hue-pink);font-family:var(--corn-mono);font-size:var(--corn-text-2xs);background:color-mix(in srgb, var(--corn-ground) 55%, transparent);padding:0 var(--corn-space-1);border-radius:var(--corn-radius-xs)}.hx-drawer-title{font-family:var(--corn-font-display)}.hx-backdrop{z-index:40;background:var(--corn-scrim);backdrop-filter:blur(calc(var(--corn-blur) / 4));position:fixed;inset:0}@container corn-box (width>=768px){.hx-backdrop{display:none}}.hx-drawer{z-index:40;border-color:var(--corn-line);box-shadow:var(--corn-shadow-lg);pointer-events:none;touch-action:pan-y;flex-direction:column;transition:transform .2s ease-out;display:flex}.hx-drawer *{touch-action:pan-y}.hx-drawer.drawer-open{pointer-events:auto}.hx-drawer:not(.drawer-open){box-shadow:none}@container corn-box (width<=767px){.hx-drawer{border-radius:var(--corn-radius-lg) var(--corn-radius-lg) 0 0;z-index:auto;border-left:0;width:100%;position:relative;transform:none}.hx-drawer:not(.drawer-open){display:none}}@container corn-box (width>=768px){.hx-drawer{width:480px;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.hx-drawer.drawer-open{transform:translate(0)}}.hx-drawer-handle{padding:var(--corn-space-3) 0 var(--corn-space-1);justify-content:center;display:flex}.hx-drawer-handle span{border-radius:var(--corn-radius-pill);background:var(--corn-surface-3);width:48px;height:6px}.hx-drawer-body{gap:var(--corn-space-5);padding:var(--corn-panel-pad);user-select:text;flex-direction:column;flex:1;display:flex;overflow-y:auto}.hx-drawer-head{justify-content:space-between;align-items:flex-start;gap:var(--corn-space-3);display:flex}.hx-drawer-title{font-size:var(--corn-text-lg);color:var(--corn-text);overflow-wrap:anywhere;font-weight:700}.hx-lead{font-size:var(--corn-text-base);color:var(--corn-text-2);line-height:1.5}.hx-block{gap:var(--corn-space-3);flex-direction:column;display:flex}.hx-meta{gap:var(--corn-space-5);font-size:var(--corn-text-md);color:var(--corn-text-2);overflow-wrap:anywhere;flex-direction:column;display:flex}.hx-meta>:empty{display:none}.hx-sec{margin-top:var(--corn-space-2);padding-top:var(--corn-space-2);border-top:var(--corn-border) solid var(--corn-line)}.hx-line{align-items:flex-start;gap:var(--corn-space-2);padding:calc(var(--corn-space-1) / 2) 0;display:flex}.hx-linkbtn{margin-left:var(--corn-space-1);color:var(--corn-hue-fuchsia);font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.hx-sim{gap:var(--corn-space-2);padding-top:var(--corn-space-1);font-family:var(--corn-font);flex-direction:column;display:flex}.hx-field-label{font-size:var(--corn-text-2xs);color:var(--corn-text-3)}.hx-field{width:100%;padding:var(--corn-space-1) var(--corn-space-3);border-radius:var(--corn-radius-sm);border:var(--corn-border) solid var(--corn-line);background:color-mix(in srgb, var(--corn-ground) 80%, transparent);color:var(--corn-text-2);font-family:var(--corn-mono);font-size:var(--corn-text-xs)}.hx-sim-result{font-size:var(--corn-text-xs)}.hx-error-text{padding-top:var(--corn-space-3);color:var(--corn-bad)}.hx-ms{text-align:right;width:56px;color:var(--corn-hue-fuchsia);flex:none}.hx-file{padding:calc(var(--corn-space-1) / 2) 0}.hx-sandbox{gap:var(--corn-space-4);padding:var(--corn-space-5);border-radius:var(--corn-radius);border:var(--corn-border) solid var(--corn-line);background:color-mix(in srgb, var(--corn-ground) 80%, transparent);flex-direction:column;display:flex}.hx-sandbox-title{font-size:var(--corn-text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--corn-text-3);justify-content:space-between;align-items:center;font-weight:700;display:flex}.hx-sandbox-name{align-items:center;gap:var(--corn-space-2);display:flex}.hx-sandbox-stage{min-height:90px;padding:var(--corn-space-5);border-radius:var(--corn-radius-sm);border:var(--corn-border) dashed var(--corn-surface-2);background:var(--corn-ground);justify-content:center;align-items:center;display:flex;overflow-x:auto}.hx-sandbox-controls{gap:var(--corn-space-2);padding-top:var(--corn-space-3);border-top:var(--corn-border) solid var(--corn-line);font-size:var(--corn-text-xs);flex-direction:column;display:flex}.hx-ctl-row{align-items:center;gap:var(--corn-space-2);color:var(--corn-text-2);flex-wrap:wrap;display:flex}.hx-check{align-items:center;gap:var(--corn-space-1);margin-right:var(--corn-space-3);cursor:pointer;display:inline-flex}.hx-chip{padding:calc(var(--corn-space-1) / 2) var(--corn-space-3);border-radius:var(--corn-radius-xs);font-size:var(--corn-text-xs);color:var(--corn-text-on-accent);border:0;font-weight:500}.hx-chip--ghost{background:var(--corn-surface-2);color:var(--corn-text-2)}.hx-chip--outline{background:var(--corn-surface-2);color:var(--corn-accent-text)}.hx-chip--primary{background:var(--corn-accent)}.hx-chip--danger{background:var(--corn-bad)}.hx-chip--success{background:var(--corn-ok)}.hx-chip--warning{background:var(--corn-warn)}.hx-chip--danger,.hx-chip--success,.hx-chip--warning{color:var(--corn-ground)}.hx-drawer-foot{align-items:stretch;gap:var(--corn-space-3);padding:var(--corn-space-4) var(--corn-space-5) calc(var(--corn-space-4) + env(safe-area-inset-bottom,0px));border-top:var(--corn-border) solid var(--corn-line-soft);flex:none;display:flex}.hx-open{justify-content:center;align-items:center;gap:var(--corn-space-2);min-height:var(--hx-control-h);padding:0 var(--corn-space-4);border-radius:var(--corn-radius-sm);background:var(--corn-accent);color:var(--corn-text-on-accent);font-size:var(--corn-text-sm);text-align:center;flex:auto;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.hx-open:hover{background:var(--corn-accent-hover)}.hx-proposal-sec{padding:var(--corn-space-3) var(--corn-space-3);border:var(--corn-border) solid var(--corn-line);border-left-width:var(--corn-border-strong);border-radius:var(--corn-radius-sm);background:color-mix(in srgb, var(--corn-ground) 55%, transparent);margin:0 0 var(--corn-space-2);font-family:var(--corn-font)}.hx-proposal-sec--added{border-left-color:var(--corn-added)}.hx-proposal-sec--changed{border-left-color:var(--corn-changed)}.hx-proposal-sec--removed{border-left-color:var(--corn-removed)}.hx-proposal-sec--edit{border-left-color:var(--corn-edit)}.hx-why{margin:var(--corn-space-1) 0 var(--corn-space-2);color:var(--corn-text-2);font-size:var(--corn-text-sm);line-height:1.5}.hx-change{align-items:baseline;gap:calc(var(--corn-space-1) / 2) var(--corn-space-3);padding:var(--corn-space-1) 0;border-top:var(--corn-border) solid var(--corn-line-soft);font-family:var(--corn-mono);font-size:var(--corn-text-xs);flex-wrap:wrap;display:flex}.hx-change-field{min-width:64px;color:var(--corn-text-3);flex:none}.hx-change-before{color:var(--corn-bad);text-decoration:line-through;text-decoration-color:color-mix(in srgb, var(--corn-bad) 50%, transparent);overflow-wrap:anywhere}.hx-change-arrow{color:var(--corn-text-3)}.hx-change-after{color:var(--corn-ok);overflow-wrap:anywhere}.hx-change em{color:var(--corn-text-3);text-decoration:none}.hx-mockup-list{margin:var(--corn-space-1) 0 0;gap:var(--corn-space-2);flex-direction:column;padding:0;list-style:none;display:flex}.hx-mockup-item{align-items:center;gap:var(--corn-space-1) var(--corn-space-3);flex-wrap:wrap;display:flex}.hx-mockup-open{white-space:normal;text-align:left;max-width:100%}.hx-mockup-state{font-size:var(--corn-text-xs);color:var(--corn-text-2);margin:0}.hx-mockup-state--approved{color:var(--corn-added-text)}.hx-mockup-state--changed{color:var(--corn-warn);font-weight:600}.hx-mockup-state--missing{color:var(--corn-bad)}@container corn-box (width<=767px){.hx-backdrop{display:none}.hx-drawer{max-height:60cqh}}.hx-cloud-browser{color:var(--corn-text-3);font-size:var(--corn-text-sm)}.hx-drawer-title:focus{outline:none}.hx-drawer-title:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}.hx-drawer-id{flex:1;min-width:0}.hx-kicker{margin:0 0 var(--corn-space-2);font-size:var(--corn-text-sm);color:var(--corn-text-3);flex-wrap:wrap;align-items:center;display:flex}.hx-kicker [data-corn=badge]{overflow-wrap:anywhere;min-width:0;max-width:100%}#drawer-host{white-space:pre}.hx-diffpill{margin-left:var(--corn-space-3);padding:0 var(--corn-space-3);border-radius:var(--corn-radius-pill);border:var(--corn-border) dashed var(--corn-added);color:var(--corn-added-text);font-size:var(--corn-text-xs)}.hx-drawer-id .hx-drawer-title.hx-mono{font-family:var(--corn-mono)}.hx-facts{gap:var(--corn-space-2);flex-direction:column;display:flex}.hx-fact{gap:var(--corn-space-4);grid-template-columns:96px minmax(0,1fr);display:grid}.hx-fact-k{color:var(--corn-text-3)}.hx-fact-v{min-width:0;color:var(--corn-text)}.hx-fact-v .hx-line{padding:0}.hx-fact-v .hx-name{color:var(--corn-text)}.hx-fact-v .hx-code{color:var(--corn-text-2);font-size:var(--corn-text-sm)}.hx-fact-v .hx-chips{padding-top:0}.hx-sec-block{gap:var(--corn-space-3);flex-direction:column;display:flex}.hx-sec-title{font-size:var(--corn-text-sm);color:var(--corn-text-3);margin:0;font-weight:600}.hx-drawer .hx-mockups{border:0;margin:0;padding:0}.hx-rows{gap:var(--corn-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hx-row{align-items:center;gap:var(--corn-space-4);width:100%;min-height:36px;padding:var(--corn-space-3) var(--corn-space-4);border:var(--corn-border) solid var(--corn-line);border-radius:var(--corn-radius-sm);background:var(--corn-surface-2);color:var(--corn-text);font:inherit;text-align:left;display:flex}.hx-row:hover{background:var(--corn-accent-soft)}.hx-row:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}.hx-row-title{overflow-wrap:anywhere;flex:1;min-width:0}.hx-row-meta{font-size:var(--corn-text-sm);color:var(--corn-text-3);font-variant-numeric:tabular-nums;flex:none}.hx-drawer .hx-mockup-list{margin:var(--corn-space-3) 0 0}.hx-drawer .hx-mockup-item{gap:var(--corn-space-4);padding:var(--corn-space-1) var(--corn-space-1) var(--corn-space-1) 0;border:var(--corn-border) solid var(--corn-line);border-radius:var(--corn-radius-sm);background:var(--corn-surface-2);flex-wrap:nowrap}.hx-drawer .hx-mockup-open{min-width:0;min-height:36px;color:var(--corn-text);background:0 0;border:0;flex:1;font-weight:400}.hx-drawer .hx-mockup-state{padding-right:var(--corn-space-3);color:var(--corn-text-3);flex:none}.hx-drawer .hx-mockup-state--approved{color:var(--corn-added-text)}.hx-drawer .hx-mockup-state--changed{color:var(--corn-warn)}.hx-drawer .hx-mockup-state--missing{color:var(--corn-bad)}.hx-textact{background:0 0;border:0;align-self:flex-start;padding-left:0}.hx-diff{gap:var(--corn-space-1) var(--corn-space-4);padding:var(--corn-space-1) 0 var(--corn-space-1) var(--corn-space-4);border-left:var(--corn-border-strong) solid var(--corn-changed);font-family:var(--corn-mono);font-size:var(--corn-text-sm);color:var(--corn-text-2);grid-template-columns:70px minmax(0,1fr);display:grid}.hx-diff--added{border-left-color:var(--corn-added)}.hx-diff--removed{border-left-color:var(--corn-removed)}.hx-diff--edit{border-left-color:var(--corn-edit)}.hx-diff-k{color:var(--corn-text-3)}.hx-diff-v{overflow-wrap:anywhere;min-width:0}.hx-drawer .hx-why{margin:0}.hx-drawer-foot .hx-open[hidden],.hx-drawer-foot .hx-foot-btn[hidden]{display:none}.hx-foot-btn{min-height:var(--hx-control-h);padding:0 var(--corn-space-4);justify-content:center}@container corn-box (width<=767px){.hx-drawer-foot{flex-direction:column}.hx-drawer-foot .hx-open,.hx-foot-btn,.hx-drawer .hx-row,.hx-drawer .hx-mockup-open,.hx-textact,.hx-drawer .hx-whatif-drawer .hx-btn,.hx-cloud-play{min-height:44px}.hx-drawer .hx-close{width:44px;height:44px}}.hx-cloud-play{align-self:flex-start}.hx-drawer-foot .hx-btn--quiet{background:0 0;border-color:#0000;text-decoration:none}.hx-more{display:contents}.hx-more[hidden]{display:none}.hx-more-btn{margin-top:var(--corn-space-1);min-height:0;font-size:var(--corn-text-sm);padding:0;display:block}@container corn-box (width<=767px){.hx-more-btn{min-height:44px}}.hx-drawer-body{scroll-padding-block:calc(var(--corn-focus-width) + var(--corn-focus-offset) + var(--corn-space-1))}.hx-ms,.hx-row-meta{font-family:var(--corn-font-num);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.hx-drawer{transition:none;animation:none}}.hx-fact-v{overflow-wrap:break-word;word-break:normal}.hx-drawer-foot .hx-forge-result{flex-basis:100%}.hx-lines{gap:var(--corn-space-2);flex-direction:column;display:flex}.hx-lines .hx-chips{padding-top:0}.hx-lines-kind{align-items:baseline;gap:var(--corn-space-1);min-height:28px;padding:0 var(--corn-space-3);border:var(--corn-border) solid var(--corn-line);border-radius:var(--corn-radius-pill);color:var(--corn-text-2);font:inherit;font-size:var(--corn-text-xs);cursor:pointer;background:0 0;font-weight:600;display:inline-flex}.hx-lines-kind:hover{background:var(--corn-surface-3);color:var(--corn-text)}.hx-lines-kind[aria-pressed=true]{border-color:var(--corn-accent);background:var(--corn-accent-soft);color:var(--corn-accent-text)}.hx-lines-kind:focus-visible,.hx-lines-switch input:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}.hx-lines-count{font-variant-numeric:tabular-nums;color:var(--corn-text-3)}.hx-lines-list{align-items:flex-start;gap:calc(var(--corn-space-1) / 2);flex-direction:column;display:flex}.hx-lines-list .hx-linkbtn{text-align:left;overflow-wrap:anywhere;margin-left:0}.hx-lines-switch{align-items:center;gap:var(--corn-space-2);min-height:28px;font-size:var(--corn-text-sm);color:var(--corn-text-2);cursor:pointer;display:flex}.hx-lines-reach{align-items:center;gap:var(--corn-space-3);font-size:var(--corn-text-sm);color:var(--corn-text-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}@container corn-box (width<=767px){.hx-lines-kind,.hx-lines-switch,.hx-lines-list .hx-linkbtn,.hx-lines-reach .hx-btn{min-height:44px}.hx-lines-kind{align-items:center}.hx-lines-switch input{width:24px;height:24px}}@media (pointer:coarse){.hx-lines-kind,.hx-lines-switch,.hx-lines-list .hx-linkbtn,.hx-lines-reach .hx-btn{min-height:44px}.hx-lines-kind{align-items:center}.hx-lines-switch input{width:24px;height:24px}}.hx-drawer-title{font-size:var(--corn-text-lg);letter-spacing:normal;font-weight:700;line-height:1.25}.hx-drawer-head{min-height:var(--corn-panel-head-height);flex-shrink:0}", c = () => ":host{min-width:0;height:100%;color:var(--corn-text);font-family:var(--corn-font);display:block;position:relative;container:corn-box/inline-size}:host([hidden]){display:none!important}.hx-drawer{z-index:auto;border-radius:var(--corn-radius);width:100%;height:100%;max-height:none;box-shadow:none;position:relative;inset:auto;transform:none}.hx-drawer:not(.drawer-open){display:none}.hx-drawer-body{position:relative}.hx-panel-empty{padding:var(--corn-panel-pad);color:var(--corn-text-3);font-size:var(--corn-text-sm);margin:0;line-height:1.5}.hx-drawer .hx-line{flex-wrap:wrap}.hx-drawer .hx-line>*,.hx-drawer .hx-code{overflow-wrap:anywhere;min-width:0}", l = class extends t {
+	constructor(e) {
+		super(), e !== !1 && this.__registerHost(), this.__attachShadow();
+	}
+	get el() {
+		return this;
+	}
+	piece = null;
+	scope = null;
+	loaded = !1;
+	connectedCallback() {
+		this.loaded && this.mountPiece();
+	}
+	componentDidLoad() {
+		this.loaded = !0, this.mountPiece();
+	}
+	disconnectedCallback() {
+		this.unmountPiece();
+	}
+	unmountPiece() {
+		this.piece && this.piece.destroy(), this.piece = null, this.scope && this.scope.leave(), this.scope = null;
+	}
+	remount() {
+		this.unmountPiece(), this.loaded && this.el.isConnected && this.mountPiece();
+	}
+	mountPiece() {
+		!this.piece && this.el.shadowRoot && (this.scope = r(this.el, () => this.remount()), this.piece = n(a, this.el.shadowRoot, this.scope.inst, {
+			tokens: i,
+			noMap: "nodePanelEmpty"
+		}));
+	}
+	static get style() {
+		return o() + s() + c();
+	}
+};
+e(l, [1, "corn-node-panel"]);
+export { l as CornNodePanel };

package/dist/corn-proposal.js

@@ -0,0 +1,50 @@
+import { r as e, t } from "./chunks/runtime-DFu6W5g-.js";
+import { t as n } from "./chunks/around-BcnegEdS.js";
+import { Ut as r, t as i } from "./chunks/engine-xmHJvQY9.js";
+import { n as a } from "./chunks/review-pieces-DtRxCDMr.js";
+// \0stencil-css:/home/runner/work/CornField/CornField/explorer/css/base?tag=corn-proposal&encapsulation=shadow&__ext=css
+var o = () => "*,:before,:after{box-sizing:border-box}*{--hx-control-h:var(--corn-control-height);--hx-seg-inner:calc(var(--hx-control-h) - var(--corn-space-1) - 2 * var(--corn-border))}@container corn-box (width<=767px){*{--hx-control-h:max(44px, var(--corn-control-height));--hx-seg-inner:var(--hx-control-h)}}img{image-rendering:var(--hx-pixelated,auto)}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}.glass{background:var(--corn-surface-1);-webkit-backdrop-filter:blur(var(--corn-blur));border:var(--corn-border) solid var(--corn-line);box-shadow:var(--corn-shadow)}.glass-header{background:color-mix(in srgb, var(--corn-ground) 88%, transparent);-webkit-backdrop-filter:blur(var(--corn-blur));border-bottom:var(--corn-border) solid var(--corn-line)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--corn-text) 18%, transparent);border-radius:var(--corn-radius-pill)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--corn-text) 28%, transparent)}.hx-faint{color:var(--corn-text-3)}.hx-mono{font-family:var(--corn-mono);font-size:var(--corn-text-2xs)}.hx-strong{color:var(--corn-text-2)}.hx-bold{font-weight:700}.hx-name{color:var(--corn-text-2)}.hx-accent{color:var(--corn-accent-text)}.hx-good{color:var(--corn-ok)}.hx-warn{color:var(--corn-warn)}.hx-rom{color:var(--corn-hue-fuchsia)}.hx-link{color:var(--corn-info);text-decoration:underline}.hx-link-faint{color:var(--corn-text-3);font-family:var(--corn-mono);font-size:var(--corn-text-2xs)}.hx-link-faint:hover{color:var(--corn-warn)}.hx-code{color:var(--corn-warn);font-family:var(--corn-mono);font-size:var(--corn-text-2xs)}.hx-chips{gap:var(--corn-space-1);padding-top:var(--corn-space-1);flex-wrap:wrap;display:flex}.hx-pt{padding-top:var(--corn-space-3)}.hx-switch{border-radius:var(--corn-radius-pill);border:var(--corn-border) solid var(--corn-line);background:var(--corn-surface-3);flex:none;width:28px;height:16px;position:relative}.hx-switch:after{content:\"\";background:var(--corn-text-3);border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:2px;left:2px}[aria-checked=true]>.hx-switch{background:var(--corn-accent);border-color:var(--corn-accent)}[aria-checked=true]>.hx-switch:after{background:var(--corn-text-on-accent);transform:translate(12px)}@media (prefers-reduced-motion:reduce){.hx-switch:after{transition:none}}.hx-btn{align-items:center;gap:var(--corn-space-2);padding:var(--corn-space-1) var(--corn-space-3);border-radius:var(--corn-radius-sm);border:var(--corn-border) solid var(--corn-line);background:var(--corn-surface-2);color:var(--corn-text-2);font-size:var(--corn-text-xs);white-space:nowrap;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.hx-btn:hover{background:var(--corn-surface-3);color:var(--corn-text)}.hx-btn:focus-visible,.hx-textbtn:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}.hx-btn--active,.hx-btn--active:hover{background:var(--corn-accent);border-color:var(--corn-accent-text);color:var(--corn-text-on-accent);box-shadow:var(--corn-shadow-sm)}.hx-btn--quiet{color:var(--corn-text-3);font-weight:500}.hx-btn--icon{width:28px;height:28px;font-size:var(--corn-text-base);justify-content:center;padding:0}.hx-btn--rom{width:100%;margin-top:var(--corn-space-1);padding:var(--corn-space-2);background:color-mix(in srgb, var(--corn-hue-fuchsia) 20%, transparent);border-color:color-mix(in srgb, var(--corn-hue-fuchsia) 40%, transparent);color:color-mix(in srgb, var(--corn-hue-fuchsia) 60%, var(--corn-text));justify-content:center;font-weight:700}.hx-btn--rom:hover{background:color-mix(in srgb, var(--corn-hue-fuchsia) 30%, transparent)}.hx-input{width:128px;padding:var(--corn-space-1) var(--corn-space-3) var(--corn-space-1) var(--corn-space-6);border-radius:var(--corn-radius-sm);border:var(--corn-border) solid var(--corn-line);background:color-mix(in srgb, var(--corn-ground) 80%, transparent);color:var(--corn-text);font:inherit;font-size:var(--corn-text-sm);user-select:text;outline:none;transition:width .2s,border-color .2s}.hx-input:focus{border-color:var(--corn-focus);width:208px}.hx-input::placeholder{color:var(--corn-text-3)}.hx-input--wide,.hx-input--wide:focus{flex:1;width:100%}.hx-menu-wrap{flex:none;position:relative}.hx-menu{margin-top:var(--corn-space-3);width:288px;max-width:calc(100cqw - 24px);max-height:calc(100cqh - 80px);padding:var(--corn-space-4);border-radius:var(--corn-radius-lg);font-size:var(--corn-text-xs);z-index:50;user-select:none;position:absolute;top:100%;left:0;overflow-y:auto}.hx-textbtn{padding:calc(var(--corn-space-1) / 2) var(--corn-space-1);border-radius:var(--corn-radius-xs);color:var(--corn-text-3);font-size:var(--corn-text-2xs);background:0 0;border:0;font-weight:600}.hx-textbtn:hover{background:var(--corn-line-soft);color:var(--corn-text-2)}.hx-textbtn--accent{color:var(--corn-accent-text)}.hx-close{width:var(--hx-control-h);height:var(--hx-control-h);border-radius:var(--corn-radius-sm);background:var(--corn-surface-2);color:var(--corn-text-3);font-weight:700;font-size:var(--corn-text-base);border:0;flex:none}.hx-close:hover{color:var(--corn-text)}.hx-mark-dot{width:12px;height:12px;margin-right:var(--corn-space-2);border:var(--corn-border-strong) solid var(--corn-changed);vertical-align:-2px;border-radius:50%;flex:none;display:inline-block}.hx-mark-dot--added{border-color:var(--corn-added);border-style:dashed}.hx-mark-dot--changed{border-color:var(--corn-changed)}.hx-mark-dot--removed{border-color:var(--corn-removed);background:color-mix(in srgb, var(--corn-removed) 25%, transparent)}.hx-mark-dot--edit{border-color:var(--corn-edit);border-style:dotted}.hx-glyph{color:color-mix(in srgb, var(--glyph) var(--corn-glyph-mix), var(--corn-text))}.hx-sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}:where(button,a[href],summary,select,textarea,[tabindex]):focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}@media (prefers-reduced-motion:reduce){.hx-input,.hx-btn,.hx-menu{transition:none;animation:none}}.hx-btn[aria-disabled=true]{opacity:.6;cursor:progress}@container corn-box (width<=767px){.hx-textbtn{min-width:44px;min-height:44px}}@media (pointer:coarse){.hx-textbtn{min-width:44px;min-height:44px}}", s = () => ".hx-menu--proposals{width:360px}.hx-proposal-list{gap:var(--corn-space-1);flex-direction:column;display:flex}.hx-proposal-empty{padding:var(--corn-space-3) calc(var(--corn-space-1) / 2);font-size:var(--corn-text-sm)}.hx-proposal-item{align-items:flex-start;gap:var(--corn-space-1);width:100%;padding:var(--corn-space-3) var(--corn-space-3);border-radius:var(--corn-radius);border:var(--corn-border) solid var(--corn-line);background:var(--corn-surface-2);color:var(--corn-text);text-align:left;font-size:var(--corn-text-xs);flex-direction:column;display:flex}button.hx-proposal-item:hover{background:var(--corn-surface-3)}button.hx-proposal-item:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}.hx-proposal-item.is-current{border-color:var(--corn-added-text);background:color-mix(in srgb, var(--corn-added) 12%, transparent)}.hx-proposal-item.is-broken{opacity:.8;cursor:default}.hx-proposal-title{font-size:var(--corn-text-sm);color:var(--corn-text);overflow-wrap:anywhere;font-weight:600}.hx-proposal-sum{color:var(--corn-text-2);line-height:1.4}.hx-proposal-meta{gap:calc(var(--corn-space-1) / 2) var(--corn-space-3);color:var(--corn-text-3);font-size:var(--corn-text-2xs);flex-wrap:wrap;display:flex}.hx-proposal-where{color:var(--corn-added-text)}.hx-proposal-bar{width:min(960px,100% - 24px);padding:var(--corn-space-3) var(--corn-space-3);border-radius:var(--corn-radius-lg);font-size:var(--corn-text-sm);z-index:15;user-select:text;position:absolute;top:48px;left:12px}.hx-proposal-bar.is-error{border-color:color-mix(in srgb, var(--corn-removed) 50%, transparent)}.hx-proposal-message{color:var(--corn-text-2)}.hx-proposal-bar.is-error .hx-proposal-message{color:var(--corn-bad)}.hx-proposal-count:focus-visible,.hx-proposal-mode:focus-visible,.hx-seg-btn:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}.hx-proposal-summary{margin-top:var(--corn-space-2);color:var(--corn-text-2);line-height:1.5}.hx-seg{padding:calc(var(--corn-space-1) / 2);border-radius:var(--corn-radius-sm);border:var(--corn-border) solid var(--corn-line);background:color-mix(in srgb, var(--corn-ground) 55%, transparent);display:inline-flex}.hx-seg-btn{height:var(--hx-seg-inner);padding:0 var(--corn-space-4);border-radius:var(--corn-radius-sm);color:var(--corn-text-3);font-size:var(--corn-text-sm);background:0 0;border:0;font-weight:500}.hx-seg-btn:hover{color:var(--corn-text)}.hx-seg-btn.is-on,.hx-seg-btn[aria-pressed=true]{background:var(--corn-accent);color:var(--corn-text-on-accent)}.hx-proposal-errors{margin-top:var(--corn-space-2);padding:var(--corn-space-2) var(--corn-space-3);border-radius:var(--corn-radius-sm);background:color-mix(in srgb, var(--corn-removed) 10%, transparent);border:var(--corn-border) solid color-mix(in srgb, var(--corn-removed) 30%, transparent);color:var(--corn-text-2)}.hx-proposal-errors summary{cursor:pointer;color:var(--corn-bad);font-weight:600}.hx-proposal-errors ul{margin:var(--corn-space-2) 0 var(--corn-space-1);padding-left:var(--corn-space-5);line-height:1.5}.hx-proposal-errors p{margin-top:var(--corn-space-1);font-size:var(--corn-text-xs)}@container corn-box (width>=768px){.hx-stage:has(.drawer-open) .hx-proposal-bar{width:min(960px,100% - 504px)}}@container corn-box (width<=639px){.hx-menu--proposals{width:auto;max-width:none;position:fixed;top:60px;left:12px;right:12px}}.hx-proposal-reviewed{color:var(--corn-added-text)}.hx-proposal-head{align-items:center;gap:var(--corn-space-3) var(--corn-space-4);flex-wrap:wrap;display:flex}.hx-proposal-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:28ch;color:var(--corn-text);flex:0 auto;overflow:hidden}.hx-proposal-counts{display:contents}.hx-proposal-chip{color:var(--corn-text-2);font-size:var(--corn-text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;flex-wrap:wrap;align-items:center;display:inline-flex}.hx-proposal-count{min-height:var(--hx-control-h);padding:var(--corn-space-1) var(--corn-space-2);border-radius:var(--corn-radius-sm);color:inherit;font:inherit;white-space:inherit;cursor:pointer;background:0 0;border:0;align-items:center;display:inline-flex}.hx-proposal-count:hover{color:var(--corn-text);text-decoration:underline}.hx-proposal-peek{margin:0;display:none}.hx-proposal-chip .hx-mark-dot{margin:0 var(--corn-space-2) 0 0}h2.hx-proposal-name{margin:0}.hx-proposal-sep{margin:0 var(--corn-space-2);color:var(--corn-text-3)}.hx-proposal-mode{display:none}.hx-proposal-tools{align-items:center;gap:var(--corn-space-3);display:flex}.hx-proposal-tools .hx-btn{height:var(--hx-control-h);font-size:var(--corn-text-sm);font-weight:500}#proposal-edit.hx-btn--active{background:var(--corn-edit-text);border-color:var(--corn-edit);color:var(--corn-ground)}.hx-proposal-more{position:relative}.hx-proposal-more .hx-btn--icon{width:var(--hx-control-h);height:var(--hx-control-h);color:var(--corn-text-3);background:0 0;border-color:#0000}.hx-proposal-more .hx-btn--icon:hover,.hx-proposal-more .hx-btn--icon[aria-expanded=true]{background:var(--corn-surface-3);color:var(--corn-text)}.hx-proposal-more-menu{z-index:20;min-width:160px;margin-top:var(--corn-space-2);padding:var(--corn-space-2);border-radius:var(--corn-radius);border:var(--corn-border) solid var(--corn-line);box-shadow:var(--corn-shadow);flex-direction:column;display:flex;position:absolute;top:100%;right:0}.hx-proposal-more-menu[hidden]{display:none}.hx-proposal-more-menu .hx-btn{width:100%;height:var(--hx-control-h);color:var(--corn-text-2);font-size:var(--corn-text-sm);background:0 0;border-color:#0000}.hx-proposal-more-menu .hx-btn:hover{background:var(--corn-surface-3);color:var(--corn-text)}@container corn-box (width<=767px){.hx-proposal-head{gap:var(--corn-space-2) var(--corn-space-3);grid-template-columns:1fr auto;display:grid}.hx-proposal-name{order:1;grid-column:1/-1;max-width:none}.hx-proposal-counts{align-items:center;column-gap:var(--corn-space-2);flex-wrap:wrap;order:2;grid-column:1/-1;display:flex}.hx-proposal-count,.hx-proposal-mode{min-height:44px}.hx-proposal-mode{align-items:center;gap:var(--corn-space-2);padding:0 var(--corn-space-3);border:var(--corn-border) solid var(--corn-line);border-radius:var(--corn-radius-sm);background:var(--corn-surface-2);color:var(--corn-text);font-size:var(--corn-text-sm);font-weight:600;display:inline-flex}.hx-proposal-mode:after{content:\"\";background:currentColor;width:10px;height:10px;-webkit-mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3.5l3 3 3-3'/%3E%3C/svg%3E\") 50%/contain no-repeat;mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3.5l3 3 3-3'/%3E%3C/svg%3E\") 50%/contain no-repeat}.hx-proposal-mode[aria-expanded=true]:after{transform:rotate(180deg)}.hx-seg{order:3;grid-column:1/-1}.hx-proposal-bar:not([data-mode-open=true]) .hx-seg{display:none}.hx-seg-btn{height:var(--hx-seg-inner);font-size:var(--corn-text-md);flex:1}.hx-proposal-tools{order:5}.hx-proposal-tools .hx-btn{height:auto;min-height:44px;padding:0 var(--corn-space-5);font-size:var(--corn-text-md)}.hx-proposal-more{display:contents}.hx-proposal-more .hx-btn--icon{width:var(--hx-control-h);height:var(--hx-control-h);order:6}.hx-proposal-more-menu{box-shadow:none;order:7;grid-column:1/-1;position:static}.hx-proposal-more-menu .hx-btn{height:auto;min-height:44px;font-size:var(--corn-text-md)}.hx-proposal-bar{max-height:50cqh;padding:0 var(--corn-space-4) var(--corn-space-3);overflow-y:auto}}@container corn-box (width>=768px){.hx-stage:has(.forge-open) .hx-proposal-bar{left:calc(var(--hx-forge-w) + 12px);width:min(960px, calc(100% - var(--hx-forge-w) - 36px))}.hx-stage:has(.forge-open):has(.drawer-open) .hx-proposal-bar{width:min(960px, calc(100% - var(--hx-forge-w) - 540px))}}.hx-proposal-bar{scroll-padding-block:calc(var(--corn-focus-width) + var(--corn-focus-offset) + var(--corn-space-1))}@media (forced-colors:active){.hx-proposal-mode:after{background:canvastext}}.hx-proposal-source{min-width:0;max-width:100%;padding:calc(var(--corn-space-1) / 2) var(--corn-space-3);border:var(--corn-border) solid var(--corn-line);border-radius:var(--corn-radius-pill);background:var(--corn-surface-2);color:var(--corn-text-2);font-size:var(--corn-text-xs);overflow-wrap:anywhere;align-items:center;line-height:1.4;text-decoration:none;display:inline-flex}.hx-proposal-source[hidden]{display:none}a.hx-proposal-source{min-height:24px}a.hx-proposal-source:hover{color:var(--corn-text);text-decoration:underline}a.hx-proposal-source:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}.hx-proposal-source[data-corn-state=draft]{border-color:color-mix(in srgb, var(--corn-changed) 50%, transparent)}.hx-proposal-ways{gap:var(--corn-space-2) var(--corn-space-3);margin-top:var(--corn-space-3);flex-wrap:wrap;display:flex}.hx-proposal-ways[hidden]{display:none}.hx-proposal-ways .hx-btn{height:auto;min-height:32px;padding:var(--corn-space-1) var(--corn-space-4);white-space:normal;text-align:left}@container corn-box (width<=767px){.hx-proposal-source{order:1;grid-column:1/-1;justify-self:start}.hx-proposal-ways .hx-btn,a.hx-proposal-source{min-height:44px}.hx-proposal-source{background:0 0;border:0;border-radius:0;padding:0}a.hx-proposal-source{text-underline-offset:3px;text-decoration:underline}.hx-proposal-bar:has(.hx-review-form:not([hidden])) :is(.hx-proposal-name,.hx-proposal-source,.hx-proposal-counts,.hx-proposal-tools,.hx-proposal-more,.hx-review-status,.hx-review-line,.hx-rc-scroll,.hx-rc-tabs,.hx-proposal-peek){display:none}.hx-proposal-bar{overflow-wrap:anywhere;overflow-x:hidden}.hx-proposal-head{grid-template-columns:minmax(0,1fr) auto}.hx-proposal-chip{white-space:normal;text-align:left;flex-wrap:wrap;max-width:100%}.hx-proposal-counts{min-width:0}.hx-proposal-chip{white-space:normal;text-align:left;flex-wrap:wrap}.hx-proposal-count{white-space:normal;text-align:left}}@media (pointer:coarse){.hx-proposal-chip{white-space:normal;text-align:left;flex-wrap:wrap}.hx-proposal-count{white-space:normal;text-align:left}}.hx-proposal-summary{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:none;margin:0;display:-webkit-box;overflow:hidden}@container corn-box (width<=767px){.hx-proposal-summary{display:none}}.hx-waiting-line{align-items:center;gap:var(--corn-space-2) var(--corn-space-3);margin:var(--corn-space-2) 0 0;padding:var(--corn-space-1) var(--corn-space-3);border-left:calc(var(--corn-border-strong) * 2) solid var(--corn-run-waiting);border-radius:var(--corn-radius-sm);background:var(--corn-surface-2);color:var(--corn-text);overflow-wrap:anywhere;flex-wrap:wrap;line-height:1.4;display:flex}.hx-waiting-line[hidden]{display:none}@container corn-box (width<=767px){.hx-waiting-line .hx-btn{min-width:44px;min-height:44px}}.hx-proposal-yours{align-items:center;gap:var(--corn-space-1);color:var(--corn-text-2);display:inline-flex}.hx-proposal-tools [aria-pressed=false]:not([data-corn=whole-map]){opacity:.8}.hx-proposal-name{font-size:var(--corn-text-lg);letter-spacing:normal;font-weight:700;line-height:1.25}@container corn-box (width>=768px){.hx-proposal-tools{display:contents}.hx-proposal-name,.hx-proposal-source{order:-2}:where(.hx-proposal-head) [data-corn=whole-map]{margin-block:calc((var(--corn-space-6) - var(--hx-control-h)) / 2);order:-1}}", c = () => "[data-corn=source-status]{z-index:2;box-sizing:border-box;align-items:center;gap:var(--corn-space-3);width:min(26rem, calc(100% - var(--corn-space-6) * 2));padding:var(--corn-space-6);border:var(--corn-border) solid var(--corn-line);border-radius:var(--corn-radius-lg);background:var(--corn-surface-1);color:var(--corn-text-2);box-shadow:var(--corn-shadow);text-align:center;font-family:var(--corn-font);font-size:var(--corn-text-md);flex-direction:column;line-height:1.5;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-corn=source-status][hidden]{display:none}[data-corn=source-status]:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}[data-corn=source-status][data-corn-state=running]{box-shadow:none;color:var(--corn-text-3);background:0 0;border-color:#0000;padding:0}[data-corn=source-status][data-corn-state=running] [data-corn=source-title]{font-size:var(--corn-text-md);color:var(--corn-text-3);font-weight:400}[data-corn=source-status][data-corn-state=failure] [data-corn=source-title]{color:var(--corn-bad)}[data-corn=source-status][data-corn-state=waiting] [data-corn=source-title]{color:var(--corn-accent-text)}[data-corn=source-title],[data-corn=source-text]{margin:0}[data-corn=source-title]{font-size:var(--corn-text-lg);color:var(--corn-text);font-weight:600}[data-corn=source-text]{overflow-wrap:anywhere;user-select:text}[data-corn=source-origin]{font-family:var(--corn-mono);color:var(--corn-warn);overflow-wrap:anywhere;user-select:all}[data-corn=source-sign-in],[data-corn=source-retry]{box-sizing:border-box;min-height:max(var(--corn-control-height), 2.75rem);padding:0 var(--corn-space-6);border:var(--corn-border) solid var(--corn-line);border-radius:var(--corn-radius);background:var(--corn-surface-2);color:var(--corn-text);font-family:inherit;font-size:inherit;cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}[data-corn=source-sign-in]{border-color:var(--corn-accent);background:var(--corn-accent);color:var(--corn-text-on-accent);font-weight:600}[data-corn=source-sign-in]:hover{background:var(--corn-accent-hover)}[data-corn=source-retry]:hover{background:var(--corn-surface-3)}[data-corn=source-sign-in]:focus-visible,[data-corn=source-retry]:focus-visible{outline:var(--corn-focus-width) solid var(--corn-focus);outline-offset:var(--corn-focus-offset)}[data-corn=source-notice]{z-index:2;box-sizing:border-box;padding:var(--corn-space-3) var(--corn-space-6);background:var(--corn-surface-1);border-top:var(--corn-border) solid var(--corn-line-soft);color:var(--corn-text-2);font-family:var(--corn-font);font-size:var(--corn-text-sm);text-align:center;overflow-wrap:anywhere;margin:0;position:absolute;bottom:0;left:0;right:0}[data-corn=source-notice][hidden]{display:none}", l = () => ":host{min-width:0;color:var(--corn-text);font-family:var(--corn-font);font-size:medium;font-style:normal;font-weight:400;line-height:normal;display:block;position:relative;container:corn-box/inline-size}:host([hidden]){display:none!important}.hx-proposal-bar{box-sizing:border-box;z-index:auto;width:100%;position:relative;inset:auto}.hx-proposal-bar[hidden]{display:none}@container corn-box (width>=768px){.hx-proposal-bar{width:100%}}.hx-proposal-name{max-width:100%}.hx-proposal-bar{overflow-wrap:anywhere}.hx-proposal-bar :is(h2,p){text-indent:0}.hx-proposal-more-menu{z-index:3;background:var(--corn-ground)}.hx-needs{padding:var(--corn-panel-pad);color:var(--corn-text-3);font-size:var(--corn-text-sm);margin:0;line-height:1.5}.hx-signin-slot [data-corn=source-status]{width:auto;margin:var(--corn-space-3) 0 0;position:static;transform:none}.hx-signin-slot [data-corn=source-notice]{position:static}.glass{background:linear-gradient(var(--corn-surface-1), var(--corn-surface-1)), var(--corn-ground);-webkit-backdrop-filter:none}", u = class extends t {
+	constructor(e) {
+		super(), e !== !1 && this.__registerHost(), this.__attachShadow();
+	}
+	get el() {
+		return this;
+	}
+	piece = null;
+	scope = null;
+	loaded = !1;
+	connectedCallback() {
+		this.loaded && this.mountPiece();
+	}
+	componentDidLoad() {
+		this.loaded = !0, this.mountPiece();
+	}
+	disconnectedCallback() {
+		this.unmountPiece();
+	}
+	unmountPiece() {
+		this.piece && this.piece.destroy(), this.piece = null, this.scope && this.scope.leave(), this.scope = null;
+	}
+	remount() {
+		this.unmountPiece(), this.loaded && this.el.isConnected && this.mountPiece();
+	}
+	mountPiece() {
+		!this.piece && this.el.shadowRoot && (this.scope = r(this.el, () => this.remount()), this.piece = n(a, this.el.shadowRoot, this.scope.inst, {
+			tokens: i,
+			exclusive: "corn-proposal",
+			signIn: {
+				during: ["proposal"],
+				clear: "proposal"
+			},
+			piece: {
+				inline: !0,
+				edit: !1
+			}
+		}));
+	}
+	static get style() {
+		return o() + s() + c() + l();
+	}
+};
+e(u, [1, "corn-proposal"]);
+export { u as CornProposal };