@iyulab/lowline-form 0.5.0 → 0.6.0

package/dist/bundle/lowline-form.bundle.js

@@ -8131,9 +8131,9 @@ var Is = (e, t) => {
 		this.parser = new on({ frontMatter: Is });
 	}
 	extractSchema(e) {
-		let t = {};
-		return (typeof e == "string" ? this.parser.parseFormdown(e) : e).forms.forEach((e, n) => {
-			t[e.name] = this.convertFieldToSchema(e, n);
+		let t = {}, n = typeof e == "string" ? this.parser.parseFormdown(e) : e, r = /* @__PURE__ */ new Set();
+		return n.forms.forEach((e, n) => {
+			r.has(e.name) || (r.add(e.name), t[e.name] = this.convertFieldToSchema(e, n));
 		}), t;
 	}
 	convertFieldToSchema(e, t) {
@@ -8214,8 +8214,13 @@ function Vs(e, t) {
 		required: r && i && n(e?.requiredIf, !1)
 	};
 }
+function Hs(e, t) {
+	let n = {};
+	for (let [r, i] of Object.entries(e)) n[r] = Vs(i.conditions, t);
+	return n;
+}
 // node_modules/@formdown/core/dist/constraints.js
-var Hs = Object.freeze({
+var Us = Object.freeze({
 	required: "{label} is required",
 	minLength: "Must be at least {min} characters",
 	maxLength: "Must be at most {max} characters",
@@ -8229,24 +8234,24 @@ var Hs = Object.freeze({
 	dateMin: "Date must be on or after {min}",
 	dateMax: "Date must be on or before {max}",
 	pattern: "Value does not match required format"
-}), Us = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Ws = /^[\d\s\-+()]+$/, Gs = /^\d{4}-\d{2}-\d{2}$/;
-function Ks(e) {
+}), Ws = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Gs = /^[\d\s\-+()]+$/, Ks = /^\d{4}-\d{2}-\d{2}$/;
+function qs(e) {
 	return e == null || e === !1 ? !0 : Array.isArray(e) ? e.length === 0 : String(e).trim() === "";
 }
-function qs(e, t, n = {}) {
+function Js(e, t, n = {}) {
 	return e.replace(/\{(label|min|max)\}/g, (e, r) => {
 		if (r === "label") return t.label || t.name || "Field";
 		let i = n[r];
 		return i === void 0 ? "" : String(i);
 	});
 }
-function Js(e) {
+function Ys(e) {
 	if (e === void 0 || e === "") return;
 	let t = Number(e);
 	return Number.isFinite(t) ? t : void 0;
 }
-function Ys(e, t, n = {}) {
-	let r = Xs(e, t, n);
+function Xs(e, t, n = {}) {
+	let r = Zs(e, t, n);
 	if (r.length === 0 || !t.errorMessage) return r;
 	let [i] = r, a = i.rule === "required" ? t.requiredMessage : i.rule === "pattern" ? t.patternMessage : void 0;
 	return [{
@@ -8254,17 +8259,17 @@ function Ys(e, t, n = {}) {
 		message: a || t.errorMessage
 	}];
 }
-function Xs(e, t, n) {
+function Zs(e, t, n) {
 	let r = {
-		...Hs,
+		...Us,
 		...n
 	}, i = (e, n) => ({
 		rule: e,
-		message: qs(r[e], t, n)
+		message: Js(r[e], t, n)
 	});
-	if (Ks(e)) return t.required ? [{
+	if (qs(e)) return t.required ? [{
 		rule: "required",
-		message: t.requiredMessage || qs(r.required, t)
+		message: t.requiredMessage || Js(r.required, t)
 	}] : [];
 	let a = t.validation ?? {}, o = [], s = Array.isArray(e) ? "" : String(e);
 	switch (t.type) {
@@ -8272,12 +8277,12 @@ function Xs(e, t, n) {
 		case "range": {
 			let t = typeof e == "number" ? e : Number(s.trim());
 			if (!Number.isFinite(t)) return [i("number")];
-			let n = Js(a.min), r = Js(a.max);
+			let n = Ys(a.min), r = Ys(a.max);
 			n !== void 0 && t < n && o.push(i("min", { min: n })), r !== void 0 && t > r && o.push(i("max", { max: r }));
 			break;
 		}
 		case "email":
-			if (!Us.test(s)) return [i("email")];
+			if (!Ws.test(s)) return [i("email")];
 			break;
 		case "url":
 			try {
@@ -8287,11 +8292,11 @@ function Xs(e, t, n) {
 			}
 			break;
 		case "tel":
-			if (!Ws.test(s)) return [i("tel")];
+			if (!Gs.test(s)) return [i("tel")];
 			break;
 		case "date": {
-			if (!Gs.test(s) || Number.isNaN(Date.parse(s))) return [i("date")];
-			let e = typeof a.min == "string" && Gs.test(a.min) ? a.min : void 0, t = typeof a.max == "string" && Gs.test(a.max) ? a.max : void 0;
+			if (!Ks.test(s) || Number.isNaN(Date.parse(s))) return [i("date")];
+			let e = typeof a.min == "string" && Ks.test(a.min) ? a.min : void 0, t = typeof a.max == "string" && Ks.test(a.max) ? a.max : void 0;
 			e !== void 0 && s < e && o.push(i("dateMin", { min: e })), t !== void 0 && s > t && o.push(i("dateMax", { max: t }));
 			break;
 		}
@@ -8300,14 +8305,14 @@ function Xs(e, t, n) {
 		let n = [...e].length;
 		a.minlength !== void 0 && n < a.minlength && o.push(i("minLength", { min: a.minlength })), a.maxlength !== void 0 && n > a.maxlength && o.push(i("maxLength", { max: a.maxlength }));
 		let s = t.pattern ?? a.pattern;
-		s && !Zs(s, e) && o.push({
+		s && !Qs(s, e) && o.push({
 			rule: "pattern",
-			message: t.patternMessage || qs(r.pattern, t)
+			message: t.patternMessage || Js(r.pattern, t)
 		});
 	}
 	return o;
 }
-function Zs(e, t) {
+function Qs(e, t) {
 	try {
 		return RegExp(`^(?:${e})$`, "v").test(t);
 	} catch {
@@ -8319,19 +8324,19 @@ function Zs(e, t) {
 	}
 }
 // node_modules/@formdown/core/dist/validate.js
-function Qs(e, t, n = {}) {
+function $s(e, t, n = {}) {
 	let r = t.name || "field";
-	return Ys(e, t, n.messages).map(({ message: e }) => ({
+	return Xs(e, t, n.messages).map(({ message: e }) => ({
 		field: r,
 		message: e
 	}));
 }
-function $s(e, t, n = {}) {
+function ec(e, t, n = {}) {
 	let r = [];
 	return Object.entries(t).forEach(([t, i]) => {
 		let a = Vs(i.conditions, e);
 		if (a.visible && a.enabled) {
-			r.push(...Qs(e[t], {
+			r.push(...$s(e[t], {
 				...i,
 				name: t,
 				required: i.required || a.required
@@ -8350,7 +8355,7 @@ function $s(e, t, n = {}) {
 	};
 }
 // node_modules/@formdown/core/dist/form-data-binding.js
-var ec = class {
+var tc = class {
 	constructor(e = null, t = {}) {
 		this.schema = e, this.data = {}, this.changeListeners = /* @__PURE__ */ new Set(), this.fieldChangeListeners = /* @__PURE__ */ new Set(), this.validationListeners = /* @__PURE__ */ new Set(), this.isUpdating = !1, this.initializeFromSchema(), this.updateInternal(t, !1);
 	}
@@ -8398,7 +8403,7 @@ var ec = class {
 	}
 	validateField(e, t, n) {
 		if (!this.schema || !this.schema[e]) return [];
-		let r = Qs(t === void 0 ? this.get(e) : t, {
+		let r = $s(t === void 0 ? this.get(e) : t, {
 			...this.schema[e],
 			name: e
 		}, n);
@@ -8409,7 +8414,7 @@ var ec = class {
 			isValid: !0,
 			errors: []
 		};
-		let t = $s(this.getAll(), this.schema, e), n = /* @__PURE__ */ new Map();
+		let t = ec(this.getAll(), this.schema, e), n = /* @__PURE__ */ new Map();
 		return t.errors.forEach((e) => {
 			n.has(e.field) || n.set(e.field, []), n.get(e.field).push(e);
 		}), n.forEach((e, t) => {
@@ -8508,7 +8513,7 @@ var ec = class {
 			}
 		});
 	}
-}, tc = class {
+}, nc = class {
 	processCheckboxGroup(e, t) {
 		try {
 			let n = t.querySelectorAll(`input[type="checkbox"][name="${e}"]`);
@@ -8593,7 +8598,7 @@ var ec = class {
 			case "datetime-local":
 			case "month":
 			case "week": return e.value || "";
-			case "file": return e.value && e.value.split("\\").pop() || "";
+			case "file": return "";
 			default: return e.value || "";
 		}
 	}
@@ -8681,7 +8686,7 @@ var ec = class {
 		}
 	}
 	validateFieldValue(e, t, n) {
-		let r = Ys(e, {
+		let r = Xs(e, {
 			type: t,
 			required: n?.required,
 			pattern: n?.pattern,
@@ -8726,9 +8731,9 @@ var ec = class {
 			default: return "text";
 		}
 	}
-}, nc = class {
+}, rc = class {
 	constructor() {
-		this.fieldRegistry = {}, this.syncLock = !1, this.fieldProcessor = new tc();
+		this.fieldRegistry = {}, this.syncLock = !1, this.fieldProcessor = new nc();
 	}
 	bindFieldToElement(e, t) {
 		return this.fieldRegistry[e] || (this.fieldRegistry[e] = /* @__PURE__ */ new Set()), this.fieldRegistry[e].add(t), {
@@ -8807,7 +8812,7 @@ var ec = class {
 			}
 		}), n;
 	}
-}, rc = class {
+}, ic = class {
 	constructor() {
 		this.customValidators = /* @__PURE__ */ new Map(), this.validationCache = /* @__PURE__ */ new Map(), this.asyncValidationTimers = /* @__PURE__ */ new Map();
 	}
@@ -8890,7 +8895,7 @@ var ec = class {
 		if (t.push({
 			name: "constraints",
 			validator: (t) => {
-				let n = Ys(t, {
+				let n = Xs(t, {
 					name: e.fieldName,
 					type: e.fieldType,
 					label: typeof e.schema.label == "string" ? e.schema.label : void 0,
@@ -9019,7 +9024,7 @@ var ec = class {
 	EXTENSION_ERROR: "formdown:extension:error",
 	SCHEMA_CHANGE: "formdown:schema:change",
 	SCHEMA_VALIDATED: "formdown:schema:validated"
-}, ic = class {
+}, ac = class {
 	constructor(e = {}) {
 		this.eventBuses = /* @__PURE__ */ new Map(), this.eventBridges = /* @__PURE__ */ new Map(), this.globalEventConfig = {
 			enableFormEvents: !0,
@@ -9207,7 +9212,7 @@ var ec = class {
 			activeBridges: this.getActiveBridges().length
 		};
 	}
-}, ac = class e {
+}, oc = class e {
 	constructor(e = {}) {
 		this.options = e, this.content = "", this.parsedContent = null, this.schema = null, this.dataBinding = null, this.eventListeners = /* @__PURE__ */ new Map(), this._pendingDefaults = null, this.fieldProcessor = null, this.domBinder = null, this.validationManager = null, this.eventOrchestrator = null, this.parser = new on({
 			frontMatter: Is,
@@ -9217,7 +9222,7 @@ var ec = class {
 		});
 	}
 	parse(e) {
-		return this.content = e, this.parsedContent = this.parser.parseFormdown(e), this.schema = Rs(this.parsedContent), this.dataBinding = new ec(this.schema), this._pendingDefaults &&= (this.dataBinding.applyDefaults(this._pendingDefaults.defaults, this._pendingDefaults.options), null), this.setupDataBindingEvents(), this.parsedContent;
+		return this.content = e, this.parsedContent = this.parser.parseFormdown(e), this.schema = Rs(this.parsedContent), this.dataBinding = new tc(this.schema), this._pendingDefaults &&= (this.dataBinding.applyDefaults(this._pendingDefaults.defaults, this._pendingDefaults.options), null), this.setupDataBindingEvents(), this.parsedContent;
 	}
 	render(e = {}) {
 		if (!this.parsedContent) throw Error("No content parsed. Call parse() first.");
@@ -9229,6 +9234,9 @@ var ec = class {
 	getData() {
 		return this.dataBinding ? this.dataBinding.getAll() : {};
 	}
+	getConditionStates() {
+		return this.schema ? Hs(this.schema, this.getData()) : {};
+	}
 	setFieldValue(e, t) {
 		this.dataBinding && this.dataBinding.set(e, t);
 	}
@@ -9332,16 +9340,16 @@ var ec = class {
 		})), this.parse(e.content), e.data && this.updateData(e.data);
 	}
 	createFieldProcessor() {
-		return this.fieldProcessor ||= new tc(), this.fieldProcessor;
+		return this.fieldProcessor ||= new nc(), this.fieldProcessor;
 	}
 	createDOMBinder() {
-		return this.domBinder ||= new nc(), this.domBinder;
+		return this.domBinder ||= new rc(), this.domBinder;
 	}
 	createValidationManager() {
-		return this.validationManager ||= new rc(), this.validationManager;
+		return this.validationManager ||= new ic(), this.validationManager;
 	}
 	createEventOrchestrator() {
-		return this.eventOrchestrator ||= new ic(), this.eventOrchestrator;
+		return this.eventOrchestrator ||= new ac(), this.eventOrchestrator;
 	}
 	processFieldValue(e, t) {
 		let n = this.createFieldProcessor(), r = this.getField(e);
@@ -9410,7 +9418,9 @@ var ec = class {
 		t ||= this.createDOMBinder();
 		let n = e.target, r = n?.name || n?.id;
 		if (r && e.type === "change") {
-			let e = this.createFieldProcessor(), t = e.getFieldType(n), i = e.extractFieldValue(n, t);
+			let e = this.createFieldProcessor(), t = e.getFieldType(n);
+			if (t === "file") return;
+			let i = e.extractFieldValue(n, t);
 			this.setFieldValue(r, i);
 		}
 	}
@@ -9449,36 +9459,36 @@ var ec = class {
 	}
 };
 // node_modules/@formdown/ui/dist/index.es.js
-function oc(e) {
-	return e.localName.includes("-") ? customElements.get(e.localName) : void 0;
-}
 function sc(e) {
-	return e.hasAttribute("name") && oc(e)?.formAssociated === !0;
+	return e.localName.includes("-") ? customElements.get(e.localName) : void 0;
 }
 function cc(e) {
-	return Array.from(e.querySelectorAll("[name]")).filter((e) => sc(e));
+	return e.hasAttribute("name") && sc(e)?.formAssociated === !0;
 }
 function lc(e) {
+	return Array.from(e.querySelectorAll("[name]")).filter((e) => cc(e));
+}
+function uc(e) {
 	let t = Array.from(e.querySelectorAll("[name]")).filter((e) => e.localName.includes("-") && !customElements.get(e.localName)).map((e) => e.localName);
 	return [...new Set(t)];
 }
-function uc(e) {
+function dc(e) {
 	let t = e.value;
 	return t == null ? "" : typeof t == "boolean" || typeof t == "string" ? t : Array.isArray(t) ? t.map(String) : String(t);
 }
-function dc(e, t) {
+function fc(e, t) {
 	e.value = t ?? "";
 }
-function fc(e, t, n) {
+function pc(e, t, n) {
 	e.toggleAttribute("disabled", !t), e.toggleAttribute("required", n);
 }
-function pc(e) {
+function mc(e) {
 	return e === !0 || typeof e == "string" && e.toLowerCase() === "true";
 }
-function mc(e, t, n) {
-	sc(e) ? dc(e, t) : e instanceof HTMLInputElement ? n === "checkbox" || e.type === "checkbox" ? e.checked = Array.isArray(t) ? t.map(String).includes(e.value) : e.value === "true" ? pc(t) : t != null && String(t) === e.value : n === "radio" || e.type === "radio" ? e.checked = t != null && e.value === String(t) : e.value = String(t ?? "") : e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement ? e.value = String(t ?? "") : e.hasAttribute("contenteditable") && (e.textContent = String(t ?? ""));
+function hc(e, t, n) {
+	cc(e) ? fc(e, t) : e instanceof HTMLInputElement ? n === "checkbox" || e.type === "checkbox" ? e.checked = Array.isArray(t) ? t.map(String).includes(e.value) : e.value === "true" ? mc(t) : t != null && String(t) === e.value : n === "radio" || e.type === "radio" ? e.checked = t != null && e.value === String(t) : e.value = String(t ?? "") : e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement ? e.value = String(t ?? "") : e.hasAttribute("contenteditable") && (e.textContent = String(t ?? ""));
 }
-function hc(e, t) {
+function gc(e, t) {
 	let n = [];
 	for (let [r, i] of Object.entries(t)) {
 		let t = (Array.isArray(i) ? i : [i]).filter((e) => e != null && typeof e != "boolean").map(String).filter((e) => e !== "");
@@ -9508,7 +9518,7 @@ function hc(e, t) {
 	}
 	return n;
 }
-var gc = /* @__PURE__ */ new Set([
+var _c = /* @__PURE__ */ new Set([
 	"date",
 	"time",
 	"datetime-local",
@@ -9517,43 +9527,43 @@ var gc = /* @__PURE__ */ new Set([
 	"number",
 	"range",
 	"color"
-]), _c = "data-formdown-unread", vc = "formdown-unread";
-function yc(e, t) {
+]), vc = "data-formdown-unread", yc = "formdown-unread";
+function bc(e, t) {
 	return e.type === "color" ? e.value === t.toLowerCase() : e.value === t;
 }
-function bc(e, t, n) {
+function xc(e, t, n) {
 	let r = (e.getAttribute("aria-describedby") ?? "").split(/\s+/).filter((e) => e && e !== t);
 	n && r.push(t), r.length > 0 ? e.setAttribute("aria-describedby", r.join(" ")) : e.removeAttribute("aria-describedby");
 }
-function xc(e, t) {
+function Sc(e, t) {
 	for (let n of Array.from(e.querySelectorAll("input"))) {
-		if (!gc.has(n.type)) continue;
-		let e = t[n.name], r = typeof e == "string" || typeof e == "number" ? String(e) : "", i = r !== "" && !yc(n, r), a = `${n.id || n.name}_unread`, o = n.nextElementSibling?.classList.contains(vc) ? n.nextElementSibling : null;
+		if (!_c.has(n.type)) continue;
+		let e = t[n.name], r = typeof e == "string" || typeof e == "number" ? String(e) : "", i = r !== "" && !bc(n, r), a = `${n.id || n.name}_unread`, o = n.nextElementSibling?.classList.contains(yc) ? n.nextElementSibling : null;
 		if (!i) {
-			o && o.remove(), n.hasAttribute(_c) && (n.removeAttribute(_c), bc(n, a, !1));
+			o && o.remove(), n.hasAttribute(vc) && (n.removeAttribute(vc), xc(n, a, !1));
 			continue;
 		}
-		n.setAttribute(_c, "true");
+		n.setAttribute(vc, "true");
 		let s = o ?? n.ownerDocument.createElement("span");
-		s.className = vc, s.id = a, s.setAttribute("part", "unread-value"), s.setAttribute(_c, n.name), s.textContent = r, o || n.after(s), bc(n, a, !0);
+		s.className = yc, s.id = a, s.setAttribute("part", "unread-value"), s.setAttribute(vc, n.name), s.textContent = r, o || n.after(s), xc(n, a, !0);
 	}
 }
-var Sc = "data-formdown-choice", Cc = "data-formdown-unlisted", wc = (e) => e.label ?? e.value;
-function Tc(e, t) {
+var Cc = "data-formdown-choice", wc = "data-formdown-unlisted", Tc = (e) => e.label ?? e.value;
+function Ec(e, t) {
 	let n = [];
 	for (let n of Array.from(e.querySelectorAll("select"))) {
 		if (n.hasAttribute("data-formdown-has-other")) continue;
 		let e = t[n.name] ?? [];
-		for (let t of Array.from(n.options)) t.hasAttribute(Sc) && !e.some((e) => e.value === t.value) && t.remove();
+		for (let t of Array.from(n.options)) t.hasAttribute(Cc) && !e.some((e) => e.value === t.value) && t.remove();
 		for (let t of e) {
 			let e = Array.from(n.options).find((e) => e.value === t.value);
 			if (e) {
-				(e.hasAttribute(Cc) || e.hasAttribute(Sc)) && Ec(e, t);
+				(e.hasAttribute(wc) || e.hasAttribute(Cc)) && Dc(e, t);
 				continue;
 			}
 			let r = n.ownerDocument.createElement("option");
-			r.value = t.value, Ec(r, t);
-			let i = Array.from(n.options).find((e) => e.hasAttribute(Cc));
+			r.value = t.value, Dc(r, t);
+			let i = Array.from(n.options).find((e) => e.hasAttribute(wc));
 			n.insertBefore(r, i ?? null);
 		}
 	}
@@ -9561,21 +9571,21 @@ function Tc(e, t) {
 	for (let t of Array.from(e.querySelectorAll("input[type=\"radio\"], input[type=\"checkbox\"]"))) r.set(t.name, [...r.get(t.name) ?? [], t]);
 	for (let [e, i] of r) {
 		if (i.every((e) => e.type === "checkbox" && e.value === "true") || i.some((e) => e.hasAttribute("data-formdown-other-radio") || e.hasAttribute("data-formdown-other-checkbox"))) continue;
-		let r = t[e] ?? [], a = i.filter((e) => e.hasAttribute(Sc) && !r.some((t) => t.value === e.value)), o = [...i];
+		let r = t[e] ?? [], a = i.filter((e) => e.hasAttribute(Cc) && !r.some((t) => t.value === e.value)), o = [...i];
 		for (let t of r) {
 			let r = o.find((e) => e.value === t.value);
 			if (r) {
-				if (r.hasAttribute(Cc) || r.hasAttribute(Sc)) {
-					r.removeAttribute(Cc), r.setAttribute(Sc, "true");
+				if (r.hasAttribute(wc) || r.hasAttribute(Cc)) {
+					r.removeAttribute(wc), r.setAttribute(Cc, "true");
 					let e = r.closest("label")?.querySelector("span");
-					e && (e.textContent = wc(t));
+					e && (e.textContent = Tc(t));
 				}
 				continue;
 			}
-			let i = o.filter((e) => !e.hasAttribute(Cc)), a = i[i.length - 1] ?? o[o.length - 1], s = a.closest("label"), c = a.ownerDocument, l = c.createElement("input");
-			l.type = a.type, l.name = e, l.value = t.value, l.id = `${e}_choice_${n.length}_${o.length}`, l.setAttribute(Sc, "true");
+			let i = o.filter((e) => !e.hasAttribute(wc)), a = i[i.length - 1] ?? o[o.length - 1], s = a.closest("label"), c = a.ownerDocument, l = c.createElement("input");
+			l.type = a.type, l.name = e, l.value = t.value, l.id = `${e}_choice_${n.length}_${o.length}`, l.setAttribute(Cc, "true");
 			let u = c.createElement("span");
-			u.textContent = wc(t);
+			u.textContent = Tc(t);
 			let d = c.createElement("label");
 			d.className = s?.className || "formdown-option-label", d.setAttribute("part", s?.getAttribute("part") || "option-label"), d.htmlFor = l.id, d.append(l, u), (s ?? a).after(d), o.splice(o.indexOf(a) + 1, 0, l), n.push(l);
 		}
@@ -9601,25 +9611,25 @@ function Tc(e, t) {
 		let o = a ?? n.ownerDocument.createElement("datalist");
 		o.id = r, o.replaceChildren(...i.map((e) => {
 			let t = n.ownerDocument.createElement("option");
-			return t.value = e.value, t.label = wc(e), t;
+			return t.value = e.value, t.label = Tc(e), t;
 		})), a || n.after(o), n.setAttribute("list", r);
 	}
 	return n;
 }
-function Ec(e, t) {
-	e.removeAttribute(Cc), e.setAttribute(Sc, "true"), e.textContent = wc(t);
+function Dc(e, t) {
+	e.removeAttribute(wc), e.setAttribute(Cc, "true"), e.textContent = Tc(t);
 }
-var Dc = "data-formdown-note", Oc = "data-formdown-value", kc = "data-formdown-placeholder", Ac = "formdown-ghost", jc = "formdown-suggested";
-function Mc(e, t) {
+var Oc = "data-formdown-note", kc = "data-formdown-value", Ac = "data-formdown-placeholder", jc = "formdown-ghost", Mc = "formdown-suggested";
+function Nc(e, t) {
 	let n = Array.from(e.querySelectorAll("[name]")).filter((e) => e.getAttribute("name") === t);
 	if (n.length > 0) return n;
 	let r = Array.from(e.querySelectorAll("[data-field-name]")).find((e) => e.dataset.fieldName === t);
 	return r ? [r] : [];
 }
-function Nc(e) {
+function Pc(e) {
 	return e.isContentEditable || e.getAttribute("contenteditable") === "true";
 }
-function Pc(e) {
+function Fc(e) {
 	return e instanceof HTMLTextAreaElement || e instanceof HTMLInputElement && ![
 		"radio",
 		"checkbox",
@@ -9632,45 +9642,45 @@ function Pc(e) {
 		"reset"
 	].includes(e.type);
 }
-function Fc(e, t) {
-	e.classList.remove(t), e.classList.length === 0 && e.removeAttribute("class");
-}
 function Ic(e, t) {
-	let n = Nc(e) ? "data-placeholder" : Pc(e) ? "placeholder" : null;
-	n && (e.hasAttribute(kc) || e.setAttribute(kc, e.getAttribute(n) ?? ""), e.setAttribute(n, t), e.classList.add(Ac));
+	e.classList.remove(t), e.classList.length === 0 && e.removeAttribute("class");
 }
 function Lc(e, t) {
+	let n = Pc(e) ? "data-placeholder" : Fc(e) ? "placeholder" : null;
+	n && (e.hasAttribute(Ac) || e.setAttribute(Ac, e.getAttribute(n) ?? ""), e.setAttribute(n, t), e.classList.add(jc));
+}
+function Rc(e, t) {
 	let [n] = e;
 	return n instanceof HTMLSelectElement ? Array.from(n.options).find((e) => e.value === t)?.textContent?.trim() || t : e.find((e) => e instanceof HTMLInputElement && (e.type === "radio" || e.type === "checkbox") && e.value === t)?.closest("label")?.textContent?.trim() || t;
 }
-function Rc(e) {
+function zc(e) {
 	let [t] = e;
 	if (t instanceof HTMLSelectElement) return Array.from(t.selectedOptions).map((e) => e.value).filter(Boolean);
 	if (t instanceof HTMLInputElement && (t.type === "radio" || t.type === "checkbox")) return e.filter((e) => e instanceof HTMLInputElement && e.checked).map((e) => e.value);
 	let n;
-	return n = sc(t) ? uc(t) : t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement ? t.value : Nc(t) ? (t.textContent ?? "").trim() : "", (Array.isArray(n) ? n : [String(n)]).filter((e) => e !== "");
+	return n = cc(t) ? dc(t) : t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement ? t.value : Pc(t) ? (t.textContent ?? "").trim() : "", (Array.isArray(n) ? n : [String(n)]).filter((e) => e !== "");
 }
-function zc(e, t) {
+function Bc(e, t) {
 	let n = e[0].closest(".formdown-field")?.querySelector("[part~=\"label\"], [part~=\"legend\"]")?.textContent?.trim();
 	return n ? n.replace(/\s*\*$/, "") : t;
 }
-function Bc(e) {
-	for (let t of Array.from(e.querySelectorAll(`[${Dc}]`))) {
-		let n = Mc(e, t.getAttribute(Dc)), r = n.length > 0 ? Rc(n) : [];
-		for (let e of Array.from(t.querySelectorAll(`[${Oc}]`))) e.setAttribute("aria-pressed", String(r.includes(e.getAttribute(Oc))));
+function Vc(e) {
+	for (let t of Array.from(e.querySelectorAll(`[${Oc}]`))) {
+		let n = Nc(e, t.getAttribute(Oc)), r = n.length > 0 ? zc(n) : [];
+		for (let e of Array.from(t.querySelectorAll(`[${kc}]`))) e.setAttribute("aria-pressed", String(r.includes(e.getAttribute(kc))));
 	}
 }
-function Vc(e, t, n, r, i, a) {
+function Hc(e, t, n, r, i, a) {
 	let o = n.suggestions ?? [];
 	if (!n.note && o.length === 0) return;
 	let s = e.createElement(r ? "span" : "div");
-	if (s.className = "formdown-field-note", s.setAttribute("part", "field-note"), s.setAttribute(Dc, t), o.length > 0 && (s.setAttribute("role", "group"), s.setAttribute("aria-label", n.label ?? `Suggestions for ${zc(a, t)}`)), n.note) {
+	if (s.className = "formdown-field-note", s.setAttribute("part", "field-note"), s.setAttribute(Oc, t), o.length > 0 && (s.setAttribute("role", "group"), s.setAttribute("aria-label", n.label ?? `Suggestions for ${Bc(a, t)}`)), n.note) {
 		let t = e.createElement("span");
 		t.className = "formdown-field-note-text", t.textContent = n.note, s.append(t);
 	}
 	for (let n of o) {
 		let r = e.createElement("button");
-		r.type = "button", r.className = "formdown-suggestion", r.setAttribute("part", "suggestion"), r.setAttribute(Oc, n), r.textContent = Lc(a, n), r.addEventListener("click", () => i.onPick(t, n)), s.append(r);
+		r.type = "button", r.className = "formdown-suggestion", r.setAttribute("part", "suggestion"), r.setAttribute(kc, n), r.textContent = Rc(a, n), r.addEventListener("click", () => i.onPick(t, n)), s.append(r);
 	}
 	if (n.decline && o.length > 0) {
 		let r = e.createElement("button");
@@ -9678,52 +9688,52 @@ function Vc(e, t, n, r, i, a) {
 	}
 	return s;
 }
-function Hc(e) {
-	for (let t of Array.from(e.querySelectorAll(`[${Dc}]`))) t.remove();
-	for (let t of Array.from(e.querySelectorAll(`[${kc}]`))) {
-		let e = Nc(t) ? "data-placeholder" : "placeholder", n = t.getAttribute(kc) ?? "";
-		n ? t.setAttribute(e, n) : t.removeAttribute(e), t.removeAttribute(kc), Fc(t, Ac);
+function Uc(e) {
+	for (let t of Array.from(e.querySelectorAll(`[${Oc}]`))) t.remove();
+	for (let t of Array.from(e.querySelectorAll(`[${Ac}]`))) {
+		let e = Pc(t) ? "data-placeholder" : "placeholder", n = t.getAttribute(Ac) ?? "";
+		n ? t.setAttribute(e, n) : t.removeAttribute(e), t.removeAttribute(Ac), Ic(t, jc);
 	}
-	for (let t of Array.from(e.querySelectorAll(`.${jc}`))) Fc(t, jc);
+	for (let t of Array.from(e.querySelectorAll(`.${Mc}`))) Ic(t, Mc);
 }
-function Uc(e, t, n) {
-	let r = Gc(e);
-	Hc(e);
+function Wc(e, t, n) {
+	let r = Kc(e);
+	Uc(e);
 	let i = e.ownerDocument ?? e;
 	for (let [r, a] of Object.entries(t)) {
-		let t = Mc(e, r);
+		let t = Nc(e, r);
 		if (t.length === 0) continue;
 		let [o] = t, s = a.suggestions ?? [];
-		s.length > 0 && Ic(o, s[0]);
-		for (let e of t) e instanceof HTMLInputElement && (e.type === "radio" || e.type === "checkbox") && s.includes(e.value) && e.closest("label")?.classList.add(jc);
-		let c = Nc(o), l = Vc(i, r, a, c, n, t);
+		s.length > 0 && Lc(o, s[0]);
+		for (let e of t) e instanceof HTMLInputElement && (e.type === "radio" || e.type === "checkbox") && s.includes(e.value) && e.closest("label")?.classList.add(Mc);
+		let c = Pc(o), l = Hc(i, r, a, c, n, t);
 		l && (c ? o.after(l) : (o.closest(".formdown-field") ?? o.parentElement ?? o).append(l));
 	}
-	Bc(e), r !== null && Kc(e, r);
+	Vc(e), r !== null && qc(e, r);
 }
-function Wc(e) {
+function Gc(e) {
 	let t = e.getRootNode?.();
 	return t && "activeElement" in t ? t : null;
 }
-function Gc(e) {
-	let t = Wc(e)?.activeElement;
-	return !t || !e.contains(t) ? null : t.closest(`[${Dc}]`)?.getAttribute(Dc) ?? null;
+function Kc(e) {
+	let t = Gc(e)?.activeElement;
+	return !t || !e.contains(t) ? null : t.closest(`[${Oc}]`)?.getAttribute(Oc) ?? null;
 }
-function Kc(e, t) {
-	let n = Wc(e)?.activeElement;
+function qc(e, t) {
+	let n = Gc(e)?.activeElement;
 	if (n && e.contains(n)) return;
-	let r = qc(e, t);
-	r && Qc(r);
+	let r = Jc(e, t);
+	r && $c(r);
 }
-function qc(e, t) {
-	let n = Mc(e, t), r = n.find((e) => e instanceof HTMLInputElement && e.checked) ?? n[0];
-	return (r && nl(r)) ?? r;
+function Jc(e, t) {
+	let n = Nc(e, t), r = n.find((e) => e instanceof HTMLInputElement && e.checked) ?? n[0];
+	return (r && rl(r)) ?? r;
 }
-function Jc(e) {
-	return e.closest("[hidden]") || e instanceof HTMLInputElement && e.type === "hidden" || "disabled" in e && e.disabled || sc(e) && e.hasAttribute("disabled") ? !1 : !Nc(e) || e.getAttribute("contenteditable") !== "false";
+function Yc(e) {
+	return e.closest("[hidden]") || e instanceof HTMLInputElement && e.type === "hidden" || "disabled" in e && e.disabled || cc(e) && e.hasAttribute("disabled") ? !1 : !Pc(e) || e.getAttribute("contenteditable") !== "false";
 }
-var Yc = /* @__PURE__ */ new WeakSet();
-function Xc(e) {
+var Xc = /* @__PURE__ */ new WeakSet();
+function Zc(e) {
 	if (e.isContentEditable) {
 		let t = e.getRootNode().getSelection?.() ?? window.getSelection();
 		if (!t) return;
@@ -9733,34 +9743,34 @@ function Xc(e) {
 		e.setSelectionRange(e.value.length, e.value.length);
 	} catch {}
 }
-function Zc(e, t) {
+function Qc(e, t) {
 	let n;
-	if (t !== void 0) n = qc(e, t), n && !Jc(n) && (n = void 0);
+	if (t !== void 0) n = Jc(e, t), n && !Yc(n) && (n = void 0);
 	else {
-		let t = Array.from(e.querySelectorAll("[name], [data-field-name]")).find(Jc), r = t?.getAttribute("name") ?? t?.dataset.fieldName;
-		n = r == null ? void 0 : qc(e, r);
+		let t = Array.from(e.querySelectorAll("[name], [data-field-name]")).find(Yc), r = t?.getAttribute("name") ?? t?.dataset.fieldName;
+		n = r == null ? void 0 : Jc(e, r);
 	}
-	return n && Qc(n), !!n && Wc(e)?.activeElement === n;
+	return n && $c(n), !!n && Gc(e)?.activeElement === n;
 }
-function Qc(e) {
-	Yc.add(e), e.focus(), e.getRootNode().activeElement !== e && Yc.delete(e), Xc(e);
+function $c(e) {
+	Xc.add(e), e.focus(), e.getRootNode().activeElement !== e && Xc.delete(e), Zc(e);
 }
-var $c = "data-formdown-filtered", el = /* @__PURE__ */ new WeakMap(), tl = 0;
-function nl(e) {
-	return e instanceof HTMLSelectElement ? el.get(e)?.input : void 0;
+var el = "data-formdown-filtered", tl = /* @__PURE__ */ new WeakMap(), nl = 0;
+function rl(e) {
+	return e instanceof HTMLSelectElement ? tl.get(e)?.input : void 0;
 }
-function rl(e, t) {
+function il(e, t) {
 	for (let n of Array.from(e.querySelectorAll("select"))) {
-		let e = el.get(n);
-		!n.multiple && !n.hasAttribute("data-formdown-has-other") && il(n).length > t ? ll(e ?? sl(n)) : e && cl(e);
+		let e = tl.get(n);
+		!n.multiple && !n.hasAttribute("data-formdown-has-other") && al(n).length > t ? ul(e ?? cl(n)) : e && ll(e);
 	}
 }
-function il(e) {
+function al(e) {
 	return Array.from(e.options).filter((e) => !e.disabled && !e.hidden);
 }
-var al = (e) => e.label || e.textContent || e.value, ol = (e) => e.normalize("NFC").toLocaleLowerCase();
-function sl(e) {
-	let t = e.ownerDocument, n = ++tl, r = t.createElement("span");
+var ol = (e) => e.label || e.textContent || e.value, sl = (e) => e.normalize("NFC").toLocaleLowerCase();
+function cl(e) {
+	let t = e.ownerDocument, n = ++nl, r = t.createElement("span");
 	r.className = "formdown-select-filter";
 	let i = t.createElement("input");
 	i.type = "text", i.className = "formdown-select-filter-input", i.id = `formdown-filter-${n}`, i.setAttribute("role", "combobox"), i.setAttribute("aria-autocomplete", "list"), i.setAttribute("aria-expanded", "false"), i.autocomplete = "off", i.spellcheck = !1;
@@ -9769,7 +9779,7 @@ function sl(e) {
 	let o = t.createElement("ul");
 	o.id = `formdown-filter-list-${n}`, o.className = "formdown-select-filter-list", o.setAttribute("role", "listbox"), o.hidden = !0, i.setAttribute("aria-controls", o.id);
 	let s = e.id ? Array.from(e.getRootNode().querySelectorAll("label")).find((t) => t.htmlFor === e.id) : void 0;
-	s && (s.id ||= `formdown-filter-label-${n}`, i.setAttribute("aria-labelledby", s.id)), e.setAttribute($c, "true"), e.tabIndex = -1, e.setAttribute("aria-hidden", "true"), e.before(r), r.append(i, o, e);
+	s && (s.id ||= `formdown-filter-label-${n}`, i.setAttribute("aria-labelledby", s.id)), e.setAttribute(el, "true"), e.tabIndex = -1, e.setAttribute("aria-hidden", "true"), e.before(r), r.append(i, o, e);
 	let c = {
 		select: e,
 		wrapper: r,
@@ -9778,22 +9788,22 @@ function sl(e) {
 		shown: [],
 		active: -1
 	};
-	el.set(e, c);
+	tl.set(e, c);
 	let l = () => i.focus();
 	return e.addEventListener("focus", l), c.off = () => e.removeEventListener("focus", l), i.addEventListener("focus", () => {
-		Yc.delete(i) || setTimeout(() => i.select(), 0);
-	}), i.addEventListener("click", () => o.hidden ? dl(c, "") : fl(c)), i.addEventListener("input", () => dl(c, i.value)), i.addEventListener("blur", () => {
-		fl(c), i.value = ul(e);
-	}), i.addEventListener("keydown", (e) => hl(c, e)), o.addEventListener("mousedown", (e) => e.preventDefault()), o.addEventListener("click", (e) => {
+		Xc.delete(i) || setTimeout(() => i.select(), 0);
+	}), i.addEventListener("click", () => o.hidden ? fl(c, "") : pl(c)), i.addEventListener("input", () => fl(c, i.value)), i.addEventListener("blur", () => {
+		pl(c), i.value = dl(e);
+	}), i.addEventListener("keydown", (e) => gl(c, e)), o.addEventListener("mousedown", (e) => e.preventDefault()), o.addEventListener("click", (e) => {
 		let t = e.target.closest("[role=\"option\"]");
-		t && ml(c, c.shown[Number(t.getAttribute("data-index"))]);
+		t && hl(c, c.shown[Number(t.getAttribute("data-index"))]);
 	}), c;
 }
-function cl(e) {
+function ll(e) {
 	let { select: t, wrapper: n } = e;
-	e.off?.(), t.removeAttribute($c), t.removeAttribute("tabindex"), t.removeAttribute("aria-hidden"), n.before(t), n.remove(), el.delete(t);
+	e.off?.(), t.removeAttribute(el), t.removeAttribute("tabindex"), t.removeAttribute("aria-hidden"), n.before(t), n.remove(), tl.delete(t);
 }
-function ll(e) {
+function ul(e) {
 	let { select: t, input: n } = e;
 	n.disabled = t.disabled, n.required = t.required;
 	for (let e of [
@@ -9805,27 +9815,27 @@ function ll(e) {
 		let r = t.getAttribute(e);
 		r === null ? n.removeAttribute(e) : n.setAttribute(e, r);
 	}
-	t.ownerDocument && n.getRootNode().activeElement !== n && (n.value = ul(t)), e.list.hidden || dl(e, n.value === ul(t) ? "" : n.value);
+	t.ownerDocument && n.getRootNode().activeElement !== n && (n.value = dl(t)), e.list.hidden || fl(e, n.value === dl(t) ? "" : n.value);
 }
-function ul(e) {
+function dl(e) {
 	let t = e.selectedIndex >= 0 ? e.options[e.selectedIndex] : void 0;
-	return t ? al(t) : "";
+	return t ? ol(t) : "";
 }
-function dl(e, t) {
-	let { select: n, input: r, list: i } = e, a = ol(t.trim());
-	e.shown = il(n).filter((e) => !a || ol(al(e)).includes(a));
+function fl(e, t) {
+	let { select: n, input: r, list: i } = e, a = sl(t.trim());
+	e.shown = al(n).filter((e) => !a || sl(ol(e)).includes(a));
 	let o = n.ownerDocument;
 	i.replaceChildren(...e.shown.map((e, t) => {
 		let n = o.createElement("li");
-		return n.id = `${i.id}-${t}`, n.setAttribute("role", "option"), n.setAttribute("data-index", String(t)), n.setAttribute("aria-selected", String(e.selected)), n.textContent = al(e), n;
+		return n.id = `${i.id}-${t}`, n.setAttribute("role", "option"), n.setAttribute("data-index", String(t)), n.setAttribute("aria-selected", String(e.selected)), n.textContent = ol(e), n;
 	})), i.hidden = e.shown.length === 0, r.setAttribute("aria-expanded", String(!i.hidden));
 	let s = e.shown.findIndex((e) => e.selected);
-	pl(e, a ? e.shown.length ? 0 : -1 : s);
+	ml(e, a ? e.shown.length ? 0 : -1 : s);
 }
-function fl(e) {
+function pl(e) {
 	e.list.hidden = !0, e.list.replaceChildren(), e.shown = [], e.active = -1, e.input.setAttribute("aria-expanded", "false"), e.input.removeAttribute("aria-activedescendant");
 }
-function pl(e, t) {
+function ml(e, t) {
 	let n = e.list.children;
 	if (e.active >= 0 && n[e.active]?.classList.remove("active"), e.active = t, t < 0) {
 		e.input.removeAttribute("aria-activedescendant");
@@ -9834,47 +9844,47 @@ function pl(e, t) {
 	let r = n[t];
 	r && (r.classList.add("active"), e.input.setAttribute("aria-activedescendant", r.id), r.scrollIntoView?.({ block: "nearest" }));
 }
-function ml(e, t) {
+function hl(e, t) {
 	let { select: n, input: r } = e;
 	if (!t) return;
 	let i = n.value !== t.value;
-	n.value = t.value, r.value = al(t), fl(e), i && (n.dispatchEvent(new Event("input", {
+	n.value = t.value, r.value = ol(t), pl(e), i && (n.dispatchEvent(new Event("input", {
 		bubbles: !0,
 		composed: !0
 	})), n.dispatchEvent(new Event("change", { bubbles: !0 })));
 }
-function hl(e, t) {
+function gl(e, t) {
 	if (t.isComposing) return;
 	let n = !e.list.hidden;
 	switch (t.key) {
 		case "ArrowDown":
-			t.preventDefault(), n ? e.shown.length && pl(e, Math.min(e.active + 1, e.shown.length - 1)) : dl(e, "");
+			t.preventDefault(), n ? e.shown.length && ml(e, Math.min(e.active + 1, e.shown.length - 1)) : fl(e, "");
 			break;
 		case "ArrowUp":
-			t.preventDefault(), n ? e.shown.length && pl(e, Math.max(e.active - 1, 0)) : dl(e, "");
+			t.preventDefault(), n ? e.shown.length && ml(e, Math.max(e.active - 1, 0)) : fl(e, "");
 			break;
 		case "Enter":
-			n && (t.preventDefault(), t.stopImmediatePropagation(), e.active >= 0 ? ml(e, e.shown[e.active]) : fl(e));
+			n && (t.preventDefault(), t.stopImmediatePropagation(), e.active >= 0 ? hl(e, e.shown[e.active]) : pl(e));
 			break;
 		case "Escape":
-			n && (t.preventDefault(), t.stopPropagation(), fl(e)), e.input.value = ul(e.select), e.input.select();
+			n && (t.preventDefault(), t.stopPropagation(), pl(e)), e.input.value = dl(e.select), e.input.select();
 			break;
-		case "Tab": n && fl(e);
+		case "Tab": n && pl(e);
 	}
 }
-function gl(e, t, n) {
+function _l(e, t, n) {
 	for (let [r, i] of Object.entries(t)) {
 		if (!i.conditions) continue;
-		let t = Vs(i.conditions, n), a = Array.from(e.querySelectorAll("input, select, textarea, [data-field-name]")).concat(cc(e)).filter((e) => (e.getAttribute("name") ?? e.getAttribute("data-field-name")) === r);
+		let t = Vs(i.conditions, n), a = Array.from(e.querySelectorAll("input, select, textarea, [data-field-name]")).concat(lc(e)).filter((e) => (e.getAttribute("name") ?? e.getAttribute("data-field-name")) === r);
 		for (let e of a) {
 			let n = e.closest(".formdown-field") ?? e;
 			n.hidden = !t.visible;
 			let r = !!i.required || t.required;
-			e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement ? (e.disabled = !t.enabled, e instanceof HTMLInputElement && (e.type === "radio" || e.type === "checkbox") || (e.required = r)) : sc(e) ? fc(e, t.enabled, r) : e.setAttribute("contenteditable", t.enabled ? "true" : "false"), e.setAttribute("aria-disabled", String(!t.enabled)), e.setAttribute("aria-required", String(r));
+			e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement ? (e.disabled = !t.enabled, e instanceof HTMLInputElement && (e.type === "radio" || e.type === "checkbox") || (e.required = r)) : cc(e) ? pc(e, t.enabled, r) : e.setAttribute("contenteditable", t.enabled ? "true" : "false"), e.setAttribute("aria-disabled", String(!t.enabled)), e.setAttribute("aria-required", String(r));
 		}
 	}
 }
-function _l(e) {
+function vl(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let [n, r] of Object.entries(e ?? {})) {
 		if (!r.compute) continue;
@@ -9883,7 +9893,7 @@ function _l(e) {
 	}
 	return t;
 }
-function vl(e, t) {
+function yl(e, t) {
 	let n = { ...t }, r = {};
 	for (let [t, i] of e) {
 		let e = i.evaluate(n), a = e === void 0 ? "" : String(e);
@@ -9891,7 +9901,7 @@ function vl(e, t) {
 	}
 	return r;
 }
-var yl = h`
+var bl = h`
   :host {
     display: block;
     font-family: var(--formdown-font-family, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
@@ -10723,11 +10733,11 @@ var yl = h`
     }
   }
 `;
-function bl(e) {
+function xl(e) {
 	let t = [...new Set(Object.values(e ?? {}).map((e) => e.type))];
 	return j().getFieldTypeRegistry().getStylesForTypes(t);
 }
-var xl = class {
+var Sl = class {
 	constructor(e) {
 		this.css = "", this.root = e;
 	}
@@ -10743,17 +10753,17 @@ var xl = class {
 	adoptable() {
 		return "adoptedStyleSheets" in this.root && typeof CSSStyleSheet < "u" && "replaceSync" in CSSStyleSheet.prototype;
 	}
-}, Sl = "data-formdown-error-for", Cl = "data-formdown-described-by", wl = "field-error";
-function Tl(e, t) {
+}, Cl = "data-formdown-error-for", wl = "data-formdown-described-by", Tl = "field-error";
+function El(e, t) {
 	let n = Array.from(e.querySelectorAll("[name]")).filter((e) => e.getAttribute("name") === t);
 	if (n.length > 0) return n;
 	let r = Array.from(e.querySelectorAll("[data-field-name]")).find((e) => e.dataset.fieldName === t);
 	return r ? [r] : [];
 }
-function El(e) {
+function Dl(e) {
 	return e.isContentEditable || e.getAttribute("contenteditable") === "true";
 }
-function Dl(e) {
+function Ol(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let { field: n, message: r } of e) {
 		let e = t.get(n) ?? [];
@@ -10761,37 +10771,37 @@ function Dl(e) {
 	}
 	return t;
 }
-function Ol(e, t) {
-	for (let n of Array.from(e.querySelectorAll(`[${Sl}]`))) (t === void 0 || n.getAttribute(Sl) === t) && n.remove();
-	let n = Array.from(e.querySelectorAll(`[${Cl}]`));
+function kl(e, t) {
+	for (let n of Array.from(e.querySelectorAll(`[${Cl}]`))) (t === void 0 || n.getAttribute(Cl) === t) && n.remove();
+	let n = Array.from(e.querySelectorAll(`[${wl}]`));
 	for (let e of n) {
 		if (t !== void 0 && (e.getAttribute("name") ?? e.dataset.fieldName) !== t) continue;
-		let n = e.getAttribute(Cl);
-		n ? e.setAttribute("aria-describedby", n) : e.removeAttribute("aria-describedby"), e.removeAttribute(Cl), e.removeAttribute("aria-invalid"), e.classList.remove(wl), e.classList.length === 0 && e.removeAttribute("class");
+		let n = e.getAttribute(wl);
+		n ? e.setAttribute("aria-describedby", n) : e.removeAttribute("aria-describedby"), e.removeAttribute(wl), e.removeAttribute("aria-invalid"), e.classList.remove(Tl), e.classList.length === 0 && e.removeAttribute("class");
 	}
 }
-function kl(e, t, n) {
-	Ol(e, t);
-	let r = Tl(e, t), i = r[0];
+function Al(e, t, n) {
+	kl(e, t);
+	let r = El(e, t), i = r[0];
 	if (!i || n.length === 0) return;
-	let a = El(i), o = i.ownerDocument.createElement(a ? "span" : "div");
-	o.className = "validation-error-message", o.setAttribute("part", "field-error"), o.setAttribute(Sl, t), o.id = `${i.id || `formdown-${t}`}-validation`, o.textContent = n.join("\n");
-	for (let e of r) e.setAttribute(Cl, e.getAttribute("aria-describedby") ?? ""), e.setAttribute("aria-describedby", [e.getAttribute("aria-describedby"), o.id].filter(Boolean).join(" ")), e.setAttribute("aria-invalid", "true"), e.classList.add(wl);
+	let a = Dl(i), o = i.ownerDocument.createElement(a ? "span" : "div");
+	o.className = "validation-error-message", o.setAttribute("part", "field-error"), o.setAttribute(Cl, t), o.id = `${i.id || `formdown-${t}`}-validation`, o.textContent = n.join("\n");
+	for (let e of r) e.setAttribute(wl, e.getAttribute("aria-describedby") ?? ""), e.setAttribute("aria-describedby", [e.getAttribute("aria-describedby"), o.id].filter(Boolean).join(" ")), e.setAttribute("aria-invalid", "true"), e.classList.add(Tl);
 	a ? i.after(o) : (i.closest(".formdown-field") ?? i.parentElement ?? i).append(o);
 }
-function Al(e, t) {
-	Ol(e);
-	for (let [n, r] of t) kl(e, n, r);
+function jl(e, t) {
+	kl(e);
+	for (let [n, r] of t) Al(e, n, r);
 }
-function jl(e, t, n, r) {
+function Ml(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }
-var Ml = class extends Ge {
+var Nl = class extends Ge {
 	static {
-		this.styles = yl;
+		this.styles = bl;
 	}
 	get data() {
 		return this._data;
@@ -10806,7 +10816,7 @@ var Ml = class extends Ge {
 	}
 	focusField(e) {
 		let t = this.shadowRoot?.querySelector("#content-container");
-		return t ? Zc(t, e) : !1;
+		return t ? Qc(t, e) : !1;
 	}
 	updateField(e, t) {
 		this.data = {
@@ -10818,7 +10828,7 @@ var Ml = class extends Ge {
 		await this.extensionsReady, super.scheduleUpdate();
 	}
 	constructor() {
-		super(), this.content = "", this.bodyHtml = "trust", this.fieldStates = {}, this.choices = {}, this.filterSelectAbove = 20, this.messages = {}, this.shownErrors = /* @__PURE__ */ new Set(), this._data = {}, this.fieldRegistry = /* @__PURE__ */ new Map(), this._isUpdatingUI = !1, this._schema = null, this.computed = /* @__PURE__ */ new Map(), this.formManager = new ac(), this.domBinder = this.formManager.createDOMBinder(), this.setupCoreUIBridge(), this.setupFormManagerEvents();
+		super(), this.content = "", this.bodyHtml = "trust", this.fieldStates = {}, this.choices = {}, this.filterSelectAbove = 20, this.messages = {}, this.shownErrors = /* @__PURE__ */ new Set(), this._data = {}, this.fieldRegistry = /* @__PURE__ */ new Map(), this._isUpdatingUI = !1, this._schema = null, this.computed = /* @__PURE__ */ new Map(), this.formManager = new oc(), this.domBinder = this.formManager.createDOMBinder(), this.setupCoreUIBridge(), this.setupFormManagerEvents();
 	}
 	setupCoreUIBridge() {
 		this.formManager.setupComponentBridge({
@@ -10854,15 +10864,15 @@ var Ml = class extends Ge {
 			isValid: !0,
 			errors: []
 		};
-		let e = this.formManager.validate({ messages: this.messages }), t = Dl(e.errors), n = this.shadowRoot?.querySelector("#content-container");
-		return n && Al(n, t), this.shownErrors = new Set(t.keys()), e;
+		let e = this.formManager.validate({ messages: this.messages }), t = Ol(e.errors), n = this.shadowRoot?.querySelector("#content-container");
+		return n && jl(n, t), this.shownErrors = new Set(t.keys()), e;
 	}
 	recheckShownErrors() {
 		if (this.shownErrors.size === 0 || !this._schema) return;
 		let e = this.shadowRoot?.querySelector("#content-container");
 		if (!e) return;
-		let t = Dl($s(this.formManager.getData(), this._schema, { messages: this.messages }).errors), n = new Map([...t].filter(([e]) => this.shownErrors.has(e)));
-		Al(e, n), this.shownErrors = new Set(n.keys());
+		let t = Ol(ec(this.formManager.getData(), this._schema, { messages: this.messages }).errors), n = new Map([...t].filter(([e]) => this.shownErrors.has(e)));
+		jl(e, n), this.shownErrors = new Set(n.keys());
 	}
 	getSchema() {
 		return this._schema;
@@ -10879,7 +10889,7 @@ var Ml = class extends Ge {
 	render() {
 		if (!this.content || !this.content.trim()) return De`<div class="error">No Formdown content provided</div>`;
 		try {
-			this.formManager.parse(this.content), this._schema = this.formManager.getSchema(), this.computed = _l(this._schema), this.data && Object.keys(this.data).length > 0 && this.formManager.updateData(this.data);
+			this.formManager.parse(this.content), this._schema = this.formManager.getSchema(), this.computed = vl(this._schema), this.data && Object.keys(this.data).length > 0 && this.formManager.updateData(this.data);
 			let e = this.formManager.renderToTemplate({
 				container: this,
 				html: this.bodyHtml
@@ -10899,12 +10909,12 @@ var Ml = class extends Ge {
 			this.syncUIFromData();
 		}, 0)), e.has("data") && this.syncUIFromData(), (e.has("data") || e.has("messages")) && !e.has("content") && this.recheckShownErrors(), e.has("fieldStates") && !e.has("content") && this.drawFieldStates(), e.has("choices") && !e.has("content") && !e.has("data") && this.syncUIFromData(), e.has("filterSelectAbove") && !e.has("content")) {
 			let e = this.shadowRoot?.querySelector("#content-container");
-			e && rl(e, this.filterSelectAbove);
+			e && il(e, this.filterSelectAbove);
 		}
 	}
 	drawFieldStates() {
 		let e = this.shadowRoot?.querySelector("#content-container");
-		e && Uc(e, this.fieldStates ?? {}, {
+		e && Wc(e, this.fieldStates ?? {}, {
 			onPick: (e, t) => this.dispatchEvent(new CustomEvent("formdown-suggestion-pick", {
 				detail: {
 					field: e,
@@ -10924,7 +10934,7 @@ var Ml = class extends Ge {
 		if (this.content && this.content.trim()) try {
 			let e = this.shadowRoot?.querySelector("#content-container");
 			if (!e) return;
-			this.formManager.parse(this.content), this._schema = this.formManager.getSchema(), this.computed = _l(this._schema), this.fieldTypeSheet ??= new xl(this.shadowRoot), this.fieldTypeSheet.set(bl(this._schema)), this.data && Object.keys(this.data).length > 0 && this.formManager.updateData(this.data);
+			this.formManager.parse(this.content), this._schema = this.formManager.getSchema(), this.computed = vl(this._schema), this.fieldTypeSheet ??= new Sl(this.shadowRoot), this.fieldTypeSheet.set(xl(this._schema)), this.data && Object.keys(this.data).length > 0 && this.formManager.updateData(this.data);
 			let t = this.formManager.renderToTemplate({
 				container: this,
 				html: this.bodyHtml
@@ -10953,14 +10963,14 @@ var Ml = class extends Ge {
 			let t = e, n = this.getFieldName(t);
 			n && (this.registerField(n, t), this.setupFieldEventHandlers(t, n));
 		}), this.setupCustomControls(e);
-		for (let t of lc(e)) customElements.whenDefined(t).then(() => {
+		for (let t of uc(e)) customElements.whenDefined(t).then(() => {
 			e.isConnected && (this.setupCustomControls(e), this.syncUIFromData());
 		});
 		let t = e.querySelectorAll("input:not([type=\"radio\"]):not([type=\"checkbox\"]), [contenteditable=\"true\"]");
 		this.setupBasicKeyboardNavigation(t);
 	}
 	setupCustomControls(e) {
-		for (let t of cc(e)) {
+		for (let t of lc(e)) {
 			let e = t.getAttribute("name");
 			this.fieldRegistry.get(e)?.has(t) || (this.registerField(e, t), this.setupFieldEventHandlers(t, e));
 		}
@@ -10980,14 +10990,28 @@ var Ml = class extends Ge {
 	setupFieldEventHandlers(e, t) {
 		this.domBinder.bindFieldToElement(t, e);
 		let n = (n) => {
+			if (e instanceof HTMLInputElement && e.type === "file") {
+				if (n.type === "change") {
+					let n = Array.from(e.files ?? []);
+					this.dispatchEvent(new CustomEvent("formdown-file-pick", {
+						detail: {
+							field: t,
+							files: n
+						},
+						bubbles: !0,
+						composed: !0
+					}));
+				}
+				return;
+			}
 			let r = this.data[t];
 			this.formManager.handleUIEvent(n, this.domBinder);
 			let i = this.getFieldValueFromElement(e);
-			Nl(r, i) || this.updateDataReactively(t, i);
+			Pl(r, i) || this.updateDataReactively(t, i);
 		};
 		e.addEventListener("input", n), e.addEventListener("change", n), e.addEventListener("focus", (e) => {
 			let t = e.target;
-			Yc.delete(t) || (t.hasAttribute("contenteditable") && setTimeout(() => {
+			Xc.delete(t) || (t.hasAttribute("contenteditable") && setTimeout(() => {
 				let e = document.createRange(), n = window.getSelection();
 				n && t.textContent && (e.selectNodeContents(t), n.removeAllRanges(), n.addRange(e));
 			}, 0), t instanceof HTMLInputElement && t.type !== "file" && t.type !== "checkbox" && t.type !== "radio" && setTimeout(() => {
@@ -11005,7 +11029,7 @@ var Ml = class extends Ge {
 		}, this.emitFieldEvents(e, t));
 	}
 	followComputed() {
-		let e = vl(this.computed, this.formManager.getData());
+		let e = yl(this.computed, this.formManager.getData());
 		for (let [t, n] of Object.entries(e)) this.formManager.setFieldValue(t, n);
 		return e;
 	}
@@ -11014,11 +11038,11 @@ var Ml = class extends Ge {
 			this._isUpdatingUI = !0;
 			try {
 				let e = this.shadowRoot?.activeElement, t = this.shadowRoot?.querySelector("#content-container");
-				if (t) for (let e of [...Tc(t, this.choices ?? {}), ...hc(t, this.data)]) this.registerField(e.name, e), this.setupFieldEventHandlers(e, e.name);
+				if (t) for (let e of [...Ec(t, this.choices ?? {}), ...gc(t, this.data)]) this.registerField(e.name, e), this.setupFieldEventHandlers(e, e.name);
 				this.domBinder.getValueAssignments(this.data).forEach(({ element: t, value: n, fieldType: r }) => {
 					let i = t;
-					i !== e && mc(i, n, r);
-				}), t && xc(t, this.data), t && this._schema && gl(t, this._schema, this.data), t && rl(t, this.filterSelectAbove), t && Bc(t);
+					i !== e && hc(i, n, r);
+				}), t && Sc(t, this.data), t && this._schema && _l(t, this._schema, this.data), t && il(t, this.filterSelectAbove), t && Vc(t);
 			} finally {
 				this._isUpdatingUI = !1, this.domBinder.releaseSyncLock();
 			}
@@ -11028,7 +11052,7 @@ var Ml = class extends Ge {
 		return e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement ? e.name || e.id || null : e.dataset.fieldName || e.id || null;
 	}
 	getFieldValueFromElement(e) {
-		if (sc(e)) return uc(e);
+		if (cc(e)) return dc(e);
 		if (e instanceof HTMLInputElement) {
 			if (e.type === "checkbox") {
 				let t = e.name, n = this.formManager.createFieldProcessor().processCheckboxGroup(t, {
@@ -11067,12 +11091,15 @@ var Ml = class extends Ge {
 	getFormData() {
 		return this.formManager.getData();
 	}
+	getConditionStates() {
+		return this.formManager.getConditionStates();
+	}
 	getDefaultValues() {
 		return this.formManager.getDefaultValues();
 	}
 	clearValidationStates() {
 		let e = this.shadowRoot?.querySelector("#content-container");
-		e && (Ol(e), this.shownErrors.clear());
+		e && (kl(e), this.shownErrors.clear());
 	}
 	resetForm() {
 		this.formManager.reset(), this.data = this.formManager.getData(), this.clearValidationStates();
@@ -11086,33 +11113,33 @@ var Ml = class extends Ge {
 				let n = t.querySelector(`[data-field-name="${CSS.escape(e)}"]`) ?? t.querySelector(`#${CSS.escape(e)}`);
 				r = n ? [n] : [];
 			}
-			for (let e of r) mc(e, n, e instanceof HTMLInputElement ? e.type : e.dataset.fieldType ?? "text"), e.dispatchEvent(new Event("input", { bubbles: !0 }));
+			for (let e of r) hc(e, n, e instanceof HTMLInputElement ? e.type : e.dataset.fieldType ?? "text"), e.dispatchEvent(new Event("input", { bubbles: !0 }));
 		}), this.data = { ...e });
 	}
 };
-jl([O()], Ml.prototype, "content", void 0), jl([O({ attribute: "body-html" })], Ml.prototype, "bodyHtml", void 0), jl([O({ attribute: !1 })], Ml.prototype, "fieldStates", void 0), jl([O({ attribute: !1 })], Ml.prototype, "choices", void 0), jl([O({
+Ml([O()], Nl.prototype, "content", void 0), Ml([O({ attribute: "body-html" })], Nl.prototype, "bodyHtml", void 0), Ml([O({ attribute: !1 })], Nl.prototype, "fieldStates", void 0), Ml([O({ attribute: !1 })], Nl.prototype, "choices", void 0), Ml([O({
 	attribute: "filter-select-above",
 	type: Number
-})], Ml.prototype, "filterSelectAbove", void 0), jl([O({ attribute: !1 })], Ml.prototype, "messages", void 0), jl([O({ type: Object })], Ml.prototype, "data", null), Ml = jl([qe("formdown-ui")], Ml);
-function Nl(e, t) {
+})], Nl.prototype, "filterSelectAbove", void 0), Ml([O({ attribute: !1 })], Nl.prototype, "messages", void 0), Ml([O({ type: Object })], Nl.prototype, "data", null), Nl = Ml([qe("formdown-ui")], Nl);
+function Pl(e, t) {
 	if (Array.isArray(t)) {
 		let n = Array.isArray(e) ? e.map(String) : e == null ? [] : [String(e)];
 		return n.length === t.length && n.every((e, n) => e === t[n]);
 	}
-	return e == null ? t === "" || t === !1 : typeof t == "boolean" ? pc(e) === t : String(e) === t;
+	return e == null ? t === "" || t === !1 : typeof t == "boolean" ? mc(e) === t : String(e) === t;
 }
 // \0@oxc-project+runtime@0.155.0/helpers/esm/decorate.js
-function Pl(e, t, n, r) {
+function Fl(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
 	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
 	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }
 // src/lowline-form.ts
-var Fl = 300, $ = class extends Ge {
+var Il = 300, $ = class extends Ge {
 	constructor(...e) {
 		super(...e), this.src = "/lowline", this.form = "", this.record = "", this.content = "", this.data = {}, this.rate = .05, this.strings = i, this.client = new c(this.src), this.fieldStates = {}, this.canJudge = !0, this.changed = () => {
-			clearTimeout(this.asking), this.asking = setTimeout(() => void this.ask(), Fl);
+			clearTimeout(this.asking), this.asking = setTimeout(() => void this.ask(), Il);
 		}, this.picked = (e) => {
 			let { field: t, value: n } = e.detail;
 			this.session?.picked(t);
@@ -11216,5 +11243,5 @@ var Fl = 300, $ = class extends Ge {
 		super.disconnectedCallback(), clearTimeout(this.asking);
 	}
 };
-Pl([O()], $.prototype, "src", void 0), Pl([O()], $.prototype, "form", void 0), Pl([O()], $.prototype, "record", void 0), Pl([O()], $.prototype, "content", void 0), Pl([O({ attribute: !1 })], $.prototype, "data", void 0), Pl([O({ type: Number })], $.prototype, "rate", void 0), Pl([O({ attribute: !1 })], $.prototype, "strings", void 0), Pl([Ze("formdown-ui")], $.prototype, "formdown", void 0), $ = Pl([qe("lowline-form")], $);
+Fl([O()], $.prototype, "src", void 0), Fl([O()], $.prototype, "form", void 0), Fl([O()], $.prototype, "record", void 0), Fl([O()], $.prototype, "content", void 0), Fl([O({ attribute: !1 })], $.prototype, "data", void 0), Fl([O({ type: Number })], $.prototype, "rate", void 0), Fl([O({ attribute: !1 })], $.prototype, "strings", void 0), Fl([Ze("formdown-ui")], $.prototype, "formdown", void 0), $ = Fl([qe("lowline-form")], $);
 export { e as Draft, c as LowlineClient, s as LowlineError, $ as LowlineForm, a as Session, i as englishStrings, r as valuesOf };

package/dist/session.d.ts

@@ -10,7 +10,7 @@ export type Basis = {
     similarity: number;
 };
 /** Why a decided field is shown no suggestion. */
-export type Abstain = 'off' | 'no-evidence' | 'unsure' | 'not-allowed' | 'needs-judgement' | 'not-a-choice' | 'malformed';
+export type Abstain = 'off' | 'no-evidence' | 'unsure' | 'not-allowed' | 'needs-judgement' | 'not-a-choice' | 'malformed' | 'together';
 /** What the host's engine says to show for one decided field. */
 export interface Proposal {
     field: string;
@@ -21,6 +21,8 @@ export interface Proposal {
     basis?: Basis[];
     abstain: Abstain | null;
     asks?: [string, string][];
+    /** For `together`: the fields of its group, still open, that are shown no suggestion. */
+    with?: string[];
     /**
      * How often an answer of this kind for this field has been right — the replay's precision at the threshold the
      * suggestion was held to. Absent with no suggestion, for a judgement or a value from elsewhere, and before thresholds

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/lowline-form",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "The Lowline form element: a formdown form whose decided fields are suggested from the records people confirmed, talking to a Lowline host's routes.",
   "license": "MIT",
   "repository": {
@@ -40,7 +40,7 @@
     "bundle": "vite build --config vite.bundle.config.ts"
   },
   "dependencies": {
-    "@formdown/ui": "^0.24.0",
+    "@formdown/ui": "^0.25.0",
     "lit": "^3.3.3"
   },
   "devDependencies": {