@verbb/formie-browser 1.0.12 → 1.0.14

package/dist/chunks/{shared-Bx9s0i0P.js → shared-OKhSay59.js}

@@ -1,32 +1,38 @@
 import { r as e } from "./event-names-BCI2FLD8.js";
 //#region src/js/modules/fields/shared.ts
 var t = (e) => e.replace(/["\\]/g, "\\$&"), n = /* @__PURE__ */ new WeakMap();
-function r(e) {
-	return typeof window.CSS?.escape == "function" ? window.CSS.escape(e) : t(e);
+function r(e, t) {
+	let n = e.getRootNode(), r = (n) => {
+		n.target instanceof Element && n.target.contains(e) && t();
+	};
+	return n.addEventListener("formie:field:clear", r), () => n.removeEventListener("formie:field:clear", r);
 }
 function i(e) {
-	return e.target instanceof HTMLElement && e.target.hasAttribute("data-formie-field-handle") ? [e.target] : e.target instanceof HTMLElement ? Array.from(e.target.querySelectorAll("[data-formie-field-handle]")).filter((e) => e instanceof HTMLElement) : [];
+	return typeof window.CSS?.escape == "function" ? window.CSS.escape(e) : t(e);
 }
 function a(e) {
-	return i(e)[0] || null;
+	return e.target instanceof HTMLElement && e.target.hasAttribute("data-formie-field-handle") ? [e.target] : e.target instanceof HTMLElement ? Array.from(e.target.querySelectorAll("[data-formie-field-handle]")).filter((e) => e instanceof HTMLElement) : [];
 }
 function o(e) {
+	return a(e)[0] || null;
+}
+function s(e) {
 	return e && e.formieValidation || null;
 }
-function s(e, t, r) {
+function c(e, t, r) {
 	if (!e) return;
 	let i = n.get(e) || /* @__PURE__ */ new Map(), a = i.get(t) || 0;
 	if (a === 0) {
-		let t = o(e);
+		let t = s(e);
 		t && r(t);
 	}
 	i.set(t, a + 1), n.set(e, i);
 }
-function c(e, t, r) {
+function l(e, t, r) {
 	if (!e) return;
 	let i = n.get(e), a = i?.get(t) || 0;
 	if (a <= 1) {
-		let a = o(e);
+		let a = s(e);
 		if (r.forEach((e) => {
 			a?.removeValidator(e);
 		}), i?.delete(t), !i || i.size === 0) {
@@ -38,7 +44,7 @@ function c(e, t, r) {
 	}
 	i?.set(t, a - 1);
 }
-function l(e, t, n, r) {
+function u(e, t, n, r) {
 	let i = /* @__PURE__ */ new Map(), a = (e) => {
 		if (!n(e) || i.has(e)) return;
 		let t = r(e);
@@ -69,27 +75,27 @@ function l(e, t, n, r) {
 		}), i.clear();
 	};
 }
-function u(e) {
+function d(e) {
 	return e.ownerDocument || document;
 }
-function d(e, t) {
-	let n = u(e);
+function f(e, t) {
+	let n = d(e);
 	if (t) {
-		let i = [
-			e.querySelector(`template[data-formie-template-id="${r(t)}"]`),
-			e.querySelector(`script[data-formie-template-id="${r(t)}"]`),
-			n.querySelector(`template[data-formie-template-id="${r(t)}"]`),
-			n.querySelector(`script[data-formie-template-id="${r(t)}"]`),
+		let r = [
+			e.querySelector(`template[data-formie-template-id="${i(t)}"]`),
+			e.querySelector(`script[data-formie-template-id="${i(t)}"]`),
+			n.querySelector(`template[data-formie-template-id="${i(t)}"]`),
+			n.querySelector(`script[data-formie-template-id="${i(t)}"]`),
 			n.getElementById(t)
 		];
-		for (let e of i) if (e instanceof HTMLTemplateElement || e instanceof HTMLScriptElement) return e;
+		for (let e of r) if (e instanceof HTMLTemplateElement || e instanceof HTMLScriptElement) return e;
 	}
 	return null;
 }
-function f(e) {
+function p(e) {
 	return e instanceof HTMLTemplateElement ? e.innerHTML : e instanceof HTMLScriptElement ? e.textContent || "" : e.innerHTML;
 }
-function p(t, n, r, i) {
+function m(t, n, r, i) {
 	let a = e(n, r);
 	t.dispatchEvent(new CustomEvent(a, {
 		bubbles: !0,
@@ -97,4 +103,4 @@ function p(t, n, r, i) {
 	}));
 }
 //#endregion
-export { d as a, c, a as i, s as l, r as n, f as o, i as r, l as s, p as t };
+export { o as a, u as c, a as i, l, m as n, f as o, i as r, p as s, r as t, c as u };

package/dist/chunks/{signature-xz4QO7CR.js → signature-7cldFbqj.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./styles-BfoIZwJp.js";
-import { r as t, t as n } from "./shared-Bx9s0i0P.js";
+import { i as t, n, t as r } from "./shared-OKhSay59.js";
 //#region ../../node_modules/signature_pad/dist/signature_pad.js
-var r = class {
+var i = class {
 	x;
 	y;
 	pressure;
@@ -19,28 +19,34 @@ var r = class {
 	velocityFrom(e) {
 		return this.time === e.time ? 0 : this.distanceTo(e) / (this.time - e.time);
 	}
-}, i = class e {
+}, a = class e {
 	constructor(e, t, n, r, i, a) {
 		this.startPoint = e, this.control2 = t, this.control1 = n, this.endPoint = r, this.startWidth = i, this.endWidth = a;
 	}
+	startPoint;
+	control2;
+	control1;
+	endPoint;
+	startWidth;
+	endWidth;
 	static fromPoints(t, n) {
 		let r = this.calculateControlPoints(t[0], t[1], t[2]).c2, i = this.calculateControlPoints(t[1], t[2], t[3]).c1;
 		return new e(t[1], r, i, t[2], n.start, n.end);
 	}
 	static calculateControlPoints(e, t, n) {
-		let i = e.x - t.x, a = e.y - t.y, o = t.x - n.x, s = t.y - n.y, c = {
+		let r = e.x - t.x, a = e.y - t.y, o = t.x - n.x, s = t.y - n.y, c = {
 			x: (e.x + t.x) / 2,
 			y: (e.y + t.y) / 2
 		}, l = {
 			x: (t.x + n.x) / 2,
 			y: (t.y + n.y) / 2
-		}, u = Math.sqrt(i * i + a * a), d = Math.sqrt(o * o + s * s), f = c.x - l.x, p = c.y - l.y, m = u + d == 0 ? 0 : d / (u + d), h = {
+		}, u = Math.sqrt(r * r + a * a), d = Math.sqrt(o * o + s * s), f = c.x - l.x, p = c.y - l.y, m = u + d == 0 ? 0 : d / (u + d), h = {
 			x: l.x + f * m,
 			y: l.y + p * m
 		}, g = t.x - h.x, _ = t.y - h.y;
 		return {
-			c1: new r(c.x + g, c.y + _),
-			c2: new r(l.x + g, l.y + _)
+			c1: new i(c.x + g, c.y + _),
+			c2: new i(l.x + g, l.y + _)
 		};
 	}
 	length() {
@@ -58,7 +64,7 @@ var r = class {
 	point(e, t, n, r, i) {
 		return t * (1 - e) * (1 - e) * (1 - e) + 3 * n * (1 - e) * (1 - e) * e + 3 * r * (1 - e) * e * e + i * e * e * e;
 	}
-}, a = class {
+}, o = class {
 	_et;
 	constructor() {
 		try {
@@ -77,7 +83,7 @@ var r = class {
 		this._et.removeEventListener(e, t, n);
 	}
 };
-function o(e, t = 250) {
+function s(e, t = 250) {
 	let n = 0, r = null, i, a, o, s = () => {
 		n = Date.now(), r = null, i = e.apply(a, o), r || (a = null, o = []);
 	};
@@ -86,10 +92,11 @@ function o(e, t = 250) {
 		return a = this, o = c, u <= 0 || u > t ? (r &&= (clearTimeout(r), null), n = l, i = e.apply(a, o), r || (a = null, o = [])) : r ||= window.setTimeout(s, u), i;
 	};
 }
-var s = class e extends a {
+var c = class e extends o {
 	constructor(t, n = {}) {
-		super(), this.canvas = t, this.velocityFilterWeight = n.velocityFilterWeight || .7, this.minWidth = n.minWidth || .5, this.maxWidth = n.maxWidth || 2.5, this.throttle = n.throttle ?? 16, this.minDistance = n.minDistance ?? 5, this.dotSize = n.dotSize || 0, this.penColor = n.penColor || "black", this.backgroundColor = n.backgroundColor || "rgba(0,0,0,0)", this.compositeOperation = n.compositeOperation || "source-over", this.canvasContextOptions = n.canvasContextOptions ?? {}, this._strokeMoveUpdate = this.throttle ? o(e.prototype._strokeUpdate, this.throttle) : e.prototype._strokeUpdate, this._handleMouseDown = this._handleMouseDown.bind(this), this._handleMouseMove = this._handleMouseMove.bind(this), this._handleMouseUp = this._handleMouseUp.bind(this), this._handleTouchStart = this._handleTouchStart.bind(this), this._handleTouchMove = this._handleTouchMove.bind(this), this._handleTouchEnd = this._handleTouchEnd.bind(this), this._handlePointerDown = this._handlePointerDown.bind(this), this._handlePointerMove = this._handlePointerMove.bind(this), this._handlePointerUp = this._handlePointerUp.bind(this), this._handlePointerCancel = this._handlePointerCancel.bind(this), this._handleTouchCancel = this._handleTouchCancel.bind(this), this._ctx = t.getContext("2d", this.canvasContextOptions), this.clear(), this.on();
+		super(), this.canvas = t, this.velocityFilterWeight = n.velocityFilterWeight || .7, this.minWidth = n.minWidth || .5, this.maxWidth = n.maxWidth || 2.5, this.throttle = n.throttle ?? 16, this.minDistance = n.minDistance ?? 5, this.dotSize = n.dotSize || 0, this.penColor = n.penColor || "black", this.backgroundColor = n.backgroundColor || "rgba(0,0,0,0)", this.compositeOperation = n.compositeOperation || "source-over", this.canvasContextOptions = n.canvasContextOptions ?? {}, this._strokeMoveUpdate = this.throttle ? s(e.prototype._strokeUpdate, this.throttle) : e.prototype._strokeUpdate, this._handleMouseDown = this._handleMouseDown.bind(this), this._handleMouseMove = this._handleMouseMove.bind(this), this._handleMouseUp = this._handleMouseUp.bind(this), this._handleTouchStart = this._handleTouchStart.bind(this), this._handleTouchMove = this._handleTouchMove.bind(this), this._handleTouchEnd = this._handleTouchEnd.bind(this), this._handlePointerDown = this._handlePointerDown.bind(this), this._handlePointerMove = this._handlePointerMove.bind(this), this._handlePointerUp = this._handlePointerUp.bind(this), this._handlePointerCancel = this._handlePointerCancel.bind(this), this._handleTouchCancel = this._handleTouchCancel.bind(this), this._ctx = t.getContext("2d", this.canvasContextOptions), this.clear(), this.on();
 	}
+	canvas;
 	dotSize;
 	minWidth;
 	maxWidth;
@@ -158,7 +165,7 @@ var s = class e extends a {
 		return this._isEmpty;
 	}
 	fromData(e, { clear: t = !0 } = {}) {
-		t && this.clear(), this._fromData(e, this._drawCurve.bind(this), this._drawDot.bind(this)), this._data = this._data.concat(e);
+		t && this.clear(), this._fromData(e, this._drawCurve.bind(this), this._drawDot.bind(this), this._drawLine.bind(this)), this._data = this._data.concat(e);
 	}
 	toData() {
 		return this._data;
@@ -186,7 +193,7 @@ var s = class e extends a {
 		};
 	}
 	_handleMouseDown(e) {
-		!this._isLeftButtonPressed(e, !0) || this._drawingStroke || this._strokeBegin(this._pointerEventToSignatureEvent(e));
+		this._isLeftButtonPressed(e, !0) && !this._drawingStroke && this._strokeBegin(this._pointerEventToSignatureEvent(e));
 	}
 	_handleMouseMove(e) {
 		if (!this._isLeftButtonPressed(e, !0) || !this._drawingStroke) {
@@ -226,7 +233,7 @@ var s = class e extends a {
 		return this._strokePointerId === void 0 ? t : this._getPointerId(e) === this._strokePointerId;
 	}
 	_handlePointerDown(e) {
-		this._drawingStroke || !this._isLeftButtonPressed(e) || !this._allowPointerId(e, !0) || (this._strokePointerId = this._getPointerId(e), e.preventDefault(), this._strokeBegin(this._pointerEventToSignatureEvent(e)));
+		!this._drawingStroke && this._isLeftButtonPressed(e) && this._allowPointerId(e, !0) && (this._strokePointerId = this._getPointerId(e), e.preventDefault(), this._strokeBegin(this._pointerEventToSignatureEvent(e)));
 	}
 	_handlePointerMove(e) {
 		if (this._allowPointerId(e)) {
@@ -238,7 +245,7 @@ var s = class e extends a {
 		}
 	}
 	_handlePointerUp(e) {
-		this._isLeftButtonPressed(e) || !this._allowPointerId(e) || (e.preventDefault(), this._strokeEnd(this._pointerEventToSignatureEvent(e)));
+		!this._isLeftButtonPressed(e) && this._allowPointerId(e) && (e.preventDefault(), this._strokeEnd(this._pointerEventToSignatureEvent(e)));
 	}
 	_getPointGroupOptions(e) {
 		return {
@@ -263,10 +270,7 @@ var s = class e extends a {
 			case "touchstart":
 				t("touchmove", this._handleTouchMove, { passive: !1 }), t("touchend", this._handleTouchEnd, { passive: !1 }), t("touchcancel", this._handleTouchCancel, { passive: !1 });
 				break;
-			case "pointerdown":
-				t("pointermove", this._handlePointerMove, { passive: !1 }), t("pointerup", this._handlePointerUp, { passive: !1 }), t("pointercancel", this._handlePointerCancel, { passive: !1 });
-				break;
-			default:
+			case "pointerdown": t("pointermove", this._handlePointerMove, { passive: !1 }), t("pointerup", this._handlePointerUp, { passive: !1 }), t("pointercancel", this._handlePointerCancel, { passive: !1 });
 		}
 		this._drawingStroke = !0;
 		let n = this._getPointGroupOptions(), r = {
@@ -310,14 +314,14 @@ var s = class e extends a {
 		this._lastPoints = [], this._lastVelocity = 0, this._lastWidth = (e.minWidth + e.maxWidth) / 2, this._ctx.fillStyle = e.penColor, this._ctx.globalCompositeOperation = e.compositeOperation;
 	}
 	_createPoint(e, t, n) {
-		let i = this.canvas.getBoundingClientRect();
-		return new r(e - i.left, t - i.top, n, (/* @__PURE__ */ new Date()).getTime());
+		let r = this.canvas.getBoundingClientRect();
+		return new i(e - r.left, t - r.top, n, (/* @__PURE__ */ new Date()).getTime());
 	}
 	_addPoint(e, t) {
 		let { _lastPoints: n } = this;
 		if (n.push(e), n.length > 2) {
 			n.length === 3 && n.unshift(n[0]);
-			let e = this._calculateCurveWidths(n[1], n[2], t), r = i.fromPoints(n, e);
+			let e = this._calculateCurveWidths(n[1], n[2], t), r = a.fromPoints(n, e);
 			return n.shift(), r;
 		}
 		return null;
@@ -349,20 +353,27 @@ var s = class e extends a {
 		}
 		n.closePath(), n.fill();
 	}
+	_getDotSize(e) {
+		return e.dotSize > 0 ? e.dotSize : (e.minWidth + e.maxWidth) / 2;
+	}
 	_drawDot(e, t) {
-		let n = this._ctx, r = t.dotSize > 0 ? t.dotSize : (t.minWidth + t.maxWidth) / 2;
+		let n = this._ctx, r = this._getDotSize(t);
 		n.beginPath(), this._drawCurveSegment(e.x, e.y, r), n.closePath(), n.fillStyle = t.penColor, n.fill();
 	}
-	_fromData(e, t, n) {
-		for (let i of e) {
-			let { points: e } = i, a = this._getPointGroupOptions(i);
-			if (e.length > 1) for (let n = 0; n < e.length; n += 1) {
-				let i = e[n], o = new r(i.x, i.y, i.pressure, i.time);
-				n === 0 && this._reset(a);
-				let s = this._addPoint(o, a);
-				s && t(s, a);
+	_drawLine(e, t, n) {
+		let r = this._ctx;
+		r.save(), r.beginPath(), r.moveTo(e.x, e.y), r.lineTo(t.x, t.y), r.lineWidth = this._getDotSize(n) * 2, r.lineCap = "round", r.strokeStyle = n.penColor, r.stroke(), r.restore(), this._isEmpty = !1;
+	}
+	_fromData(e, t, n, r) {
+		for (let a of e) {
+			let { points: e } = a, o = this._getPointGroupOptions(a);
+			if (e.length > 2) for (let n = 0; n < e.length; n += 1) {
+				let r = e[n], a = new i(r.x, r.y, r.pressure, r.time);
+				n === 0 && this._reset(o);
+				let s = this._addPoint(a, o);
+				s && t(s, o);
 			}
-			else this._reset(a), n(e[0], a);
+			else e.length === 2 ? (this._reset(o), r(e[0], e[1], o)) : (this._reset(o), n(e[0], o));
 		}
 	}
 	toSVG({ includeBackgroundColor: e = !1, includeDataUrl: t = !1 } = {}) {
@@ -384,39 +395,42 @@ var s = class e extends a {
 		}, (e, { penColor: t, dotSize: n, minWidth: r, maxWidth: i }) => {
 			let a = document.createElement("circle"), s = n > 0 ? n : (r + i) / 2;
 			a.setAttribute("r", s.toString()), a.setAttribute("cx", e.x.toString()), a.setAttribute("cy", e.y.toString()), a.setAttribute("fill", t), o.appendChild(a);
+		}, (e, t, n) => {
+			let r = document.createElement("line");
+			r.setAttribute("x1", e.x.toString()), r.setAttribute("y1", e.y.toString()), r.setAttribute("x2", t.x.toString()), r.setAttribute("y2", t.y.toString()), r.setAttribute("stroke", n.penColor), r.setAttribute("stroke-width", (this._getDotSize(n) * 2).toString()), r.setAttribute("stroke-linecap", "round"), o.appendChild(r);
 		}), o.outerHTML;
 	}
-}, c = "@layer formie-theme{[data-formie-field-type=signature] .formie-field-control{transition:border-color .15s,box-shadow .15s,background-color .15s;position:relative}[data-formie-field-type=signature] .formie-field-control:focus-within .formie-signature-canvas{border-color:var(--formie-focus-ring-border-color);box-shadow:var(--formie-shadow-focus)}.formie-field-has-error[data-formie-field-type=signature] .formie-signature-canvas{border-color:var(--formie-color-danger)}.formie-field-has-error[data-formie-field-type=signature] .formie-field-control:focus-within .formie-signature-canvas{box-shadow:var(--formie-shadow-danger-focus)}[data-formie-field-type=signature] .formie-signature-canvas{width:var(--formie-signature-width);height:var(--formie-signature-height);border:var(--formie-signature-border);background:var(--formie-signature-background);border-radius:var(--formie-signature-border-radius);touch-action:none;transition:border-color .15s,box-shadow .15s,background-color .15s;display:block}[data-formie-field-type=signature] .formie-signature-remove-button{top:var(--formie-signature-remove-button-top);right:var(--formie-signature-remove-button-right);transform:var(--formie-signature-remove-button-transform);font-size:0;line-height:0;position:absolute}[data-formie-field-type=signature] .formie-signature-pad{position:relative}[data-formie-field-type=signature] .formie-signature-message{padding:var(--formie-space-3);border:var(--formie-signature-border);border-radius:var(--formie-signature-border-radius);background:var(--formie-signature-background);color:var(--formie-color-text-muted);font-size:var(--formie-font-size-sm);line-height:var(--formie-line-height-base);margin:0}[data-formie-field-type=signature].formie-signature-has-message .formie-signature-canvas{display:none}}", l = "input[data-formie-signature-input]", u = "canvas[data-formie-signature-canvas]", d = "[data-formie-signature-clear]", f = "[data-formie-signature-message]", p = "signature", m = 20, h = 100, g = [
+}, l = "@layer formie-theme{[data-formie-field-type=signature] .formie-field-control{transition:border-color .15s,box-shadow .15s,background-color .15s;position:relative}[data-formie-field-type=signature] .formie-field-control:focus-within .formie-signature-canvas{border-color:var(--formie-focus-ring-border-color);box-shadow:var(--formie-shadow-focus)}.formie-field-has-error[data-formie-field-type=signature] .formie-signature-canvas{border-color:var(--formie-color-danger)}.formie-field-has-error[data-formie-field-type=signature] .formie-field-control:focus-within .formie-signature-canvas{box-shadow:var(--formie-shadow-danger-focus)}[data-formie-field-type=signature] .formie-signature-canvas{width:var(--formie-signature-width);min-height:var(--formie-signature-height);border:var(--formie-signature-border);background:var(--formie-signature-background);border-radius:var(--formie-signature-border-radius);touch-action:none;height:auto;transition:border-color .15s,box-shadow .15s,background-color .15s;display:block}[data-formie-field-type=signature] .formie-signature-remove-button{top:var(--formie-signature-remove-button-top);right:var(--formie-signature-remove-button-right);transform:var(--formie-signature-remove-button-transform);font-size:0;line-height:0;position:absolute}[data-formie-field-type=signature] .formie-signature-pad{position:relative}[data-formie-field-type=signature] .formie-signature-message{padding:var(--formie-space-3);border:var(--formie-signature-border);border-radius:var(--formie-signature-border-radius);background:var(--formie-signature-background);color:var(--formie-color-text-muted);font-size:var(--formie-font-size-sm);line-height:var(--formie-line-height-base);margin:0}[data-formie-field-type=signature].formie-signature-has-message .formie-signature-canvas{display:none}}", u = "input[data-formie-signature-input]", d = "canvas[data-formie-signature-canvas]", f = "[data-formie-signature-clear]", p = "[data-formie-signature-message]", m = "signature", h = 20, g = 100, _ = [
 	"hidden",
 	"data-formie-conditionally-hidden",
 	"data-formie-page-hidden",
 	"data-formie-row-hidden"
 ];
-e(p, [c]);
-function _(e) {
+e(m, [l]);
+function v(e) {
 	let t = e.getBoundingClientRect();
 	return {
 		width: Math.round(t.width),
 		height: Math.round(t.height)
 	};
 }
-function v() {
+function y() {
 	let e = document.createElement("canvas");
 	return typeof e.getContext == "function" && !!e.getContext("2d");
 }
-function y(e) {
-	let t = e.querySelector(f);
+function b(e) {
+	let t = e.querySelector(p);
 	return t instanceof HTMLElement ? t : null;
 }
-function b(e) {
-	let t = y(e);
+function x(e) {
+	let t = b(e);
 	return {
 		noCanvas: t?.dataset.formieSignatureMessageNoCanvas || "This browser does not support canvas, which is required for signatures.",
 		initFailed: t?.dataset.formieSignatureMessageInitFailed || "The signature pad could not be loaded. Try refreshing the page."
 	};
 }
-function x(e, t, n) {
-	let r = y(e);
+function S(e, t, n) {
+	let r = b(e);
 	if (r) {
 		if (n) {
 			r.textContent = n, r.hidden = !1, t.setAttribute("aria-hidden", "true"), e.classList.add("formie-signature-has-message");
@@ -425,10 +439,10 @@ function x(e, t, n) {
 		r.textContent = "", r.hidden = !0, t.removeAttribute("aria-hidden"), e.classList.remove("formie-signature-has-message");
 	}
 }
-function S(e) {
+function C(e) {
 	return !e.hasAttribute("hidden") && !e.hasAttribute("data-formie-conditionally-hidden") && !e.hasAttribute("data-formie-page-hidden") && !e.hasAttribute("data-formie-row-hidden") && e.getClientRects().length > 0;
 }
-function C(e, t) {
+function w(e, t) {
 	if (!t) return;
 	let n = new Image();
 	n.src = t, n.onload = () => {
@@ -436,94 +450,128 @@ function C(e, t) {
 		r && r.drawImage(n, 0, 0, e.width / t, e.height / t);
 	};
 }
-async function w(e, t, n) {
-	if (n) try {
-		await e.fromDataURL(n);
-	} catch {
-		C(t, n);
+function T(e) {
+	return new Promise((t) => {
+		let n = new Image();
+		n.onload = () => {
+			t({
+				width: n.naturalWidth,
+				height: n.naturalHeight
+			});
+		}, n.onerror = () => t(null), n.src = e;
+	});
+}
+async function E(e, t) {
+	let n = await T(t);
+	if (!n?.width || !n?.height) return;
+	let { width: r } = v(e);
+	if (!(r > 0)) return;
+	let i = Math.max(1, Math.round(r * (n.height / n.width)));
+	e.style.height = `${i}px`;
+}
+async function D(e, t, n) {
+	if (n) {
+		await E(t, n);
+		try {
+			await e.fromDataURL(n);
+		} catch {
+			w(t, n);
+		}
 	}
 }
-function T(e, t, r, i, a, o) {
-	let c = b(t);
-	if (!v()) return x(t, i, c.noCanvas), () => {};
-	let l = parseFloat(o.penWeight || "2") || 2, u = i.parentElement instanceof HTMLElement ? i.parentElement : t, d = 0, f = null, y = !1, C = !1, T = new s(i, {
-		backgroundColor: o.backgroundColor || "rgba(255, 255, 255, 0)",
-		penColor: o.penColor || "#000000",
-		dotSize: l,
-		minWidth: l,
-		maxWidth: l
-	}), E = () => {
-		f !== null && (window.clearTimeout(f), f = null);
-	}, D = () => {
-		y || (y = !0, C = !1, x(t, i, null), n(t, p, "init", { signature: T }));
-	}, O = () => {
-		y || C || (C = !0, x(t, i, c.initFailed));
-	}, k = async () => {
-		let { width: e, height: t } = _(i);
-		if (!(e > 0) || !(t > 0)) return !1;
-		let n = Math.max(window.devicePixelRatio || 1, 1), a = i.getContext("2d");
-		if (!a) return !1;
-		let o = r.value || (T.isEmpty() ? "" : T.toDataURL());
-		return i.width = e * n, i.height = t * n, a.setTransform(1, 0, 0, 1, 0, 0), a.scale(n, n), T.clear(), await w(T, i, o), D(), !0;
-	}, A = () => {
-		if (!(y || C)) {
-			if (d >= m) {
-				O();
+function O(e, t, i, a, o, s) {
+	let l = i.value, u = i.form, d = x(t);
+	if (!y()) return S(t, a, d.noCanvas), () => {};
+	let f = parseFloat(s.penWeight || "2") || 2, p = a.parentElement instanceof HTMLElement ? a.parentElement : t, b = 0, w = null, T = !1, O = !1, k = new c(a, {
+		backgroundColor: s.backgroundColor || "rgba(255, 255, 255, 0)",
+		penColor: s.penColor || "#000000",
+		dotSize: f,
+		minWidth: f,
+		maxWidth: f
+	}), A = () => {
+		w !== null && (window.clearTimeout(w), w = null);
+	}, j = () => {
+		T || (T = !0, O = !1, S(t, a, null), n(t, m, "init", { signature: k }));
+	}, M = () => {
+		T || O || (O = !0, S(t, a, d.initFailed));
+	}, N = async () => {
+		let e = i.value || (k.isEmpty() ? "" : k.toDataURL());
+		e && await E(a, e);
+		let { width: t, height: n } = v(a);
+		if (!(t > 0) || !(n > 0)) return !1;
+		let r = Math.max(window.devicePixelRatio || 1, 1), o = a.getContext("2d");
+		return o ? (a.width = t * r, a.height = n * r, o.setTransform(1, 0, 0, 1, 0, 0), o.scale(r, r), k.clear(), await D(k, a, e), j(), !0) : !1;
+	}, P = () => {
+		if (!(T || O)) {
+			if (b >= h) {
+				M();
 				return;
 			}
-			E(), f = window.setTimeout(() => {
-				f = null, d += 1, j();
-			}, h);
+			A(), w = window.setTimeout(() => {
+				w = null, b += 1, F();
+			}, g);
 		}
-	}, j = async () => {
-		if (!await k()) {
-			A();
+	}, F = async () => {
+		if (!await N()) {
+			P();
 			return;
 		}
-		E(), d = 0;
-	}, M = (e = 0) => {
+		A(), b = 0;
+	}, I = (e = 0) => {
 		window.setTimeout(() => {
 			window.requestAnimationFrame(() => {
-				j();
+				F();
 			});
 		}, e);
-	}, N = () => {
-		S(t) && !y && (C = !1), M();
-	}, P = () => {
-		N();
-	}, F = () => {
-		S(t) && (d = 0, C = !1, M(100));
-	}, I = () => {
-		S(t) && (d = 0, C = !1, N());
-	}, L = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => {
-		N();
-	}), R = new MutationObserver(() => {
-		I();
-	}), z = (e) => {
-		let t = r.value !== e;
-		r.value = e, t && (r.dispatchEvent(new Event("input", { bubbles: !0 })), r.dispatchEvent(new Event("change", { bubbles: !0 })));
+	}, L = () => {
+		C(t) && !T && (O = !1), I();
+	}, R = () => {
+		L();
+	}, z = () => {
+		C(t) && (b = 0, O = !1, I(100));
 	}, B = () => {
-		z(T.isEmpty() ? "" : T.toDataURL());
-	}, V = () => {
-		T.clear(), z("");
+		C(t) && (b = 0, O = !1, L());
+	}, V = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => {
+		L();
+	}), H = new MutationObserver(() => {
+		B();
+	}), U = (e) => {
+		let t = i.value !== e;
+		i.value = e, t && (i.dispatchEvent(new Event("input", { bubbles: !0 })), i.dispatchEvent(new Event("change", { bubbles: !0 })));
+	}, W = () => {
+		U(k.isEmpty() ? "" : k.toDataURL());
+	}, G = () => {
+		k.clear(), U("");
+	}, K = (e) => {
+		queueMicrotask(() => {
+			e.defaultPrevented || (k.clear(), U(l), D(k, a, l));
+		});
 	};
-	return T.addEventListener("endStroke", B), window.addEventListener("resize", P), e.addEventListener("formie:page:navigate:after", F), L?.observe(u), R.observe(t, {
+	u?.addEventListener("reset", K);
+	let q = r(i, G);
+	return k.addEventListener("endStroke", W), window.addEventListener("resize", R), e.addEventListener("formie:page:navigate:after", z), V?.observe(p), H.observe(t, {
 		attributes: !0,
-		attributeFilter: [...g]
-	}), M(), a && a.addEventListener("click", V), () => {
-		E(), T.removeEventListener("endStroke", B), window.removeEventListener("resize", P), e.removeEventListener("formie:page:navigate:after", F), L?.disconnect(), R.disconnect(), a && a.removeEventListener("click", V), T.clear();
+		attributeFilter: [..._]
+	}), I(), o && o.addEventListener("click", G), () => {
+		A(), q(), u?.removeEventListener("reset", K), k.removeEventListener("endStroke", W), window.removeEventListener("resize", R), e.removeEventListener("formie:page:navigate:after", z), V?.disconnect(), H.disconnect(), o && o.removeEventListener("click", G), k.clear();
 	};
 }
-var E = {
-	id: p,
+var k = {
+	moduleId: `formie:${m}`,
+	version: 2,
+	surfaces: [
+		"server-rendered",
+		"client-rendered",
+		"cp-edit"
+	],
 	kind: "field",
-	match: (e) => !!e.target.querySelector(u),
+	match: (e) => !!e.target.querySelector(d),
 	setup: async (e) => {
 		let n = e.options || {}, r = e.root instanceof HTMLElement ? e.root : e.target instanceof HTMLElement ? e.target : null;
 		if (!r) return;
 		let i = t(e).map((e) => {
-			let t = e.querySelector(l), i = e.querySelector(u), a = e.querySelector(d);
-			return !(t instanceof HTMLInputElement) || !(i instanceof HTMLCanvasElement) ? () => {} : T(r, e, t, i, a instanceof HTMLElement ? a : null, n);
+			let t = e.querySelector(u), i = e.querySelector(d), a = e.querySelector(f);
+			return !(t instanceof HTMLInputElement) || !(i instanceof HTMLCanvasElement) ? () => {} : O(r, e, t, i, a instanceof HTMLElement ? a : null, n);
 		});
 		return await e.emit("formie:module:signature:init", { count: i.length }), { destroy: () => {
 			i.forEach((e) => {
@@ -533,4 +581,4 @@ var E = {
 	}
 };
 //#endregion
-export { E as signatureModule };
+export { k as signatureModule };

package/dist/chunks/{snaptcha-DKx98oon.js → snaptcha-C04kNGYQ.js}

@@ -1,7 +1,7 @@
-import { n as e } from "./api-BUb6P-xu.js";
+import { n as e } from "./api-DYYsVIub.js";
 //#region src/js/modules/captchas/snaptcha.ts
 var t = e({
-	id: "snaptcha",
+	moduleId: "formie:snaptcha",
 	defaultPlaceholderSelector: "[data-snaptcha-captcha-placeholder]"
 });
 //#endregion

package/dist/chunks/{square-DwdcOI1G.js → square-DEzxv9D9.js}

@@ -1,15 +1,17 @@
-import { t as e } from "./api-DqpfkZWL.js";
+import { t as e } from "./api-D6kJ7kXZ.js";
 import { r as t } from "./scripts-CbQ7agX3.js";
 //#region src/js/modules/payments/square.ts
 var n = "FORMIE_SQUARE_SCRIPT", r = e({
-	id: "square",
+	moduleId: "formie:square",
 	defaultRequiredInputSuffixes: ["squarePaymentId"],
 	load: async (e) => {
 		let { provider: r } = e.options, i = r.applicationId, a = r.locationId;
-		return !i?.trim() || !a?.trim() ? (console.error("[formie] Missing applicationId or locationId for Square."), null) : (await t("Square", {
+		if (!i?.trim() || !a?.trim()) return console.error("[formie] Missing applicationId or locationId for Square."), null;
+		let o = r.environment === "sandbox" ? "https://sandbox.web.squarecdn.com/v1/square.js" : "https://web.squarecdn.com/v1/square.js";
+		return await t("Square", {
 			id: n,
-			src: r.environment === "sandbox" ? "https://sandbox.web.squarecdn.com/v1/square.js" : "https://web.squarecdn.com/v1/square.js"
-		}), window.Square);
+			src: o
+		}), window.Square;
 	},
 	mount: async (e) => {
 		let { api: t, field: n, services: r, options: i } = e, a = i.provider, o = n.querySelector("[data-formie-square-button]");
@@ -22,7 +24,7 @@ var n = "FORMIE_SQUARE_SCRIPT", r = e({
 		}
 	},
 	unmount: async () => {},
-	onBeforeAuthorize: async (e) => {
+	onBeforePayment: async (e) => {
 		let { widget: t, services: n } = e;
 		if (!t) return n.addError("Square card is not ready."), !1;
 		try {