@verbb/formie-browser 1.0.9 → 1.0.11

package/CHANGELOG.md

@@ -2,7 +2,21 @@
 
 ## Unreleased
 
-## 1.0.9 - 2026-06-24
+## 1.0.11 - 2026-06-26
+
+### Added
+- Add Radio field **Other** choice support with free-text input, show/hide behaviour, and client-side validation when the Other option is selected. ([#1875](https://github.com/verbb/formie/issues/1875))
+- Add the `password-validation` field module for Password fields, enforcing minimum length and uppercase, lowercase, and special character requirements on the front-end. ([#1880](https://github.com/verbb/formie/issues/1880))
+
+### Changed
+- Insert CSRF hidden inputs during token refresh when cached or statically rendered forms omit them via the `csrfInput: false` render option. ([#2121](https://github.com/verbb/formie/discussions/2121))
+
+## 1.0.10 - 2026-06-26
+
+### Changed
+- Align client-side validation message copy for checkbox/radio option limits, match, number, and min/max rules with server-side Formie validation messages, including `data-formie-validation-match-message` override support on match fields. ([#2907](https://github.com/verbb/formie/issues/2907))
+
+## 1.0.9 - 2026-06-25
 
 ### Changed
 - Improve default theme color contrast for WCAG 2.2 AA — darker error text, muted helper text, and border-only control styling with split border tokens. ([#2475](https://github.com/verbb/formie/issues/2475))

package/dist/chunks/{calculations-CeDgB9jt.js → calculations-DERi2xaC.js}

@@ -2,7 +2,7 @@ import { t as e } from "./debug-BV0DvdHx.js";
 import { r as t, t as n } from "./field-references.keys-58ZSTrCW.js";
 import { n as r, r as i } from "./field-references.resolver-CHwn0G0L.js";
 import { r as a, t as o } from "./shared-Bx9s0i0P.js";
-import { c as s, n as c, r as l, s as u, t as d } from "./dist-BQ4a9hmy.js";
+import { c as s, i as c, r as l, s as u, t as d } from "./dist-BdUy8m_p.js";
 //#region src/js/utils/field-references.row-scope.ts
 var f = new Set([
 	"first",
@@ -159,10 +159,10 @@ function w(e, t, n) {
 	return t.forEach(([e, t]) => {
 		let n = x(t);
 		if (String(n.scope || "").trim()) {
-			o[e] = c(t, y(t.sourceKey || "", n, a).value);
+			o[e] = l(t, y(t.sourceKey || "", n, a).value);
 			return;
 		}
-		o[e] = c(t, r(t.sourceKey || "", a).value);
+		o[e] = l(t, r(t.sourceKey || "", a).value);
 	}), d(o, n.formatting);
 }
 function T(e, r) {
@@ -187,12 +187,12 @@ function T(e, r) {
 	}), o;
 }
 function E(e, t, n, r) {
-	let i = s(r), a = l(r), c = /* @__PURE__ */ new Map(), d = null, f = !1, p = !1, m = !1, h = () => {
-		c.forEach((e, t) => {
+	let i = s(r), a = c(r), l = /* @__PURE__ */ new Map(), d = null, f = !1, p = !1, m = !1, h = () => {
+		l.forEach((e, t) => {
 			e.forEach((e, n) => {
 				t.removeEventListener(n, e);
 			});
-		}), c.clear();
+		}), l.clear();
 	}, g = (e) => {
 		!e || f || queueMicrotask(() => {
 			f || (n.dispatchEvent(new Event("input", { bubbles: !0 })), n.dispatchEvent(new Event("change", { bubbles: !0 })));
@@ -257,8 +257,8 @@ function E(e, t, n, r) {
 		};
 		["input", "change"].forEach((t) => {
 			e.addEventListener(t, r);
-			let n = c.get(e) || /* @__PURE__ */ new Map();
-			n.set(t, r), c.set(e, n);
+			let n = l.get(e) || /* @__PURE__ */ new Map();
+			n.set(t, r), l.set(e, n);
 		});
 	}, b = () => {
 		m || f || (m = !0, queueMicrotask(() => {

package/dist/chunks/checkbox-radio-BY2aTCOG.js

@@ -0,0 +1,177 @@
+import { t as e } from "./debug-BV0DvdHx.js";
+import { c as t, l as n, n as r, t as i } from "./shared-Bx9s0i0P.js";
+//#region src/js/modules/fields/checkbox-radio.ts
+var a = "[data-formie-checkboxes-field-layout], [data-formie-radio-field-layout]", o = "minmaxOptions", s = "otherOptionText", c = "data-formie-checkbox-radio-max-disabled", l = "checkbox-radio", u = "checkbox-radio", d = e("fields", "checkbox-radio");
+function f(e) {
+	return e.hasAttribute("data-checkbox-toggle") || e.hasAttribute("data-formie-checkbox-toggle");
+}
+function p(e) {
+	let t = e(o);
+	if (!t || t === !0 || typeof t != "object") return {
+		min: null,
+		max: null
+	};
+	let n = t;
+	return {
+		min: typeof n.min == "number" ? n.min : null,
+		max: typeof n.max == "number" ? n.max : null
+	};
+}
+function m(e) {
+	return e.hasAttribute("data-formie-other-option") || !!e.closest("[data-formie-other-option]");
+}
+function h(e) {
+	let t = [];
+	return e.querySelectorAll("[data-formie-other-option-text]").forEach((e) => {
+		if (!(e instanceof HTMLInputElement)) return;
+		let n = e.closest("[data-formie-field-option]") ?? e.parentElement;
+		if (!n) return;
+		let r = n.querySelector("input[type=\"checkbox\"][data-formie-other-option], input[type=\"radio\"][data-formie-other-option]") ?? n.querySelector("input[type=\"checkbox\"], input[type=\"radio\"]");
+		r instanceof HTMLInputElement && t.push({
+			choiceInput: r,
+			textInput: e
+		});
+	}), t;
+}
+function g(e) {
+	h(e).forEach(({ choiceInput: e, textInput: t }) => {
+		let n = e.checked;
+		t.disabled = !n, n || (t.value = "");
+	});
+}
+function _(e) {
+	let t = h(e);
+	if (!t.length) return () => {};
+	let n = [];
+	return Array.from(e.querySelectorAll("input[type=\"checkbox\"], input[type=\"radio\"]")).filter((e) => e instanceof HTMLInputElement && !f(e)).forEach((t) => {
+		let r = () => {
+			g(e);
+		};
+		t.addEventListener("change", r), n.push(() => {
+			t.removeEventListener("change", r);
+		});
+	}), t.forEach(({ textInput: t }) => {
+		let r = () => {
+			g(e);
+		};
+		t.addEventListener("input", r), t.addEventListener("change", r), n.push(() => {
+			t.removeEventListener("input", r), t.removeEventListener("change", r);
+		});
+	}), g(e), () => {
+		n.forEach((e) => {
+			e();
+		});
+	};
+}
+function v(e) {
+	return Array.from(e.querySelectorAll("input[type=\"checkbox\"]")).filter((e) => e instanceof HTMLInputElement && !f(e)).filter((e) => e.checked).length;
+}
+function y(e) {
+	n(e, u, (e) => {
+		e.addValidator(s, ({ field: e, getRule: t }) => !e || !t(s) ? !0 : h(e).every(({ choiceInput: e, textInput: t }) => e.checked ? t.value.trim() !== "" : !0), ({ field: e, label: t, t: n, getRule: r }) => {
+			if (!e || !r(s)) return n("{label} is invalid.", { label: t });
+			let i = h(e).find(({ choiceInput: e }) => e.checked)?.choiceInput.closest("[data-formie-field-option]")?.querySelector("[data-formie-field-option-label]")?.textContent?.trim() ?? t;
+			return e.getAttribute("data-formie-validation-other-option-text-message") ?? n("Please enter a value for “{label}”.", { label: i });
+		}), e.addValidator(o, ({ field: e, getRule: t }) => {
+			if (!e || !t(o)) return !0;
+			let n = v(e), { min: r, max: i } = p(t);
+			return !(r !== null && n < r || i !== null && n > i);
+		}, ({ field: e, label: t, t: n, getRule: r }) => {
+			if (!e) return n("{label} is invalid.", { label: t });
+			let i = v(e), { min: a, max: o } = p(r);
+			return a !== null && i < a ? e.getAttribute("data-formie-validation-min-options-message") ?? n("{label} should contain at least {min, number} {min, plural, one{option} other{options}}.", {
+				label: t,
+				min: a
+			}) : o !== null && i > o ? e.getAttribute("data-formie-validation-max-options-message") ?? n("{label} should contain at most {max, number} {max, plural, one{option} other{options}}.", {
+				label: t,
+				max: o
+			}) : n("{label} is invalid.", { label: t });
+		});
+	});
+}
+function b(e) {
+	t(e, u, [o, s]);
+}
+function x(e) {
+	e.checked ? e.setAttribute("checked", "") : e.removeAttribute("checked");
+}
+function S(e) {
+	let t = Array.from(e.querySelectorAll("input[type=\"checkbox\"][required][data-formie-checkbox-input]")).filter((e) => e instanceof HTMLInputElement);
+	if (!t.length) return;
+	let n = t.some((e) => e.checked);
+	t.forEach((e) => {
+		if (n) {
+			e.removeAttribute("required"), e.setAttribute("aria-required", "false");
+			return;
+		}
+		e.setAttribute("required", "true"), e.setAttribute("aria-required", "true");
+	});
+}
+function C(e) {
+	let t = parseInt(e.closest("[data-formie-field-handle]")?.getAttribute("data-formie-max-options") || "", 10);
+	if (!(t > 0)) return;
+	let n = Array.from(e.querySelectorAll("input[type=\"checkbox\"]")).filter((e) => e instanceof HTMLInputElement && !f(e) && !m(e)), r = n.filter((e) => e.checked).length >= t;
+	n.forEach((e) => {
+		let t = r && !e.checked, n = e.hasAttribute(c);
+		if (t) {
+			e.disabled || (e.disabled = !0, e.setAttribute(c, "true"));
+			return;
+		}
+		n && (e.disabled = !1, e.removeAttribute(c));
+	});
+}
+function w(e, t) {
+	Array.from(e.querySelectorAll("input[type=\"checkbox\"]")).filter((e) => e instanceof HTMLInputElement && e !== t && !f(e)).forEach((e) => {
+		e.disabled && !e.checked || (e.checked = t.checked, x(e), e.dispatchEvent(new Event("change", { bubbles: !0 })), e.dispatchEvent(new Event("input", { bubbles: !0 })));
+	});
+}
+function T(e, t) {
+	if (!e.checked || !e.name) {
+		x(e);
+		return;
+	}
+	Array.from(t.querySelectorAll(`input[type="radio"][name="${r(e.name)}"]`)).filter((e) => e instanceof HTMLInputElement).forEach((e) => {
+		x(e);
+	});
+}
+function E(e) {
+	let t = Array.from(e.querySelectorAll("input[type=\"checkbox\"], input[type=\"radio\"]")).filter((e) => e instanceof HTMLInputElement);
+	if (!t.length) return d.log("No checkbox/radio inputs found for field."), () => {};
+	let n = t.map((t) => {
+		let n = t.type === "radio" ? "change" : "click", r = () => {
+			x(t), t.type === "checkbox" && f(t) && w(e, t), t.type === "radio" && T(t, e), S(e), C(e), queueMicrotask(() => {
+				g(e);
+			}), d.log("Input interaction processed.", {
+				inputName: t.name,
+				inputType: t.type,
+				checked: t.checked
+			});
+		};
+		return t.addEventListener(n, r), x(t), () => {
+			t.removeEventListener(n, r);
+		};
+	}), r = _(e);
+	return S(e), C(e), g(e), i(e, l, "init", { checkboxRadio: e }), () => {
+		n.forEach((e) => {
+			e();
+		}), r();
+	};
+}
+var D = {
+	id: l,
+	kind: "field",
+	match: (e) => e.target instanceof HTMLElement && (e.target.matches(a) || !!e.target.querySelector(a)),
+	setup: async (e) => {
+		if (!(e.target instanceof HTMLElement)) return;
+		let t = e.target.matches(a) ? [e.target] : Array.from(e.target.querySelectorAll(a)).filter((e) => e instanceof HTMLElement);
+		y(e.form), d.log("Module setup.", { fieldCount: t.length });
+		let n = t.map((e) => E(e));
+		return await e.emit("formie:module:checkbox-radio:init", { count: t.length }), { destroy: () => {
+			n.forEach((e) => {
+				e();
+			}), b(e.form), d.log("Module destroy.", { fieldCount: t.length }), e.emit("formie:module:checkbox-radio:destroy", {});
+		} };
+	}
+};
+//#endregion
+export { D as checkboxRadioModule };

package/dist/chunks/{conditions-B6_nzpeE.js → conditions-65kBcFWW.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./debug-BV0DvdHx.js";
 import { t } from "./field-references.keys-58ZSTrCW.js";
 import { n } from "./shared-Bx9s0i0P.js";
-import { a as r, o as i } from "./dist-BQ4a9hmy.js";
+import { a as r, o as i } from "./dist-BdUy8m_p.js";
 //#region src/js/modules/fields/conditions/config.ts
 var a = "[data-formie-conditions]";
 function o(e) {

package/dist/chunks/{dist-BQ4a9hmy.js → dist-BdUy8m_p.js}

@@ -2656,4 +2656,4 @@ function P(e) {
 	};
 }
 //#endregion
-export { g as a, x as c, P as i, T as n, h as o, S as r, E as s, C as t };
+export { g as a, x as c, S as i, P as n, h as o, T as r, E as s, C as t };

package/dist/chunks/password-validation-T0vDQPCr.js

@@ -0,0 +1,49 @@
+import { c as e, i as t, l as n } from "./shared-Bx9s0i0P.js";
+import { n as r } from "./dist-BdUy8m_p.js";
+//#region src/js/modules/fields/password-validation.ts
+var i = "input[data-formie-password-input]", a = [
+	"passwordMinLength",
+	"passwordUppercase",
+	"passwordLowercase",
+	"passwordSpecialCharacter"
+], o = "password-validation";
+function s(e) {
+	return e instanceof HTMLInputElement && e.matches(i);
+}
+function c(e) {
+	return parseInt(e.getAttribute("data-formie-password-min-length") || "", 10) || 0;
+}
+function l(e) {
+	return e.hasAttribute("data-formie-password-min-length") || e.hasAttribute("data-formie-password-require-uppercase") || e.hasAttribute("data-formie-password-require-lowercase") || e.hasAttribute("data-formie-password-require-special-character");
+}
+function u(e) {
+	return e.value === "";
+}
+function d(e) {
+	n(e, o, (e) => {
+		e.addValidator("passwordMinLength", ({ input: e }) => {
+			if (!s(e)) return !0;
+			let t = c(e);
+			return !t || u(e) ? !0 : r(e.value).graphemeCount >= t;
+		}, ({ label: e, input: t, t: n }) => t.getAttribute("data-formie-validation-min-characters-message") || n("{label} must be no less than {min} characters.", {
+			label: e,
+			min: t.getAttribute("data-formie-password-min-length") || ""
+		})), e.addValidator("passwordUppercase", ({ input: e }) => !s(e) || !e.hasAttribute("data-formie-password-require-uppercase") || u(e) ? !0 : /[A-Z]/.test(e.value), ({ label: e, input: t, t: n }) => t.getAttribute("data-formie-validation-password-uppercase-message") || n("{label} must contain at least one uppercase letter.", { label: e })), e.addValidator("passwordLowercase", ({ input: e }) => !s(e) || !e.hasAttribute("data-formie-password-require-lowercase") || u(e) ? !0 : /[a-z]/.test(e.value), ({ label: e, input: t, t: n }) => t.getAttribute("data-formie-validation-password-lowercase-message") || n("{label} must contain at least one lowercase letter.", { label: e })), e.addValidator("passwordSpecialCharacter", ({ input: e }) => !s(e) || !e.hasAttribute("data-formie-password-require-special-character") || u(e) ? !0 : /[^a-zA-Z0-9]/.test(e.value), ({ label: e, input: t, t: n }) => t.getAttribute("data-formie-validation-password-special-character-message") || n("{label} must contain at least one special character.", { label: e }));
+	});
+}
+function f(t) {
+	e(t, o, a);
+}
+var p = {
+	id: "password-validation",
+	kind: "field",
+	match: (e) => !!e.target.querySelector(`${i}[data-formie-password-min-length], ${i}[data-formie-password-require-uppercase], ${i}[data-formie-password-require-lowercase], ${i}[data-formie-password-require-special-character]`),
+	setup: async (e) => {
+		let n = t(e), r = Array.from((n || e.target).querySelectorAll(i)).filter((e) => e instanceof HTMLInputElement && l(e));
+		return d(e.form), await e.emit("formie:module:password-validation:init", { count: r.length }), { destroy: () => {
+			f(e.form), e.emit("formie:module:password-validation:destroy", {});
+		} };
+	}
+};
+//#endregion
+export { p as passwordValidationModule };

package/dist/chunks/{text-limit-DbgEFHLO.js → text-limit-Bn18WrPU.js}

@@ -1,7 +1,7 @@
 import { i as e } from "./i18n-BY1ds1BL.js";
 import { t } from "./styles-BfoIZwJp.js";
 import { c as n, i as r, l as i } from "./shared-Bx9s0i0P.js";
-import { i as a } from "./dist-BQ4a9hmy.js";
+import { n as a } from "./dist-BdUy8m_p.js";
 //#region src/css/theme/fields/_text-limit.css?inline
 var o = "@layer formie-theme{.formie-limit-number{font-weight:var(--formie-font-weight-semibold);color:var(--formie-color-text)}.formie-limit-number-error{color:var(--formie-color-danger)}}", s = "input[data-formie-single-line-text-input], textarea[data-formie-multi-line-text-input]", c = [
 	"textMinCharacterLimit",

package/dist/css/theme/fields/_check-radio.css

@@ -105,4 +105,29 @@
     .formie-field-has-error .formie-radio-input:focus-visible+.formie-radio-option-label::before {
         box-shadow: var(--formie-shadow-danger-focus);
     }
+
+    .formie-other-option-text {
+        display: none;
+        flex: 0 0 100%;
+        width: 100%;
+        max-width: 100%;
+        margin-top: var(--formie-space-1);
+    }
+
+    .formie-field-option:has(> input[data-formie-other-option]),
+    .formie-other-option {
+        flex-wrap: wrap;
+        align-items: flex-start;
+    }
+
+    .formie-field-option:has(> input[data-formie-other-option]:checked) > .formie-other-option-text,
+    .formie-field-option:has(> input[data-formie-other-option]:checked) > label ~ .formie-other-option-text,
+    .formie-other-option:has(> input[data-formie-other-option]:checked) > .formie-other-option-text {
+        display: block;
+    }
+
+    .formie-layout-horizontal .formie-field-option:has(> input[data-formie-other-option]),
+    .formie-layout-horizontal .formie-other-option {
+        flex: 1 1 100%;
+    }
 }

package/dist/index.js

@@ -858,16 +858,12 @@ var ct = {
 		},
 		message: ({ input: e, label: t, getRule: n, t: r }) => {
 			let i = n("number"), a = i !== !0 && i && typeof i == "object" && typeof i.min == "number" ? i.min : null, o = i !== !0 && i && typeof i == "object" && typeof i.max == "number" ? i.max : null;
-			return a !== null && o !== null ? e.getAttribute("data-formie-validation-number-min-message") ?? r("{label} must be between {min} and {max}.", {
+			return a !== null && o !== null || a !== null ? e.getAttribute("data-formie-validation-number-min-message") ?? r("{label} must be no less than {min}.", {
 				label: t,
-				min: a,
-				max: o
-			}) : a === null ? o === null ? e.getAttribute("data-formie-validation-number-message") ?? e.getAttribute("data-formie-pattern-number-message") ?? e.getAttribute("data-pattern-number-message") ?? r("{label} is not a valid number.", { label: t }) : e.getAttribute("data-formie-validation-number-max-message") ?? r("{label} must be no greater than {max}.", {
+				min: a
+			}) : o === null ? e.getAttribute("data-formie-validation-number-message") ?? e.getAttribute("data-formie-pattern-number-message") ?? e.getAttribute("data-pattern-number-message") ?? r("{label} is not a valid number.", { label: t }) : e.getAttribute("data-formie-validation-number-max-message") ?? r("{label} must be no greater than {max}.", {
 				label: t,
 				max: o
-			}) : e.getAttribute("data-formie-validation-number-min-message") ?? r("{label} must be no less than {min}.", {
-				label: t,
-				min: a
 			});
 		}
 	},
@@ -878,7 +874,7 @@ var ct = {
 		},
 		message: (e) => {
 			let t = st(e)?.closest("[data-formie-field-handle]"), n = ot(t);
-			return e.t("{label} must match {value}.", {
+			return e.input.getAttribute("data-formie-validation-match-message") ?? e.t("{label} must match {value}.", {
 				label: e.label,
 				value: n
 			});
@@ -1386,10 +1382,10 @@ var L = class {
 	snaptcha: () => import("./chunks/snaptcha-DKx98oon.js").then((e) => e.snaptchaModule),
 	turnstile: () => import("./chunks/turnstile-DJakPzQD.js").then((e) => e.turnstileModule)
 }, Xt = {
-	calculations: () => import("./chunks/calculations-CeDgB9jt.js").then((e) => e.calculationsModule),
-	"checkbox-radio": () => import("./chunks/checkbox-radio-DQ0H67Tj.js").then((e) => e.checkboxRadioModule),
+	calculations: () => import("./chunks/calculations-DERi2xaC.js").then((e) => e.calculationsModule),
+	"checkbox-radio": () => import("./chunks/checkbox-radio-BY2aTCOG.js").then((e) => e.checkboxRadioModule),
 	combobox: () => import("./chunks/combobox-C0EuExSI.js").then((e) => e.comboboxModule),
-	conditions: () => import("./chunks/conditions-B6_nzpeE.js").then((e) => e.conditionsModule),
+	conditions: () => import("./chunks/conditions-65kBcFWW.js").then((e) => e.conditionsModule),
 	"custom-google-maps": () => import("./chunks/custom-google-maps-BsaSirEZ.js").then((e) => e.customGoogleMapsModule),
 	"custom-link": () => import("./chunks/custom-link-CJ1-FjEM.js").then((e) => e.customLinkModule),
 	"custom-maps": () => import("./chunks/custom-maps-DYW_pBid.js").then((e) => e.customMapsModule),
@@ -1398,6 +1394,7 @@ var L = class {
 	"upload-manager": () => import("./chunks/upload-manager-W-QDgxKD.js").then((e) => e.uploadManagerModule),
 	hidden: () => import("./chunks/hidden-D7_Ch-QN.js").then((e) => e.hiddenModule),
 	"phone-country": () => import("./chunks/phone-country-D3ayr60L.js").then((e) => e.phoneCountryModule),
+	"password-validation": () => import("./chunks/password-validation-T0vDQPCr.js").then((e) => e.passwordValidationModule),
 	"address-country": () => import("./chunks/address-country-Rx6GQTND.js").then((e) => e.addressCountryModule),
 	"address-state": () => import("./chunks/address-state-BwE01m2_.js").then((e) => e.addressStateModule),
 	repeater: () => import("./chunks/repeater-BVnPUqTj.js").then((e) => e.repeaterModule),
@@ -1408,7 +1405,7 @@ var L = class {
 	"survey-rank": () => import("./chunks/survey-rank-DN6x4IZM.js").then((e) => e.surveyRankModule),
 	"survey-rating": () => import("./chunks/survey-rating-BnsNL9U5.js").then((e) => e.surveyRatingModule),
 	table: () => import("./chunks/table-CAjCJHrL.js").then((e) => e.tableModule),
-	"text-limit": () => import("./chunks/text-limit-DbgEFHLO.js").then((e) => e.textLimitModule)
+	"text-limit": () => import("./chunks/text-limit-Bn18WrPU.js").then((e) => e.textLimitModule)
 }, Zt = {
 	bpoint: () => import("./chunks/bpoint-C0VOftX9.js").then((e) => e.bpointModule),
 	eway: () => import("./chunks/eway-CS6Y1Yvo.js").then((e) => e.ewayModule),
@@ -1856,7 +1853,7 @@ function nr(e, t) {
 	if (t) {
 		if (t.csrf?.param && t.csrf?.token) {
 			let n = e.querySelector(`input[name="${t.csrf.param}"]`);
-			n && (n.value = t.csrf.token);
+			n ? n.value = t.csrf.token : (n = document.createElement("input"), n.type = "hidden", n.name = t.csrf.param, n.value = t.csrf.token, n.setAttribute("autocomplete", "off"), e.prepend(n));
 		}
 		if (t.requestToken) {
 			let n = e.querySelector("input[name=\"requestToken\"]");

package/dist/js/core/create-formie-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-formie-client.d.ts","sourceRoot":"","sources":["../../../src/js/core/create-formie-client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,YAAY,EAGf,MAAM,mBAAmB,CAAC;AAs1B3B,wBAAgB,kBAAkB,IAAI,YAAY,CAysBjD"}
+{"version":3,"file":"create-formie-client.d.ts","sourceRoot":"","sources":["../../../src/js/core/create-formie-client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,YAAY,EAGf,MAAM,mBAAmB,CAAC;AA81B3B,wBAAgB,kBAAkB,IAAI,YAAY,CAysBjD"}

package/dist/js/modules/fields/checkbox-radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-radio.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/checkbox-radio.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AA6PjE,eAAO,MAAM,mBAAmB,EAAE,sBA+CjC,CAAC"}
+{"version":3,"file":"checkbox-radio.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/checkbox-radio.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AA8XjE,eAAO,MAAM,mBAAmB,EAAE,sBA+CjC,CAAC"}

package/dist/js/modules/fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,sBAAsB,CAAC,CA0B3F,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjE,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,sBAAsB,CAAC,CA2B3F,CAAC"}

package/dist/js/modules/fields/password-validation.d.ts

@@ -0,0 +1,3 @@
+import type { FormieModuleDefinition } from '#contracts/modules';
+export declare const passwordValidationModule: FormieModuleDefinition;
+//# sourceMappingURL=password-validation.d.ts.map

package/dist/js/modules/fields/password-validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-validation.d.ts","sourceRoot":"","sources":["../../../../src/js/modules/fields/password-validation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAwGjE,eAAO,MAAM,wBAAwB,EAAE,sBAyBtC,CAAC"}

package/dist/js/validation/rules/match.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"match.d.ts","sourceRoot":"","sources":["../../../../src/js/validation/rules/match.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAGlE,QAAA,MAAM,KAAK,EAAE,wBAoBZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"match.d.ts","sourceRoot":"","sources":["../../../../src/js/validation/rules/match.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAGlE,QAAA,MAAM,KAAK,EAAE,wBAqBZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verbb/formie-browser",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -70,7 +70,7 @@
     "@placekit/autocomplete-js": "^2.2.1",
     "@uppy/core": "^5.2.0",
     "@uppy/xhr-upload": "^5.2.0",
-    "@verbb/formie-core": "1.0.9",
+    "@verbb/formie-core": "1.0.11",
     "expression-language": "^2.5.4",
     "flatpickr": "^4.6.13",
     "friendly-challenge": "^0.9.19",

package/src/css/theme/fields/_check-radio.css

@@ -105,4 +105,29 @@
     .formie-field-has-error .formie-radio-input:focus-visible+.formie-radio-option-label::before {
         box-shadow: var(--formie-shadow-danger-focus);
     }
+
+    .formie-other-option-text {
+        display: none;
+        flex: 0 0 100%;
+        width: 100%;
+        max-width: 100%;
+        margin-top: var(--formie-space-1);
+    }
+
+    .formie-field-option:has(> input[data-formie-other-option]),
+    .formie-other-option {
+        flex-wrap: wrap;
+        align-items: flex-start;
+    }
+
+    .formie-field-option:has(> input[data-formie-other-option]:checked) > .formie-other-option-text,
+    .formie-field-option:has(> input[data-formie-other-option]:checked) > label ~ .formie-other-option-text,
+    .formie-other-option:has(> input[data-formie-other-option]:checked) > .formie-other-option-text {
+        display: block;
+    }
+
+    .formie-layout-horizontal .formie-field-option:has(> input[data-formie-other-option]),
+    .formie-layout-horizontal .formie-other-option {
+        flex: 1 1 100%;
+    }
 }

package/src/js/core/create-formie-client.ts

@@ -415,9 +415,17 @@ function applyRefreshTokensToForm(form: HTMLFormElement, refreshTokens: FormEndp
     // Refresh-tokens mutates continuity inputs in place so cached or long-lived
     // forms keep submitting with fresh CSRF/request/captcha state.
     if (refreshTokens.csrf?.param && refreshTokens.csrf?.token) {
-        const csrfInput = form.querySelector(`input[name="${refreshTokens.csrf.param}"]`) as HTMLInputElement | null;
+        let csrfInput = form.querySelector(`input[name="${refreshTokens.csrf.param}"]`) as HTMLInputElement | null;
+
         if (csrfInput) {
             csrfInput.value = refreshTokens.csrf.token;
+        } else {
+            csrfInput = document.createElement('input');
+            csrfInput.type = 'hidden';
+            csrfInput.name = refreshTokens.csrf.param;
+            csrfInput.value = refreshTokens.csrf.token;
+            csrfInput.setAttribute('autocomplete', 'off');
+            form.prepend(csrfInput);
         }
     }
 

package/src/js/modules/fields/checkbox-radio.ts

@@ -4,6 +4,7 @@ import { createDebug } from '#utils/debug';
 
 const FIELD_SELECTOR = '[data-formie-checkboxes-field-layout], [data-formie-radio-field-layout]';
 const CHECKBOX_MINMAX_VALIDATOR = 'minmaxOptions';
+const OTHER_OPTION_TEXT_VALIDATOR = 'otherOptionText';
 const MAX_DISABLED_ATTR = 'data-formie-checkbox-radio-max-disabled';
 const MODULE_ID = 'checkbox-radio';
 const VALIDATOR_SCOPE = 'checkbox-radio';
@@ -31,6 +32,94 @@ function getMinMaxRule(getRule: (rule: string) => unknown): { min: number | null
     };
 }
 
+function isOtherOptionInput(input: HTMLInputElement): boolean {
+    return input.hasAttribute('data-formie-other-option')
+        || !!input.closest('[data-formie-other-option]');
+}
+
+function findOtherOptionGroups(field: HTMLElement): Array<{ choiceInput: HTMLInputElement; textInput: HTMLInputElement }> {
+    const groups: Array<{ choiceInput: HTMLInputElement; textInput: HTMLInputElement }> = [];
+
+    field.querySelectorAll('[data-formie-other-option-text]').forEach((node) => {
+        if (!(node instanceof HTMLInputElement)) {
+            return;
+        }
+
+        const container = node.closest('[data-formie-field-option]') ?? node.parentElement;
+
+        if (!container) {
+            return;
+        }
+
+        const choiceInput = container.querySelector('input[type="checkbox"][data-formie-other-option], input[type="radio"][data-formie-other-option]')
+            ?? container.querySelector('input[type="checkbox"], input[type="radio"]');
+
+        if (!(choiceInput instanceof HTMLInputElement)) {
+            return;
+        }
+
+        groups.push({ choiceInput, textInput: node });
+    });
+
+    return groups;
+}
+
+function syncOtherOptionField(field: HTMLElement): void {
+    findOtherOptionGroups(field).forEach(({ choiceInput, textInput }) => {
+        const showTextInput = choiceInput.checked;
+
+        textInput.disabled = !showTextInput;
+
+        if (!showTextInput) {
+            textInput.value = '';
+        }
+    });
+}
+
+function bindOtherOptionField(field: HTMLElement): () => void {
+    const otherOptionGroups = findOtherOptionGroups(field);
+
+    if (!otherOptionGroups.length) {
+        return () => {};
+    }
+
+    const listeners: Array<() => void> = [];
+
+    Array.from(field.querySelectorAll('input[type="checkbox"], input[type="radio"]')).filter((input): input is HTMLInputElement => {
+        return input instanceof HTMLInputElement && !isToggleCheckbox(input);
+    }).forEach((input) => {
+        const handler = () => {
+            syncOtherOptionField(field);
+        };
+
+        input.addEventListener('change', handler);
+        listeners.push(() => {
+            input.removeEventListener('change', handler);
+        });
+    });
+
+    otherOptionGroups.forEach(({ textInput }) => {
+        const handler = () => {
+            syncOtherOptionField(field);
+        };
+
+        textInput.addEventListener('input', handler);
+        textInput.addEventListener('change', handler);
+        listeners.push(() => {
+            textInput.removeEventListener('input', handler);
+            textInput.removeEventListener('change', handler);
+        });
+    });
+
+    syncOtherOptionField(field);
+
+    return () => {
+        listeners.forEach((unbind) => {
+            unbind();
+        });
+    };
+}
+
 function getSelectedOptionCount(field: HTMLElement): number {
     return Array.from(field.querySelectorAll('input[type="checkbox"]')).filter((input): input is HTMLInputElement => {
         return input instanceof HTMLInputElement && !isToggleCheckbox(input);
@@ -43,6 +132,39 @@ function registerValidators(form: HTMLFormElement | null): void {
     // Several checkbox/radio module instances can exist in one form, but the
     // custom validator should only be registered once per form lifecycle.
     retainFormValidators(form, VALIDATOR_SCOPE, (validator) => {
+        validator.addValidator(
+            OTHER_OPTION_TEXT_VALIDATOR,
+        ({ field, getRule }) => {
+            if (!field || !getRule(OTHER_OPTION_TEXT_VALIDATOR)) {
+                return true;
+            }
+
+            return findOtherOptionGroups(field).every(({ choiceInput, textInput }) => {
+                if (!choiceInput.checked) {
+                    return true;
+                }
+
+                return textInput.value.trim() !== '';
+            });
+        },
+        ({ field, label, t, getRule }) => {
+            if (!field || !getRule(OTHER_OPTION_TEXT_VALIDATOR)) {
+                return t('{label} is invalid.', { label });
+            }
+
+            const otherGroup = findOtherOptionGroups(field).find(({ choiceInput }) => {
+                return choiceInput.checked;
+            });
+            const otherLabel = otherGroup?.choiceInput.closest('[data-formie-field-option]')
+                ?.querySelector('[data-formie-field-option-label]')
+                ?.textContent
+                ?.trim()
+                ?? label;
+
+            return field.getAttribute('data-formie-validation-other-option-text-message')
+                ?? t('Please enter a value for “{label}”.', { label: otherLabel });
+        },
+    );
         validator.addValidator(
             CHECKBOX_MINMAX_VALIDATOR,
         ({ field, getRule }) => {
@@ -65,7 +187,7 @@ function registerValidators(form: HTMLFormElement | null): void {
         },
         ({ field, label, t, getRule }) => {
             if (!field) {
-                return t('{label} has an invalid value.', { label });
+                return t('{label} is invalid.', { label });
             }
 
             const selected = getSelectedOptionCount(field);
@@ -81,14 +203,14 @@ function registerValidators(form: HTMLFormElement | null): void {
                     ?? t('{label} should contain at most {max, number} {max, plural, one{option} other{options}}.', { label, max });
             }
 
-            return t('{label} has an invalid value.', { label });
+            return t('{label} is invalid.', { label });
         },
     );
     });
 }
 
 function unregisterValidators(form: HTMLFormElement | null): void {
-    releaseFormValidators(form, VALIDATOR_SCOPE, [CHECKBOX_MINMAX_VALIDATOR]);
+    releaseFormValidators(form, VALIDATOR_SCOPE, [CHECKBOX_MINMAX_VALIDATOR, OTHER_OPTION_TEXT_VALIDATOR]);
 }
 
 function syncCheckedAttribute(input: HTMLInputElement): void {
@@ -134,7 +256,7 @@ function enforceMaxOptions(field: HTMLElement): void {
     }
 
     const checkboxes = Array.from(field.querySelectorAll('input[type="checkbox"]')).filter((input): input is HTMLInputElement => {
-        return input instanceof HTMLInputElement && !isToggleCheckbox(input);
+        return input instanceof HTMLInputElement && !isToggleCheckbox(input) && !isOtherOptionInput(input);
     });
 
     const checked = checkboxes.filter((input) => {
@@ -223,6 +345,9 @@ function bindField(field: HTMLElement): () => void {
 
             syncRequiredCheckboxes(field);
             enforceMaxOptions(field);
+            queueMicrotask(() => {
+                syncOtherOptionField(field);
+            });
             debug.log('Input interaction processed.', {
                 inputName: input.name,
                 inputType: input.type,
@@ -238,8 +363,11 @@ function bindField(field: HTMLElement): () => void {
         };
     });
 
+    const destroyOtherOptionBinding = bindOtherOptionField(field);
+
     syncRequiredCheckboxes(field);
     enforceMaxOptions(field);
+    syncOtherOptionField(field);
     dispatchFieldEvent(field, MODULE_ID, 'init', {
         checkboxRadio: field,
     });
@@ -248,6 +376,7 @@ function bindField(field: HTMLElement): () => void {
         listeners.forEach((unbind) => {
             unbind();
         });
+        destroyOtherOptionBinding();
     };
 }
 

package/src/js/modules/fields/index.ts

@@ -15,6 +15,7 @@ export const builtinFieldModuleLoaders: Record<string, () => Promise<FormieModul
     'upload-manager': () => import('#modules/fields/upload-manager').then((module) => module.uploadManagerModule),
     'hidden': () => import('#modules/fields/hidden').then((module) => module.hiddenModule),
     'phone-country': () => import('#modules/fields/phone-country').then((module) => module.phoneCountryModule),
+    'password-validation': () => import('#modules/fields/password-validation').then((module) => module.passwordValidationModule),
     'address-country': () => import('#modules/fields/address-country').then((module) => module.addressCountryModule),
     'address-state': () => import('#modules/fields/address-state').then((module) => module.addressStateModule),
     'repeater': () => import('#modules/fields/repeater').then((module) => module.repeaterModule),

package/src/js/modules/fields/password-validation.ts

@@ -0,0 +1,132 @@
+import { getTextLimitMetrics } from '@verbb/formie-core';
+
+import type { FormieModuleDefinition } from '#contracts/modules';
+import { getModuleFieldTarget, releaseFormValidators, retainFormValidators } from '#modules/fields/shared';
+
+const INPUT_SELECTOR = 'input[data-formie-password-input]';
+const PASSWORD_VALIDATORS = [
+    'passwordMinLength',
+    'passwordUppercase',
+    'passwordLowercase',
+    'passwordSpecialCharacter',
+] as const;
+const VALIDATOR_SCOPE = 'password-validation';
+
+function isPasswordInput(input: Element): input is HTMLInputElement {
+    return input instanceof HTMLInputElement && input.matches(INPUT_SELECTOR);
+}
+
+function getMinLength(input: HTMLInputElement): number {
+    return parseInt(input.getAttribute('data-formie-password-min-length') || '', 10) || 0;
+}
+
+function hasAnyPasswordValidationAttributes(input: HTMLInputElement): boolean {
+    return input.hasAttribute('data-formie-password-min-length') ||
+        input.hasAttribute('data-formie-password-require-uppercase') ||
+        input.hasAttribute('data-formie-password-require-lowercase') ||
+        input.hasAttribute('data-formie-password-require-special-character');
+}
+
+function hasNoRawValue(input: HTMLInputElement): boolean {
+    return input.value === '';
+}
+
+function registerValidators(form: HTMLFormElement | null): void {
+    retainFormValidators(form, VALIDATOR_SCOPE, (validator) => {
+        validator.addValidator('passwordMinLength', ({ input }) => {
+            if (!isPasswordInput(input)) {
+                return true;
+            }
+
+            const limit = getMinLength(input);
+
+            if (!limit || hasNoRawValue(input)) {
+                return true;
+            }
+
+            return getTextLimitMetrics(input.value).graphemeCount >= limit;
+        }, ({ label, input, t: translate }) => {
+            return input.getAttribute('data-formie-validation-min-characters-message')
+                || translate('{label} must be no less than {min} characters.', {
+                    label,
+                    min: input.getAttribute('data-formie-password-min-length') || '',
+                });
+        });
+
+        validator.addValidator('passwordUppercase', ({ input }) => {
+            if (!isPasswordInput(input) || !input.hasAttribute('data-formie-password-require-uppercase')) {
+                return true;
+            }
+
+            if (hasNoRawValue(input)) {
+                return true;
+            }
+
+            return /[A-Z]/.test(input.value);
+        }, ({ label, input, t: translate }) => {
+            return input.getAttribute('data-formie-validation-password-uppercase-message')
+                || translate('{label} must contain at least one uppercase letter.', { label });
+        });
+
+        validator.addValidator('passwordLowercase', ({ input }) => {
+            if (!isPasswordInput(input) || !input.hasAttribute('data-formie-password-require-lowercase')) {
+                return true;
+            }
+
+            if (hasNoRawValue(input)) {
+                return true;
+            }
+
+            return /[a-z]/.test(input.value);
+        }, ({ label, input, t: translate }) => {
+            return input.getAttribute('data-formie-validation-password-lowercase-message')
+                || translate('{label} must contain at least one lowercase letter.', { label });
+        });
+
+        validator.addValidator('passwordSpecialCharacter', ({ input }) => {
+            if (!isPasswordInput(input) || !input.hasAttribute('data-formie-password-require-special-character')) {
+                return true;
+            }
+
+            if (hasNoRawValue(input)) {
+                return true;
+            }
+
+            return /[^a-zA-Z0-9]/.test(input.value);
+        }, ({ label, input, t: translate }) => {
+            return input.getAttribute('data-formie-validation-password-special-character-message')
+                || translate('{label} must contain at least one special character.', { label });
+        });
+    });
+}
+
+function unregisterValidators(form: HTMLFormElement | null): void {
+    releaseFormValidators(form, VALIDATOR_SCOPE, PASSWORD_VALIDATORS);
+}
+
+export const passwordValidationModule: FormieModuleDefinition = {
+    id: 'password-validation',
+    kind: 'field',
+    match: (ctx) => {
+        return !!ctx.target.querySelector(`${INPUT_SELECTOR}[data-formie-password-min-length], ${INPUT_SELECTOR}[data-formie-password-require-uppercase], ${INPUT_SELECTOR}[data-formie-password-require-lowercase], ${INPUT_SELECTOR}[data-formie-password-require-special-character]`);
+    },
+    setup: async (ctx) => {
+        const field = getModuleFieldTarget(ctx);
+        const inputs = Array.from((field || ctx.target).querySelectorAll(INPUT_SELECTOR)).filter((input): input is HTMLInputElement => {
+            return input instanceof HTMLInputElement && hasAnyPasswordValidationAttributes(input);
+        });
+
+        registerValidators(ctx.form);
+
+        await ctx.emit('formie:module:password-validation:init', {
+            count: inputs.length,
+        });
+
+        return {
+            destroy: () => {
+                unregisterValidators(ctx.form);
+                void ctx.emit('formie:module:password-validation:destroy', {});
+            },
+        };
+    },
+};

package/src/js/validation/rules/match.ts

@@ -16,10 +16,11 @@ const match: ValidationRuleDefinition = {
         const sourceField = sourceInput?.closest('[data-formie-field-handle]') as HTMLElement | null;
         const sourceLabel = getLabelText(sourceField);
 
-        return ctx.t('{label} must match {value}.', {
-            label: ctx.label,
-            value: sourceLabel,
-        });
+        return ctx.input.getAttribute('data-formie-validation-match-message')
+            ?? ctx.t('{label} must match {value}.', {
+                label: ctx.label,
+                value: sourceLabel,
+            });
     },
 };
 

package/src/js/validation/rules/minmax.ts

@@ -29,7 +29,7 @@ const minmax: ValidationRuleDefinition = {
         const max = input.hasAttribute('max') ? parseFloat(input.getAttribute('max') || '') : null;
 
         if (min !== null && max !== null) {
-            return t('{label} must be between {min} and {max}.', { label, min, max });
+            return t('{label} must be no less than {min}.', { label, min });
         }
 
         if (min !== null) {
@@ -40,7 +40,7 @@ const minmax: ValidationRuleDefinition = {
             return t('{label} must be no greater than {max}.', { label, max });
         }
 
-        return t('{label} has an invalid value.', { label });
+        return t('{label} is not a valid number.', { label });
     },
 };
 

package/src/js/validation/rules/number.ts

@@ -36,7 +36,7 @@ const number: ValidationRuleDefinition = {
 
         if (min !== null && max !== null) {
             return input.getAttribute('data-formie-validation-number-min-message')
-                ?? t('{label} must be between {min} and {max}.', { label, min, max });
+                ?? t('{label} must be no less than {min}.', { label, min });
         }
 
         if (min !== null) {

package/dist/chunks/checkbox-radio-DQ0H67Tj.js

@@ -1,125 +0,0 @@
-import { t as e } from "./debug-BV0DvdHx.js";
-import { c as t, l as n, n as r, t as i } from "./shared-Bx9s0i0P.js";
-//#region src/js/modules/fields/checkbox-radio.ts
-var a = "[data-formie-checkboxes-field-layout], [data-formie-radio-field-layout]", o = "minmaxOptions", s = "data-formie-checkbox-radio-max-disabled", c = "checkbox-radio", l = "checkbox-radio", u = e("fields", "checkbox-radio");
-function d(e) {
-	return e.hasAttribute("data-checkbox-toggle") || e.hasAttribute("data-formie-checkbox-toggle");
-}
-function f(e) {
-	let t = e(o);
-	if (!t || t === !0 || typeof t != "object") return {
-		min: null,
-		max: null
-	};
-	let n = t;
-	return {
-		min: typeof n.min == "number" ? n.min : null,
-		max: typeof n.max == "number" ? n.max : null
-	};
-}
-function p(e) {
-	return Array.from(e.querySelectorAll("input[type=\"checkbox\"]")).filter((e) => e instanceof HTMLInputElement && !d(e)).filter((e) => e.checked).length;
-}
-function m(e) {
-	n(e, l, (e) => {
-		e.addValidator(o, ({ field: e, getRule: t }) => {
-			if (!e || !t(o)) return !0;
-			let n = p(e), { min: r, max: i } = f(t);
-			return !(r !== null && n < r || i !== null && n > i);
-		}, ({ field: e, label: t, t: n, getRule: r }) => {
-			if (!e) return n("{label} has an invalid value.", { label: t });
-			let i = p(e), { min: a, max: o } = f(r);
-			return a !== null && i < a ? e.getAttribute("data-formie-validation-min-options-message") ?? n("{label} should contain at least {min, number} {min, plural, one{option} other{options}}.", {
-				label: t,
-				min: a
-			}) : o !== null && i > o ? e.getAttribute("data-formie-validation-max-options-message") ?? n("{label} should contain at most {max, number} {max, plural, one{option} other{options}}.", {
-				label: t,
-				max: o
-			}) : n("{label} has an invalid value.", { label: t });
-		});
-	});
-}
-function h(e) {
-	t(e, l, [o]);
-}
-function g(e) {
-	e.checked ? e.setAttribute("checked", "") : e.removeAttribute("checked");
-}
-function _(e) {
-	let t = Array.from(e.querySelectorAll("input[type=\"checkbox\"][required][data-formie-checkbox-input]")).filter((e) => e instanceof HTMLInputElement);
-	if (!t.length) return;
-	let n = t.some((e) => e.checked);
-	t.forEach((e) => {
-		if (n) {
-			e.removeAttribute("required"), e.setAttribute("aria-required", "false");
-			return;
-		}
-		e.setAttribute("required", "true"), e.setAttribute("aria-required", "true");
-	});
-}
-function v(e) {
-	let t = parseInt(e.closest("[data-formie-field-handle]")?.getAttribute("data-formie-max-options") || "", 10);
-	if (!(t > 0)) return;
-	let n = Array.from(e.querySelectorAll("input[type=\"checkbox\"]")).filter((e) => e instanceof HTMLInputElement && !d(e)), r = n.filter((e) => e.checked).length >= t;
-	n.forEach((e) => {
-		let t = r && !e.checked, n = e.hasAttribute(s);
-		if (t) {
-			e.disabled || (e.disabled = !0, e.setAttribute(s, "true"));
-			return;
-		}
-		n && (e.disabled = !1, e.removeAttribute(s));
-	});
-}
-function y(e, t) {
-	Array.from(e.querySelectorAll("input[type=\"checkbox\"]")).filter((e) => e instanceof HTMLInputElement && e !== t && !d(e)).forEach((e) => {
-		e.disabled && !e.checked || (e.checked = t.checked, g(e), e.dispatchEvent(new Event("change", { bubbles: !0 })), e.dispatchEvent(new Event("input", { bubbles: !0 })));
-	});
-}
-function b(e, t) {
-	if (!e.checked || !e.name) {
-		g(e);
-		return;
-	}
-	Array.from(t.querySelectorAll(`input[type="radio"][name="${r(e.name)}"]`)).filter((e) => e instanceof HTMLInputElement).forEach((e) => {
-		g(e);
-	});
-}
-function x(e) {
-	let t = Array.from(e.querySelectorAll("input[type=\"checkbox\"], input[type=\"radio\"]")).filter((e) => e instanceof HTMLInputElement);
-	if (!t.length) return u.log("No checkbox/radio inputs found for field."), () => {};
-	let n = t.map((t) => {
-		let n = t.type === "radio" ? "change" : "click", r = () => {
-			g(t), t.type === "checkbox" && d(t) && y(e, t), t.type === "radio" && b(t, e), _(e), v(e), u.log("Input interaction processed.", {
-				inputName: t.name,
-				inputType: t.type,
-				checked: t.checked
-			});
-		};
-		return t.addEventListener(n, r), g(t), () => {
-			t.removeEventListener(n, r);
-		};
-	});
-	return _(e), v(e), i(e, c, "init", { checkboxRadio: e }), () => {
-		n.forEach((e) => {
-			e();
-		});
-	};
-}
-var S = {
-	id: c,
-	kind: "field",
-	match: (e) => e.target instanceof HTMLElement && (e.target.matches(a) || !!e.target.querySelector(a)),
-	setup: async (e) => {
-		if (!(e.target instanceof HTMLElement)) return;
-		let t = e.target.matches(a) ? [e.target] : Array.from(e.target.querySelectorAll(a)).filter((e) => e instanceof HTMLElement);
-		m(e.form), u.log("Module setup.", { fieldCount: t.length });
-		let n = t.map((e) => x(e));
-		return await e.emit("formie:module:checkbox-radio:init", { count: t.length }), { destroy: () => {
-			n.forEach((e) => {
-				e();
-			}), h(e.form), u.log("Module destroy.", { fieldCount: t.length }), e.emit("formie:module:checkbox-radio:destroy", {});
-		} };
-	}
-};
-//#endregion
-export { S as checkboxRadioModule };