@verbb/formie-browser 1.0.13 → 1.0.15

package/CHANGELOG.md

@@ -2,6 +2,86 @@
 
 ## Unreleased
 
+## 1.0.15 - 2026-10-15
+
+### Changed
+- Rename field module settings to `allowedCountryCodes`, `maxFiles`, `minFileSize` and `maxFileSize` to match the PHP field API.
+- Remove the unused legacy frontend-theme attribute from mounted forms.
+
+### Fixed
+- Fixed adding or removing repeater rows with the mouse automatically focusing fields in the submission editor, and keyboard focus targeting field wrappers instead of controls.
+- Fixed hiding an unused state field triggering an unsaved-changes warning when opening a submission.
+- Fixed PlaceKit autocomplete clearing the selected state when using a dynamic State / Province dropdown.
+- Fixed dynamic state dropdowns using control-panel markup, including country changes and preservation of historical saved values.
+- Fixed browser event compatibility not inheriting the setting from forms loaded into a wrapper through REST or GraphQL.
+- Fixed resetting forms leaving added repeater rows or failing to restore removed rows and dynamic address state values.
+- Fixed dynamic address state fields failing to reappear after selecting a country that uses states.
+- Fixed dynamic address state fields remaining visible before a country was selected.
+- Fixed required searchable dropdowns rejecting selected values during browser validation.
+- Fixed address state fields becoming unresponsive when changing countries after selecting a state.
+- Fixed date pickers displaying prefilled dates and date ranges one day early in time zones west of UTC.
+- Fixed live validation error descriptions referencing another form when multiple forms used the same field handles.
+- Fixed keyboard focus skipping newly added repeater rows and being lost when removing the focused row.
+- Fixed correcting a spam-rejected submission causing a stale-session error and clearing entered values.
+- Fixed payment checkout redirects showing an unsaved-changes warning and leaving forms disabled when cancelled.
+- Fixed completed forms with conditional fields showing an unsaved-changes warning when leaving the page.
+- Fixed required simple upload fields rejecting retained files when returning to an earlier page.
+- Fixed simple file uploads losing attachment capabilities after a failed submission.
+- Fixed Upload Manager silently rejecting files that exceed file type, size, or count restrictions.
+- Fixed failed uploads continuing to display an active processing status.
+- Fixed saving progress hiding unfinished forms when Hide Form was enabled for completion.
+- Fixed matching page conditions revealing inactive pages in multi-page forms.
+
+## 1.0.14 - 2026-10-08
+
+### Added
+- Add a `formie:field:clear` event for custom controls to clear their values when conditions hide a field or page.
+- Add one generated browser-theme state manifest and canonical state classes for browser-created controls.
+- Add `data-formie-validation-skip` so helper controls (such as the Upload Manager browse input) can opt out of client-side validation.
+
+### Changed
+- Use Tailwind's Rose palette for the default danger theme colors.
+- Use Tailwind's Emerald palette for the default success theme colors.
+- Add themeable borders to success and error form messages.
+- Consume canonical payment actions and domain status independently from completion redirects, retaining the Formie 3 response facade.
+- Expose mounted instances and current failures as a structured hydration report, separately from runtime lifecycle controls.
+- Consume canonical completion data attributes and response fields while retaining Formie 3 markup and response fallbacks.
+- Resolve surface-specific browser-module manifests by exact occurrence key, pass the exact rendering surface to match and setup hooks, and expose stable `beforeSubmit` and `afterSubmit` lifecycle hooks instead of internal pipeline stages.
+- Read the bounded `data-formie-theme-classes` contract, stop posting executable theme config during Summary refreshes, and keep client-rendered forms responsible for their own markup.
+- Split required `formie-base.css` behaviour from optional `formie-theme.css` visuals while retaining combined `formie.css`.
+- Share versioned tri-state conditions and plain-text validation rules across PHP and browser consumers; enforce recursive hidden-value clearing and server-authoritative navigation.
+- Preserve exact nested submission error paths, return typed page-transition results, and distinguish skipped side effects from invalid condition configuration.
+- Consume the shared completion outcome and preserve the server-owned configuration and query-prefill boundary.
+- Resolve trusted versioned browser modules, reconcile occurrence lifecycles and failures, and restrict full form mounts to server-rendered HTML.
+- Share reference parsing with the Variable Picker and diagnose unavailable browser references.
+- Initialize Opayo through its CSRF-protected payment-session endpoint and display unknown payment outcomes as awaiting reconciliation.
+- Use browser-bound creation plus separate view, delete and attach capabilities for Upload Manager assets, and submit staged files as structured upload references instead of authoritative asset IDs.
+- Carry expected submission versions and signed request tokens through submit and page-state requests.
+
+### Fixed
+- Fixed successful front-end submission edits showing an unsaved-changes warning when leaving the page.
+- Fixed saved uploads being cleared when opening a submission for editing or resuming.
+- Fixed conditional Date/Time fields failing to initialize when shown again.
+- Fixed conditionally hidden date and signature fields retaining their previous values.
+- Fixed browser module errors repeatedly updating the page and making forms unresponsive.
+- Fixed unchecked checkbox groups being treated as nonempty by browser conditions.
+- Fixed empty searchable multi-select fields being treated as filled by conditions.
+- Fixed date pickers retaining a submitted date after their visible input reset.
+- Fixed signatures carrying over into a new submission after a form reset.
+- Fixed searchable Dropdown fields showing a stale selection after a form reset.
+- Fixed checkbox, radio, rich-text, rating, and rank fields retaining stale values or display state after a form reset.
+- Fixed “Disable Submit Button Until Valid” being ignored on server-rendered forms and repeatedly updating disabled buttons.
+- Fixed successful AJAX redirects triggering an unsaved-changes warning.
+- Fixed refreshed upload tokens triggering an unsaved-changes warning after a successful form submission.
+- Fix TypeScript declaration imports when the npm packages are installed outside the Formie workspace.
+- Present required browser-module failures as accessible alerts with collapsed, copyable technical details, while keeping raw exception details restricted to Craft's authenticated submission editor.
+- Let the persistent field error region own announcements without reserving empty layout space or overriding its configured priority with nested assertive alerts. ([#2954](https://github.com/verbb/formie/issues/2954))
+- Keep Stripe checkout amounts aligned with server rounding and UGX currency conversion.
+- Open Paddle checkout using the transaction created by the server.
+- Refresh cached form tokens when Twig emits the static-cache attribute without a value.
+- Fix required File Upload fields using Upload Manager never passing client-side validation after a successful upload. ([#2924](https://github.com/verbb/formie/issues/2924))
+- Fix Advanced Upload Manager and form transport helpers hard-coding `CRAFT_CSRF_TOKEN`, so uploads and related XHR requests work when Craft’s `csrfTokenName` is customised.
+
 ## 1.0.13 - 2026-07-09
 
 ### Fixed

package/dist/chunks/{address-country-Rx6GQTND.js → address-country-BcEQKw0T.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./debug-BV0DvdHx.js";
 import { i as t, n } from "./constants-DVcJAvc5.js";
-import { r } from "./shared-Bx9s0i0P.js";
-import { n as i } from "./country-from-ip-BwxKaBuJ.js";
+import { i as r } from "./shared-OKhSay59.js";
+import { n as i } from "./country-from-ip-DDj_mFki.js";
 //#region src/js/modules/fields/address-country.ts
 var a = "address-country", o = n.country, s = e("fields", "address-country");
 function c(e, t, n) {
@@ -35,9 +35,9 @@ async function f(e, n) {
 		return;
 	}
 	if (r.value.trim()) return;
-	let a = await i(n.countryFromIpAction);
+	let a = await i(n.countryFromIpAction, e.closest("form"));
 	if (!a?.countryCode) return;
-	if (!l(a.countryCode, n.countryAllowed)) {
+	if (!l(a.countryCode, n.allowedCountryCodes)) {
 		s.log("Detected country is not in the allowed list; skipping preselect.", { countryCode: a.countryCode });
 		return;
 	}
@@ -49,7 +49,13 @@ async function f(e, n) {
 	await d(r, f), s.log("Preselected country from IP.", { selectValue: f });
 }
 var p = {
-	id: a,
+	moduleId: `formie:${a}`,
+	version: 2,
+	surfaces: [
+		"server-rendered",
+		"client-rendered",
+		"cp-edit"
+	],
 	kind: "field",
 	match: (e) => !!e.target.querySelector(o),
 	setup: async (e) => {

package/dist/chunks/{address-finder-k7_BXaRe.js → address-finder-BWGINCSA.js}

@@ -1,9 +1,9 @@
 import { n as e } from "./event-names-BCI2FLD8.js";
-import { t } from "./api-sPqGbOww.js";
-import { r as n } from "./scripts-CbQ7agX3.js";
+import { t } from "./api-ghNr2uxX.js";
+import { r as n } from "./scripts-DrccjrFv.js";
 //#region src/js/modules/address/address-finder.ts
 var r = "FORMIE_ADDRESS_FINDER_SCRIPT", i = t({
-	id: "address-finder",
+	moduleId: "formie:address-finder",
 	load: async () => n("AddressFinder", {
 		id: r,
 		src: "https://api.addressfinder.io/assets/v3/widget.js",

package/dist/chunks/address-state-DI3ndhMU.js

@@ -0,0 +1,365 @@
+import { t as e } from "./request-profile-DhwkeCpS.js";
+import { t } from "./dist-ZLeW0zZ3.js";
+import { t as n } from "./debug-BV0DvdHx.js";
+import { a as r, n as i } from "./theme-classes-DAQuEqdP.js";
+import { n as a } from "./constants-DVcJAvc5.js";
+import { i as o, n as s } from "./shared-OKhSay59.js";
+import { initFormieCombobox as c } from "./combobox-Ba08_cHL.js";
+//#region src/js/modules/fields/address-state.ts
+var l = "[data-formie-address-state-dynamic]", u = "[data-formie-address-state-input]", d = "[data-formie-address-state-autofill-anchor]", f = "formie-address-autofill-start", p = a.country, m = "address-state", h = "formie/address/subdivisions", g = ["formie-select", "formie-dropdown-input"], _ = [
+	0,
+	100,
+	300
+], v = n("fields", "address-state"), y = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map();
+function x(e) {
+	return e.closest("[data-formie-field-type=\"address\"]") || e.closest("[data-formie-address-field-layout]")?.closest("[data-formie-field]") || e.closest("[data-formie-field]");
+}
+function S(e) {
+	let t = e.querySelector(p);
+	return t instanceof HTMLInputElement || t instanceof HTMLSelectElement ? t : null;
+}
+function C(e) {
+	let t = e.querySelector(l);
+	return t instanceof HTMLInputElement || t instanceof HTMLSelectElement ? t : null;
+}
+function w(e) {
+	return e.querySelector("[data-formie-field-label]") || (e.querySelector("[data-formie-address-state-cp]") ? e.querySelector(":scope > .heading > label") : null);
+}
+function T(e) {
+	e.dispatchEvent(new Event("input", { bubbles: !0 })), e.dispatchEvent(new Event("change", { bubbles: !0 }));
+}
+function E(e, t) {
+	if (!(e instanceof HTMLSelectElement)) return;
+	let n = e._formieTomSelect;
+	n && n.getValue() !== t && n.setValue(t, !0);
+}
+function D(e, t) {
+	let n = e.value;
+	e.value = t, E(e, e.value), e.value !== n && T(e);
+}
+function O(e, t) {
+	e.autofillAnchor && (e.autofillAnchor.value = t);
+}
+function k(e) {
+	let t = e.autofillAnchor?.value?.trim() || "", n = e.stateControl.value?.trim() || "", r = t || n;
+	r && (e.pendingStateValue = r);
+}
+function A(e) {
+	return e.pendingStateValue?.trim() || e.autofillAnchor?.value?.trim() || e.stateControl.value?.trim() || "";
+}
+function ee(e) {
+	if (e.autofillAnchor) return e.autofillAnchor;
+	let t = e.addressRoot.querySelector(d);
+	if (t instanceof HTMLInputElement) e.autofillAnchor = t;
+	else {
+		let t = document.createElement("input");
+		t.type = "text", t.setAttribute("data-formie-address-state-autofill-anchor", "true"), t.setAttribute("autocomplete", "address-level1"), t.setAttribute("tabindex", "-1"), t.setAttribute("aria-hidden", "true"), t.className = "formie-sr-only", t.hidden = e.isCpEdit, e.addressRoot.appendChild(t), e.autofillAnchor = t;
+	}
+	return e.stateControl.setAttribute("autocomplete", "off"), e.stateControl.value && !e.autofillAnchor.value && (e.autofillAnchor.value = e.stateControl.value), e.autofillAnchor;
+}
+function j(e) {
+	k(e);
+	let t = A(e);
+	if (!t) return;
+	let n = e.lastSubdivisions, r = e.stateControl instanceof HTMLSelectElement ? I(t, n) || "" : t;
+	O(e, r), e.pendingStateValue = r, D(e.stateControl, r);
+}
+function M(e, t, n, r) {
+	let i = new URL(/^https?:\/\//.test(e) || e.startsWith("/") ? e : `/actions/${e}`, window.location.origin);
+	return i.searchParams.set("country", t), i.searchParams.set("optionLabel", n), i.searchParams.set("optionValue", r), i.toString();
+}
+function N(e, t, n, r) {
+	return [
+		e,
+		t,
+		n,
+		r
+	].join("|");
+}
+function P(e) {
+	return y.has(e);
+}
+async function F(e, n, r, i, a) {
+	let o = N(e, n, r, i);
+	return y.has(o) ? y.get(o) || null : (b.has(o) || b.set(o, (async () => {
+		try {
+			let s = await t(M(i, e, n, r), { headers: { Accept: "application/json" } }, a);
+			if (!s.ok) return y.set(o, null), null;
+			let c = await s.json();
+			return y.set(o, c), c;
+		} catch (t) {
+			return v.warn("Failed fetching subdivisions.", {
+				country: e,
+				error: t
+			}), y.set(o, null), null;
+		} finally {
+			b.delete(o);
+		}
+	})()), b.get(o) || null);
+}
+function I(e, t) {
+	let n = e.trim().toLowerCase();
+	if (!n) return null;
+	for (let e of t) if (e.value.toLowerCase() === n || (e.name || "").toLowerCase() === n || (e.short || "").toLowerCase() === n || e.label.toLowerCase() === n) return e.value;
+	return null;
+}
+function L(e, t) {
+	[
+		"id",
+		"name",
+		"required",
+		"disabled",
+		"placeholder",
+		"aria-describedby",
+		"data-formie-input-id",
+		"data-formie-input-type",
+		"data-formie-input-error-state",
+		"data-formie-address-state-dynamic",
+		"data-formie-address-state-cp",
+		"data-formie-address-state-hide-when-unused",
+		"data-formie-address-state-use-searchable",
+		"data-formie-address-state-use-datalist",
+		"data-formie-address-state-option-label",
+		"data-formie-address-state-option-value"
+	].forEach((n) => {
+		let r = e.getAttribute(n);
+		if (r === null) {
+			t.removeAttribute(n);
+			return;
+		}
+		t.setAttribute(n, r);
+	});
+}
+function R(e, t) {
+	t.className = e.hasAttribute("data-formie-address-state-cp") ? "text fullwidth" : e.className;
+}
+function z(e, t) {
+	let n = [...g];
+	i(e, "fieldControlError").forEach((t) => {
+		e.classList.contains(t) && n.push(t);
+	}), t.className = n.join(" ");
+}
+function B(e, t) {
+	return e.parentNode?.replaceChild(t, e), t;
+}
+function V(e, t) {
+	let n = document.createElement("input");
+	return n.type = "text", L(e, n), R(e, n), n.setAttribute("data-formie-input-type", "text"), n.setAttribute("data-formie-address-state-input", "true"), n.setAttribute("data-formie-single-line-text-input", "true"), n.setAttribute("autocomplete", "off"), n.removeAttribute("data-formie-combobox-input"), n.value = t, n;
+}
+function H(e, t, n, r = "") {
+	e.innerHTML = "";
+	let i = document.createElement("option");
+	i.value = "", i.textContent = n || "", e.appendChild(i), t.forEach((t) => {
+		let n = document.createElement("option");
+		n.value = t.value, n.textContent = t.label, e.appendChild(n);
+	}), e.value = I(r, t) || r;
+}
+function U(e, t, n, r) {
+	let i = document.createElement("select");
+	return L(e, i), z(e, i), i.setAttribute("data-formie-input-type", "select"), i.setAttribute("data-formie-address-state-input", "true"), i.setAttribute("data-formie-select", "true"), i.setAttribute("data-formie-dropdown-input", "true"), i.removeAttribute("data-formie-single-line-text-input"), i.setAttribute("autocomplete", "off"), H(i, n, r, t), i;
+}
+function W(e, t, n, r) {
+	let i = e.list;
+	if (!r || n.length === 0) {
+		e.removeAttribute("list"), i && i.remove();
+		return;
+	}
+	let a = e.ownerDocument.getElementById(t);
+	a || (a = e.ownerDocument.createElement("datalist"), a.id = t, e.insertAdjacentElement("afterend", a)), a.innerHTML = "", n.forEach((t) => {
+		let n = e.ownerDocument.createElement("option");
+		n.value = t.label, a?.appendChild(n);
+	}), e.setAttribute("list", t);
+}
+function G(e, t) {
+	let { stateField: n, stateControl: i, required: a } = e;
+	if (r(n, n, "conditionalHidden", !t), n.toggleAttribute("data-formie-address-state-hidden", !t), !t) {
+		i.required = !1, i.disabled = !e.isCpEdit;
+		return;
+	}
+	i.disabled = !1, i.required = a;
+}
+function K(e) {
+	if (e.fetchingAnnouncementEl) return e.fetchingAnnouncementEl;
+	let t = document.createElement("div");
+	return t.className = e.isCpEdit ? "visually-hidden" : "formie-sr-only", t.setAttribute("data-formie-address-state-fetching-announce", "true"), t.setAttribute("aria-live", "polite"), t.setAttribute("aria-atomic", "true"), e.addressRoot.appendChild(t), e.fetchingAnnouncementEl = t, t;
+}
+function q() {
+	let e = document.createElement("div");
+	e.className = "formie-address-state-skeleton", e.setAttribute("data-formie-address-state-skeleton", "true"), e.setAttribute("aria-hidden", "true");
+	let t = document.createElement("div");
+	return t.className = "formie-address-state-skeleton-input", e.appendChild(t), e;
+}
+function J(e) {
+	e.addressRoot.setAttribute("data-formie-address-state-fetching", "true"), e.countryControl?.setAttribute("aria-busy", "true"), e.stateControl.setAttribute("aria-hidden", "true"), e.stateControl.setAttribute("tabindex", "-1"), r(e.stateField, e.stateField, "conditionalHidden", !1), e.stateField.removeAttribute("data-formie-address-state-hidden"), e.stateField.setAttribute("data-formie-address-state-skeleton-active", "true");
+	let t = e.stateField.querySelector("[data-formie-field-control]");
+	t instanceof HTMLElement && (e.skeletonEl || (e.skeletonEl = q(), t.appendChild(e.skeletonEl)), e.skeletonEl.removeAttribute("hidden")), K(e).textContent = "Loading state or province options for the selected country.";
+}
+function Y(e) {
+	e.addressRoot.removeAttribute("data-formie-address-state-fetching"), e.countryControl?.removeAttribute("aria-busy"), e.stateControl.removeAttribute("aria-hidden"), e.stateControl.removeAttribute("tabindex"), e.stateField.removeAttribute("data-formie-address-state-skeleton-active"), e.skeletonEl?.setAttribute("hidden", "hidden"), e.fetchingAnnouncementEl && (e.fetchingAnnouncementEl.textContent = "");
+}
+function X(e, t) {
+	let n = w(e);
+	if (!n) return;
+	let r = n.querySelector("[data-formie-field-required], .required");
+	n.textContent = t, r && n.appendChild(r);
+}
+function Z(e, t) {
+	e.setAttribute("data-formie-combobox-input", "true"), s(e, "combobox", "before-init", {
+		select: e,
+		options: { placeholder: t }
+	});
+	let n = c(e, { placeholder: t });
+	return s(e, "combobox", "after-init", {
+		combobox: e._formieTomSelect,
+		options: { placeholder: t }
+	}), n;
+}
+async function Q(t, n) {
+	let { hideWhenUnused: r = !0, useSearchable: i = !0, useDatalist: a = !0, optionLabel: o = "name", optionValue: s = "name", placeholder: c = null, subdivisionsAction: l = h } = n, u = t.countryControl?.value?.trim() || "";
+	k(t);
+	let d = A(t), f = t.isCpEdit && !!d && u === t.initialCountry && d === t.initialValue, p = ++t.fetchGeneration;
+	if (t.comboboxCleanup?.(), t.comboboxCleanup = null, !u) {
+		if (X(t.stateField, t.stateField.dataset.formieAddressStateDefaultLabel || "State / Province"), Y(t), r && !f) {
+			G(t, !1), D(t.stateControl, ""), O(t, ""), t.pendingStateValue = "", t.lastSubdivisions = [];
+			return;
+		}
+		if (G(t, !0), t.stateControl instanceof HTMLSelectElement) {
+			let e = V(t.stateControl, d);
+			t.stateControl = B(t.stateControl, e);
+		} else t.stateControl.disabled = !t.isCpEdit && !f, t.stateControl.placeholder = c || t.stateControl.placeholder;
+		t.lastSubdivisions = [];
+		return;
+	}
+	P(N(u, o, s, l)) || J(t);
+	let m = await F(u, o, s, l, e(t.addressRoot.closest("form")));
+	if (p !== t.fetchGeneration) return;
+	let g = [...m?.subdivisions || []];
+	f && g.length && !I(d, g) && g.push({
+		label: d,
+		value: d
+	});
+	let _ = m?.administrativeAreaUsed ?? !0, v = m?.administrativeAreaLabel || "State / Province";
+	if (t.lastSubdivisions = g, Y(t), r && !_ && !f) {
+		G(t, !1), D(t.stateControl, ""), O(t, ""), t.pendingStateValue = "";
+		return;
+	}
+	if (G(t, !0), X(t.stateField, v), g.length > 0) {
+		let e = t.stateControl instanceof HTMLSelectElement ? t.stateControl : U(t.stateControl, d, g, c);
+		t.stateControl === e ? (z(t.stateControl, e), H(e, g, c, e.value)) : t.stateControl = B(t.stateControl, e), i ? t.comboboxCleanup = Z(e, c) : e.removeAttribute("data-formie-combobox-input"), D(e, I(d, g) || d), j(t);
+		return;
+	}
+	let y = t.stateControl instanceof HTMLInputElement ? t.stateControl : V(t.stateControl, d);
+	t.stateControl !== y && (t.stateControl = B(t.stateControl, y)), y.disabled = !1, W(y, t.datalistId, g, a), D(y, d), j(t);
+}
+function te(e, t) {
+	let n = () => {
+		k(e), e.countryControl?.value?.trim() && (e.lastCountry = "", Q(e, t).then(() => {
+			j(e);
+		}));
+	};
+	_.forEach((t) => {
+		let r = window.setTimeout(n, t);
+		e.autofillSweepTimers.push(r);
+	});
+}
+function $(e) {
+	e.countryChangeTimer !== null && (window.clearTimeout(e.countryChangeTimer), e.countryChangeTimer = null), e.autofillSweepTimers.forEach((e) => {
+		window.clearTimeout(e);
+	}), e.autofillSweepTimers = [];
+}
+function ne(e, t) {
+	let n = x(e);
+	if (!n) return v.warn("Address root not found; skipping field."), () => {};
+	let r = C(e);
+	if (!r) return v.warn("Dynamic state control not found; skipping field."), () => {};
+	let i = w(e);
+	i && !e.dataset.formieAddressStateDefaultLabel && (e.dataset.formieAddressStateDefaultLabel = i.textContent?.trim() || "State / Province");
+	let a = {
+		addressRoot: n,
+		isCpEdit: r.hasAttribute("data-formie-address-state-cp"),
+		initialCountry: S(n)?.value?.trim() || "",
+		initialValue: r.value?.trim() || "",
+		stateField: e,
+		stateControl: r,
+		countryControl: S(n),
+		autofillAnchor: null,
+		pendingStateValue: r.value?.trim() || "",
+		datalistId: `formie-address-state-datalist-${r.getAttribute("data-formie-input-id") || Math.random().toString(36).slice(2)}`,
+		comboboxCleanup: null,
+		skeletonEl: null,
+		fetchingAnnouncementEl: null,
+		autofillSweepTimers: [],
+		countryChangeTimer: null,
+		lastCountry: "",
+		fetchGeneration: 0,
+		required: r.required,
+		lastSubdivisions: []
+	}, o = r.value, s = e.closest("form"), c = !1, d = null;
+	ee(a);
+	let p = (e = !1) => {
+		let n = a.countryControl?.value?.trim() || "";
+		if (!e && n === a.lastCountry) return;
+		let r = a.lastCountry, i = A(a);
+		a.lastCountry = n, Q(a, t).then(() => {
+			j(a), r && n && r !== n && !I(i, a.lastSubdivisions) && !A(a) && (D(a.stateControl, ""), O(a, ""));
+		});
+	}, m = () => {
+		a.countryChangeTimer !== null && window.clearTimeout(a.countryChangeTimer), a.countryChangeTimer = window.setTimeout(() => {
+			a.countryChangeTimer = null, k(a), p(!0);
+		}, 50);
+	}, h = (e) => {
+		let n = e.target;
+		if (!(n instanceof HTMLInputElement || n instanceof HTMLSelectElement)) return;
+		let r = n === a.autofillAnchor, i = n.matches(l) || n.matches(u);
+		if ((r || i) && (i && !r && (O(a, n.value), a.pendingStateValue = n.value), k(a), a.countryControl?.value?.trim())) {
+			if (a.lastSubdivisions.length > 0) {
+				j(a);
+				return;
+			}
+			a.lastCountry = "", Q(a, t).then(() => {
+				j(a);
+			});
+		}
+	}, g = (e) => {
+		if (e.animationName !== f) return;
+		let r = e.target;
+		(r instanceof HTMLInputElement || r instanceof HTMLSelectElement) && n.contains(r) && (k(a), a.countryControl?.value?.trim() && (a.lastCountry = "", Q(a, t).then(() => {
+			j(a);
+		})));
+	}, _ = (e) => {
+		let n = e.detail?.state?.trim();
+		if (!n) {
+			p();
+			return;
+		}
+		a.pendingStateValue = n, O(a, n), Q(a, t).then(() => {
+			j(a), a.lastCountry = a.countryControl?.value?.trim() || "";
+		});
+	}, y = (e) => {
+		d !== null && window.clearTimeout(d), d = window.setTimeout(() => {
+			d = null, !(e.defaultPrevented || c) && ($(a), a.stateControl.value = "", a.pendingStateValue = o, O(a, o), p(!0));
+		}, 0);
+	};
+	return s?.addEventListener("reset", y), a.countryControl?.addEventListener("change", m), a.countryControl?.addEventListener("input", m), n.addEventListener("input", h), n.addEventListener("change", h), n.addEventListener("animationstart", g), n.addEventListener("formie:address:google:populate", _), n.addEventListener("formie:address:address-finder:populate", _), n.addEventListener("formie:address:loqate:populate", _), n.addEventListener("formie:address:place-kit:populate", _), p(!0), te(a, t), () => {
+		c = !0, d !== null && window.clearTimeout(d), a.fetchGeneration++, s?.removeEventListener("reset", y), $(a), Y(a), a.skeletonEl?.remove(), a.fetchingAnnouncementEl?.remove(), a.autofillAnchor?.remove(), a.comboboxCleanup?.(), a.countryControl?.removeEventListener("change", m), a.countryControl?.removeEventListener("input", m), n.removeEventListener("input", h), n.removeEventListener("change", h), n.removeEventListener("animationstart", g), n.removeEventListener("formie:address:google:populate", _), n.removeEventListener("formie:address:address-finder:populate", _), n.removeEventListener("formie:address:loqate:populate", _), n.removeEventListener("formie:address:place-kit:populate", _);
+	};
+}
+var re = {
+	moduleId: `formie:${m}`,
+	version: 2,
+	surfaces: [
+		"server-rendered",
+		"client-rendered",
+		"cp-edit"
+	],
+	kind: "field",
+	match: (e) => !!e.target.querySelector(l),
+	setup: async (e) => {
+		let t = e.options || {}, n = o(e), r = n.map((e) => ne(e, t));
+		return v.log("Module setup.", { fieldCount: n.length }), { destroy: () => {
+			r.forEach((e) => e()), v.log("Module destroy.", { fieldCount: n.length });
+		} };
+	}
+};
+//#endregion
+export { re as addressStateModule };