@verbb/formie-browser 1.0.7 → 1.0.8

package/dist/chunks/{bpoint-2qDxlKD9.js → bpoint-CwSw_p7A.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./api-DztsCJ4r.js";
+import { t as e } from "./api-C8wyLC-s.js";
 //#region src/js/modules/payments/bpoint.ts
 var t = e({
 	id: "bpoint",

package/dist/chunks/{eway-CImXrB4g.js → eway-B30BMlDp.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./api-DztsCJ4r.js";
+import { t as e } from "./api-C8wyLC-s.js";
 import { r as t } from "./async-nPFRNQ06.js";
 import { r as n } from "./scripts-CbQ7agX3.js";
 //#region src/js/modules/payments/eway.ts

package/dist/chunks/{go-cardless-Bz7HHtH0.js → go-cardless-BiF3iLel.js}

@@ -1,5 +1,5 @@
 import { s as e } from "./event-names-BCI2FLD8.js";
-import { t } from "./api-DztsCJ4r.js";
+import { t } from "./api-C8wyLC-s.js";
 //#region src/js/modules/payments/go-cardless.ts
 var n = e("go-cardless", "redirect"), r = t({
 	id: "go-cardless",

package/dist/chunks/{mollie-BtnB3KGh.js → mollie-D__SwtcH.js}

@@ -1,5 +1,5 @@
 import { s as e } from "./event-names-BCI2FLD8.js";
-import { t } from "./api-DztsCJ4r.js";
+import { t } from "./api-C8wyLC-s.js";
 //#region src/js/modules/payments/mollie.ts
 var n = e("mollie", "redirect"), r = t({
 	id: "mollie",

package/dist/chunks/{moneris-Bd4vUk8b.js → moneris-KJS1BKx7.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./api-DztsCJ4r.js";
+import { t as e } from "./api-C8wyLC-s.js";
 //#region src/js/modules/payments/moneris.ts
 var t = {
 	940: "Invalid profile ID (tokenization request).",

package/dist/chunks/{opayo-B-eRIXo-.js → opayo-A_LIkc-v.js}

@@ -1,5 +1,5 @@
 import { s as e } from "./event-names-BCI2FLD8.js";
-import { t } from "./api-DztsCJ4r.js";
+import { t } from "./api-C8wyLC-s.js";
 import { t as n } from "./debug-BV0DvdHx.js";
 import { r } from "./scripts-CbQ7agX3.js";
 //#region src/js/modules/payments/opayo.ts

package/dist/chunks/{paddle-BUFeEU4d.js → paddle-BjbOOb0m.js}

@@ -1,5 +1,5 @@
 import { s as e } from "./event-names-BCI2FLD8.js";
-import { t } from "./api-DztsCJ4r.js";
+import { t } from "./api-C8wyLC-s.js";
 import { r as n } from "./scripts-CbQ7agX3.js";
 //#region src/js/modules/payments/paddle.ts
 var r = "FORMIE_PADDLE_SCRIPT", i = e("paddle", "initialize"), a = t({

package/dist/chunks/{paypal-8Euw7Hrn.js → paypal-CyjHIV8v.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./api-DztsCJ4r.js";
+import { t as e } from "./api-C8wyLC-s.js";
 import { r as t } from "./scripts-CbQ7agX3.js";
 import { t as n } from "./styles-BfoIZwJp.js";
 //#endregion

package/dist/chunks/{payway-dV0SzJxy.js → payway-a_cyrr3j.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./api-DztsCJ4r.js";
+import { t as e } from "./api-C8wyLC-s.js";
 import { r as t } from "./scripts-CbQ7agX3.js";
 import { t as n } from "./styles-BfoIZwJp.js";
 //#endregion

package/dist/chunks/{square-reyJukb7.js → square-Bga6WXHV.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./api-DztsCJ4r.js";
+import { t as e } from "./api-C8wyLC-s.js";
 import { r as t } from "./scripts-CbQ7agX3.js";
 //#region src/js/modules/payments/square.ts
 var n = "FORMIE_SQUARE_SCRIPT", r = e({

package/dist/chunks/{stripe-BC-2PBvY.js → stripe-BlqVocl3.js}

@@ -1,5 +1,5 @@
 import { s as e } from "./event-names-BCI2FLD8.js";
-import { t } from "./api-DztsCJ4r.js";
+import { t } from "./api-C8wyLC-s.js";
 import { r as n, t as r } from "./theme-classes-Tv7q7ToE.js";
 import { r as i } from "./scripts-CbQ7agX3.js";
 import { t as a } from "./styles-BfoIZwJp.js";

package/dist/chunks/{summary-D3AjxpYN.js → summary-Dks0gXS3.js}

@@ -5,29 +5,33 @@ import { t as r } from "./async-nPFRNQ06.js";
 import { t as i } from "./styles-BfoIZwJp.js";
 import { r as a, t as o } from "./shared-Bx9s0i0P.js";
 //#region src/css/theme/fields/_summary.css?inline
-var s = "@layer formie-theme{.formie-summary-container{padding:var(--formie-summary-padding);border:var(--formie-border-width) solid var(--formie-color-border);border-radius:var(--formie-radius-sm)}.formie-summary-heading{color:var(--formie-color-heading)}.formie-summary-blocks{gap:var(--formie-gap-summary);display:grid}.formie-summary-blocks[data-formie-loading=true]{min-height:calc(var(--formie-loading-size) + var(--formie-space-4));position:relative}.formie-summary-blocks[data-formie-loading=true]>*{opacity:0;pointer-events:none}.formie-summary-blocks[data-formie-loading=true]:before{content:\"\";background:var(--formie-color-bg);border-radius:inherit;z-index:1;display:block;position:absolute;inset:0}.formie-summary-blocks[data-formie-loading=true]:after{width:var(--formie-loading-size);height:var(--formie-loading-size);content:\"\";border:var(--formie-loading-border-width) solid var(--formie-loading-color);border-radius:var(--formie-radius-full);z-index:2;animation:formie-loading-spin var(--formie-loading-speed) linear infinite;border-top-color:#0000;border-right-color:#0000;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}", c = "[data-formie-summary-blocks]", l = "[data-formie-summary-container]", u = "formie/fields/get-summary-html", d = "summary", f = e("fields", "summary");
-i(d, [s]);
-function p() {
+var s = "@layer formie-theme{.formie-summary-container{padding:var(--formie-summary-padding);border:var(--formie-border-width) solid var(--formie-color-border);border-radius:var(--formie-radius-sm)}.formie-summary-heading{color:var(--formie-color-heading)}.formie-summary-blocks{gap:var(--formie-gap-summary);display:grid}.formie-summary-blocks[data-formie-loading=true]{min-height:calc(var(--formie-loading-size) + var(--formie-space-4));position:relative}.formie-summary-blocks[data-formie-loading=true]>*{opacity:0;pointer-events:none}.formie-summary-blocks[data-formie-loading=true]:before{content:\"\";background:var(--formie-color-bg);border-radius:inherit;z-index:1;display:block;position:absolute;inset:0}.formie-summary-blocks[data-formie-loading=true]:after{width:var(--formie-loading-size);height:var(--formie-loading-size);content:\"\";border:var(--formie-loading-border-width) solid var(--formie-loading-color);border-radius:var(--formie-radius-full);z-index:2;animation:formie-loading-spin var(--formie-loading-speed) linear infinite;border-top-color:#0000;border-right-color:#0000;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}", c = "[data-formie-summary-blocks]", l = "[data-formie-summary-container]", u = "formie/fields/get-summary-html", d = "data-formie-theme-config", f = "data-formie-frontend-theme", p = "summary", m = e("fields", "summary");
+i(p, [s]);
+function h() {
 	let e = new URL(window.location.href);
 	return e.hash = "", e.toString();
 }
-function m(e) {
-	return { accessToken: e.querySelector("[data-formie-summary-token]")?.value?.trim() || null };
+function g(e, t) {
+	return {
+		accessToken: e.querySelector("[data-formie-summary-token]")?.value?.trim() || null,
+		themeConfig: t.getAttribute(d)?.trim() || null,
+		frontendTheme: t.getAttribute(f)?.trim() || null
+	};
 }
-async function h(e, t, r) {
+async function _(e, t, r) {
 	if (!t.accessToken) throw Error("Summary field requires an access token.");
 	let i = new FormData(e);
-	return i.set("action", u), i.set("accessToken", t.accessToken), n(p(), {
+	return i.set("action", u), i.set("accessToken", t.accessToken), t.themeConfig && i.set("themeConfig", t.themeConfig), t.frontendTheme && i.set("frontendTheme", t.frontendTheme), n(h(), {
 		method: "POST",
 		body: i,
 		signal: r,
 		headers: { Accept: "text/html" }
 	});
 }
-function g(e, n) {
+function v(e, n) {
 	let i = e.closest("form");
-	if (!(i instanceof HTMLFormElement)) return f.warn("Missing form ancestor; skipping field."), () => {};
-	let a = !1, s = !0, u = !1, p = 0, g = 0, _ = null, v = () => {
+	if (!(i instanceof HTMLFormElement)) return m.warn("Missing form ancestor; skipping field."), () => {};
+	let a = !1, s = !0, u = !1, d = 0, f = 0, h = null, v = () => {
 		let t = e.querySelector(c);
 		return t instanceof HTMLElement ? t : null;
 	}, y = () => {
@@ -43,72 +47,72 @@ function g(e, n) {
 			n.removeAttribute("data-formie-loading"), n.removeAttribute("aria-busy"), t(n, i, "loading", !1);
 		}
 	};
-	b(!!m(e).accessToken);
+	b(!!g(e, i).accessToken);
 	let x = () => {
-		!u || a && !s || (f.log("Queueing fetch."), S());
+		!u || a && !s || (m.log("Queueing fetch."), S());
 	}, S = r(async () => {
-		let t = m(e);
+		let t = g(e, i);
 		if (!v() || !t.accessToken) {
-			f.warn("Missing state for fetch.", t), b(!1);
+			m.warn("Missing state for fetch.", t), b(!1);
 			return;
 		}
-		g += 1;
-		let n = g, r = p;
-		_?.abort(), _ = new AbortController(), b(!0);
+		f += 1;
+		let n = f, r = d;
+		h?.abort(), h = new AbortController(), b(!0);
 		try {
-			let c = await h(i, t, _.signal);
-			if (n !== g) return;
-			let u = y(), m = document.createElement("template");
-			m.innerHTML = c.trim();
-			let v = m.content.querySelector(l);
-			u && v instanceof HTMLElement ? u.replaceWith(v) : u && (u.innerHTML = c), a = !0, s = p !== r, f.log("Fetch complete.", {
+			let c = await _(i, t, h.signal);
+			if (n !== f) return;
+			let u = y(), g = document.createElement("template");
+			g.innerHTML = c.trim();
+			let v = g.content.querySelector(l);
+			u && v instanceof HTMLElement ? u.replaceWith(v) : u && (u.innerHTML = c), a = !0, s = d !== r, m.log("Fetch complete.", {
 				isDirty: s,
-				dirtyVersion: p,
+				dirtyVersion: d,
 				requestVersion: n
-			}), o(e, d, "fetch-summary", {
+			}), o(e, p, "fetch-summary", {
 				summary: e,
 				html: c
 			});
 		} catch (e) {
 			if (e instanceof DOMException && e.name === "AbortError") {
-				f.log("Fetch aborted.");
+				m.log("Fetch aborted.");
 				return;
 			}
 			console.error("[formie] Failed to load summary field HTML.", e);
 		} finally {
-			n === g && (b(!1), _ = null, s && x());
+			n === f && (b(!1), h = null, s && x());
 		}
 	}, 300), C = (t) => {
 		let n = t?.target;
-		n instanceof Node && e.contains(n) || (s = !0, p += 1, f.log("Marked dirty.", { dirtyVersion: p }));
+		n instanceof Node && e.contains(n) || (s = !0, d += 1, m.log("Marked dirty.", { dirtyVersion: d }));
 	}, w = (e) => {
 		C(e), x();
 	}, T = () => {
-		s = !0, f.log("Submit result received; refreshing."), x();
+		s = !0, m.log("Submit result received; refreshing."), x();
 	}, E = () => {
-		s = !0, f.log("Page navigation received; refreshing."), x();
+		s = !0, m.log("Page navigation received; refreshing."), x();
 	}, D = new IntersectionObserver((t) => {
-		u = !!t[0]?.isIntersecting, u && (f.log("Field became visible."), o(e, d, "field-visible", { summary: e }), x());
+		u = !!t[0]?.isIntersecting, u && (m.log("Field became visible."), o(e, p, "field-visible", { summary: e }), x());
 	}, {
 		root: i,
 		rootMargin: "50px"
 	});
 	return D.observe(e), i.addEventListener("input", w), i.addEventListener("change", w), n.addEventListener("formie:page:navigate:after", E), n.addEventListener("formie:submit:result", T), () => {
-		_?.abort(), D.disconnect(), i.removeEventListener("input", w), i.removeEventListener("change", w), n.removeEventListener("formie:page:navigate:after", E), n.removeEventListener("formie:submit:result", T), f.log("Field destroyed.");
+		h?.abort(), D.disconnect(), i.removeEventListener("input", w), i.removeEventListener("change", w), n.removeEventListener("formie:page:navigate:after", E), n.removeEventListener("formie:submit:result", T), m.log("Field destroyed.");
 	};
 }
-var _ = {
-	id: d,
+var y = {
+	id: p,
 	kind: "field",
 	match: (e) => !!e.target.querySelector(c),
 	setup: async (e) => {
-		let t = a(e).map((t) => g(t, e.root));
-		return f.log("Module setup.", { fieldCount: t.length }), await e.emit("formie:module:summary:init", { count: t.length }), { destroy: () => {
+		let t = a(e).map((t) => v(t, e.root));
+		return m.log("Module setup.", { fieldCount: t.length }), await e.emit("formie:module:summary:init", { count: t.length }), { destroy: () => {
 			t.forEach((e) => {
 				e();
-			}), f.log("Module destroy.", { fieldCount: t.length }), e.emit("formie:module:summary:destroy", {});
+			}), m.log("Module destroy.", { fieldCount: t.length }), e.emit("formie:module:summary:destroy", {});
 		} };
 	}
 };
 //#endregion
-export { _ as summaryModule };
+export { y as summaryModule };

package/dist/chunks/survey-likert-DmJ3klhP.js

@@ -0,0 +1,20 @@
+import { t as e } from "./debug-BV0DvdHx.js";
+import { t } from "./styles-BfoIZwJp.js";
+import { t as n } from "./_survey-presentations-CFsgToRT.js";
+//#region src/js/modules/fields/survey-likert.ts
+var r = "[data-formie-likert-field-layout]", i = "survey-likert", a = e("fields", "survey-likert");
+t(i, [n]);
+var o = {
+	id: i,
+	kind: "field",
+	match: (e) => e.target instanceof HTMLElement && (e.target.matches(r) || !!e.target.querySelector(r)),
+	setup: async (e) => {
+		if (!(e.target instanceof HTMLElement)) return;
+		let t = e.target.matches(r) ? [e.target] : Array.from(e.target.querySelectorAll(r)).filter((e) => e instanceof HTMLElement);
+		return a.log("Module setup.", { fieldCount: t.length }), await e.emit("formie:module:survey-likert:init", { count: t.length }), { destroy: () => {
+			a.log("Module destroy.", { fieldCount: t.length }), e.emit("formie:module:survey-likert:destroy", {});
+		} };
+	}
+};
+//#endregion
+export { o as surveyLikertModule };

package/dist/chunks/survey-rank-DeUenftw.js

@@ -0,0 +1,127 @@
+import { t as e } from "./debug-BV0DvdHx.js";
+import { t } from "./styles-BfoIZwJp.js";
+import { t as n } from "./shared-Bx9s0i0P.js";
+import { t as r } from "./_survey-presentations-CFsgToRT.js";
+//#region src/js/modules/fields/survey-rank.ts
+var i = "[data-formie-survey-rank]", a = "[data-formie-survey-rank-list]", o = "[data-formie-survey-rank-item]", s = "[data-formie-rank-handle]", c = "formie-rank-placeholder", l = .42, u = "survey-rank", d = e("fields", "survey-rank");
+t(u, [r]);
+function f(e) {
+	e.querySelectorAll(o).forEach((e, t) => {
+		e instanceof HTMLElement && e.querySelectorAll("input[data-formie-rank-input]").forEach((e) => {
+			e instanceof HTMLInputElement && (e.dataset.formieRankOrder = String(t));
+		});
+	});
+}
+function p(e) {
+	return Array.from(e.querySelectorAll(o)).filter((e) => e instanceof HTMLElement);
+}
+function m(e, t) {
+	return Array.from(e.children).indexOf(t);
+}
+function h(e, t, n) {
+	return Array.from(e.children).filter((e) => e instanceof HTMLElement && e !== t && e !== n);
+}
+function g(e, t) {
+	return Math.max(0, Math.min(e.bottom, t.bottom) - Math.max(e.top, t.top));
+}
+function _(e) {
+	let t = e.getBoundingClientRect();
+	return t.top + t.height / 2;
+}
+function v(e, t, n, r) {
+	let i = e.getBoundingClientRect(), a = _(e), o = h(t, n, e);
+	for (let e = 0; e < o.length; e += 1) {
+		let t = o[e].getBoundingClientRect(), n = t.top + t.height * l;
+		if (g(i, t) / t.height >= l) return r ? Math.min(e + 1, o.length) : e;
+		if (a < n) return e;
+	}
+	return o.length;
+}
+function y(e, t, n, r) {
+	let i = h(e, t, n)[r] ?? null;
+	if (i) {
+		e.insertBefore(t, i);
+		return;
+	}
+	e.appendChild(t);
+}
+function b(e, t) {
+	let n = document.createElement("li");
+	return n.className = c, n.setAttribute("data-formie-rank-placeholder", "true"), n.setAttribute("aria-hidden", "true"), n.style.height = `${t.offsetHeight}px`, e.insertBefore(n, t), n;
+}
+function x(e) {
+	return {
+		position: e.style.position,
+		left: e.style.left,
+		top: e.style.top,
+		width: e.style.width,
+		zIndex: e.style.zIndex,
+		pointerEvents: e.style.pointerEvents,
+		margin: e.style.margin
+	};
+}
+function S(e, t) {
+	e.style.position = "fixed", e.style.left = `${t.left}px`, e.style.top = `${t.top}px`, e.style.width = `${t.width}px`, e.style.zIndex = "1000", e.style.pointerEvents = "none", e.style.margin = "0";
+}
+function C(e, t, n) {
+	e.style.left = `${t.clientX - n.x}px`, e.style.top = `${t.clientY - n.y}px`;
+}
+function w(e, t) {
+	e.style.position = t.position, e.style.left = t.left, e.style.top = t.top, e.style.width = t.width, e.style.zIndex = t.zIndex, e.style.pointerEvents = t.pointerEvents, e.style.margin = t.margin;
+}
+function T(e) {
+	let t = e.querySelector(a);
+	if (!(t instanceof HTMLElement)) return d.warn("Missing rank list; skipping field."), () => {};
+	let r = null, i = null, o = null, c = null, l = null, h = null, g = null, T = null, E = null, D = !1, O = [], k = () => {
+		if (r && i ? (t.insertBefore(r, i), i.remove()) : i && i.remove(), r && o && (w(r, o), r.removeAttribute("data-formie-rank-dragging")), l && h !== null) try {
+			l.releasePointerCapture(h);
+		} catch {}
+		r = null, i = null, o = null, c = null, l = null, h = null, g = null, T = null, E = null, t.removeAttribute("data-formie-rank-sorting"), D && (f(t), n(e, u, "reorder", { rankField: e })), D = !1;
+	}, A = (e) => {
+		if (!r || !i || !c || e.pointerId !== h) return;
+		e.preventDefault(), C(r, e, c);
+		let n = _(r), a = E === null || n >= E;
+		E = n;
+		let o = v(r, t, i, a);
+		o !== g && (g = o, y(t, i, r, o));
+	}, j = (e) => {
+		e.pointerId === h && (document.removeEventListener("pointermove", A), document.removeEventListener("pointerup", j), document.removeEventListener("pointercancel", j), i && T !== null && (D = m(t, i) !== T), k());
+	};
+	return p(t).forEach((e) => {
+		if (!e.querySelector(s)) return;
+		let n = (n) => {
+			if (n.button !== 0 || n.target instanceof HTMLInputElement) return;
+			n.preventDefault();
+			let a = e.getBoundingClientRect();
+			r = e, l = e, h = n.pointerId, c = {
+				x: n.clientX - a.left,
+				y: n.clientY - a.top
+			}, o = x(e), i = b(t, e), T = m(t, i), D = !1, S(e, a), e.setAttribute("data-formie-rank-dragging", "true"), t.setAttribute("data-formie-rank-sorting", "true"), e.setPointerCapture(n.pointerId), E = _(e), g = v(e, t, i, !0), document.addEventListener("pointermove", A), document.addEventListener("pointerup", j), document.addEventListener("pointercancel", j);
+		};
+		e.addEventListener("pointerdown", n), O.push(() => {
+			e.removeEventListener("pointerdown", n);
+		});
+	}), f(t), () => {
+		document.removeEventListener("pointermove", A), document.removeEventListener("pointerup", j), document.removeEventListener("pointercancel", j), O.forEach((e) => {
+			e();
+		}), k();
+	};
+}
+var E = {
+	id: u,
+	kind: "field",
+	match: (e) => e.target instanceof HTMLElement && (e.target.matches(i) || !!e.target.querySelector(i)),
+	setup: async (e) => {
+		if (!(e.target instanceof HTMLElement)) return;
+		let t = e.target.matches(i) ? [e.target] : Array.from(e.target.querySelectorAll(i)).filter((e) => e instanceof HTMLElement);
+		d.log("Module setup.", { fieldCount: t.length });
+		let n = t.map((e) => T(e));
+		return await e.emit("formie:module:survey-rank:init", { count: t.length }), { destroy: () => {
+			n.forEach((e) => {
+				e();
+			}), d.log("Module destroy.", { fieldCount: t.length }), e.emit("formie:module:survey-rank:destroy", {});
+		} };
+	}
+};
+//#endregion
+export { E as surveyRankModule };

package/dist/chunks/survey-rating-BPUYDgBJ.js

@@ -0,0 +1,88 @@
+import { t as e } from "./debug-BV0DvdHx.js";
+import { t } from "./styles-BfoIZwJp.js";
+import { t as n } from "./shared-Bx9s0i0P.js";
+import { t as r } from "./_survey-presentations-CFsgToRT.js";
+//#region src/js/modules/fields/survey-rating.ts
+var i = "[data-formie-survey-rating]", a = "[data-formie-survey-rating-stars]", o = "[data-formie-rating-option]", s = "input[data-formie-rating-input]", c = "data-formie-rating-pressed-while-checked", l = "survey-rating", u = e("fields", "survey-rating");
+t(l, [r]);
+function d(e) {
+	return Array.from(e.querySelectorAll(s)).filter((e) => e instanceof HTMLInputElement);
+}
+function f(e) {
+	let t = d(e).findIndex((e) => e.checked);
+	if (t >= 0) {
+		e.setAttribute("data-formie-rating-value", String(t + 1));
+		return;
+	}
+	e.removeAttribute("data-formie-rating-value");
+}
+function p(e) {
+	let t = e.querySelector(a);
+	if (!(t instanceof HTMLElement)) return u.warn("Missing rating stars container; skipping field."), () => {};
+	let r = [], i = () => {
+		t.removeAttribute("data-formie-rating-hover");
+	}, p = (e) => {
+		let n = Array.from(t.querySelectorAll(o)).indexOf(e);
+		n >= 0 && t.setAttribute("data-formie-rating-hover", String(n + 1));
+	};
+	return t.querySelectorAll(o).forEach((e) => {
+		if (!(e instanceof HTMLElement)) return;
+		let t = e.querySelector(s), n = () => {
+			if (t instanceof HTMLInputElement) {
+				if (t.checked) {
+					t.setAttribute(c, "true");
+					return;
+				}
+				t.removeAttribute(c);
+			}
+		}, i = () => {
+			p(e);
+		};
+		e.addEventListener("pointerdown", n), e.addEventListener("mouseenter", i), r.push(() => {
+			e.removeEventListener("pointerdown", n), e.removeEventListener("mouseenter", i);
+		});
+	}), t.addEventListener("mouseleave", i), r.push(() => {
+		t.removeEventListener("mouseleave", i);
+	}), d(t).forEach((i) => {
+		let a = (r) => {
+			if (i.getAttribute(c) !== "true") {
+				f(t), n(e, l, "change", {
+					ratingField: e,
+					value: i.checked ? i.value : ""
+				});
+				return;
+			}
+			r.preventDefault(), d(t).forEach((e) => {
+				e.checked = !1, e.removeAttribute(c);
+			}), f(t), n(e, l, "change", {
+				ratingField: e,
+				value: ""
+			});
+		};
+		i.addEventListener("click", a), r.push(() => {
+			i.removeEventListener("click", a), i.removeAttribute(c);
+		});
+	}), f(t), () => {
+		r.forEach((e) => {
+			e();
+		}), i(), t.removeAttribute("data-formie-rating-value");
+	};
+}
+var m = {
+	id: l,
+	kind: "field",
+	match: (e) => e.target instanceof HTMLElement && (e.target.matches(i) || !!e.target.querySelector(i)),
+	setup: async (e) => {
+		if (!(e.target instanceof HTMLElement)) return;
+		let t = e.target.matches(i) ? [e.target] : Array.from(e.target.querySelectorAll(i)).filter((e) => e instanceof HTMLElement);
+		u.log("Module setup.", { fieldCount: t.length });
+		let n = t.map((e) => p(e));
+		return await e.emit("formie:module:survey-rating:init", { count: t.length }), { destroy: () => {
+			n.forEach((e) => {
+				e();
+			}), u.log("Module destroy.", { fieldCount: t.length }), e.emit("formie:module:survey-rating:destroy", {});
+		} };
+	}
+};
+//#endregion
+export { m as surveyRatingModule };

package/dist/css/formie-theme.css

@@ -15,6 +15,7 @@
 @import "./theme/fields/_select.css";
 @import "./theme/fields/_combobox.css";
 @import "./theme/fields/_check-radio.css";
+@import "./theme/fields/_survey-presentations.css";
 @import "./theme/fields/_address.css";
 @import "./theme/fields/_address-state.css";
 @import "./theme/integrations/_payment-modal.css";