@verbb/formie-browser 1.0.4 → 1.0.5

package/dist/chunks/shared-Bx9s0i0P.js

@@ -0,0 +1,100 @@
+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 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) : [];
+}
+function a(e) {
+	return i(e)[0] || null;
+}
+function o(e) {
+	return e && e.formieValidation || null;
+}
+function s(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);
+		t && r(t);
+	}
+	i.set(t, a + 1), n.set(e, i);
+}
+function c(e, t, r) {
+	if (!e) return;
+	let i = n.get(e), a = i?.get(t) || 0;
+	if (a <= 1) {
+		let a = o(e);
+		if (r.forEach((e) => {
+			a?.removeValidator(e);
+		}), i?.delete(t), !i || i.size === 0) {
+			n.delete(e);
+			return;
+		}
+		n.set(e, i);
+		return;
+	}
+	i?.set(t, a - 1);
+}
+function l(e, t, n, r) {
+	let i = /* @__PURE__ */ new Map(), a = (e) => {
+		if (!n(e) || i.has(e)) return;
+		let t = r(e);
+		i.set(e, t || (() => {}));
+	}, o = (e) => {
+		e instanceof Element && e.matches(t) && a(e), e.querySelectorAll(t).forEach((e) => {
+			a(e);
+		});
+	}, s = () => {
+		i.forEach((t, n) => {
+			e.contains(n) || (t(), i.delete(n));
+		});
+	};
+	o(e);
+	let c = new MutationObserver((e) => {
+		e.forEach((e) => {
+			e.addedNodes.forEach((e) => {
+				e instanceof Element && o(e);
+			});
+		}), s();
+	});
+	return c.observe(e, {
+		childList: !0,
+		subtree: !0
+	}), () => {
+		c.disconnect(), i.forEach((e) => {
+			e();
+		}), i.clear();
+	};
+}
+function u(e) {
+	return e.ownerDocument || document;
+}
+function d(e, t) {
+	let n = u(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)}"]`),
+			n.getElementById(t)
+		];
+		for (let e of i) if (e instanceof HTMLTemplateElement || e instanceof HTMLScriptElement) return e;
+	}
+	return null;
+}
+function f(e) {
+	return e instanceof HTMLTemplateElement ? e.innerHTML : e instanceof HTMLScriptElement ? e.textContent || "" : e.innerHTML;
+}
+function p(t, n, r, i) {
+	let a = e(n, r);
+	t.dispatchEvent(new CustomEvent(a, {
+		bubbles: !0,
+		detail: 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 };

package/dist/chunks/signature-CpgqHCEx.js

@@ -0,0 +1,463 @@
+import { t as e } from "./styles-BfoIZwJp.js";
+import { r as t, t as n } from "./shared-Bx9s0i0P.js";
+//#region ../../node_modules/signature_pad/dist/signature_pad.js
+var r = class {
+	x;
+	y;
+	pressure;
+	time;
+	constructor(e, t, n, r) {
+		if (isNaN(e) || isNaN(t)) throw Error(`Point is invalid: (${e}, ${t})`);
+		this.x = +e, this.y = +t, this.pressure = n || 0, this.time = r || Date.now();
+	}
+	distanceTo(e) {
+		return Math.sqrt((this.x - e.x) ** 2 + (this.y - e.y) ** 2);
+	}
+	equals(e) {
+		return this.x === e.x && this.y === e.y && this.pressure === e.pressure && this.time === e.time;
+	}
+	velocityFrom(e) {
+		return this.time === e.time ? 0 : this.distanceTo(e) / (this.time - e.time);
+	}
+}, i = 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;
+	}
+	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 = {
+			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 = {
+			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 + _)
+		};
+	}
+	length() {
+		let e = 0, t, n;
+		for (let r = 0; r <= 10; r += 1) {
+			let i = r / 10, a = this.point(i, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x), o = this.point(i, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
+			if (r > 0) {
+				let r = a - t, i = o - n;
+				e += Math.sqrt(r * r + i * i);
+			}
+			t = a, n = o;
+		}
+		return e;
+	}
+	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 {
+	_et;
+	constructor() {
+		try {
+			this._et = new EventTarget();
+		} catch {
+			this._et = document;
+		}
+	}
+	addEventListener(e, t, n) {
+		this._et.addEventListener(e, t, n);
+	}
+	dispatchEvent(e) {
+		return this._et.dispatchEvent(e);
+	}
+	removeEventListener(e, t, n) {
+		this._et.removeEventListener(e, t, n);
+	}
+};
+function o(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 = []);
+	};
+	return function(...c) {
+		let l = Date.now(), u = t - (l - n);
+		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 {
+	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();
+	}
+	dotSize;
+	minWidth;
+	maxWidth;
+	penColor;
+	minDistance;
+	velocityFilterWeight;
+	compositeOperation;
+	backgroundColor;
+	throttle;
+	canvasContextOptions;
+	_ctx;
+	_drawingStroke = !1;
+	_isEmpty = !0;
+	_dataUrl;
+	_dataUrlOptions;
+	_lastPoints = [];
+	_data = [];
+	_lastVelocity = 0;
+	_lastWidth = 0;
+	_strokeMoveUpdate;
+	_strokePointerId;
+	clear() {
+		let { _ctx: e, canvas: t } = this;
+		e.fillStyle = this.backgroundColor, e.clearRect(0, 0, t.width, t.height), e.fillRect(0, 0, t.width, t.height), this._data = [], this._reset(this._getPointGroupOptions()), this._isEmpty = !0, this._dataUrl = void 0, this._dataUrlOptions = void 0, this._strokePointerId = void 0;
+	}
+	redraw() {
+		let e = this._data, t = this._dataUrl, n = this._dataUrlOptions;
+		this.clear(), t && this.fromDataURL(t, n), this.fromData(e, { clear: !1 });
+	}
+	fromDataURL(e, t = {}) {
+		return new Promise((n, r) => {
+			let i = new Image(), a = t.ratio || window.devicePixelRatio || 1, o = t.width || this.canvas.width / a, s = t.height || this.canvas.height / a, c = t.xOffset || 0, l = t.yOffset || 0;
+			this._reset(this._getPointGroupOptions()), i.onload = () => {
+				this._ctx.drawImage(i, c, l, o, s), n();
+			}, i.onerror = (e) => {
+				r(e);
+			}, i.crossOrigin = "anonymous", i.src = e, this._isEmpty = !1, this._dataUrl = e, this._dataUrlOptions = { ...t };
+		});
+	}
+	toDataURL(e = "image/png", t) {
+		switch (e) {
+			case "image/svg+xml": return typeof t != "object" && (t = void 0), `data:image/svg+xml;base64,${btoa(this.toSVG(t))}`;
+			default: return typeof t != "number" && (t = void 0), this.canvas.toDataURL(e, t);
+		}
+	}
+	on() {
+		this.canvas.style.touchAction = "none", this.canvas.style.msTouchAction = "none", this.canvas.style.userSelect = "none", this.canvas.style.webkitUserSelect = "none";
+		let e = /Macintosh/.test(navigator.userAgent) && "ontouchstart" in document;
+		window.PointerEvent && !e ? this._handlePointerEvents() : (this._handleMouseEvents(), "ontouchstart" in window && this._handleTouchEvents());
+	}
+	off() {
+		this.canvas.style.touchAction = "auto", this.canvas.style.msTouchAction = "auto", this.canvas.style.userSelect = "auto", this.canvas.style.webkitUserSelect = "auto", this.canvas.removeEventListener("pointerdown", this._handlePointerDown), this.canvas.removeEventListener("mousedown", this._handleMouseDown), this.canvas.removeEventListener("touchstart", this._handleTouchStart), this._removeMoveUpEventListeners();
+	}
+	_getListenerFunctions() {
+		let e = window.document === this.canvas.ownerDocument ? window : this.canvas.ownerDocument.defaultView ?? this.canvas.ownerDocument;
+		return {
+			addEventListener: e.addEventListener.bind(e),
+			removeEventListener: e.removeEventListener.bind(e)
+		};
+	}
+	_removeMoveUpEventListeners() {
+		let { removeEventListener: e } = this._getListenerFunctions();
+		e("pointermove", this._handlePointerMove), e("pointerup", this._handlePointerUp), e("pointercancel", this._handlePointerCancel), e("mousemove", this._handleMouseMove), e("mouseup", this._handleMouseUp), e("touchmove", this._handleTouchMove), e("touchend", this._handleTouchEnd), e("touchcancel", this._handleTouchCancel);
+	}
+	isEmpty() {
+		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);
+	}
+	toData() {
+		return this._data;
+	}
+	_isLeftButtonPressed(e, t) {
+		return t ? e.buttons === 1 : (e.buttons & 1) == 1;
+	}
+	_pointerEventToSignatureEvent(e) {
+		return {
+			event: e,
+			type: e.type,
+			x: e.clientX,
+			y: e.clientY,
+			pressure: "pressure" in e ? e.pressure : 0
+		};
+	}
+	_touchEventToSignatureEvent(e) {
+		let t = e.changedTouches[0];
+		return {
+			event: e,
+			type: e.type,
+			x: t.clientX,
+			y: t.clientY,
+			pressure: t.force
+		};
+	}
+	_handleMouseDown(e) {
+		!this._isLeftButtonPressed(e, !0) || this._drawingStroke || this._strokeBegin(this._pointerEventToSignatureEvent(e));
+	}
+	_handleMouseMove(e) {
+		if (!this._isLeftButtonPressed(e, !0) || !this._drawingStroke) {
+			this._strokeEnd(this._pointerEventToSignatureEvent(e), !1);
+			return;
+		}
+		this._strokeMoveUpdate(this._pointerEventToSignatureEvent(e));
+	}
+	_handleMouseUp(e) {
+		this._isLeftButtonPressed(e) || this._strokeEnd(this._pointerEventToSignatureEvent(e));
+	}
+	_handleTouchStart(e) {
+		e.targetTouches.length !== 1 || this._drawingStroke || (e.cancelable && e.preventDefault(), this._strokeBegin(this._touchEventToSignatureEvent(e)));
+	}
+	_handleTouchMove(e) {
+		if (e.targetTouches.length === 1) {
+			if (e.cancelable && e.preventDefault(), !this._drawingStroke) {
+				this._strokeEnd(this._touchEventToSignatureEvent(e), !1);
+				return;
+			}
+			this._strokeMoveUpdate(this._touchEventToSignatureEvent(e));
+		}
+	}
+	_handleTouchEnd(e) {
+		e.targetTouches.length === 0 && (e.cancelable && e.preventDefault(), this._strokeEnd(this._touchEventToSignatureEvent(e)));
+	}
+	_handlePointerCancel(e) {
+		this._allowPointerId(e) && (e.preventDefault(), this._strokeEnd(this._pointerEventToSignatureEvent(e), !1));
+	}
+	_handleTouchCancel(e) {
+		e.cancelable && e.preventDefault(), this._strokeEnd(this._touchEventToSignatureEvent(e), !1);
+	}
+	_getPointerId(e) {
+		return e.persistentDeviceId || e.pointerId;
+	}
+	_allowPointerId(e, t = !1) {
+		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)));
+	}
+	_handlePointerMove(e) {
+		if (this._allowPointerId(e)) {
+			if (!this._isLeftButtonPressed(e, !0) || !this._drawingStroke) {
+				this._strokeEnd(this._pointerEventToSignatureEvent(e), !1);
+				return;
+			}
+			e.preventDefault(), this._strokeMoveUpdate(this._pointerEventToSignatureEvent(e));
+		}
+	}
+	_handlePointerUp(e) {
+		this._isLeftButtonPressed(e) || !this._allowPointerId(e) || (e.preventDefault(), this._strokeEnd(this._pointerEventToSignatureEvent(e)));
+	}
+	_getPointGroupOptions(e) {
+		return {
+			penColor: e && "penColor" in e ? e.penColor : this.penColor,
+			dotSize: e && "dotSize" in e ? e.dotSize : this.dotSize,
+			minWidth: e && "minWidth" in e ? e.minWidth : this.minWidth,
+			maxWidth: e && "maxWidth" in e ? e.maxWidth : this.maxWidth,
+			velocityFilterWeight: e && "velocityFilterWeight" in e ? e.velocityFilterWeight : this.velocityFilterWeight,
+			compositeOperation: e && "compositeOperation" in e ? e.compositeOperation : this.compositeOperation
+		};
+	}
+	_strokeBegin(e) {
+		if (!this.dispatchEvent(new CustomEvent("beginStroke", {
+			detail: e,
+			cancelable: !0
+		}))) return;
+		let { addEventListener: t } = this._getListenerFunctions();
+		switch (e.event.type) {
+			case "mousedown":
+				t("mousemove", this._handleMouseMove, { passive: !1 }), t("mouseup", this._handleMouseUp, { passive: !1 });
+				break;
+			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:
+		}
+		this._drawingStroke = !0;
+		let n = this._getPointGroupOptions(), r = {
+			...n,
+			points: []
+		};
+		this._data.push(r), this._reset(n), this._strokeUpdate(e);
+	}
+	_strokeUpdate(e) {
+		if (!this._drawingStroke) return;
+		if (this._data.length === 0) {
+			this._strokeBegin(e);
+			return;
+		}
+		this.dispatchEvent(new CustomEvent("beforeUpdateStroke", { detail: e }));
+		let t = this._createPoint(e.x, e.y, e.pressure), n = this._data[this._data.length - 1], r = n.points, i = r.length > 0 && r[r.length - 1], a = i ? t.distanceTo(i) <= this.minDistance : !1, o = this._getPointGroupOptions(n);
+		if (!i || !(i && a)) {
+			let e = this._addPoint(t, o);
+			i ? e && this._drawCurve(e, o) : this._drawDot(t, o), r.push({
+				time: t.time,
+				x: t.x,
+				y: t.y,
+				pressure: t.pressure
+			});
+		}
+		this.dispatchEvent(new CustomEvent("afterUpdateStroke", { detail: e }));
+	}
+	_strokeEnd(e, t = !0) {
+		this._removeMoveUpEventListeners(), this._drawingStroke && (t && this._strokeUpdate(e), this._drawingStroke = !1, this._strokePointerId = void 0, this.dispatchEvent(new CustomEvent("endStroke", { detail: e })));
+	}
+	_handlePointerEvents() {
+		this._drawingStroke = !1, this.canvas.addEventListener("pointerdown", this._handlePointerDown, { passive: !1 });
+	}
+	_handleMouseEvents() {
+		this._drawingStroke = !1, this.canvas.addEventListener("mousedown", this._handleMouseDown, { passive: !1 });
+	}
+	_handleTouchEvents() {
+		this.canvas.addEventListener("touchstart", this._handleTouchStart, { passive: !1 });
+	}
+	_reset(e) {
+		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());
+	}
+	_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);
+			return n.shift(), r;
+		}
+		return null;
+	}
+	_calculateCurveWidths(e, t, n) {
+		let r = n.velocityFilterWeight * t.velocityFrom(e) + (1 - n.velocityFilterWeight) * this._lastVelocity, i = this._strokeWidth(r, n), a = {
+			end: i,
+			start: this._lastWidth
+		};
+		return this._lastVelocity = r, this._lastWidth = i, a;
+	}
+	_strokeWidth(e, t) {
+		return Math.max(t.maxWidth / (e + 1), t.minWidth);
+	}
+	_drawCurveSegment(e, t, n) {
+		let r = this._ctx;
+		r.moveTo(e, t), r.arc(e, t, n, 0, 2 * Math.PI, !1), this._isEmpty = !1;
+	}
+	_drawCurve(e, t) {
+		let n = this._ctx, r = e.endWidth - e.startWidth, i = Math.ceil(e.length()) * 2;
+		n.beginPath(), n.fillStyle = t.penColor;
+		for (let n = 0; n < i; n += 1) {
+			let a = n / i, o = a * a, s = o * a, c = 1 - a, l = c * c, u = l * c, d = u * e.startPoint.x;
+			d += 3 * l * a * e.control1.x, d += 3 * c * o * e.control2.x, d += s * e.endPoint.x;
+			let f = u * e.startPoint.y;
+			f += 3 * l * a * e.control1.y, f += 3 * c * o * e.control2.y, f += s * e.endPoint.y;
+			let p = Math.min(e.startWidth + s * r, t.maxWidth);
+			this._drawCurveSegment(d, f, p);
+		}
+		n.closePath(), n.fill();
+	}
+	_drawDot(e, t) {
+		let n = this._ctx, r = t.dotSize > 0 ? t.dotSize : (t.minWidth + t.maxWidth) / 2;
+		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);
+			}
+			else this._reset(a), n(e[0], a);
+		}
+	}
+	toSVG({ includeBackgroundColor: e = !1, includeDataUrl: t = !1 } = {}) {
+		let n = this._data, r = Math.max(window.devicePixelRatio || 1, 1), i = this.canvas.width / r, a = this.canvas.height / r, o = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+		if (o.setAttribute("xmlns", "http://www.w3.org/2000/svg"), o.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink"), o.setAttribute("viewBox", `0 0 ${i} ${a}`), o.setAttribute("width", i.toString()), o.setAttribute("height", a.toString()), e && this.backgroundColor) {
+			let e = document.createElement("rect");
+			e.setAttribute("width", "100%"), e.setAttribute("height", "100%"), e.setAttribute("fill", this.backgroundColor), o.appendChild(e);
+		}
+		if (t && this._dataUrl) {
+			let e = this._dataUrlOptions?.ratio || window.devicePixelRatio || 1, t = this._dataUrlOptions?.width || this.canvas.width / e, n = this._dataUrlOptions?.height || this.canvas.height / e, r = this._dataUrlOptions?.xOffset || 0, i = this._dataUrlOptions?.yOffset || 0, a = document.createElement("image");
+			a.setAttribute("x", r.toString()), a.setAttribute("y", i.toString()), a.setAttribute("width", t.toString()), a.setAttribute("height", n.toString()), a.setAttribute("preserveAspectRatio", "none"), a.setAttribute("href", this._dataUrl), o.appendChild(a);
+		}
+		return this._fromData(n, (e, { penColor: t }) => {
+			let n = document.createElement("path");
+			if (!isNaN(e.control1.x) && !isNaN(e.control1.y) && !isNaN(e.control2.x) && !isNaN(e.control2.y)) {
+				let r = `M ${e.startPoint.x.toFixed(3)},${e.startPoint.y.toFixed(3)} C ${e.control1.x.toFixed(3)},${e.control1.y.toFixed(3)} ${e.control2.x.toFixed(3)},${e.control2.y.toFixed(3)} ${e.endPoint.x.toFixed(3)},${e.endPoint.y.toFixed(3)}`;
+				n.setAttribute("d", r), n.setAttribute("stroke-width", (e.endWidth * 2.25).toFixed(3)), n.setAttribute("stroke", t), n.setAttribute("fill", "none"), n.setAttribute("stroke-linecap", "round"), o.appendChild(n);
+			}
+		}, (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);
+		}), 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}}", l = "input[data-formie-signature-input]", u = "canvas[data-formie-signature-canvas]", d = "[data-formie-signature-clear]", f = "signature";
+e(f, [c]);
+function p(e) {
+	let t = e.getBoundingClientRect();
+	return {
+		width: Math.round(t.width),
+		height: Math.round(t.height)
+	};
+}
+function m(e, t) {
+	if (!t) return;
+	let n = new Image();
+	n.src = t, n.onload = () => {
+		let t = Math.max(window.devicePixelRatio || 1, 1), r = e.getContext("2d");
+		r && r.drawImage(n, 0, 0, e.width / t, e.height / t);
+	};
+}
+function h(e, t, r, i, a, o) {
+	let c = parseFloat(o.penWeight || "2") || 2, l = i.parentElement instanceof HTMLElement ? i.parentElement : t, u = new s(i, {
+		backgroundColor: o.backgroundColor || "rgba(255, 255, 255, 0)",
+		penColor: o.penColor || "#000000",
+		dotSize: c,
+		minWidth: c,
+		maxWidth: c
+	}), d = () => {
+		let { width: e, height: t } = p(i);
+		if (!(e > 0) || !(t > 0)) return;
+		let n = Math.max(window.devicePixelRatio || 1, 1), a = i.getContext("2d");
+		if (!a) return;
+		let o = r.value || (u.isEmpty() ? "" : u.toDataURL());
+		i.width = e * n, i.height = t * n, a.setTransform(1, 0, 0, 1, 0, 0), a.scale(n, n), u.clear(), m(i, o);
+	}, h = (e = 0) => {
+		window.setTimeout(() => {
+			window.requestAnimationFrame(() => {
+				d();
+			});
+		}, e);
+	}, g = () => {
+		h();
+	}, _ = () => {
+		h(100);
+	}, v = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => {
+		h();
+	}), y = (e) => {
+		let t = r.value !== e;
+		r.value = e, t && (r.dispatchEvent(new Event("input", { bubbles: !0 })), r.dispatchEvent(new Event("change", { bubbles: !0 })));
+	}, b = () => {
+		y(u.isEmpty() ? "" : u.toDataURL());
+	}, x = () => {
+		u.clear(), y("");
+	};
+	return u.addEventListener("endStroke", b), window.addEventListener("resize", g), e.addEventListener("formie:page:navigate:after", _), v?.observe(l), h(), a && a.addEventListener("click", x), n(t, f, "init", { signature: u }), () => {
+		u.removeEventListener("endStroke", b), window.removeEventListener("resize", g), e.removeEventListener("formie:page:navigate:after", _), v?.disconnect(), a && a.removeEventListener("click", x), u.clear();
+	};
+}
+var g = {
+	id: f,
+	kind: "field",
+	match: (e) => !!e.target.querySelector(u),
+	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) ? () => {} : h(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) => {
+				e();
+			}), e.emit("formie:module:signature:destroy", {});
+		} };
+	}
+};
+//#endregion
+export { g as signatureModule };

package/dist/chunks/snaptcha-vz1RnZ15.js

@@ -0,0 +1,8 @@
+import { n as e } from "./api-DMK8NSUI.js";
+//#region src/js/modules/captchas/snaptcha.ts
+var t = e({
+	id: "snaptcha",
+	defaultPlaceholderSelector: "[data-snaptcha-captcha-placeholder]"
+});
+//#endregion
+export { t as snaptchaModule };

package/dist/chunks/square-BP8RWAKB.js

@@ -0,0 +1,40 @@
+import { t as e } from "./api-CmwLRq_n.js";
+import { r as t } from "./scripts-6CYSUGKQ.js";
+//#region src/js/modules/payments/square.ts
+var n = "FORMIE_SQUARE_SCRIPT", r = e({
+	id: "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", {
+			id: n,
+			src: r.environment === "sandbox" ? "https://sandbox.web.squarecdn.com/v1/square.js" : "https://web.squarecdn.com/v1/square.js"
+		}), 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]");
+		if (!o || !t) return null;
+		try {
+			let e = await t.payments(a.applicationId || "", a.locationId || "").card();
+			return await e.attach(o), e;
+		} catch (e) {
+			return r.addError(e instanceof Error ? e.message : "Unable to initialize payment."), null;
+		}
+	},
+	unmount: async () => {},
+	onBeforeAuthorize: async (e) => {
+		let { widget: t, services: n } = e;
+		if (!t) return n.addError("Square card is not ready."), !1;
+		try {
+			let e = await t.tokenize();
+			return e.status === "OK" && e.token ? (n.updateInputs("squarePaymentId", e.token), !0) : (n.addError(e.errors?.[0]?.message || "Tokenization failed."), !1);
+		} catch {
+			return n.addError("Payment tokenization failed. Please try again."), !1;
+		}
+	},
+	onAfterSubmit: async ({ services: e }) => {
+		e.updateInputs("squarePaymentId", "");
+	}
+});
+//#endregion
+export { r as squareModule };